/* KOMPONENT ph-clients — .ph-clients (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: style-a5de0145ecc1.css, userStyles-b7accc8e732d.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* --- z style-a5de0145ecc1.css --- */
.ph-clients { column-gap: var(--f-gap); align-items: baseline; grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ph-clients__names { font-size: clamp(24px, 2.5vw, 36px); margin: 0px; line-height: var(--lh-veta); text-wrap-mode: initial; text-wrap-style: pretty; }
.ph-clients__names span { color: var(--f-mute-dark); }   /* zámerne jemné lomky — rovnaké na každej ploche */

/* --- z userStyles-b7accc8e732d.css; 3. 11. 2026 (H2): bez html body / html:root, #praca → web-ph.css --- */
.ph-clients { display: flex; flex-direction: column; row-gap: 32px; margin-top: 96px; padding-top: 18px; border-top: 1px solid var(--c-line); }
.ph-clients__l, .ph-clients__names { grid-column: auto; }
@media (min-width: 861px) { .ph-clients { max-width: calc(100% - 240px - 2 * var(--f-gap)); } }
.ph-clients__names { letter-spacing: var(--tr-velky); }
.ph-clients.is-cap { border-top: 0; padding-top: 0; row-gap: 0; max-width: none; }
.ph-clients.is-cap > .ph-clients__l { order: 2; align-self: stretch; display: flex; justify-content: space-between; column-gap: 24px; margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--c-line); }
.ph-sec:not(.f-light):not(.f-neutral-bg) .ph-clients.is-cap > .ph-clients__l { border-top-color: var(--c-line-s); }
.ph-clients.is-cap > .ph-clients__names { order: 1; }