/*
Theme Name: Say Say
Template: bricks
Version: 1.0
Generováno z bricks/css/site.css — neupravovat na serveru.
*/

/* Say Say — layout a komponenty.
   Pozor: root je 62,5 %, takže 1rem = 10px. Velikosti písma a odsazení berou
   fluidní škálu, kterou vygeneroval Bricks (--text-*, --space-*).
   Barvy vlastní paleta Bricks, tady se nepředefinovávají. */
:root{
  --wrap:1200px; --wrap-narrow:760px;
  /* Jednotné řádkování: velké nadpisy, menší nadpisy a štítky, drobný text, běžný text */
  --lh-nadpis:1.15; --lh-podnadpis:1.25; --lh-maly:1.45; --lh-text:1.6;
  --gut:clamp(2rem,4vw,4rem);
  --section-y:clamp(4.8rem,4.5vw,6.4rem); /* 48 px mobil … 64 px desktop */
  --radius:16px; --radius-lg:28px;
  --shadow:0 1px 2px rgba(18,33,63,.05),0 18px 40px -20px rgba(18,33,63,.22);
}

/* --- základ --- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sekce{padding-block:var(--section-y)}
.sekce--beige{background:var(--beige)}
.sekce--magenta{background:var(--magenta);color:#fff}
.sekce__nadpis{margin:0 0 12px;max-width:22ch;line-height:var(--lh-nadpis)}
.sekce__perex{margin:0 0 var(--space-xl);max-width:62ch;font-size:var(--text-m);line-height:var(--lh-text)}
.eyebrow{margin:0 0 14px;font-size:var(--text-s);font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--petrol)}

/* --- tlačítka --- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;
  font-size:var(--text-s);font-weight:600;text-decoration:none;border:2px solid transparent;
  transform-origin:center;
  transition:background .18s,color .18s,border-color .18s,transform .2s ease}
.btn:hover,.btn:focus-visible{transform:scale(1.05)}
.btn--primary{background:var(--yellow);color:var(--ink)}
.btn--primary:hover,.btn--primary:focus-visible{background:#EFBE4C}
@supports (background:color-mix(in srgb,red,white)){
  .btn--primary:hover,.btn--primary:focus-visible{background:color-mix(in srgb,var(--yellow) 78%,#fff)}
}
.btn--ghost{border-color:var(--ink);color:var(--ink)}
.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--ink);color:var(--cream)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .btn{transition:background .18s,color .18s,border-color .18s}
  .btn:hover,.btn:focus-visible{transform:none}
}

/* --- hlavička --- */
.hdr{background:var(--cream);border-bottom:1px solid var(--line)}
#brx-header.brx-sticky{position:sticky;top:0;z-index:100}
.hdr__in{display:flex;align-items:center;gap:32px;width:100%;max-width:var(--wrap);
  margin-inline:auto;padding:18px var(--gut)}
.hdr__logo{display:flex;align-items:center;gap:18px;text-decoration:none}
/* Šířku loga drží atribut width v HTML — Bricks z něj dělá nastavení
   elementu s ID selektorem, které tuhle třídu přebije. */
/* Velikost loga řídí CSS, ne atribut v HTML — s atributem by Bricks
   vyrobil pravidlo s ID selektorem, které CSS přebije a navíc by
   scale měnil jen vzhled, ne výšku řádku. */
.hdr__logo img{display:block;width:140px;height:auto;aspect-ratio:409/337;
  transform:rotate(-3deg);transform-origin:left center;transition:width .22s ease}
.hdr__claim{padding-left:18px;border-left:2px solid var(--petrol);font-size:1.5rem;font-weight:600;
  line-height:var(--lh-podnadpis);letter-spacing:.13em;text-transform:uppercase;color:var(--petrol)}
/* Claim je petrolejový i na tmavém hero — tak je v návrhu. */
body:has(.v1hero) #brx-header .hdr__claim{border-left-color:var(--petrol);color:var(--petrol)}
.nav{display:flex;align-items:center;gap:clamp(2rem,2.4vw,3.4rem);margin-left:auto}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-s);
  font-weight:600;color:var(--ink);text-decoration:none}
.nav__chevron{font-size:.8em;opacity:.8;transform:translateY(-1px)}
.nav__link:hover{color:var(--magenta)}
.nav__sub{position:absolute;top:100%;left:0;display:none;flex-direction:column;gap:4px;min-width:300px;
  padding:14px;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow)}
.nav__item--has-sub:hover .nav__sub,.nav__item--has-sub:focus-within .nav__sub{display:flex}
.nav__sub a{padding:8px 10px;border-radius:8px;font-size:var(--text-s);color:var(--ink);text-decoration:none}
.nav__sub a:hover{background:var(--beige)}
.nav__pata{display:none}

/* --- mobilní menu: značkové tlačítko + celoobrazovkový panel ---
   Styly přepínače dřív úplně chyběly: tlačítko mělo nulovou velikost
   a `.nav{display:none}` neměl protějšek pro otevřený stav, takže se
   na telefonu nedalo menu otevřít. */
.hdr__prepinac{display:none;place-items:center;width:52px;height:52px;margin-left:auto;
  padding:0;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);
  cursor:pointer;box-shadow:0 6px 18px rgba(29,29,43,.18);
  transition:transform .2s ease,background-color .2s ease}
.hdr__prepinac:hover{transform:scale(1.06)}
.hdr__prepinac:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.hdr__carky{position:relative;display:block;width:22px;height:2.4px;border-radius:2px;
  background:currentColor;transition:background-color .2s ease}
.hdr__carky::before,.hdr__carky::after{content:"";position:absolute;left:0;width:22px;height:2.4px;
  border-radius:2px;background:currentColor;transition:transform .25s ease,top .25s ease}
.hdr__carky::before{top:-7px}
.hdr__carky::after{top:7px}
.hdr__prepinac[aria-expanded="true"]{background:var(--yellow);color:var(--ink)}
.hdr__prepinac[aria-expanded="true"] .hdr__carky,
body:has(.v1hero) #brx-header .hdr__prepinac[aria-expanded="true"] .hdr__carky,
html.je-sjeto body:has(.v1hero) #brx-header .hdr__prepinac[aria-expanded="true"] .hdr__carky{background:transparent}
.hdr__prepinac[aria-expanded="true"] .hdr__carky::before{top:0;transform:rotate(45deg)}
.hdr__prepinac[aria-expanded="true"] .hdr__carky::after{top:0;transform:rotate(-45deg)}

@media (max-width:991px){
  .hdr__prepinac{display:grid;position:relative;z-index:70}
  /* Panel přes celou obrazovku ve firemní tmavé barvě. */
  .nav.je-otevrene{display:flex;position:fixed;inset:0;z-index:60;
    flex-direction:column;align-items:stretch;justify-content:center;gap:0;margin:0;
    padding:calc(84px + env(safe-area-inset-top)) var(--gut) calc(28px + env(safe-area-inset-bottom));
    background:#261324;overflow-y:auto}
  /* Logo nad odkazy — panel překrývá hlavičku, tak si nese vlastní. */
  .nav.je-otevrene::before{content:"";position:absolute;top:calc(22px + env(safe-area-inset-top));
    left:var(--gut);width:76px;height:62px;background-repeat:no-repeat;
    background-size:contain;background-position:left center;
    background-image:url("https://saysay.cz/wp-content/uploads/2026/10/logo-saysay-znak.png")}
  .nav.je-otevrene .nav__item{border-bottom:1px solid rgba(255,255,255,.14)}
  .nav.je-otevrene .nav__link{display:flex;justify-content:space-between;align-items:center;
    padding:11px 0;font-size:2.1rem;font-weight:700;letter-spacing:-.01em}
  #brx-header .nav.je-otevrene .nav__link,
  html.je-sjeto #brx-header .nav.je-otevrene .nav__link{color:#fff}
  #brx-header .nav.je-otevrene .nav__link:hover,
  html.je-sjeto #brx-header .nav.je-otevrene .nav__link:hover{color:var(--yellow)}
  .nav.je-otevrene .nav__chevron{display:none}
  /* Podmenu nejde na dotyku otevřít hoverem, proto je rovnou rozbalené. */
  .nav.je-otevrene .nav__sub{position:static;display:flex;min-width:0;gap:0;
    padding:2px 0 8px 16px;background:transparent;box-shadow:none;border-radius:0}
  .nav.je-otevrene .nav__sub a{padding:6px 0;font-size:1.5rem;color:rgba(255,255,255,.78)}
  .nav.je-otevrene .nav__sub a:hover{background:transparent;color:var(--yellow)}

  .nav.je-otevrene .nav__pata{display:flex;flex-direction:column;gap:11px;margin-top:auto;
    padding-top:22px}
  .nav__kontakt{display:inline-flex;align-items:center;gap:11px;font-size:var(--text-m);
    font-weight:600;color:#fff;text-decoration:none}
  .nav__kontakt:hover{color:var(--yellow)}
  .nav__ikona,.nav__soc{flex:none;display:block;background-color:currentColor;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain}
  .nav__ikona{width:20px;height:20px;color:var(--yellow)}
  .nav__ikona--mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%272.6%27%20y%3D%275%27%20width%3D%2718.8%27%20height%3D%2714%27%20rx%3D%272.6%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3.2%207.2%2012%2013.2%2020.8%207.2%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%272.6%27%20y%3D%275%27%20width%3D%2718.8%27%20height%3D%2714%27%20rx%3D%272.6%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3.2%207.2%2012%2013.2%2020.8%207.2%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")}
  .nav__ikona--tel{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%203.4h3.1l1.5%203.9-2.3%201.2a11.2%2011.2%200%200%200%205.6%205.6l1.2-2.3%203.9%201.5v3.1a2%202%200%200%201-2.2%202A16.8%2016.8%200%200%201%204.6%205.6a2%202%200%200%201%202-2.2z%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%203.4h3.1l1.5%203.9-2.3%201.2a11.2%2011.2%200%200%200%205.6%205.6l1.2-2.3%203.9%201.5v3.1a2%202%200%200%201-2.2%202A16.8%2016.8%200%200%201%204.6%205.6a2%202%200%200%201%202-2.2z%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")}
  .nav__site{display:flex;gap:10px;margin-top:6px}
  .nav__site a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
    border:1.5px solid rgba(255,255,255,.3);color:#fff;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease}
  .nav__site a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
  .nav__soc{width:19px;height:19px}
  .nav__soc--li{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203.3a2.3%202.3%200%201%201%200%204.6%202.3%202.3%200%200%201%200-4.6zM3.1%209.3h3.8V21H3.1zM9.1%209.3h3.6V11h.05c.5-.95%201.73-1.95%203.57-1.95C20.2%209.05%2021%2011.3%2021%2014.3V21h-3.8v-5.9c0-1.4-.03-3.2-1.95-3.2-1.95%200-2.25%201.52-2.25%203.1V21H9.1z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203.3a2.3%202.3%200%201%201%200%204.6%202.3%202.3%200%200%201%200-4.6zM3.1%209.3h3.8V21H3.1zM9.1%209.3h3.6V11h.05c.5-.95%201.73-1.95%203.57-1.95C20.2%209.05%2021%2011.3%2021%2014.3V21h-3.8v-5.9c0-1.4-.03-3.2-1.95-3.2-1.95%200-2.25%201.52-2.25%203.1V21H9.1z%27%2F%3E%3C%2Fsvg%3E")}
  .nav__soc--ig{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%273.2%27%20y%3D%273.2%27%20width%3D%2717.6%27%20height%3D%2717.6%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.1%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%271.15%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%273.2%27%20y%3D%273.2%27%20width%3D%2717.6%27%20height%3D%2717.6%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.1%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%271.15%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E")}
  .nav__soc--fb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M13.4%2021v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5%201.54-1.5h1.64V3.63c-.28-.04-1.26-.13-2.4-.13-2.35%200-3.96%201.44-3.96%204.08V9.9H7.5V13h2.72v8z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M13.4%2021v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5%201.54-1.5h1.64V3.63c-.28-.04-1.26-.13-2.4-.13-2.35%200-3.96%201.44-3.96%204.08V9.9H7.5V13h2.72v8z%27%2F%3E%3C%2Fsvg%3E")}
  /* Pod otevřeným menu se nesmí rolovat stránka. */
  html:has(.nav.je-otevrene),body:has(.nav.je-otevrene){overflow:hidden}
}
@media (prefers-reduced-motion:reduce){
  .hdr__carky,.hdr__carky::before,.hdr__carky::after,.hdr__prepinac{transition:none}
  .hdr__prepinac:hover{transform:none}
}

/* --- hero --- */
.hero{background:var(--cream);padding-block:clamp(4rem,5vw,7rem)}
.hero__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3.2rem,4vw,6.4rem);align-items:center;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.hero__nadpis{margin:0 0 20px;font-size:var(--text-2xl);line-height:var(--lh-nadpis)}
.hero__nadpis em{font-style:normal;color:var(--magenta)}
.hero__perex{margin:0 0 32px;max-width:52ch;font-size:var(--text-m)}
.hero__akce{display:flex;flex-wrap:nowrap;align-items:center;gap:16px}
.hero__akce .btn{white-space:nowrap}
@media (max-width:600px){ .hero__akce{flex-wrap:wrap} }
.hero__media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.hero__video{display:block;width:100%;aspect-ratio:1/1;background:var(--beige)}
.hero__video video{display:block;width:100%;height:100%;object-fit:cover}

/* --- pás výsledků --- */
.dlazdice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:var(--space-l)}
.dlazdice__item{display:flex;flex-direction:column;gap:6px;padding:26px;background:var(--paper);
  border-radius:var(--radius);text-decoration:none;transition:transform .18s,box-shadow .18s}
.dlazdice__item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
/* Hodnoty mají různou délku („4,31" vs „7 % → 33 %"). Bez nowrap se delší
   zalomí, dlaždice pak vypadají jako čtyři různé velikosti písma. */
.dlazdice__hodnota{font-size:var(--text-xl);font-weight:800;line-height:var(--lh-nadpis);color:var(--magenta);
  white-space:nowrap}
.dlazdice__popis{flex:1 0 auto;font-size:var(--text-s);line-height:var(--lh-maly);color:var(--body)}
.dlazdice__klient{margin-top:12px;font-size:var(--text-s);font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted)}
.vysledky-pas__shrnuti{margin:var(--space-m) 0 0;font-size:var(--text-s);color:var(--muted)}

/* --- karty služeb --- */
.karty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.karta-sluzba{position:relative;display:flex;align-items:flex-end;
  min-height:430px;padding:30px;border-radius:var(--radius-lg);overflow:hidden}
.karta-sluzba__cislo{position:absolute;top:-.2em;right:.04em;font-size:14rem;font-weight:800;
  line-height:1;opacity:.14;pointer-events:none;user-select:none}
/* Obsah sedí u spodní hrany a karta je rovnou tak vysoká, aby se do ní vešel
   i rozbalený seznam. Hover tak nic neposune. */
.karta-sluzba__obsah{position:relative;width:100%}
.karta-sluzba__nadpis{margin:0 0 10px;font-size:var(--text-xl);color:inherit}
.karta-sluzba__front{margin:0;font-size:var(--text-m);opacity:.92}
.karta-sluzba__seznam{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;
  list-style:none;font-size:var(--text-s);line-height:var(--lh-maly);
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .3s ease,opacity .24s ease,margin .3s ease}
.karta-sluzba__seznam li{position:relative;padding-left:23px}
.karta-sluzba__seznam li::before{content:"";position:absolute;left:0;top:.42em;
  width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.5}
.karta-sluzba:hover .karta-sluzba__seznam,
.karta-sluzba:focus-within .karta-sluzba__seznam{max-height:280px;opacity:.95;margin:16px 0 0}
.karta-sluzba__odkaz{display:inline-block;margin-top:20px;font-size:var(--text-s);font-weight:600;
  color:inherit;text-decoration:underline;text-underline-offset:4px}
.karta-sluzba--petrol{background:var(--petrol);color:#fff}
.karta-sluzba--magenta{background:var(--magenta);color:#fff}
.karta-sluzba--yellow{background:var(--yellow);color:var(--ink)}
.karta-sluzba--beige{background:var(--beige);color:var(--ink)}

/* --- karty referencí --- */
.karty-ref{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.karta-ref{position:relative;display:block;padding:0 0 24px;background:var(--paper);
  border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}
.karta-ref:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.karta-ref__foto{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.karta-ref__badge{position:absolute;top:16px;left:16px;padding:7px 14px;border-radius:999px;
  background:var(--magenta);color:#fff;font-weight:700;font-size:var(--text-s)}
.karta-ref__nadpis{margin:20px 24px 6px;font-size:var(--text-l)}
.karta-ref__popis{margin:0 24px;font-size:var(--text-s);color:var(--body)}
.reference__vice{margin:var(--space-l) 0 0;font-size:var(--text-m)}
.reference__vice a{font-weight:600;color:var(--magenta)}

/* --- závěrečné CTA --- */
.cta{padding-bottom:0}
.cta__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3.2rem,4vw,6.4rem);align-items:end}
.cta__text{padding-bottom:var(--section-y)}
.cta__foto{align-self:end}
.cta__foto img{display:block;width:100%;height:auto;max-height:44rem;object-fit:contain;
  object-position:bottom}

/* --- patička --- */
.pat{background:var(--petrol);color:var(--cream)}
.pat__in{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;width:100%;max-width:var(--wrap);
  margin-inline:auto;padding:var(--space-2xl) var(--gut)}
.pat__sloupec{display:flex;flex-direction:column;gap:8px}
.pat__sloupec a{font-size:var(--text-s);color:var(--cream);text-decoration:none}
.pat__sloupec a:hover{color:var(--yellow)}
.pat__nadpis{margin:0 0 8px;font-size:var(--text-s);font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--yellow)}
.pat__znacka img{width:88px;height:auto;filter:brightness(0) invert(1)}
.pat__claim{margin:12px 0 0;font-size:var(--text-m)}
.pat__site{display:flex;flex-direction:column;gap:8px}
.pat__spodek{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%;
  max-width:var(--wrap);margin-inline:auto;padding:20px var(--gut);
  border-top:1px solid rgba(250,247,242,.22)}
.pat__udaje,.pat__pravni{margin:0;font-size:var(--text-xs);opacity:.85}
.pat__pravni{display:flex;flex-wrap:wrap;gap:20px}
.pat__pravni a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}

/* --- responzivita --- */
@media (max-width:991px){
  /* Logo mělo 146 px a tlačítko „Ozvěte se" se lámalo přes claim. */
  .hdr__logo img{width:96px}
  .hdr__claim{display:none}
  .hdr__cta{padding:9px 18px}
  .hero__in,.cta__in{grid-template-columns:1fr}
  .dlazdice,.karty{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pat__in{grid-template-columns:1fr 1fr}
  .nav{display:none}
}
@media (max-width:767px){
  /* Na úzkém displeji stačí hamburger, Kontakt je v menu. */
  .hdr__cta{display:none}
  .dlazdice,.karty,.karty-ref{grid-template-columns:1fr}
  .karta-sluzba{min-height:0}
  .karta-sluzba__cislo{font-size:9rem}
  .pat__in{grid-template-columns:1fr}
}
/* Bez myši nemá smysl schovávat odrážky za hover. */
@media (hover:none){
  .karta-sluzba__seznam{max-height:280px;opacity:.95;margin:16px 0 0}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .dlazdice__item:hover,.karta-ref:hover{transform:none}
}

/* --- stránka reference: hlavička výpisu a filtr --- */
.vypis__hlavicka{max-width:62ch;margin-bottom:var(--space-xl)}
.filtr{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-l)}
.filtr__chip{padding:9px 16px;border-radius:999px;border:2px solid var(--line);background:transparent;
  font-size:var(--text-s);font-weight:600;color:var(--ink);cursor:pointer}
.filtr__chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.karta-ref[hidden]{display:none}

/* --- případovka --- */
.pripad__hero{padding-block:var(--space-2xl) var(--space-l)}
.pripad__obor{margin:0 0 12px}
.pripad__podtitul{margin:16px 0 0;max-width:62ch;font-size:var(--text-l);color:var(--body)}
.pripad__foto{display:block;width:100%;height:auto;margin-top:var(--space-l);border-radius:var(--radius-lg)}
.pripad__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:var(--space-m)}
.chipy{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:7px 15px;border-radius:999px;background:var(--beige);
  font-size:var(--text-s);color:var(--ink)}
.vysledky{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.vysledek{display:flex;flex-direction:column;gap:6px}
.vysledek__hodnota{font-size:var(--text-2xl);font-weight:800;line-height:var(--lh-nadpis);color:var(--magenta)}
.vysledek__popis{font-size:var(--text-s);color:var(--body)}
.vysledky__poznamka{grid-column:1/-1;margin:12px 0 0;font-size:var(--text-xs);color:var(--muted)}
.telo{max-width:72ch}
.telo h2{margin:var(--space-l) 0 10px}
.telo p{margin:0 0 14px;font-size:var(--text-m);line-height:var(--lh-text)}
.telo ul{margin:0 0 14px;padding-left:20px}
.telo li{margin-bottom:5px;font-size:var(--text-m);line-height:var(--lh-text)}

/* --- stránka služby --- */
.sluzba__hero{padding-block:var(--space-2xl)}
.sluzba__karta{position:relative;padding:clamp(3.2rem,4vw,5.6rem);background:var(--paper);
  border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.sluzba__perex{margin:16px 0 var(--space-m);max-width:62ch;font-size:var(--text-l)}
.pasaz{padding-block:var(--space-xl)}
.pasaz__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.4rem,4vw,5.6rem);align-items:center;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.pasaz__nadpis{margin:0;color:#fff}
.pasaz__text{margin:0;color:#fff;opacity:.92}

/* --- seznam odrážek z pole --- */
.seznam-odrazky{margin:0;padding-left:20px}
.seznam-odrazky li{margin-bottom:5px}

/* --- kontakt --- */
.kontakt__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3.2rem,4vw,6.4rem)}
.kontakt__udaje{display:flex;flex-direction:column;gap:12px}
.kontakt__radek{display:flex;flex-direction:column;gap:2px}
.kontakt__popisek{font-size:var(--text-s);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.kontakt__hodnota{font-size:var(--text-l);font-weight:600;color:var(--ink)}
.kontakt__hodnota a{color:var(--ink);text-decoration:none}
.kontakt__hodnota a:hover{color:var(--magenta)}

/* --- o nás --- */
.onas__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3.2rem,4vw,6.4rem);align-items:center}
.onas__foto img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}

/* --- úzký sloupec pro právní stránky --- */
.uzke{width:100%;max-width:var(--wrap-narrow);margin-inline:auto;padding-inline:var(--gut)}

@media (max-width:991px){
  .pasaz__in,.kontakt__in,.onas__in{grid-template-columns:1fr}
}

/* ============================================================
   Homepage verze 1 — věrná stavba konceptu klientky.
   Vlastní hlavička přes video i světlá patička podle obrázku,
   proto se na téhle stránce globální hlavička a patička schovávají.
   ============================================================ */

/* Ručně psané poznámky z konceptu. */
.rukopis{font-family:Caveat,"Segoe Script","Bradley Hand",cursive;font-weight:600;
  line-height:1.2;letter-spacing:.01em}

/* Žlutá linka protékající celou stránkou. Jedna křivka v souřadnicích
   dokumentu; každá sekce z ní ukazuje svůj výsek přes oříznutý viewBox.
   Body počítá snippet saysay-cara z pozic reálných prvků — viz
   docs/reference/zluta-linka.md. */
.ma-caru{position:relative;overflow:hidden;isolation:isolate}
.cara-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.cara-svg path{fill:none;stroke:var(--yellow);stroke-width:2.5;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
/* v sekci služeb vede čára přes karty, ne za nimi */
.v1sluzby > .cara-svg{z-index:2}
/* nad videem i přetmavením (z-index 1), ale pod textem (také 2, ale dál v DOMu) */
.v1hero > .cara-svg{z-index:2}
.cara-svg--svetla path{stroke:#f7dc8c}
@media (max-width:767px){ .cara-svg{display:none} }

/* Hlavička leží na videu, patičku z návrhu nese samotná stránka. */
body:has(.v1hero) #brx-header{position:absolute;top:0;left:0;right:0;background:transparent;
  border-bottom:0;z-index:50}
body:has(.v1hero) #brx-header .hdr{background:transparent;border-bottom:0}
body:has(.v1hero) #brx-header .nav__link{color:#fff}
body:has(.v1hero) #brx-header .nav__link:hover{color:var(--yellow)}
body:has(.v1hero) #brx-header .hdr__carky,
body:has(.v1hero) #brx-header .hdr__carky::before,
body:has(.v1hero) #brx-header .hdr__carky::after{background:#fff}
body:has(.v1hero) #brx-footer{display:none}

/* ---------- hero ---------- */
.v1hero{position:relative;display:flex;align-items:center;min-height:min(92vh,780px);overflow:hidden;
  background-image:url("https://saysay.cz/wp-content/uploads/2026/10/hero-prvni-snimek.jpg");background-size:cover;
  background-position:center right;background-repeat:no-repeat}
.v1hero__video{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.v1hero__video video{display:block;width:100%;height:100%;object-fit:cover;
  transform:translateZ(0);will-change:transform;backface-visibility:hidden}
/* Švestkový přechod podle konceptu (#2B1628), ne navy. */
.v1hero__stin{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(38,19,36,.98) 0%,rgba(38,19,36,.94) 30%,
    rgba(38,19,36,.78) 52%,rgba(38,19,36,.46) 76%,rgba(38,19,36,.2) 100%)}
.v1hero__obsah{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin-inline:auto;
  padding:clamp(15rem,20vh,21rem) var(--gut) var(--space-2xl);color:#fff}
.v1hero__eyebrow{color:#F05BC1}
.v1hero__nadpis{margin:0 0 22px;max-width:26ch;font-size:var(--text-2xl);line-height:var(--lh-nadpis);
  text-wrap:balance;color:#fff}
.v1hero__duraz{position:relative;font-style:normal;color:#F05BC1}
/* Dekorace je rozdělená na dvě nezávislé části, aby se neměla jak rozejít
   s layoutem: podtržení visí na textu nadpisu, poznámku doprovází malá
   ručně působící šipka. Text zůstává v HTML (jde označit i přeložit),
   v SVG je jen šipka. */
/* Podtržení pod zvýrazněným řádkem kreslí průběžná žlutá linka (snippet
   saysay-cara), ne pozadí tohoto prvku — jinak by tam byly dvě. */
.v1hero__duraz{display:inline;font-style:normal;color:#F05BC1;padding-bottom:10px}
.v1hero__perex{margin:0 0 30px;max-width:44ch;font-size:var(--text-m);color:rgba(255,255,255,.92)}
.v1hero__cta{gap:10px}
.v1hero__ovladani{position:absolute;right:var(--gut);bottom:var(--space-l);z-index:2;display:flex;gap:8px}

/* Ovládání videa. Skleněná pilulka místo emoji: ikony kreslí CSS maskou,
   takže vypadají stejně na všech systémech a mění barvu spolu s textem.
   Glyf v HTML zůstává jako záloha pro případ, že by maska neprošla. */
/* Padding zleva (10 px) posouvá ikonu opticky doprava o 5 px — geometricky jsou glyfy
   vystředěné, ale vizuální těžiště reproduktoru i trojúhelníku leží vlevo. */
.v1ovl{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;padding:0 0 0 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(12,26,50,.30);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 8px 24px -12px rgba(0,0,0,.55);
  color:#fff;font-size:0;line-height:0;cursor:pointer;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}
.v1ovl::before{content:"";display:block;width:22px;height:22px;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.v1ovl:hover{background:#fff;border-color:#fff;color:var(--petrol,#287684);transform:translateY(-2px)}
.v1ovl:active{transform:translateY(0)}
.v1ovl:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* přehrát / pauza */
.v1ovl[data-video="prehrat"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M7.6%205.4%2017.6%2012%207.6%2018.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M7.6%205.4%2017.6%2012%207.6%2018.6Z'/%3E%3C/svg%3E")}
.v1ovl[data-video="prehrat"][data-stav="hraje"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Crect%20fill='%23000'%20x='7.6'%20y='5.4'%20width='3.2'%20height='13.2'%20rx='1.2'/%3E%3Crect%20fill='%23000'%20x='13.2'%20y='5.4'%20width='3.2'%20height='13.2'%20rx='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Crect%20fill='%23000'%20x='7.6'%20y='5.4'%20width='3.2'%20height='13.2'%20rx='1.2'/%3E%3Crect%20fill='%23000'%20x='13.2'%20y='5.4'%20width='3.2'%20height='13.2'%20rx='1.2'/%3E%3C/svg%3E")}


@media (prefers-reduced-motion:reduce){ .v1ovl{transition:none} .v1ovl:hover{transform:none} }

/* Kdyby prohlížeč masky neuměl, vrátíme viditelný glyf z HTML. */
@supports not ((-webkit-mask-image:url("#x")) or (mask-image:url("#x"))){
  .v1ovl{font-size:1.6rem;line-height:1}
  .v1ovl::before{display:none}
}

/* ---------- pás čísel ---------- */
.v1cisla{position:relative;background:var(--cream);overflow:hidden}
.v1cisla__in{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:28px;padding-block:var(--space-xl)}
.v1cislo{display:flex;flex-direction:column;gap:6px;padding-left:22px;border-left:2px solid var(--line)}
.v1cislo__h{font-size:var(--text-2xl);font-weight:800;line-height:1;color:var(--magenta)}
.v1cislo__p{font-size:var(--text-s);line-height:var(--lh-maly);color:var(--body)}
.v1cisla__pozn{margin:0;align-self:center;font-size:2.6rem;color:var(--petrol);
  transform:rotate(-5deg);text-align:center;position:relative;z-index:1;padding:14px 20px}

/* ---------- služby ---------- */
/* ---------- služby: balíček otočných karet ---------- */
/* Převzato z ukázky od návrhářky, viz docs/reference/sekce-sluzby.md.
   Ikony kreslí CSS maska — Bricks nepodepsané inline SVG nevykreslí. */
.v1sluzby{--karta-v:30rem;position:relative;background:#f8f4ee;color:var(--body);
  overflow:hidden;isolation:isolate}
.v1sluzby__eyebrow{color:var(--petrol)}
.v1sluzby__nadpis{margin:0 0 20px;color:var(--ink);line-height:var(--lh-nadpis);letter-spacing:-.03em}
.v1sluzby__perex{margin:0 0 56px;max-width:68rem;font-size:var(--text-m);
  line-height:var(--lh-text);color:var(--body)}

/* Pás karet záměrně NEMÁ z-index: jinak by založil vrstvicí kontext a
   otočená karta by se z něj nedostala nad čáru. Takhle se karty (1), čára (2)
   a otočená karta (3) řadí ve stejném kontextu sekce. */
/* Posuvný pás ořezává přetékající obsah, a tím i stíny karet. Dává se mu
   proto vnitřní odsazení a stejně velký záporný margin — okolní rozvržení
   tím zůstává beze změny, jen se box roztáhne o prostor pro stín.
   Hodnoty vycházejí z největšího stínu (otočená karta: 0 20px 44px). */
.v1karty{--sloupcu:3.2; --mezera:22px;
  --stin-nahore:28px; --stin-boky:0px; --stin-dole:66px;
  /* Bricks dává .brxe-div width:100%; s tím by záporný margin box
     nerozšířil, jen přesypal. */
  width:auto;max-width:none;
  position:relative;display:flex;overflow-x:auto;
  gap:var(--mezera);
  scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;
  margin:calc(-1 * var(--stin-nahore)) calc(50% - 50vw) calc(-1 * var(--stin-dole)) calc(-1 * var(--stin-boky));
  padding:var(--stin-nahore) calc(50vw - 50%) var(--stin-dole) var(--stin-boky)}
.v1karty::-webkit-scrollbar{display:none}
/* Kolik karet je vidět, řídí --sloupcu; zbytek se dojíždí posunem.
   Tři karty vyplní textový sloupec. Pás se ale vpravo rozpíná až k okraji
   okna, takže čtvrtá karta vykukuje a je vidět, že se dá posouvat — ořez
   padne na okraj obrazovky, ne doprostřed ničeho. Padding tu šířku vrací
   zpět, takže se šířka karet počítá pořád z textového sloupce. */
.v1karta{position:relative;z-index:1;scroll-snap-align:start;
  flex:0 0 calc((100% - (var(--sloupcu) - 1) * var(--mezera)) / var(--sloupcu));
  perspective:1600px;min-height:var(--karta-v)}   /* jen spodní hranice — výšku určuje nejvyšší rub */
.v1karta.je-otocena{z-index:3}
.v1karta__in{display:grid;height:100%;transform-style:preserve-3d;
  transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.v1karta.je-otocena .v1karta__in{transform:rotateY(180deg) translateY(-8px)}
.v1karta__lic,.v1karta__rub{grid-area:1/1;position:relative;border-radius:18px;
  padding:24px 22px 22px;backface-visibility:hidden;box-shadow:0 14px 34px rgba(29,29,43,.12)}

.v1karta__lic{display:flex;flex-direction:column;align-items:flex-start;width:100%;
  text-align:left;cursor:pointer;color:var(--paper);
  transition:transform .25s ease,box-shadow .25s ease}
.v1karta__lic:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(29,29,43,.18)}
.v1karta__lic:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.v1karta__titul{display:block;margin-top:6px;font-size:clamp(2.4rem,2.2vw,3rem);font-weight:700;
  line-height:var(--lh-nadpis);letter-spacing:-.02em}
.v1karta__otoc{margin-top:auto;align-self:flex-end;display:grid;place-items:center;
  width:50px;height:50px;border:1.5px solid;border-radius:50%}
.v1karta__otoc::before{content:"";width:22px;height:22px;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;transition:transform .4s ease;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2012a8%208%200%201%201-2.6-5.9'/%3E%3Cpath%20d='M20%204v5h-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2012a8%208%200%201%201-2.6-5.9'/%3E%3Cpath%20d='M20%204v5h-5'/%3E%3C/svg%3E")}
.v1karta__lic:hover .v1karta__otoc::before{transform:rotate(-180deg)}

.v1karta--1 .v1karta__lic{background:var(--petrol)}
.v1karta--2 .v1karta__lic{background:var(--magenta)}
.v1karta--3 .v1karta__lic{background:var(--yellow);color:var(--ink)}
.v1karta--4 .v1karta__lic{background:#e5dbcc;color:var(--ink)}

.v1karta__rub{transform:rotateY(180deg);background:#fff;color:var(--body);
  display:flex;flex-direction:column;box-shadow:0 20px 44px rgba(29,29,43,.18)}
/* Na rubu číslo není, takže nadpis musí křížek obejít sám. Křížek je
   40 px široký a 16 px od okraje, nadpis končí 28 px od okraje — do jeho
   prostoru tedy zasahuje 28 px. */
.v1karta__nadpis{padding-right:24px}
.v1karta__zavrit{position:absolute;top:14px;right:12px;width:36px;height:36px;
  display:grid;place-items:center;border-radius:50%;background:transparent;
  color:var(--ink);cursor:pointer;transition:background .2s ease}
.v1karta__zavrit::before{content:"";width:18px;height:18px;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E")}
.v1karta__zavrit:hover{background:rgba(29,29,43,.07)}
.v1karta__zavrit:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
.v1karta__nadpis{margin:0 0 10px;font-size:2rem;font-weight:700;line-height:var(--lh-podnadpis);
  letter-spacing:-.01em;color:var(--ink)}
.v1karta__podtitul{margin:0 0 16px;font-size:1.5rem;line-height:var(--lh-maly);color:#5a5a68}
.v1karta__seznam{margin:0 0 14px;padding:0;list-style:none}
.v1karta__seznam li{position:relative;margin:0 0 9px;padding:0 0 0 28px;
  font-size:1.5rem;line-height:var(--lh-maly);color:var(--ink)}
.v1karta__seznam li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;
  border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2012.5l4%204%208-9'%20fill='none'%20stroke='%23fcfbf9'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.v1karta__odkaz{margin-top:auto;align-self:stretch;display:inline-flex;align-items:center;gap:8px;
  padding-top:12px;border-top:1px solid #e8e2d8;
  color:var(--petrol);font-weight:500;font-size:1.6rem;text-decoration:none;
  transition:color .2s ease}
.v1karta__odkaz-t{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.25em}
.v1karta__odkaz span:last-child{transition:transform .2s ease}
.v1karta__odkaz:hover{color:var(--magenta)}
.v1karta__odkaz:hover span:last-child{transform:translateX(5px)}

.v1sluzby__pozn{margin:var(--space-l) 0 0;max-width:34ch;font-size:2rem;color:var(--ink);
  transform:rotate(-3deg)}

/* --- výpis služeb: stejné karty jako na homepage, ale 2×2 --- */
.v1sluzby--vypis{background:var(--cream)}
.v1karty--mrizka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;overflow:visible;scroll-snap-type:none;
  margin:calc(-1 * var(--stin-nahore)) 0 calc(-1 * var(--stin-dole));
  padding:var(--stin-nahore) 0 var(--stin-dole)}
.v1karty--mrizka .v1karta{flex:none}
/* Barvy se opakují ve stejném pořadí jako na homepage; ve výpisu je nelze
   vzít z pole, protože smyčka vykresluje jednu šablonu pro všechny. */
.v1karty--mrizka .v1karta:nth-child(1) .v1karta__lic{background:var(--petrol);color:var(--paper)}
.v1karty--mrizka .v1karta:nth-child(2) .v1karta__lic{background:var(--magenta);color:var(--paper)}
.v1karty--mrizka .v1karta:nth-child(3) .v1karta__lic{background:var(--yellow);color:var(--ink)}
.v1karty--mrizka .v1karta:nth-child(4) .v1karta__lic{background:#e5dbcc;color:var(--ink)}
@media (max-width:767px){ .v1karty--mrizka{grid-template-columns:1fr} }

@media (max-width:1179px){
  .v1sluzby__perex{margin-bottom:36px}
  .v1karty{--sloupcu:2.3}
}
/* Tablet a mobil: posuvný pás, další karta vždy zřetelně vykukuje, aby bylo
   jasné, že se dá posouvat. Pás začíná u textu a vpravo sahá k okraji okna. */
@media (max-width:767px){
  .v1sluzby{--karta-v:30rem}
  .v1karty{--sloupcu:1.25;--mezera:14px}
}
@media (prefers-reduced-motion:reduce){
  .v1karta__in,.v1karta__lic,.v1karta__otoc::before,.v1karta__odkaz,
  .v1karta__odkaz span:last-child{transition:none}
  .v1karty{scroll-behavior:auto}
}

/* ---------- reference ---------- */
.v1ref{position:relative;background:var(--cream);overflow:hidden}
.v1ref__hlava{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;
  justify-content:space-between;gap:20px;margin-bottom:var(--space-l)}
.v1ref__nadpis{margin:0;line-height:var(--lh-nadpis)}
.v1ref__nadpis em{font-style:normal;color:var(--magenta)}
.v1ref__vice{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  font-size:var(--text-m);font-weight:600;color:var(--magenta);text-decoration:none;
  padding:0 4px 8px 0;border-bottom:2px solid currentColor}
.v1ref__pata{display:none}
.v1ref__vice--dole{margin-top:var(--space-l)}
@media (max-width:767px){
  .v1ref__vice--nahore{display:none}
  .v1ref__pata{display:block}
}
.v1ref__vice span{transition:transform .25s ease}
.v1ref__vice:hover span{transform:translateX(5px)}

/* Mozaika referencí podle návrhu: na celou šířku, dlaždice na sebe navazují
   bez mezer. Vlevo velký projekt přes obě řady, uprostřed dva nad sebou,
   vpravo jeden vysoký. */
/* Mozaika drží stejnou šířku jako text sekce, aby se na velkém monitoru
   neroztáhla přes celou obrazovku. */
.v1bento{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr .95fr;
  grid-template-rows:repeat(2,clamp(19rem,21vw,26rem));gap:0;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.v1kus{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;
  padding:clamp(2.4rem,2.4vw,3.4rem)}
.v1kus--velky{grid-column:1;grid-row:1/span 2}
.v1kus--vysoky{grid-column:3;grid-row:1/span 2}
.v1kus img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.v1kus:hover img{transform:scale(1.045)}
/* Jen tolik stínu, kolik potřebuje text — fotka zůstává v barvě. */
.v1kus::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(10,14,26,.58) 0%,rgba(10,14,26,.16) 34%,
    rgba(10,14,26,0) 54%,rgba(10,14,26,.18) 76%,rgba(10,14,26,.60) 100%)}
.v1kus__hlava{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;
  text-shadow:0 1px 16px rgba(10,14,26,.55),0 1px 3px rgba(10,14,26,.35)}
.v1kus__hlava strong{font-size:var(--text-l);font-weight:700;line-height:var(--lh-nadpis);letter-spacing:-.01em}
.v1kus__hlava span{font-size:var(--text-m);font-weight:400;line-height:var(--lh-maly);opacity:.95}
.v1kus--velky .v1kus__hlava strong{font-size:var(--text-xl)}
/* Bricks vykresluje popisek a šipku jako dva elementy — text-decoration by
   každý podtrhl zvlášť. Linku proto nese celý odkaz jako border-bottom. */
.v1kus__odkaz{position:absolute;left:clamp(2.4rem,2.4vw,3.4rem);bottom:clamp(2.4rem,2.4vw,3.4rem);
  z-index:1;display:inline-flex;align-items:center;gap:10px;font-size:var(--text-s);
  font-weight:600;text-decoration:none;
  padding:0 4px 9px 0;border-bottom:2px solid currentColor;
  text-shadow:0 1px 14px rgba(10,14,26,.55),0 1px 3px rgba(10,14,26,.35)}
.v1kus__odkaz span{transition:transform .25s ease}
.v1kus:hover .v1kus__odkaz span{transform:translateX(5px)}

/* Prostřední dvojice má v návrhu tmavý text na světlém podkladu — fotky
   v tom sloupci jsou světlé a bílé písmo by na nich zaniklo. Pravidlo visí
   na roli dlaždice v mřížce, ne na konkrétním projektu. */
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky){color:var(--ink,#12213f)}
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky)::after{
  background:linear-gradient(to bottom,rgba(252,250,246,.80) 0%,rgba(252,250,246,.34) 32%,
    rgba(252,250,246,0) 52%,rgba(252,250,246,.34) 74%,rgba(252,250,246,.82) 100%)}
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky) .v1kus__hlava,
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky) .v1kus__odkaz{
  text-shadow:0 1px 14px rgba(252,250,246,.9),0 1px 3px rgba(252,250,246,.7)}
@media (prefers-reduced-motion:reduce){
  .v1kus img,.v1kus__odkaz span,.v1ref__vice span{transition:none}
  .v1kus:hover img{transform:none}
}

/* --- výpis referencí: ploché barevné dlaždice podle konceptu ---
   Koncept má reference bez fotek, jen barva a text. Řeší to zároveň
   projekty, ke kterým v podkladech žádná fotka není. */
.v1ref--vypis{background:var(--cream)}
.v1ref__perex{margin:0 0 var(--space-l);max-width:62ch;font-size:var(--text-m);line-height:var(--lh-text)}
.v1kusy{position:relative;z-index:1;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2px;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.v1kusy .v1kus{min-height:30rem;background:var(--yellow);color:var(--ink)}
.v1kusy .v1kus::after{display:none}
.v1kusy .v1kus .v1kus__hlava,.v1kusy .v1kus .v1kus__odkaz{text-shadow:none}
.v1kusy .v1kus:nth-child(4n+2){background:#e5dbcc;color:var(--ink)}
.v1kusy .v1kus:nth-child(4n+3){background:var(--magenta);color:var(--paper)}
.v1kusy .v1kus:nth-child(4n+4){background:var(--petrol);color:var(--paper)}
.v1kus__znacka{position:absolute;right:18px;bottom:18px;z-index:2;width:fit-content;
  padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.22);color:inherit;
  font-size:1.3rem;font-weight:700;line-height:var(--lh-podnadpis)}
.v1kusy .v1kus:nth-child(4n+1) .v1kus__znacka,
.v1kusy .v1kus:nth-child(4n+2) .v1kus__znacka{background:rgba(18,33,63,.12)}
.v1kus__znacka:empty{display:none}

/* filtr */
.filtr{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-l)}
.filtr__chip{padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;
  background:transparent;color:var(--body);font-size:1.4rem;font-weight:600;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.filtr__chip:hover{border-color:var(--petrol);color:var(--petrol)}
.filtr__chip[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.filtr__chip:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}

/* ---------- závěrečné CTA ---------- */
/* Foto zakladatelek je pozadím sekce, ne sloupcem v mřížce — proto leží
   mimo .wrap a je ukotvené k pravému dolnímu rohu. */
.v1cta{position:relative;background:var(--beige);overflow:hidden;padding-bottom:0;
  min-height:clamp(44rem,40vw,60rem);display:flex;align-items:center}
.v1cta__in{position:relative;z-index:1;display:block}
.v1cta__in > div{max-width:52rem;padding-block:var(--section-y)}
.v1cta__nadpis{margin:0 0 14px;line-height:var(--lh-nadpis);color:var(--magenta)}
.v1cta__perex{margin:0 0 28px;max-width:46ch;font-size:var(--text-m);color:var(--body)}
.v1cta__foto{position:absolute;right:clamp(16px,3vw,56px);bottom:0;z-index:0;line-height:0;
  width:min(62vw,88rem);pointer-events:none}
.v1cta__foto img{display:block;width:100%;height:auto}
.v1cta__pozn{position:absolute;top:17%;right:13%;margin:0;font-size:2.4rem;color:var(--magenta);
  text-align:right;line-height:var(--lh-maly);transform:rotate(-5deg);z-index:1}
.v1cta__podpis{position:absolute;right:35%;bottom:6%;margin:0;font-size:2.6rem;color:#fff;
  text-shadow:0 1px 12px rgba(10,14,26,.4),0 1px 3px rgba(10,14,26,.25);
  transform:rotate(-6deg);z-index:1}

/* ---------- patička podle návrhu ---------- */
.v1pat{background:var(--cream);border-top:1px solid var(--line)}
.v1pat__in{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding-block:var(--space-l)}
.v1pat__logo img{display:block;width:118px;height:auto}
.v1pat__nav{display:flex;flex-wrap:wrap;gap:26px;margin-left:auto}
.v1pat__nav a{font-size:var(--text-s);font-weight:600;color:var(--ink);text-decoration:none}
.v1pat__nav a:hover{color:var(--magenta)}
.v1pat__kontakt{display:flex;flex-direction:column;gap:8px}
.v1pat__kontakt a{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-s);
  font-weight:600;color:var(--ink);text-decoration:none;transition:color .2s ease}
.v1pat__kontakt a:hover{color:var(--magenta)}

/* Ikony kreslí CSS maska. Dřív to byly textové znaky (✉, ✆, in, ◉, f) —
   na každém systému vypadaly jinak a Instagram se vůbec nepoznal. */
.v1pat__ikona,.v1pat__soc{flex:none;display:block;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.v1pat__ikona{width:19px;height:19px;color:var(--petrol)}
.v1pat__kontakt a:hover .v1pat__ikona{color:var(--magenta)}
.v1pat__ikona--mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%272.6%27%20y%3D%275%27%20width%3D%2718.8%27%20height%3D%2714%27%20rx%3D%272.6%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3.2%207.2%2012%2013.2%2020.8%207.2%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%272.6%27%20y%3D%275%27%20width%3D%2718.8%27%20height%3D%2714%27%20rx%3D%272.6%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3.2%207.2%2012%2013.2%2020.8%207.2%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")}
.v1pat__ikona--tel{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%203.4h3.1l1.5%203.9-2.3%201.2a11.2%2011.2%200%200%200%205.6%205.6l1.2-2.3%203.9%201.5v3.1a2%202%200%200%201-2.2%202A16.8%2016.8%200%200%201%204.6%205.6a2%202%200%200%201%202-2.2z%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%203.4h3.1l1.5%203.9-2.3%201.2a11.2%2011.2%200%200%200%205.6%205.6l1.2-2.3%203.9%201.5v3.1a2%202%200%200%201-2.2%202A16.8%2016.8%200%200%201%204.6%205.6a2%202%200%200%201%202-2.2z%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")}

.v1pat__site{display:flex;gap:10px}
.v1pat__site a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--line);color:var(--petrol);background:transparent;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.v1pat__site a:hover{background:var(--petrol);border-color:var(--petrol);color:#fff;transform:translateY(-2px)}
.v1pat__site a:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.v1pat__soc{width:19px;height:19px}
.v1pat__soc--li{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203.3a2.3%202.3%200%201%201%200%204.6%202.3%202.3%200%200%201%200-4.6zM3.1%209.3h3.8V21H3.1zM9.1%209.3h3.6V11h.05c.5-.95%201.73-1.95%203.57-1.95C20.2%209.05%2021%2011.3%2021%2014.3V21h-3.8v-5.9c0-1.4-.03-3.2-1.95-3.2-1.95%200-2.25%201.52-2.25%203.1V21H9.1z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203.3a2.3%202.3%200%201%201%200%204.6%202.3%202.3%200%200%201%200-4.6zM3.1%209.3h3.8V21H3.1zM9.1%209.3h3.6V11h.05c.5-.95%201.73-1.95%203.57-1.95C20.2%209.05%2021%2011.3%2021%2014.3V21h-3.8v-5.9c0-1.4-.03-3.2-1.95-3.2-1.95%200-2.25%201.52-2.25%203.1V21H9.1z%27%2F%3E%3C%2Fsvg%3E")}
.v1pat__soc--ig{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%273.2%27%20y%3D%273.2%27%20width%3D%2717.6%27%20height%3D%2717.6%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.1%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%271.15%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%273.2%27%20y%3D%273.2%27%20width%3D%2717.6%27%20height%3D%2717.6%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.1%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%271.15%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E")}
.v1pat__soc--fb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M13.4%2021v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5%201.54-1.5h1.64V3.63c-.28-.04-1.26-.13-2.4-.13-2.35%200-3.96%201.44-3.96%204.08V9.9H7.5V13h2.72v8z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M13.4%2021v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5%201.54-1.5h1.64V3.63c-.28-.04-1.26-.13-2.4-.13-2.35%200-3.96%201.44-3.96%204.08V9.9H7.5V13h2.72v8z%27%2F%3E%3C%2Fsvg%3E")}
@media (prefers-reduced-motion:reduce){ .v1pat__site a{transition:none} .v1pat__site a:hover{transform:none} }

.v1pat__spodek{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;
  padding-block:16px;border-top:1px solid var(--line)}
.v1pat__spodek p{margin:0;font-size:var(--text-s);color:var(--muted)}
.v1pat__pravni{display:flex;flex-wrap:wrap;gap:20px}
.v1pat__pravni a{color:var(--muted);text-decoration:none}
.v1pat__pravni a:hover{color:var(--ink)}

@media (max-width:991px){
  .v1hero{min-height:0}
  .v1hero__obsah{padding-top:clamp(136px,30vw,190px)}
  .v1cisla__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v1cisla__pozn{grid-column:1/-1;width:fit-content;max-width:100%;
    text-align:left;transform:rotate(-3deg)}
  .v1sluzby__in{grid-template-columns:1fr}
  .v1panel__telo{grid-template-columns:1fr}
  .v1listek{position:static;width:auto;margin:0 22px 18px;transform:rotate(-2deg)}
  .v1bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,24rem)}
  .v1kus--velky{grid-column:1/span 2;grid-row:1}
  .v1kus--vysoky{grid-column:auto;grid-row:auto}
  .v1cta{display:block;min-height:0;padding-bottom:0}
  .v1cta__in{grid-template-columns:1fr}
  .v1cta__in > div{max-width:none;padding-block:var(--space-l) var(--space-m)}
  .v1cta__foto{position:static;width:100%;margin-top:10px}
  .v1cta__pozn{top:2%;right:3%;font-size:1.9rem}
  .v1cta__podpis{right:8%;bottom:8%;font-size:2.2rem}
  .v1pat__in{flex-direction:column;align-items:flex-start;gap:20px}
  .v1pat__nav{margin-left:0}
}
@media (max-width:767px){
  .v1cisla__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .v1bento{grid-template-columns:1fr;grid-template-rows:none}
  .v1kus{height:26rem}
  .v1kus--velky{grid-column:1;grid-row:auto}
}
.v1pat__logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.v1pat__logo img{display:block;width:104px;height:auto}
.v1pat__claim{padding-left:14px;border-left:1px solid var(--line);font-size:1.15rem;font-weight:600;
  line-height:var(--lh-podnadpis);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)}

.hdr__cta{font-size:var(--text-s);padding:11px 24px}

/* Při scrollu se hlavička i logo zmenší, ať neukrajují obrazovku. */
#brx-header{transition:padding .22s ease}
#brx-header .hdr__in{transition:padding .22s ease}
html.je-sjeto #brx-header .hdr__in{padding-top:6px;padding-bottom:6px}
/* Logo se zmenšuje transformací, ne šířkou: width na obrázku drží
   nastavení elementu Bricks s ID selektorem a souboj o specificitu
   nemá smysl. Scale navíc animuje plynule. */
html.je-sjeto #brx-header .hdr__logo img{width:84px}
html.je-sjeto #brx-header .hdr__claim{font-size:1.15rem;padding-left:12px}
/* Sjetá hlavička na homepage vypadá stejně jako na podstránkách: krémová,
   tmavé odkazy, petrolejový claim. Nad hero zůstává průhledná s bílými odkazy. */
html.je-sjeto body:has(.v1hero) #brx-header{position:fixed;background:color-mix(in srgb,var(--cream) 94%,transparent);
  backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
html.je-sjeto body:has(.v1hero) #brx-header .nav__link{color:var(--ink)}
html.je-sjeto body:has(.v1hero) #brx-header .hdr__claim{color:var(--petrol);border-left-color:var(--petrol)}
html.je-sjeto body:has(.v1hero) #brx-header .nav__link:hover,
html.je-sjeto body:has(.v1hero) #brx-header .nav__link:focus-visible{color:var(--magenta)}
html.je-sjeto body:has(.v1hero) #brx-header .hdr__carky,
html.je-sjeto body:has(.v1hero) #brx-header .hdr__carky::before,
html.je-sjeto body:has(.v1hero) #brx-header .hdr__carky::after{background:var(--ink)}

/* ===== Detail služby a detail reference (koncept 2. 10.) ===== */
.auto-sekce:empty,.brxe-shortcode:empty{display:none}
.odkaz-sipka{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-s);font-weight:600;
  color:var(--magenta);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px;white-space:nowrap}
.odkaz-sipka::after{content:"";width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.odkaz-sipka:hover{color:var(--ink)}

/* hero služby: text vlevo, obrázek vpravo (foto nahradí klientka přes pole) */
.sluzba__hero{padding-block:var(--space-xl) var(--space-l)}
.sluzba__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3.2rem,5vw,7.2rem);align-items:center}
.sluzba__nadpis{margin:0 0 22px;font-size:var(--text-3xl);line-height:var(--lh-nadpis);max-width:16ch}
.sluzba__duraz{color:var(--magenta)}
.sluzba__perex{margin:0 0 30px;max-width:48ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.sluzba__obrazek{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;max-height:520px;
  background:var(--beige);border-radius:var(--radius-lg);overflow:hidden}
.sluzba__obrazek:empty{display:none}
.sluzba__obrazek img{width:72%;height:auto;max-height:80%;object-fit:contain;mix-blend-mode:multiply}
.sluzba__karta{display:none}

/* S čím vám můžeme pomoci — položky s barevnou linkou vlevo */
.pomoc{padding-top:var(--space-l)}
.pomoc .sekce__nadpis{margin-bottom:var(--space-m)}
.telo__polozky{list-style:none;margin:0;padding:0;display:grid;gap:26px 40px}
.telo__polozky li{display:flex;flex-direction:column;gap:8px;padding-left:22px;border-left:3px solid var(--magenta)}
.telo__polozky strong{font-size:var(--text-l);font-weight:700;line-height:var(--lh-podnadpis);color:var(--ink)}
.telo__polozky span{font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
.pomoc__mrizka{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}
.pomoc__mrizka li:nth-child(3n+1){border-color:var(--magenta)}
.pomoc__mrizka li:nth-child(3n+1) strong{color:var(--magenta)}
.pomoc__mrizka li:nth-child(3n+2){border-color:var(--yellow)}
.pomoc__mrizka li:nth-child(3n+2) strong{color:#D99A05}
.pomoc__mrizka li:nth-child(3n+3){border-color:var(--petrol)}
.pomoc__mrizka li:nth-child(3n+3) strong{color:var(--petrol)}
.pomoc__mrizka strong{font-size:var(--text-xl)}
.pomoc__skupiny{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(2.4rem,4vw,5.6rem)}
.pomoc__skupiny--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pomoc__skupina h3{margin:0 0 14px;padding-left:22px;border-left:3px solid var(--magenta);
  font-size:var(--text-xl);font-weight:700;line-height:var(--lh-nadpis);color:var(--magenta)}
.pomoc__skupina:nth-child(3n+2) h3{border-color:var(--yellow);color:#D99A05}
.pomoc__skupina:nth-child(3n+3) h3{border-color:var(--petrol);color:var(--petrol)}
.pomoc__uvod{margin:0 0 18px;padding-left:22px;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
.pomoc__skupina .telo__polozky{gap:0}
.pomoc__skupina .telo__polozky li{padding:14px 0 14px 22px;border-left:0;border-bottom:1px solid rgba(18,33,63,.1)}
.pomoc__skupina .telo__polozky li:last-child{border-bottom:0}
.pomoc__skupina .telo__polozky strong{font-size:var(--text-m)}

/* barevný pruh se šipkou */
.pasaz{position:relative;overflow:hidden}
.pasaz::after{content:"";position:absolute;right:4%;top:50%;width:160px;height:160px;transform:translateY(-50%);
  opacity:.14;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat}
.pasaz__in{grid-template-columns:1fr 1.1fr;position:relative;z-index:1}
.pasaz__nadpis{font-size:var(--text-2xl);line-height:var(--lh-nadpis);padding-right:clamp(2rem,4vw,5.6rem);border-right:1px solid rgba(255,255,255,.4)}
.pasaz__text{font-size:var(--text-m);line-height:var(--lh-text)}

/* Jak pracujeme — 01–04 */
.kroky{background:var(--beige)}
.kroky__seznam{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.kroky__krok{display:flex;flex-direction:column;gap:8px;padding-left:24px;border-left:1px solid rgba(18,33,63,.15)}
.kroky__krok:first-child{padding-left:0;border-left:0}
.kroky__cislo{font-size:var(--text-2xl);font-weight:800;line-height:1;margin-bottom:10px;color:var(--magenta)}
.kroky__krok:nth-child(4n+2) .kroky__cislo{color:#D99A05}
.kroky__krok:nth-child(4n+3) .kroky__cislo{color:var(--petrol)}
.kroky__nadpis{font-size:var(--text-m);font-weight:700;color:var(--ink)}
.kroky__text{font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}

/* reference k službě / další reference */
.sref__hlava{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:var(--space-m)}
.sref__hlava .sekce__nadpis{margin-bottom:0}
.sref__mrizka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sref__mrizka--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sref__karta{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink)}
.sref__foto{display:block;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--beige);margin-bottom:8px}
.sref__foto img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sref__karta:hover .sref__foto img{transform:scale(1.04)}
.sref__foto--magenta{background:var(--magenta)}.sref__foto--petrol{background:var(--petrol)}
.sref__foto--zluta{background:var(--yellow)}.sref__foto--bezova{background:var(--beige)}
.sref__foto > span{display:flex;align-items:flex-end;height:100%;padding:24px;font-size:var(--text-xl);font-weight:800;line-height:var(--lh-nadpis);color:#fff}
.sref__foto--zluta > span,.sref__foto--bezova > span{color:var(--ink)}
.sref__nadpis{font-size:var(--text-l);font-weight:700;line-height:var(--lh-podnadpis)}
.sref__popis{font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
.sref__vice{margin-top:6px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:var(--text-s);
  font-weight:600;color:var(--magenta);border-bottom:2px solid currentColor;padding-bottom:2px}
.sref__vice::after{content:"";width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.sref__karta:hover .sref__vice{color:var(--ink)}

/* ukázky webů */
.ukazky__mrizka{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.ukazky__odkaz{display:flex;flex-direction:column;gap:4px;padding:22px 24px;background:var(--paper);border-radius:var(--radius);
  text-decoration:none;box-shadow:var(--shadow);transition:transform .18s}
.ukazky__odkaz:hover{transform:translateY(-4px)}
.ukazky__nazev{font-size:var(--text-m);font-weight:700;color:var(--ink)}
.ukazky__web{font-size:var(--text-xs);color:var(--magenta);font-weight:600}

/* CTA pruh — nadpis, text, tlačítko vedle sebe */
.cta-pas__in{display:grid;grid-template-columns:1.1fr 1fr auto;gap:clamp(2.4rem,4vw,6.4rem);align-items:center}
.cta-pas__nadpis{margin:0;font-size:var(--text-xl);line-height:var(--lh-nadpis);color:var(--magenta)}
.cta-pas__text{margin:0;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}

/* detail reference */
.pripad__hero{padding-block:var(--space-xl) 0}
.pripad__karta{display:grid;grid-template-columns:1fr auto;gap:clamp(2.4rem,4vw,6.4rem);align-items:start;
  padding:clamp(3.2rem,4vw,5.6rem);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.pripad__nadpis{margin:0;font-size:var(--text-2xl);line-height:var(--lh-nadpis);max-width:22ch}
.pripad__klient{color:var(--magenta)}
.pripad__podtitul{margin:18px 0 0;max-width:62ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.pripad__meta{margin-top:22px}
.chip{background:var(--beige);font-weight:600;font-size:var(--text-xs)}
.pripad__odkaz{margin-top:22px}.pripad__odkaz:empty{display:none}
.pripad__logo{display:flex;align-items:center;justify-content:center;width:200px;min-height:120px;padding:20px;
  background:var(--beige);border-radius:var(--radius)}
.pripad__logo:empty{display:none}
.pripad__logo img{max-width:160px;max-height:90px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.pripad__foto{display:block;margin-top:var(--space-m)}
.pripad__foto:empty{display:none}
.pripad__foto img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-lg)}
.vysledky-pas{padding-block:var(--space-l)}
.vysledky-pas .eyebrow{margin-bottom:24px}
.pripad__obsah{padding-top:var(--space-l)}
.telo{max-width:76ch}
.telo h2{margin:var(--space-l) 0 14px;font-size:var(--text-xl);line-height:var(--lh-nadpis)}
.telo h2:first-child{margin-top:0}
.telo h3{margin:30px 0 8px;font-size:var(--text-m);font-weight:700;color:var(--petrol)}
.telo p{font-size:var(--text-m)}
.telo__duraz{margin:26px 0 !important;padding:4px 0 4px 22px;border-left:4px solid var(--yellow);
  font-size:var(--text-l) !important;font-weight:600;line-height:var(--lh-maly) !important;color:var(--ink)}
.telo__odkaz{font-weight:600;color:var(--magenta)}
.telo .telo__polozky{display:flex;flex-direction:column;gap:22px;margin:10px 0 22px}
.telo .telo__polozky li{margin:0;border-left-color:var(--petrol)}
.telo .telo__polozky strong{font-size:var(--text-m)}
.telo__cisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin:18px 0 28px}
.telo__cisla > div{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--paper);border-radius:var(--radius)}
.telo__cisla strong{font-size:var(--text-xl);font-weight:800;line-height:var(--lh-nadpis);color:var(--magenta)}
.telo__cisla span{font-size:var(--text-s);font-weight:600;color:var(--ink);line-height:var(--lh-maly)}
.telo__cisla small{font-size:var(--text-xs);line-height:var(--lh-maly);color:var(--muted)}
.telo__seznam{margin:0 0 18px;padding-left:20px}
.citat{padding-block:var(--space-xl)}
.citat__in{max-width:var(--wrap)}
.citat__text{margin:0;max-width:24ch;font-size:var(--text-2xl);font-weight:800;line-height:var(--lh-nadpis);color:#fff}
.citat__autor{margin:20px 0 0;font-size:var(--text-s);font-weight:600;color:rgba(255,255,255,.75)}
.galerie .eyebrow{margin-bottom:22px}
.galerie__mrizka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.galerie__mrizka--2,.galerie__mrizka--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.galerie__pole{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--beige);aspect-ratio:4/3}
.galerie__pole img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:991px){
  .sluzba__in{grid-template-columns:1fr;gap:28px}
  .sluzba__obrazek{max-height:300px;aspect-ratio:auto;padding:24px}
  .sluzba__obrazek img{width:auto;max-height:240px}
  .pomoc__mrizka,.pomoc__skupiny,.pomoc__skupiny--2{grid-template-columns:1fr;gap:28px}
  .pasaz__in{grid-template-columns:1fr;gap:20px}
  .pasaz__nadpis{padding-right:0;border-right:0}
  .pasaz::after{display:none}
  .kroky__seznam{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kroky__krok:nth-child(3){padding-left:0;border-left:0}
  .sref__hlava{flex-direction:column;align-items:flex-start;gap:12px}
  .sref__mrizka,.sref__mrizka--4{grid-template-columns:1fr;gap:28px}
  .cta-pas__in{grid-template-columns:1fr;gap:18px}
  .pripad__karta{grid-template-columns:1fr;padding:28px 24px}
  .pripad__logo{width:160px;min-height:90px;order:-1}
  .pripad__foto img{aspect-ratio:4/3}
  .galerie__mrizka,.galerie__mrizka--2,.galerie__mrizka--4{grid-template-columns:1fr 1fr;gap:12px}
}
@media (max-width:600px){
  .kroky__seznam{grid-template-columns:1fr}
  .kroky__krok{padding-left:0;border-left:0}
  .galerie__mrizka,.galerie__mrizka--2,.galerie__mrizka--4{grid-template-columns:1fr}
}

/* doladění po kontrole 18. 10. */
.pasaz__in{padding-right:calc(var(--gut) + 150px)}
.pasaz::after{right:3%;width:120px;height:120px}
.kroky{background:transparent;border-top:1px solid rgba(18,33,63,.1);border-bottom:1px solid rgba(18,33,63,.1)}
.pripad__obsah .wrap{display:flex;justify-content:center}
.pripad__telo{width:100%;max-width:780px}
@media (max-width:991px){ .pasaz__in{padding-right:var(--gut)} }


/* ===== Kontakt (brand) ===== */
.kontakt{padding-block:var(--space-xl)}
.kontakt__in{grid-template-columns:1fr minmax(0,560px);gap:clamp(3.2rem,5vw,8rem);align-items:start}
.kontakt__nadpis{margin:0 0 20px;font-size:var(--text-3xl);line-height:var(--lh-nadpis)}
.kontakt__duraz{color:var(--magenta)}
.kontakt__perex{margin:0 0 var(--space-m);max-width:44ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.kontakt__karty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kontakt__karta{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;
  padding:18px 20px;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);
  text-decoration:none;color:var(--ink);transition:transform .18s}
a.kontakt__karta:hover{transform:translateY(-3px)}
.kontakt__karta:last-child{grid-column:1/-1}
.kontakt__ikona{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--beige);position:relative}
.kontakt__ikona::before{content:"";width:20px;height:20px;background:var(--magenta);-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.kontakt__ikona--mail{--ik:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%275%27%20width%3D%2718.8%27%20height%3D%2714%27%20rx%3D%272.6%27/%3E%3Cpath%20d%3D%27M3.2%207.2%2012%2013.2l8.8-6%27/%3E%3C/svg%3E")}
.kontakt__ikona--tel{--ik:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.6%203.4h3.1l1.5%203.9-2.3%201.2a11.2%2011.2%200%200%200%205.6%205.6l1.2-2.3%203.9%201.5v3.1a2%202%200%200%201-2.2%202A16.8%2016.8%200%200%201%204.6%205.6a2%202%200%200%201%202-2.2z%27/%3E%3C/svg%3E")}
.kontakt__ikona--misto{--ik:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-6.5-5.6-6.5-11a6.5%206.5%200%200%201%2013%200c0%205.4-6.5%2011-6.5%2011z%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.4%27/%3E%3C/svg%3E")}
.kontakt__karta .kontakt__popisek{font-size:var(--text-xs);letter-spacing:.09em}
.kontakt__karta .kontakt__hodnota{font-size:var(--text-m);font-weight:700;line-height:var(--lh-maly)}
.kontakt__fakturace{margin-top:var(--space-m);padding-top:20px;border-top:1px solid var(--line)}
.kontakt__fakturace p{margin:0 0 6px;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
.kontakt__fakturace .kontakt__popisek{font-size:var(--text-xs)}

/* formulář */
.form-obal{padding:clamp(2.8rem,3.5vw,4.8rem);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}
.form-obal::before{content:"";position:absolute;right:28px;top:28px;width:56px;height:6px;border-radius:6px;background:var(--petrol)}
.form-nadpis{margin:0 0 6px;font-size:var(--text-xl);line-height:var(--lh-nadpis);color:var(--ink)}
.form-perex{margin:0 0 24px;font-size:var(--text-s);color:var(--muted)}
.poptavka{display:flex;flex-direction:column;gap:16px}
.poptavka .form-group{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;width:100%}
.poptavka .form-group > label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.poptavka input[type=text],.poptavka input[type=email],.poptavka input[type=tel],.poptavka textarea{
  width:100%;padding:14px 18px;border:1.5px solid rgba(18,33,63,.14);border-radius:14px;background:var(--cream);
  font:inherit;font-size:var(--text-s);color:var(--ink);line-height:var(--lh-text);transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}
.poptavka textarea{min-height:140px;resize:vertical}
.poptavka input::placeholder,.poptavka textarea::placeholder{color:#9AA0AC;opacity:1}
.poptavka input:hover,.poptavka textarea:hover{border-color:rgba(18,33,63,.28)}
.poptavka input:focus,.poptavka textarea:focus{outline:0;border-color:var(--magenta);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--magenta) 14%,transparent)}
.poptavka .options-wrapper{list-style:none;margin:4px 0 0;padding:0}
.poptavka .options-wrapper li{display:flex;align-items:flex-start;gap:12px;margin:0}
.poptavka input[type=checkbox]{flex:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid rgba(18,33,63,.3);border-radius:6px;
  background:var(--cream);-webkit-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center}
.poptavka input[type=checkbox]::before{content:"";width:13px;height:13px;background:#fff;transform:scale(0);transition:transform .12s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012.5l4.2%204.2L19%207%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012.5l4.2%204.2L19%207%27/%3E%3C/svg%3E") center/contain no-repeat}
.poptavka input[type=checkbox]:checked{background:var(--magenta);border-color:var(--magenta)}
.poptavka input[type=checkbox]:checked::before{transform:scale(1)}
.poptavka input[type=checkbox]:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}
.poptavka .options-wrapper label{font-size:var(--text-s);line-height:var(--lh-text);color:var(--body);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:400}
.poptavka .submit-button-wrapper{margin-top:6px;width:100%}
.poptavka button.bricks-button,.poptavka button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  min-height:56px;padding:0 32px;border:0;border-radius:999px;background:var(--yellow);color:var(--ink);
  font:inherit;font-size:var(--text-s);font-weight:700;cursor:pointer;transition:transform .18s,background .18s}
.poptavka button.bricks-button:hover,.poptavka button[type=submit]:hover{transform:scale(1.03);background:color-mix(in srgb,var(--yellow) 78%,#fff)}
.poptavka .message{margin-top:8px;padding:14px 18px;border-radius:14px;font-size:var(--text-s)}
.poptavka .message.success{background:color-mix(in srgb,var(--petrol) 12%,#fff);color:var(--petrol)}
.poptavka .message.error{background:color-mix(in srgb,var(--magenta) 10%,#fff);color:var(--magenta)}
.form-pozn{margin:18px 0 0;font-size:var(--text-xs);line-height:var(--lh-text);color:var(--muted)}
.form-pozn a{color:var(--magenta)}

/* ===== O nás ===== */
.onas-hero{padding-block:var(--space-xl) var(--space-l)}
.onas__nadpis{margin:0 0 20px;font-size:var(--text-3xl);line-height:var(--lh-nadpis);max-width:15ch}
.onas__duraz{color:var(--magenta)}
.onas__perex{margin:0 0 28px;max-width:48ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.onas__tlacitka{display:flex;flex-wrap:wrap;gap:12px}
.onas__foto{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-top:40px;
  background:var(--beige);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:5/4}
.onas__foto img{width:88%;height:auto;border-radius:0;object-fit:contain}
.zasady{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zasada{display:flex;flex-direction:column;gap:10px;padding:30px;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.zasada__cislo{font-size:var(--text-xl);font-weight:800;color:var(--magenta);line-height:1}
.zasada:nth-child(2) .zasada__cislo{color:#D99A05}
.zasada:nth-child(3) .zasada__cislo{color:var(--petrol)}
.zasada__nadpis{margin:6px 0 0;font-size:var(--text-l);line-height:var(--lh-podnadpis)}
.zasada__text{margin:0;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
.onas__cisla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.onas__cislo{display:flex;flex-direction:column;gap:6px;padding-left:22px;border-left:3px solid var(--magenta)}
.onas__cislo:nth-child(2){border-color:var(--yellow)}
.onas__cislo:nth-child(3){border-color:var(--petrol)}
.onas__hodnota{font-size:var(--text-3xl);font-weight:800;line-height:1;color:var(--ink)}
.onas__popis{font-size:var(--text-m);color:var(--body)}
.onas__kde{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(3.2rem,5vw,8rem);align-items:center}
.onas__adresa{padding:28px 32px;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.onas__adresa p{margin:0 0 12px;font-size:var(--text-m);line-height:var(--lh-text);color:var(--ink)}
.onas__adresa p:last-child{margin:0}
.onas__adresa a{color:var(--magenta);font-weight:600;text-decoration:none}

@media (max-width:991px){
  .kontakt__in{grid-template-columns:1fr}
  .kontakt__karty{grid-template-columns:1fr}
  .zasady,.onas__cisla,.onas__kde{grid-template-columns:1fr}
  .onas__foto{aspect-ratio:auto}
}
/* iOS přibližuje stránku u polí s písmem pod 16 px */
@media (max-width:991px){ .poptavka input,.poptavka textarea{font-size:16px} }


/* ===== Coming soon (šablona Bricks pro režim údržby) =====
   Velikosti v px/vw/vh, ne v rem: zvětšené písmo v prohlížeči by jinak
   rozhodilo layout „vše na jedné obrazovce". */
.cs{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;
  background:var(--cream);color:var(--body);font-size:clamp(15px,1.8vw,17px);line-height:1.6}
.cs::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201200%20800%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M-20%20730%20C220%20786%20380%20620%20620%20660%20C840%20697%20940%20830%201220%20770%27%20fill%3D%27none%27%20stroke%3D%27%23E0A516%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/100% 100% no-repeat}
.cs__stred{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-start;
  width:100%;max-width:920px;margin-inline:auto;padding:clamp(8px,1.6vh,52px) clamp(18px,5vw,40px) clamp(10px,1.8vh,68px)}
.cs__logo{display:block;width:clamp(124px,min(42vw,34vh),360px);height:auto;margin:0 0 clamp(8px,1.8vh,40px)}
.cs__stitek{margin:0 0 clamp(6px,1.4vh,12px);font-size:clamp(11px,2.6vw,14px);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--petrol)}
.cs__nadpis{margin:0 0 clamp(8px,1.6vh,14px);font-size:clamp(24px,6.2vw,56px);font-weight:800;line-height:1.14;
  text-wrap:balance;letter-spacing:-.02em;color:var(--ink)}
.cs__duraz{color:var(--magenta)}
.cs__perex{margin:0 0 clamp(12px,2.2vh,36px);max-width:520px;font-size:clamp(15px,1.9vw,20px);line-height:1.6}
.cs__kontakty{display:flex;flex-wrap:wrap;gap:10px 32px;margin:0 0 clamp(12px,2.2vh,20px)}
.cs__kontakt{display:inline-flex;align-items:center;gap:9px;font-size:clamp(16px,2.1vw,22px);font-weight:600;color:var(--ink);
  text-decoration:none;padding:12px 0 8px;border-bottom:2px solid var(--yellow);transition:color .2s,border-color .2s}
.cs__kontakt::before{content:"";flex:none;width:1.3em;height:1.3em;background:currentColor;
  -webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.cs__kontakt--mail{--ik:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.5%27%20y%3D%275%27%20width%3D%2719%27%20height%3D%2714%27%20rx%3D%272.5%27/%3E%3Cpath%20d%3D%27M3%207l9%206%209-6%27/%3E%3C/svg%3E")}
.cs__kontakt--tel{--ik:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.8%203.5h3l1.5%203.8-2.3%201.2a11%2011%200%200%200%205.5%205.5l1.2-2.3%203.8%201.5v3a2%202%200%200%201-2.2%202A16.5%2016.5%200%200%201%204.8%205.7a2%202%200%200%201%202-2.2z%27/%3E%3C/svg%3E")}
.cs__kontakt:hover,.cs__kontakt:focus-visible{color:var(--magenta);border-color:var(--magenta)}
.cs__kontakt:focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
.cs__adresa{margin:0;font-size:clamp(14px,1.7vw,16px);line-height:1.7}
.cs__pozn{margin:clamp(10px,1.8vh,36px) 0 0;font-family:Caveat,Poppins,cursive;font-weight:600;
  font-size:clamp(21px,5.4vw,32px);line-height:1.3;color:var(--magenta);transform:rotate(-3deg);transform-origin:left center}
.cs__pata{position:relative;z-index:1;border-top:1px solid var(--line)}
.cs__pata-text{width:100%;max-width:920px;margin:0 auto;padding:clamp(10px,1.8vh,16px) clamp(18px,5vw,40px);
  padding-bottom:calc(clamp(12px,1.8vh,18px) + env(safe-area-inset-bottom));font-size:clamp(12px,1.4vw,14px)}
@media (max-width:600px){ .cs::before{display:none} }
@media (min-width:900px){ .cs__stred{justify-content:center} }
@media (prefers-reduced-motion:reduce){ .cs__kontakt{transition:none} }
/* Sekce Bricks centruje potomky (align-items:center) — patička coming soon má jít přes celou šířku */
.cs{align-items:stretch}
.cs__pata{width:100%;text-align:left}


/* ===== Projekty na homepage (19. 10.) =====
   Původní design zůstává (text přímo na fotce). Nově jen fotky z ukázky,
   lehce zaoblené dlaždice a po najetí prolnutí na druhou fotku projektu. */
.v1bento{gap:6px}
.v1bento .v1kus{border-radius:12px;isolation:isolate}
.v1bento .v1kus__foto{transition:opacity .45s ease,transform .6s cubic-bezier(.2,.6,.2,1)}
.v1bento .v1kus__foto--alt{opacity:0}
@media (hover:hover){
  .v1bento .v1kus:hover .v1kus__foto--alt,
  .v1bento .v1kus:focus-visible .v1kus__foto--alt{opacity:1}
}
@media (prefers-reduced-motion:reduce){ .v1bento .v1kus__foto{transition:none} }

/* ===== Tečkový kurzor (snippet saysay-efekty) ===== */
@media (hover:hover) and (pointer:fine){
  html.ma-kurzor, html.ma-kurzor body, html.ma-kurzor a, html.ma-kurzor button,
  html.ma-kurzor [role="button"], html.ma-kurzor label{cursor:none}
}
.kurzor{position:fixed;top:0;left:0;z-index:100000;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;
  background:var(--petrol);pointer-events:none;opacity:0;will-change:transform;
  transition:width .2s,height .2s,margin .2s,background-color .2s,opacity .2s}
.kurzor.je-videt{opacity:1}
.kurzor[data-barva="zluta"]{background:var(--yellow)}
.kurzor[data-barva="magenta"]{background:var(--magenta)}
.kurzor.je-nad-odkazem{width:26px;height:26px;margin:-13px 0 0 -13px;opacity:.6}
.kurzor.je-nad-polem{opacity:0}

/* ===== Patička podle ukázky (19. 10.) ===== */
.v1pat{position:relative;isolation:isolate;border-top:0}
.v1pat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,rgba(40,118,132,.22) 1px,transparent 1.5px);background-size:22px 22px}
.v1pat__in{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:start;gap:32px;
  padding-block:var(--section-y) 32px}
.v1pat__logo{display:block;line-height:0}
.v1pat__logo img{width:96px;height:auto}
.v1pat__claim{display:none}
.v1pat__nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-left:0}
.v1pat__nav .v1pat__odkaz{display:inline-flex;align-items:center;gap:6px;padding-bottom:2px;
  border-bottom:1.5px solid currentColor;color:var(--magenta);font-size:var(--text-s);font-weight:600;text-decoration:none}
.v1pat__nav .v1pat__odkaz::after{content:"→";transition:transform .2s}
.v1pat__nav .v1pat__odkaz:hover{color:var(--petrol)}
.v1pat__nav .v1pat__odkaz:hover::after{transform:translateX(4px)}
.v1pat__kontakt{gap:12px}
.v1pat__site{gap:8px}
.v1pat__site a{width:34px;height:34px;border-radius:7px;border:0;background:var(--petrol);color:#fff}
.v1pat__site a:hover,.v1pat__site a:focus-visible{background:var(--magenta);color:#fff;transform:translateY(-2px)}
.v1pat__site .v1pat__soc{width:17px;height:17px}
.v1pat__spodek{flex-direction:column-reverse;align-items:center;gap:8px;justify-content:center;
  text-align:center;border-top:0;padding-block:8px 32px}
.v1pat__spodek p{font-size:var(--text-xs)}
.v1pat__pravni{justify-content:center;gap:6px}
.v1pat__pravni a + a::before{content:"·";margin-right:6px;color:var(--muted)}
@media (max-width:991px){
  .v1pat__in{grid-template-columns:1fr 1fr;gap:28px}
  .v1pat__logo{grid-column:1/-1}
}
@media (max-width:520px){ .v1pat__in{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .v1pat__nav .v1pat__odkaz::after{transition:none} }

/* ===== Výpis referencí: otočné karty (19. 10.) =====
   Líc: barva, obor, název, popis a hlavní číslo. Rub: fotka projektu
   a tlačítko. Otáčí se najetím myši, na dotyku ťuknutím (JS saysay-ui). */
.v1karty--ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
  width:auto;max-width:none;margin:0;padding:0;overflow:visible}
.v1karty--ref .v1karta{flex:none;min-height:clamp(30rem,26vw,36rem)}
.v1karty--ref .v1karta__in{height:100%}
.v1karty--ref .v1karta__lic,.v1karty--ref .v1karta__rub{border-radius:18px;min-height:clamp(30rem,26vw,36rem)}
.v1karty--ref .v1karta:nth-child(4n+1) .v1karta__lic{background:var(--petrol);color:var(--paper)}
.v1karty--ref .v1karta:nth-child(4n+2) .v1karta__lic{background:var(--magenta);color:var(--paper)}
.v1karty--ref .v1karta:nth-child(4n+3) .v1karta__lic{background:var(--yellow);color:var(--ink)}
.v1karty--ref .v1karta:nth-child(4n+4) .v1karta__lic{background:#e5dbcc;color:var(--ink)}
.v1karta__obor{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.v1karty--ref .v1karta__titul{margin-top:10px}
.v1karta__popis{margin-top:12px;max-width:30ch;font-size:var(--text-s);line-height:var(--lh-maly);opacity:.92}
.v1karta__cislo{margin-top:auto;padding-top:18px;font-size:var(--text-xl);font-weight:800;line-height:1}
.v1karta__cislo:empty,.v1karta__cislo > :empty{display:none}
.v1karta__rub--foto{padding:0;overflow:hidden;background:var(--beige);display:flex;align-items:flex-end}
.v1karta__foto{position:absolute;inset:0;line-height:0}
.v1karta__foto:empty{display:none}
.v1karta__foto img{width:100%;height:100%;object-fit:cover}
.v1karta__tlacitko{position:relative;z-index:1;margin:0 0 22px 22px}
/* Filtr: Bricks dává kartám display:block, které by atribut hidden přebilo. */
[data-oblasti][hidden]{display:none !important}
.filtr__hlaseni{margin:16px 0 0;font-size:var(--text-s);color:var(--muted);min-height:1.5em}
.filtr__chip{cursor:pointer}
@media (max-width:991px){ .v1karty--ref{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .v1karty--ref{grid-template-columns:1fr} }

/* ===== Detail služby: hero a slider (19. 10.) ===== */
.sluzba__hero{padding-block:var(--space-xl) var(--section-y);border-bottom:1px solid var(--line)}
.sluzba__obrazek{background:#FCFBF9;box-shadow:var(--shadow)}
.sluzba__obrazek img{mix-blend-mode:normal}
.pomoc{padding-top:var(--section-y)}
/* Slider: tři položky vedle sebe, posun po jedné. Šipky přidává JS. */
.pomoc__mrizka,.pomoc__skupiny,.pomoc__skupiny--2{display:flex;grid-template-columns:none;gap:24px 48px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;scrollbar-width:none;
  overscroll-behavior-x:contain;padding-bottom:4px}
.pomoc__mrizka::-webkit-scrollbar,.pomoc__skupiny::-webkit-scrollbar{display:none}
.pomoc__mrizka > li,.pomoc__skupiny > .pomoc__skupina{flex:0 0 calc((100% - 96px) / 3);scroll-snap-align:start;min-width:0}
.slider__sipky{display:flex;gap:10px;margin-top:28px}
.slider__sipky[hidden]{display:none}
.slider__sipka{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid var(--ink);border-radius:50%;
  background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,opacity .2s,transform .2s}
.slider__sipka::before{content:"";width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.slider__sipka--zpet::before{transform:scaleX(-1)}
.slider__sipka:hover:not(:disabled){background:var(--ink);color:var(--cream);transform:scale(1.05)}
.slider__sipka:disabled{opacity:.3;cursor:default}
.slider__sipka:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
@media (max-width:991px){
  .pomoc__mrizka > li,.pomoc__skupiny > .pomoc__skupina{flex-basis:calc((100% - 48px) / 2)}
}
@media (max-width:600px){
  .pomoc__mrizka,.pomoc__skupiny,.pomoc__skupiny--2{gap:20px}
  .pomoc__mrizka > li,.pomoc__skupiny > .pomoc__skupina{flex-basis:86%}
}
/* Tlačítko na rubu karty reference: vždy vlevo dole přes fotku */
.v1karty--ref .v1karta__rub--foto{display:block;padding:0}
.v1karty--ref .v1karta__tlacitko{position:absolute;left:22px;bottom:22px;right:auto;top:auto;margin:0;z-index:2}
/* Nadpis na rubu karty reference: barvu určí JS podle jasu fotky.
   Bez fotky (nebo než se změří) je na béžovém podkladu tmavý. */
.v1karta__rub-titul{position:absolute;left:22px;right:22px;top:22px;z-index:2;
  font-size:var(--text-l);font-weight:800;line-height:var(--lh-nadpis);letter-spacing:-.02em;color:var(--ink)}
.v1karta__rub--foto.je-tmava .v1karta__rub-titul{color:#fff;text-shadow:0 1px 14px rgba(10,14,26,.35)}
.v1karta__rub--foto.je-svetla .v1karta__rub-titul{color:var(--ink);text-shadow:0 1px 14px rgba(252,251,249,.5)}
/* Logo v patičce velké (přání 19. 10.). Soubor loga má průhledný okraj
   (nahoře 18 %, vlevo 10,4 %, dole 10 %) — ořízne se zápornými okraji,
   aby logo lícovalo nahoře i vlevo s ostatními sloupci. */
.v1pat__logo{--logo-w:clamp(150px,14vw,200px)}
.v1pat__logo img{width:var(--logo-w);max-width:none;
  margin:calc(var(--logo-w) * -0.18) 0 calc(var(--logo-w) * -0.10) calc(var(--logo-w) * -0.104)}

/* Podtržení v hero: silnější tah (přání 19. 10.) */
.cara-svg--podtrzeni path{stroke-width:4px}

/* Výpis služeb (/sluzby/) na tabletu a mobilu: stejný posuvný pás jako
   na homepage místo mřížky 2×2. */
@media (max-width:991px){
  .v1karty--mrizka{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;--sloupcu:2.3;gap:var(--mezera);
    margin:calc(-1 * var(--stin-nahore)) calc(50% - 50vw) calc(-1 * var(--stin-dole)) 0;
    padding:var(--stin-nahore) calc(50vw - 50%) var(--stin-dole) 0}
  .v1karty--mrizka::-webkit-scrollbar{display:none}
  .v1karty--mrizka .v1karta{flex:0 0 calc((100% - (var(--sloupcu) - 1) * var(--mezera)) / var(--sloupcu));scroll-snap-align:start}
}
@media (max-width:767px){
  .v1karty--mrizka{--sloupcu:1.25;--mezera:14px}
}

/* Vybrané projekty na homepage: bez stínu za písmem a bez bílého přechodu */
.v1bento .v1kus__hlava,.v1bento .v1kus__odkaz,
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky) .v1kus__hlava,
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky) .v1kus__odkaz{text-shadow:none}
.v1bento .v1kus:not(.v1kus--velky):not(.v1kus--vysoky)::after{display:none}

/* ===== Vybrané projekty ze smyčky (pole „Zobrazit na homepage") =====
   Rozmístění podle pořadí: 1 velká vlevo, 2 a 3 uprostřed, 4 vysoká vpravo.
   Při 3 / 2 / 1 projektech se mřížka přizpůsobí. */
.v1bento > .v1kus > .brxe-shortcode{display:contents}
.v1bento > .v1kus:nth-child(1){grid-column:1;grid-row:1/span 2}
.v1bento > .v1kus:nth-child(4){grid-column:3;grid-row:1/span 2}
.v1bento > .v1kus:nth-child(2),.v1bento > .v1kus:nth-child(3){color:var(--ink)}
.v1bento > .v1kus:nth-child(2)::after,.v1bento > .v1kus:nth-child(3)::after{display:none}
.v1bento:has(> .v1kus:nth-child(3):last-child){grid-template-columns:1.3fr 1fr}
.v1bento:has(> .v1kus:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.v1bento:has(> .v1kus:nth-child(2):last-child) > .v1kus{grid-row:1/span 2}
.v1bento:has(> .v1kus:only-child){grid-template-columns:1fr}
@media (max-width:991px){
  .v1bento > .v1kus:nth-child(1){grid-column:1/span 2;grid-row:1}
  .v1bento > .v1kus:nth-child(4){grid-column:auto;grid-row:auto}
}
@media (max-width:600px){
  .v1bento > .v1kus:nth-child(1){grid-column:1;grid-row:auto}
}

/* ===== Jednotné odstupy nadpisů (19. 10.) =====
   Nadpis sekce má od obsahu vždy stejný odstup; perex hned pod nadpisem
   je k němu blíž a od dalšího obsahu drží stejný odstup jako nadpis. */
:root{--odstup-nadpis:clamp(2.4rem,2.4vw,3.6rem);--odstup-perex:clamp(1.2rem,1vw,1.6rem)}
.sekce__nadpis,.v1sluzby__nadpis,.v1cta__nadpis,.pasaz__nadpis{margin-bottom:var(--odstup-nadpis)}
.sluzba__nadpis,.kontakt__nadpis,.onas__nadpis,.pripad__nadpis,.v1hero__nadpis{margin-bottom:var(--odstup-perex)}
.sekce__nadpis + .sekce__perex,.v1sluzby__nadpis + .v1sluzby__perex,.v1ref__nadpis + .v1ref__perex,
.v1cta__nadpis + .v1cta__perex{margin-top:calc(var(--odstup-perex) - var(--odstup-nadpis))}
.sekce__perex,.v1sluzby__perex,.v1ref__perex{margin-bottom:var(--odstup-nadpis)}
.v1ref__hlava,.sref__hlava{margin-bottom:var(--odstup-nadpis)}
.v1ref--vypis .v1ref__nadpis{margin-bottom:var(--odstup-perex)}
.pasaz__nadpis{margin-bottom:0}
.form-nadpis{margin-bottom:var(--odstup-perex)}
.telo h2{margin-bottom:20px}
.telo h3{margin-bottom:10px}
/* kroky 01–04 */
.kroky__cislo{margin-bottom:4px}
.kroky__nadpis{line-height:var(--lh-podnadpis)}
.kroky__krok{gap:10px}
.pomoc .sekce__nadpis{margin-bottom:var(--odstup-nadpis)}
.sekce__nadpis + .onas__perex{margin-top:calc(var(--odstup-perex) - var(--odstup-nadpis))}
.v1ref--vypis .v1ref__nadpis + .v1ref__perex{margin-top:0}

/* Hero (19. 10.): tmavý švestkový přechod lehce zesvětlený, zvýrazněný
   text a nadpisek v magentě značky — stejná barva jako čísla pod hero. */
.v1hero__stin{background:linear-gradient(90deg,rgba(74,40,68,.92) 0%,rgba(74,40,68,.86) 30%,
  rgba(74,40,68,.66) 52%,rgba(74,40,68,.36) 76%,rgba(74,40,68,.12) 100%)}
.v1hero__eyebrow,.v1hero__duraz{color:var(--magenta)}

/* ===== Hero: krémová varianta (vybráno 19. 10.) =====
   Krémový přechod přes
   video, tmavý nadpis, zvýraznění v magentě, nadpisek petrolejově. */
/* Menu zůstává jako původně: nad hero průhledné bez pruhu, po sjetí
   krémové jako na podstránkách. Písmo tmavé, protože hero je teď světlé. */
body:has(.v1hero) #brx-header{background:transparent;border-bottom:0}
html.je-sjeto body:has(.v1hero) #brx-header{background:color-mix(in srgb,var(--cream) 94%,transparent);
  border-bottom:1px solid var(--line)}
body:has(.v1hero) #brx-header .nav__link,
html.je-sjeto body:has(.v1hero) #brx-header .nav__link{color:var(--ink)}
body:has(.v1hero) #brx-header .nav__link:hover,
html.je-sjeto body:has(.v1hero) #brx-header .nav__link:hover{color:var(--magenta)}
body:has(.v1hero) #brx-header .hdr__claim,
html.je-sjeto body:has(.v1hero) #brx-header .hdr__claim{color:var(--petrol);border-left-color:var(--petrol)}
body:has(.v1hero) #brx-header .hdr__carky,
body:has(.v1hero) #brx-header .hdr__carky::before,
body:has(.v1hero) #brx-header .hdr__carky::after{background:var(--ink)}
.v1hero__stin{background:linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.93) 32%,
  rgba(250,247,242,.74) 52%,rgba(250,247,242,.34) 76%,rgba(250,247,242,.06) 100%)}
.v1hero__obsah,.v1hero__nadpis{color:var(--ink)}
.v1hero__perex{color:var(--body)}
.v1hero__eyebrow{color:var(--petrol)}
.v1hero__duraz{color:var(--magenta)}

/* ===== Recenze ke službě (shortcode saysay_recenze) ===== */
.recenze__mrizka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.recenze__karta{position:relative;display:flex;flex-direction:column;gap:16px;margin:0;padding:24px 24px 22px 70px;
  background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow)}
.recenze__g{position:absolute;left:22px;top:24px;width:30px;height:30px}
.recenze__text{margin:0;font-size:var(--text-s);line-height:var(--lh-text);color:var(--ink)}
.recenze__pata{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto}
.recenze__kdo{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--body)}
.recenze__kdo strong{font-size:var(--text-s);color:var(--ink)}
.recenze__hvezdy{color:var(--yellow);font-size:1.8rem;letter-spacing:2px;white-space:nowrap}
.recenze__zdroj{font-size:var(--text-xs);font-weight:600;color:var(--petrol)}
@media (max-width:991px){ .recenze__mrizka{grid-template-columns:1fr} }

/* ===== Carousel služeb se skupinami (přání klientky 19. 10.) =====
   Skupiny pod sebou, v každé skupině posuvný pás položek; položky se
   střídají magenta → žlutá → petrolejová jako u služby bez skupin. */
.pomoc__skupiny,.pomoc__skupiny--2{display:block;overflow:visible;padding:0}
.pomoc__skupiny > .pomoc__skupina{margin:0 0 var(--odstup-nadpis)}
.pomoc__skupiny > .pomoc__skupina:last-child{margin-bottom:0}
.pomoc__skupina .telo__polozky{display:flex;gap:24px 48px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:4px 0}
.pomoc__skupina .telo__polozky::-webkit-scrollbar{display:none}
.pomoc__skupina .telo__polozky li{flex:0 0 calc((100% - 96px) / 3);scroll-snap-align:start;min-width:0;
  padding:0 0 0 22px;border-bottom:0;border-left:3px solid var(--magenta)}
.pomoc__skupina .telo__polozky li:nth-child(3n+1){border-color:var(--magenta)}
.pomoc__skupina .telo__polozky li:nth-child(3n+1) strong{color:var(--magenta)}
.pomoc__skupina .telo__polozky li:nth-child(3n+2){border-color:var(--yellow)}
.pomoc__skupina .telo__polozky li:nth-child(3n+2) strong{color:#D99A05}
.pomoc__skupina .telo__polozky li:nth-child(3n+3){border-color:var(--petrol)}
.pomoc__skupina .telo__polozky li:nth-child(3n+3) strong{color:var(--petrol)}
.pomoc__skupina .telo__polozky strong{font-size:var(--text-l)}
.pomoc__skupina h3,.pomoc__skupina:nth-child(3n+2) h3,.pomoc__skupina:nth-child(3n+3) h3{
  padding-left:0;border-left:0;color:var(--ink);font-size:var(--text-xl)}
.pomoc__skupina .pomoc__uvod{padding-left:0;max-width:70ch}
@media (max-width:991px){ .pomoc__skupina .telo__polozky li{flex-basis:calc((100% - 48px) / 2.3)} }
@media (max-width:600px){ .pomoc__skupina .telo__polozky{gap:20px} .pomoc__skupina .telo__polozky li{flex-basis:80%} }

/* Vybrané projekty: všechny dlaždice jednotně — bílé písmo, jemný tmavý
   přechod nahoře (pod názvem) a dole (pod odkazem), bez stínu za písmem. */
.v1bento > .v1kus,.v1bento > .v1kus:nth-child(2),.v1bento > .v1kus:nth-child(3){color:#fff}
/* vyšší specificita: přebíjí starší pravidla, která přechod u prostředních dlaždic vypínala */
.v1ref .v1bento > .v1kus.v1kus.v1kus::after{
  display:block;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(10,14,26,.62) 0%,rgba(10,14,26,.2) 34%,
    rgba(10,14,26,0) 52%,rgba(10,14,26,.2) 72%,rgba(10,14,26,.62) 100%)}
.v1bento > .v1kus .v1kus__hlava,.v1bento > .v1kus .v1kus__odkaz{z-index:1;color:#fff;text-shadow:none}

/* ===== Responzivita — opravy z kontroly 19. 10. ===== */
/* Drobné písmo (štítky, nadpisky, poznámky, patička) nejméně 12,5 px */
html:root{--text-xs:clamp(1.25rem,calc(0.0004 * (100vw - 36rem) + 1.25rem),1.35rem)}

/* Dotyková místa nejméně 44 px na zařízeních bez myši */
@media (pointer:coarse){
  /* Plocha pro prst se zvětší neviditelnou vrstvou — vzhled i podtržení
     odkazu zůstanou, jak jsou. */
  .odkaz-sipka,.v1ref__vice,.pripad__web,.v1pat__nav .v1pat__odkaz,.recenze__zdroj{position:relative}
  .odkaz-sipka::before,.v1ref__vice::before,.pripad__web::before,.v1pat__nav .v1pat__odkaz::before,
  .recenze__zdroj::before{content:"";position:absolute;inset:-10px -6px}
  /* právní odkazy mají v ::before oddělovací tečku — plochu zvětší odsazení */
  .v1pat__pravni a{display:inline-block;padding-block:12px}
  .v1pat__nav{gap:16px}
  .v1karta__zavrit{width:44px;height:44px}
}

@media (max-width:767px){
  /* Hero: text je přes celou šířku, závoj proto také — konce řádků
     nesmí ležet na tmavší části videa. */
  .v1hero__stin{background:linear-gradient(180deg,rgba(250,247,242,.94) 0%,rgba(250,247,242,.9) 55%,
    rgba(250,247,242,.78) 100%)}
  /* Ručně psaná poznámka v CTA patří k fotce, ne k nadpisku */
  .v1cta__foto{position:relative}
  .v1cta__pozn{top:4%;right:4%;left:auto;bottom:auto}
  /* Detail služby: menší nadpisy skupin, nižší karta s ikonou */
  .pomoc__skupina h3,.pomoc__skupina:nth-child(3n+2) h3,.pomoc__skupina:nth-child(3n+3) h3{font-size:var(--text-l)}
  .sluzba__obrazek{max-height:220px}
  .sluzba__obrazek img{max-height:170px}
}

/* Stránka 404 (výchozí šablona Bricks) v designu webu */
.bricks-404-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:24px;
  max-width:var(--wrap);margin-inline:auto;padding:var(--section-y) var(--gut);min-height:50vh;justify-content:center}
.bricks-404-wrapper .title{margin:0;font-size:var(--text-3xl);line-height:var(--lh-nadpis);color:var(--ink)}
.bricks-404-wrapper .bricks-search-form{width:100%;max-width:460px}
.bricks-404-wrapper input[type=search]{width:100%;padding:14px 18px;border:1.5px solid rgba(18,33,63,.14);border-radius:14px;
  background:#fff;font:inherit;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.bricks-404-wrapper input[type=search]:focus{outline:0;border-color:var(--magenta);box-shadow:0 0 0 4px color-mix(in srgb,var(--magenta) 14%,transparent)}
@media (pointer:coarse){ .v1pat__site a{width:44px;height:44px} .v1pat__site .v1pat__soc{width:19px;height:19px} }


/* ===== Stránka 404 (šablona Bricks „Chyba 404", bez menu a patičky) ===== */
.e404{position:relative;overflow:hidden;display:flex;align-items:center;min-height:100vh;min-height:100svh;
  background:var(--cream)}
.e404::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201200%20800%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M-20%20730%20C220%20786%20380%20620%20620%20660%20C840%20697%20940%20830%201220%20770%27%20fill%3D%27none%27%20stroke%3D%27%23E0A516%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center/100% 100% no-repeat}
.e404__in{position:relative;z-index:1;width:100%;max-width:820px;margin-inline:auto;
  padding:clamp(32px,6vh,72px) var(--gut)}
.e404__logo{display:inline-block;line-height:0;margin-bottom:clamp(16px,3vh,32px)}
.e404__logo-img{width:clamp(110px,14vw,160px);height:auto}
.e404__kod{margin:0;font-size:clamp(8rem,16vw,15rem);font-weight:800;line-height:.9;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:2px var(--magenta)}
.e404__nadpis{margin:clamp(8px,1.5vh,16px) 0 var(--odstup-perex);font-size:var(--text-2xl);line-height:var(--lh-nadpis);color:var(--ink)}
.e404__duraz{color:var(--magenta)}
.e404__text{margin:0 0 28px;max-width:52ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.e404__akce{display:flex;flex-wrap:wrap;gap:12px}
.e404__pozn{margin:clamp(20px,4vh,40px) 0 0;font-size:clamp(2.1rem,3vw,2.8rem);color:var(--petrol);transform:rotate(-3deg);transform-origin:left center}
body:has(.e404) #brx-header,body:has(.e404) #brx-footer{display:none}
@media (max-width:600px){ .e404::before{display:none} .e404__akce .btn{width:100%;justify-content:center} }

/* ===== Posuvné pásy karet: přesah k okraji obrazovky na obou stranách =====
   Dřív pás sahal k okraji jen vpravo, vlevo končil u textu — posunutá karta
   se usekla uprostřed stránky. Teď odjíždí za okraj obrazovky. Výchozí
   poloha i přichytávání drží zarovnání s textem (padding a scroll-padding). */
:root{--k-okraji:calc(max(0px, (100vw - var(--wrap)) / 2) + var(--gut))}
.v1karty,
.pomoc__mrizka,.pomoc__skupina .telo__polozky{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);
  scroll-padding-left:var(--k-okraji);scroll-padding-right:var(--k-okraji);
  width:auto;max-width:none}
@media (max-width:991px){
  .v1karty--mrizka{margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);
    scroll-padding-left:var(--k-okraji);scroll-padding-right:var(--k-okraji)}
}

/* ===== Detail služby: hero jako detail reference (19. 10.) =====
   Bílá karta se stínem na krémovém podkladu, vpravo nahoře malá ikona
   bez pozadí — na místě, kde má detail reference logo klienta.
   Ikony mají kolem sebe hodně průhledného plátna (900 × 900), proto je
   obrázek větší než rámeček a průhledný okraj se ořízne. */
.sluzba__hero{background:none;border-bottom:0;padding-block:var(--space-xl) 0}
.sluzba__in.wrap{grid-template-columns:1fr auto;gap:clamp(2.4rem,4vw,6.4rem);align-items:start;
  width:calc(100% - 2 * var(--gut));max-width:calc(var(--wrap) - 2 * var(--gut));margin-inline:auto;
  padding:clamp(3.2rem,4vw,5.6rem);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.sluzba__hero .sluzba__nadpis{font-size:var(--text-2xl);max-width:22ch}
.sluzba__hero .sluzba__perex{max-width:62ch}
/* linka vychází od podtrženého slova v nadpisu — musí být nad kartou */
.sluzba__hero > .cara-svg{z-index:2}
.sluzba__hero .sluzba__obrazek{width:200px;height:120px;max-height:none;aspect-ratio:auto;padding:0;overflow:hidden;
  background:none;border-radius:0;box-shadow:none}
.sluzba__hero .sluzba__obrazek img{width:150px;height:150px;max-width:none;max-height:none;flex:none;object-fit:contain}
@media (max-width:991px){
  .sluzba__in.wrap{grid-template-columns:1fr;padding:28px 24px;gap:22px}
  .sluzba__hero .sluzba__obrazek{width:160px;height:90px;order:-1}
  .sluzba__hero .sluzba__obrazek img{width:116px;height:116px}
}

/* šipky pod kartami služeb na homepage */
.v1sluzby .slider__sipky{margin-top:24px}

/* ===== Reference: číslo výsledku hned pod textem (19. 10.) =====
   Číslo i ikona otočení měly margin-top:auto, volné místo se mezi ně
   dělilo a číslo viselo uprostřed karty — na každé jinak vysoko. Teď sedí
   ve stejné vzdálenosti pod popisem, ikona zůstává dole. */
.v1karta__cislo{margin-top:0;padding-top:var(--odstup-nadpis)}

/* Ukázky z projektu: štítek výš nad fotkami, odstup jako u nadpisů */
.galerie .eyebrow{margin-bottom:var(--odstup-nadpis)}

/* ===== Sekce „Jak pracujeme" — šablona Bricks (19. 10.) =====
   Kroky jako bílé karty na béžovém pásu, propojené čárkovanou trasou ve
   výšce čísel (vidět je jen v mezerách mezi kartami). Poslední krok je
   výsledek, proto je zvýrazněný. Pohyb jen při najetí myší. */
.kroky{background:var(--beige);border:0}
.kroky__hlava{margin-bottom:var(--odstup-nadpis)}
.kroky__eyebrow{margin-bottom:10px}
.kroky__titulek{margin:0;max-width:22ch}
.kroky .kroky__seznam{list-style:none;margin:0;padding:0;position:relative;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kroky .kroky__seznam::before{content:"";position:absolute;left:0;right:0;top:53px;
  border-top:2px dashed var(--yellow);pointer-events:none}
.kroky .kroky__krok{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;margin:0;
  padding:28px;border:0;border-radius:20px;background:var(--paper);box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease}
.kroky .kroky__krok:hover{transform:translateY(-4px);box-shadow:0 22px 44px -18px rgba(18,33,63,.3)}
.kroky .kroky__cislo{display:grid;place-items:center;width:52px;height:52px;margin:0 0 8px;border-radius:50%;
  background:var(--magenta);color:#fff;font-size:1.8rem;font-weight:800;line-height:1;letter-spacing:.02em}
.kroky .kroky__krok:nth-child(4n+2) .kroky__cislo{background:var(--yellow);color:var(--ink)}
.kroky .kroky__krok:nth-child(4n+3) .kroky__cislo{background:var(--petrol);color:#fff}
.kroky .kroky__nadpis{margin:0;font-size:var(--text-m);font-weight:700;line-height:var(--lh-podnadpis);color:var(--ink)}
.kroky .kroky__text{margin:0;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}
/* poslední krok = výsledek (:last-child nejde — za smyčkou je ještě
   pomocný li.brx-query-trail od Bricks) */
.kroky .brx-query-trail{display:none}
.kroky .kroky__krok:not(:has(~ .kroky__krok)){background:var(--magenta)}
.kroky .kroky__krok:not(:has(~ .kroky__krok)) .kroky__cislo{background:var(--yellow);color:var(--ink)}
.kroky .kroky__krok:not(:has(~ .kroky__krok)) .kroky__nadpis{color:#fff}
.kroky .kroky__krok:not(:has(~ .kroky__krok)) .kroky__text{color:rgba(255,255,255,.88)}
@media (max-width:991px){
  .kroky .kroky__seznam{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kroky .kroky__seznam::before{display:none}
}
@media (max-width:600px){
  .kroky .kroky__seznam{grid-template-columns:1fr;gap:16px}
  /* trasa svisle, ve středu čísel */
  .kroky .kroky__seznam::before{display:block;top:0;bottom:0;left:49px;right:auto;border-top:0;border-left:2px dashed var(--yellow)}
  .kroky .kroky__krok{padding:24px}
}

/* ===== O nás — nový design (19. 10.) =====
   Hero → Kdo stojí za Say Say (dvě rovnocenné karty) → Jak pracujeme
   (01 s fotkou, 02 zvýrazněný) → vzdušné CTA bez celoplošné magenty.
   Fotky jsou skutečné fotky Mii a Radky, ořez řídí object-fit. */
.onas-hero{padding-block:var(--space-xl) var(--section-y)}
.onas-hero .onas__in{grid-template-columns:1fr 1.05fr}
.onas-hero .onas__nadpis{max-width:17ch}
.onas-hero .onas__perex{margin:0 0 14px}
.onas-hero .onas__perex--druhy{margin-bottom:30px;font-size:var(--text-s)}
.onas-hero .onas__foto{display:block;padding:0;background:none;overflow:visible;aspect-ratio:auto;border-radius:0}
.onas-hero .onas__foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 35%;
  border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.onas__podpis{position:absolute;left:clamp(-24px,-2vw,-12px);bottom:-22px;margin:0;padding:6px 22px 8px;
  background:var(--yellow);color:var(--ink);border-radius:999px;font-size:clamp(2.2rem,2.2vw,2.8rem);line-height:1.1;
  transform:rotate(-4deg);box-shadow:var(--shadow)}

.onas-tym{background:var(--beige)}
.onas-tym__uvod{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.4rem,5vw,8rem);align-items:start;margin-bottom:var(--space-xl)}
.onas-tym__nadpis{margin:0;max-width:20ch}
.onas-tym__text p{margin:0 0 14px;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
.onas-tym__text p:last-child{margin:0}
.profily{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,3vw,3.2rem)}
.profil{display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.profil:hover{transform:translateY(-4px);box-shadow:0 22px 44px -18px rgba(18,33,63,.3)}
.profil__foto{line-height:0;overflow:hidden}
.profil__foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%}
.profil__telo{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(2.4rem,3vw,3.6rem)}
.profil__jmeno{margin:0;font-size:var(--text-xl);line-height:var(--lh-podnadpis);color:var(--ink)}
.profil__praxe{margin:0;padding:6px 14px;border-radius:999px;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;
  background:var(--magenta);color:#fff}
.profil--radka .profil__praxe{background:var(--petrol)}
.profil__text{margin:4px 0 0;font-size:var(--text-s);line-height:var(--lh-text);color:var(--body)}

.onas-princip__nadpis{max-width:24ch;margin-bottom:var(--space-xl)}
.princip{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.4rem,5vw,8rem);align-items:center}
.princip + .princip{margin-top:var(--space-xl)}
.princip__foto{line-height:0}
.princip__foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg)}
.princip__telo{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.princip__cislo{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  background:var(--magenta);color:#fff;font-size:1.8rem;font-weight:800;line-height:1}
.princip__nadpis{margin:6px 0 0;font-size:var(--text-xl);line-height:var(--lh-podnadpis);color:var(--ink);max-width:22ch}
.princip__text{margin:0;max-width:56ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}
/* 02 = hlavní přínos Say Say: koordinovaný tým */
.princip--hlavni{grid-template-columns:1.1fr .9fr;padding:clamp(2.8rem,4vw,5.6rem);background:var(--petrol);
  border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.princip--hlavni .princip__cislo{background:var(--yellow);color:var(--ink)}
.princip--hlavni .princip__nadpis{color:#fff}
.princip--hlavni .princip__text{color:rgba(255,255,255,.88)}
.princip__shrnuti{margin:8px 0 0;padding:16px 0 0;border-top:2px solid var(--yellow);max-width:44ch;
  font-size:var(--text-l);font-weight:700;line-height:var(--lh-podnadpis);color:#fff}
.princip--hlavni .princip__foto img{aspect-ratio:4/5;object-position:45% 50%}

.onas-cta__karta{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.4rem,5vw,6.4rem);align-items:center;
  padding:clamp(2rem,3vw,3.2rem);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.onas-cta__foto{line-height:0}
.onas-cta__foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;border-radius:var(--radius)}
.onas-cta__telo{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-right:clamp(0px,2vw,24px)}
.onas-cta__nadpis{margin:0;font-size:var(--text-2xl);line-height:var(--lh-nadpis);color:var(--ink);max-width:18ch}
.onas-cta__text{margin:0 0 8px;max-width:48ch;font-size:var(--text-m);line-height:var(--lh-text);color:var(--body)}

@media (max-width:991px){
  .onas-hero .onas__in,.onas-tym__uvod,.princip,.princip--hlavni,.onas-cta__karta{grid-template-columns:1fr}
  .onas-hero .onas__foto{margin-top:8px}
  .princip--hlavni .princip__foto{order:-1}
  .princip--hlavni .princip__foto img{aspect-ratio:3/2}
}
@media (max-width:600px){
  .profily{grid-template-columns:1fr}
  .onas__podpis{left:12px}
  .princip--hlavni{padding:24px}
  .onas-cta__karta{padding:16px 16px 28px}
  .onas-cta__telo{padding:0 8px}
}
.profil__jmeno,.princip__nadpis{font-weight:800}
/* O nás: pásy se střídají (krém / béž / krém / béž), takže mezera mezi
   obsahem a okrajem pásu je všude stejná (--section-y). Dvě krémové sekce
   za sebou by ji zdvojily. */
.onas-cta{background:var(--beige)}

/* Hero: průhlednější závoj nad videem (přání klientky, 4. 11.) */
.v1hero__stin{background:linear-gradient(90deg,rgba(250,247,242,.9) 0%,rgba(250,247,242,.82) 32%,
  rgba(250,247,242,.55) 52%,rgba(250,247,242,.2) 76%,rgba(250,247,242,.02) 100%)}
@media (max-width:767px){
  .v1hero__stin{background:linear-gradient(180deg,rgba(250,247,242,.88) 0%,rgba(250,247,242,.82) 55%,
    rgba(250,247,242,.66) 100%)}
}