/* =====================================================================
   ATRIUM — hlavička, 1:1 dle živého Lovable kódu (extrahováno z jejich CSS)
     header: sticky, border-b, shadow 0 2px 8px rgba(0,0,0,.04)
     .atr-hd: flex items-stretch
       .atr-logo   w 408px (sloupec přes celou výšku, logo vlevo vycentrované)
       .atr-hd-right flex-1 flex-col
         .atr-hd-top  h 74px, justify-end, text 15px foreground/80
         .atr-hd-main h 78px, BORDER-TOP (=linka), nav justify-end + CTA
   Barvy: foreground #0b1a2b · border #dde6ef · CTA #115A9E · atrium-blue #1a73c4
   ===================================================================== */
:root{
  --atr-blue:#115A9E;        /* atrium-blue-dark = CTA bg (měřeno rgb 17,90,158) */
  --atr-blue-l:#1a73c4;      /* atrium-blue = hover / Portál text (měřeno rgb 26,115,196) */
  --atr-ink:#0b1a2b;         /* foreground (nav) */
  --atr-muted:rgba(11,26,43,.78); /* foreground/80 (horní text) */
  --atr-line:#dde6ef;        /* border */
  --atr-logo-col:408px;
  --atr-hdcol:296px;         /* šířka pravého sloupce: CTA = (Hledat + Portál) */
  --atr-portal-w:152px;
  --atr-ease:cubic-bezier(.4,0,.2,1);
  --atr-shadow-lg:0 20px 50px rgba(16,45,80,.16);
}
.atr-ic{flex:0 0 auto;display:inline-block;vertical-align:middle}

/* Zrušit 90px (resp. 70/50px v breakpointech) bílou mezeru pod hlavičkou — CELÝ web.
   default.css dává .obsah{margin-top:90px} (odsazení pod starou FIXNÍ hlavičku).
   Naše hlavička .atr-header je sticky = v toku, takže je ta mezera navíc na všech
   stránkách (HP, výpisy, detaily…). hp-redesign.css se načítá po default.css, base
   pravidlo bez @media tak přebije i default.css breakpointy (70/50px). */
.obsah{margin-top:0}

/* Kotva #katalogy (formulář „Katalogy a inspirace" nad patičkou) = cíl CTA „Stáhnout katalog" v hlavičce.
   Hlavička je sticky (po scrollu ~79px, mobil ~64px) → bez odsazení by kotva skončila schovaná pod ní. */
#katalogy{scroll-margin-top:95px}
@media (max-width:900px){ #katalogy{scroll-margin-top:80px} }

.atr-header{
  position:sticky;top:0;left:0;z-index:1000;width:100%;background:#fff;
  border-bottom:1px solid var(--atr-line);box-shadow:0 2px 8px rgba(0,0,0,.04);
  font-family:'Nunito Sans',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.atr-header *{box-sizing:border-box}
.atr-hd{display:flex;align-items:stretch;width:100%}

/* logo – sloupec 408px přes celou výšku, logo vlevo (32px), vertikálně vycentrované */
.atr-logo{
  flex:0 0 auto;width:var(--atr-logo-col);
  background:url("../../img/hlavicka/atrium-logo.png") 32px center/auto 82px no-repeat;
  transition:width .3s var(--atr-ease),background-size .3s var(--atr-ease);
}
.atr-header.is-scrolled .atr-logo{width:96px;background-image:url("../../img/hlavicka/atrium-symbol.png");background-size:auto 44px;background-position:32px center}

.atr-hd-right{flex:1 1 0;min-width:0;display:flex;flex-direction:column}

/* ---- horní řada (h74) ---- */
.atr-hd-top{
  display:flex;align-items:stretch;justify-content:flex-end;height:69px;overflow:visible;
  font-size:15px;color:var(--atr-muted);
  transition:height .3s var(--atr-ease),opacity .25s var(--atr-ease);
}
/* overflow:visible aby dropdowny horní lišty a jazyk nebyly ořezané;
   při scrollu (collapse na height:0) se ořez zapne zpět. */
.atr-header.is-scrolled .atr-hd-top{height:0;opacity:0;overflow:hidden}
.atr-util-nav{display:flex;align-items:stretch;gap:40px;padding:0 40px}
.atr-util-nav .atr-nav-item{position:relative;display:flex;align-items:center}
.atr-util-nav .atr-nav-link{position:relative;display:inline-flex;align-items:center;font-size:15px;font-weight:400;color:var(--atr-muted);text-decoration:none;white-space:nowrap;transition:color .2s var(--atr-ease)}
.atr-util-nav .atr-nav-link:hover,.atr-util-nav .atr-nav-link.is-active{color:var(--atr-blue-l)}
/* najíždění modré linky pod odkazem (ekosvětlo styl) — tenčí varianta pro horní utility */
.atr-util-nav .atr-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--atr-blue-l);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--atr-ease)}
.atr-util-nav .atr-nav-link:hover::after,.atr-util-nav .atr-nav-link.is-active::after,.atr-util-nav .atr-nav-item:hover>.atr-nav-link::after{transform:scaleX(1)}

/* CZ */
.atr-lang{position:relative;display:flex;align-items:stretch}
.atr-lang-btn{display:inline-flex;align-items:center;gap:8px;padding:0 22px;background:none;border:0;cursor:pointer;font:400 15px 'Nunito Sans',sans-serif;color:var(--atr-muted);transition:color .2s var(--atr-ease)}
.atr-lang-btn .atr-ic{width:16px;height:16px;color:var(--atr-blue-l)}
.atr-lang-btn:hover{color:var(--atr-blue-l)}
/* jazyk = stejný popup jako menu (karta + full-width hover), vyjede na HOVER (klik zůstává pro touch) */
.atr-lang-menu{position:absolute;right:0;top:100%;min-width:140px;background:#fff;border:1px solid var(--atr-line);border-radius:6px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px 0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:.24s var(--atr-ease);z-index:30}
.atr-lang:hover .atr-lang-menu,.atr-lang.is-open .atr-lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.atr-lang-menu a{display:block;padding:10px 20px;font-size:15px;font-weight:500;color:var(--atr-ink);text-decoration:none;transition:background .18s var(--atr-ease),color .18s var(--atr-ease)}
.atr-lang-menu a:hover{background:#eaf1f8;color:var(--atr-blue-l);text-decoration:none}

/* Hledat (border-l divider vlevo, lupa modrá) — šířka = CTA − Portál, aby Hledat+Portál = CTA */
.atr-hd-top .obal_hledani{position:static;display:flex;align-items:stretch;box-sizing:border-box;width:calc(var(--atr-hdcol) - var(--atr-portal-w));margin:0;float:none}
.atr-hd-top .obal_hledani_tl{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;height:auto;line-height:normal;cursor:pointer;font:400 15px 'Nunito Sans',sans-serif;color:var(--atr-muted);background:none !important;background-image:none !important;width:auto !important;text-indent:0 !important;overflow:visible !important;transition:color .2s var(--atr-ease)}
.atr-hd-top .obal_hledani_tl::before{content:"";width:16px;height:16px;flex:0 0 auto;background:var(--atr-blue-l);-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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-hd-top .obal_hledani_tl:hover{color:var(--atr-blue-l)}
.atr-hd-top .vysuv_hledani{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--atr-line);box-shadow:0 10px 30px rgba(16,45,80,.12);padding:26px 0;z-index:40}
.atr-hd-top .vysuv_hledani .blok_sirky_webu_uzky{max-width:1280px;margin:0 auto;padding:0 40px;position:relative}
.atr-hd-top .nadpis_hledani{font-size:20px;font-weight:800;color:var(--atr-ink);margin-bottom:14px}
/* obal inputu — přebít legacy border/relative/inline-block (jinak drží modrošedý rámeček + kotví absolutní button) */
.atr-hd-top .obal_hledani_in{position:static;display:block;width:100%;background:none;border:0;box-shadow:none;z-index:auto}
.atr-hd-top .obal_hledani_in form{display:flex;gap:10px;max-width:none;width:100%}
.atr-hd-top .hledej_input{flex:1 1 auto;min-width:0;height:48px;line-height:normal;border:1px solid var(--atr-line);border-radius:8px;padding:0 16px;font:400 16px 'Nunito Sans',sans-serif;font-style:normal;color:var(--atr-ink);background:#fff;outline:none;box-sizing:border-box}
.atr-hd-top .hledej_input::placeholder{color:#9DB1C4;font-style:normal}
.atr-hd-top .hledej_input:focus{border-color:var(--atr-blue);box-shadow:0 0 0 3px rgba(17,90,158,.12)}
/* button — přebít legacy position:absolute;right:8px (uletěl na konec panelu) → zpět do flow.
   Kompaktní LUPA (jako mobil): text „Hledat" skryt (font-size:0/color:transparent), bílá lupa na modrém. */
.atr-hd-top .hledej_tl{position:static;order:2;flex:0 0 auto;width:52px;top:auto;right:auto;height:48px;padding:0;border:0;border-radius:8px;cursor:pointer;color:transparent;font-size:0;
  background-color:var(--atr-blue);background-repeat:no-repeat;background-position:center;background-size:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E");
  transition:background-color .2s var(--atr-ease)}
.atr-hd-top .hledej_input{order:1}
.atr-hd-top .hledej_tl:hover{background-color:var(--atr-blue-l);opacity:1}
.atr-hd-top .zavri_hledani{position:absolute;right:40px;top:0;width:26px;height:26px;cursor:pointer}
.atr-hd-top .zavri_hledani::before,.atr-hd-top .zavri_hledani::after{content:"";position:absolute;left:12px;top:2px;width:2px;height:22px;background:var(--atr-muted);border-radius:2px}
.atr-hd-top .zavri_hledani::before{transform:rotate(45deg)}
.atr-hd-top .zavri_hledani::after{transform:rotate(-45deg)}

/* Portál (border-l, min-w 152, bílý bg / modrý text → hover modrý box / bílý text) */
.atr-portal{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:var(--atr-portal-w);min-width:var(--atr-portal-w);padding:0 24px;
  border-left:1px solid var(--atr-line);background:#fff;color:var(--atr-blue-l) !important;
  font-size:15px;font-weight:800;text-decoration:none;transition:background .2s var(--atr-ease),color .2s var(--atr-ease);
}
.atr-portal span{color:var(--atr-blue-l) !important;transition:color .2s var(--atr-ease)}
.atr-portal .atr-ic{width:24px;height:24px;color:var(--atr-blue-l);transition:color .2s var(--atr-ease)}
.atr-portal:hover{background:var(--atr-blue-l);color:#fff !important}
.atr-portal:hover span,.atr-portal:hover .atr-ic{color:#fff !important}

/* ---- spodní řada (h78, BORDER-TOP = linka) ---- */
.atr-hd-main{display:flex;align-items:stretch;height:78px;border-top:1px solid var(--atr-line);transition:height .3s var(--atr-ease)}
.atr-main-nav{flex:1 1 0;min-width:0;display:flex;align-items:stretch;justify-content:flex-end;gap:56px;padding-right:64px}
.atr-main-nav .atr-nav-item{position:relative;display:flex;align-items:stretch}
.atr-main-nav .atr-nav-link{position:relative;display:inline-flex;align-items:center;font-size:18px;font-weight:800;color:var(--atr-ink);text-decoration:none;white-space:nowrap;transition:color .2s var(--atr-ease)}
.atr-main-nav .atr-nav-link:hover,.atr-main-nav .atr-nav-link.is-active{color:var(--atr-blue-l)}
/* najíždění modré linky pod odkazem (ekosvětlo styl) — scaleX zleva na hover / aktivní */
.atr-main-nav .atr-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--atr-blue-l);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--atr-ease)}
.atr-main-nav .atr-nav-link:hover::after,.atr-main-nav .atr-nav-link.is-active::after,.atr-main-nav .atr-nav-item:hover>.atr-nav-link::after{transform:scaleX(1)}

/* CTA – min-w 272, bg #115A9E, px 32, bílý text 18, hover světlejší modrá */
.atr-cta-katalog{
  box-sizing:border-box;flex:0 0 auto;width:var(--atr-hdcol);min-width:var(--atr-hdcol);display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:var(--atr-blue);padding:0 32px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.03em;
  text-transform:uppercase;text-decoration:none;transition:background .2s var(--atr-ease);
}
.atr-cta-katalog span{color:#fff}
.atr-cta-katalog .atr-ic{width:16px;height:16px;color:#fff}
.atr-cta-katalog:hover{background:var(--atr-blue-l);text-decoration:none}

/* burger */
.atr-burger{display:none;align-self:center;background:none;border:0;cursor:pointer;color:var(--atr-ink);padding:8px;margin-left:auto;margin-right:12px}
.atr-burger .atr-ic{width:28px;height:28px}
.atr-burger .atr-burger-close{display:none}
body.atr-drawer-open .atr-burger .atr-burger-open{display:none}
body.atr-drawer-open .atr-burger .atr-burger-close{display:inline-block}

/* dropdown */
/* popup vycentrovaný: střed okna pod středem položky (Lovable: left-1/2 + -translate-x-1/2) */
.atr-dropdown{position:absolute;left:50%;top:100%;min-width:260px;padding-top:6px;opacity:0;visibility:hidden;transform:translate(-50%,8px);pointer-events:none;transition:.24s var(--atr-ease);z-index:50}
.atr-nav-item.has-sub:hover>.atr-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.atr-dropdown-in{background:#fff;border:1px solid var(--atr-line);border-radius:6px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px 0;overflow:hidden}
.atr-dd-link{display:block;padding:10px 20px;font-size:15px;font-weight:500;color:var(--atr-ink);text-decoration:none;transition:background .18s var(--atr-ease),color .18s var(--atr-ease)}
.atr-dd-link:hover{background:#eaf1f8;color:var(--atr-blue-l);text-decoration:none}

/* mobilní menu = DROPDOWN Z VRCHU pod hlavičkou (ne boční panel, ne fullscreen na výšku).
   Horní bar = reálná hlavička (logo + katalog + burger→✕), pod ní se vysune jen obsah menu. */
.atr-drawer{position:fixed;left:0;right:0;top:65px;bottom:auto;z-index:995;background:#fff;border-top:1px solid var(--atr-line);box-shadow:var(--atr-shadow-lg);max-height:calc(100dvh - 65px);overflow-y:auto;transform:translateY(-16px);opacity:0;visibility:hidden;transition:transform .28s var(--atr-ease),opacity .26s var(--atr-ease),visibility .28s}
body.atr-drawer-open .atr-drawer{transform:translateY(0);opacity:1;visibility:visible}
.atr-drawer-panel{background:#fff;display:flex;flex-direction:column}
/* průhledný scrim = zavření kliknutím mimo menu (bez ztmavení, jako Lovable) */
.atr-drawer-scrim{position:fixed;inset:0;z-index:990;background:transparent;opacity:0;visibility:hidden;transition:visibility .28s}
body.atr-drawer-open .atr-drawer-scrim{opacity:1;visibility:visible}
/* položky menu: velký tučný text + linka pod každou + chevron vpravo (Lovable 16/700, řádek 48px) */
.atr-dw-nav{padding:2px 16px}
.atr-dw-item{border-bottom:1px solid var(--atr-line)}
.atr-dw-head{display:flex;align-items:center;position:relative}
.atr-dw-link{flex:1;display:block;padding:9px 0;font-size:15px;font-weight:700;color:var(--atr-ink);text-decoration:none}
/* chevron = klikací overlay přes PRAVOU POLOVINU řádku (klik vpravo=rozbalit, vlevo=odkaz; snadné trefit) */
.atr-dw-toggle{position:absolute;right:0;top:0;bottom:0;width:50%;display:inline-flex;align-items:center;justify-content:flex-end;background:none;border:0;padding:0;cursor:pointer;color:var(--atr-ink);z-index:1}
.atr-dw-toggle .atr-ic{width:16px;height:16px;transition:transform .25s var(--atr-ease)}
.atr-dw-item.is-open .atr-dw-toggle .atr-ic{transform:rotate(180deg)}
.atr-dw-sub{max-height:0;overflow:hidden;transition:max-height .3s var(--atr-ease)}
.atr-dw-item.is-open .atr-dw-sub{max-height:600px}
.atr-dw-sub a{display:block;padding:6px 12px;font-size:13px;font-weight:600;color:var(--atr-muted);text-decoration:none}
.atr-dw-sub a:hover{color:var(--atr-blue-l)}
.atr-dw-sub{padding-bottom:6px}
/* spodní utility řádek: CZ + Hledat (MODRÉ ikony) + Portál button (Lovable) */
.atr-dw-util{display:flex;align-items:center;gap:20px;padding:13px 16px;border-top:1px solid var(--atr-line)}
.atr-dw-lang,.atr-dw-search{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--atr-ink);text-decoration:none}
.atr-dw-lang .atr-ic,.atr-dw-search .atr-ic{width:18px;height:18px;color:var(--atr-blue-l)}
.atr-dw-search:hover{color:var(--atr-blue-l)}
/* mobil search — funkční pole v draweru (input + lupa button), GET na search/ */
.atr-dw-search-form{display:flex;gap:8px;align-items:stretch;padding:12px 16px;border-top:1px solid var(--atr-line)}
.atr-dw-search-input{flex:1 1 auto;min-width:0;height:44px;border:1px solid var(--atr-line);border-radius:8px;padding:0 14px;font:400 16px 'Nunito Sans',sans-serif;color:var(--atr-ink);background:#fff;outline:none;box-sizing:border-box}
.atr-dw-search-input::placeholder{color:#9DB1C4}
.atr-dw-search-input:focus{border-color:var(--atr-blue);box-shadow:0 0 0 3px rgba(17,90,158,.12)}
.atr-dw-search-btn{flex:0 0 auto;width:48px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--atr-blue);color:#fff;cursor:pointer;transition:background-color .2s var(--atr-ease)}
.atr-dw-search-btn .atr-ic{width:20px;height:20px}
.atr-dw-search-btn:hover{background:var(--atr-blue-l)}

/* responsive */
/* Kompaktní desktop 1280–1699 px — korektura 31. 8. 2026.
   Plná hlavička potřebuje ~1600 px (logo 408 + navigace 18px s mezerami 56 + CTA 296).
   Pod tím se dřív rovnou přepínalo do hamburgeru (od 1459 px), takže běžné menší
   monitory (17–18", typicky 1366–1536 px) dostaly tabletové zobrazení. Místo přepnutí
   se teď hlavička na těchhle šířkách jen zmenší — užší sloupec s logem, menší písmo
   navigace a menší mezery. Naměřeno: takhle se vejde i na 1280 px se ~70 px rezervy. */
@media (min-width:1280px) and (max-width:1699px){
  :root{--atr-logo-col:288px;--atr-hdcol:248px;--atr-portal-w:124px}
  .atr-logo{background-size:auto 62px;background-position:24px center}
  .atr-util-nav{gap:26px;padding:0 24px}
  .atr-util-nav .atr-nav-link{font-size:14px}
  .atr-lang-btn{padding:0 14px;font-size:14px}
  .atr-hd-top .obal_hledani_tl{padding:0 14px;gap:9px;font-size:14px}
  .atr-portal{padding:0 14px;font-size:14px}
  .atr-portal .atr-ic{width:20px;height:20px}
  .atr-main-nav{gap:26px;padding-right:26px}
  .atr-main-nav .atr-nav-link{font-size:16px}
  .atr-cta-katalog{padding:0 20px;gap:9px;font-size:15px}
}
@media (max-width:1279px){
  :root{--atr-logo-col:auto}
  .atr-hd-right{display:none}
  /* mobilní bílá lišta: logo (vlevo) + Stáhnout katalog + hamburger (vpravo) — wireframe Lovable */
  .atr-hd{align-items:center;min-height:64px;padding:0 4px}
  /* mobil: celé logo (velké) v neaktivní liště, picto (symbol) až po scrollu */
  .atr-logo{flex:0 0 auto;width:150px;height:48px;padding:0;background-image:url("../../img/hlavicka/atrium-logo.png");background-position:12px center;background-size:auto 42px}
  .atr-header.is-scrolled .atr-logo{width:54px;height:44px;background-image:url("../../img/hlavicka/atrium-symbol.png");background-size:auto 34px;background-position:14px center}
  .atr-hd-mob-cta{flex:0 0 auto;display:inline-flex;margin-left:auto;width:auto;min-width:0;height:34px;font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap;padding:0 12px;gap:7px;border-radius:6px;text-decoration:none}
  .atr-hd-mob-cta .atr-ic{width:15px;height:15px}
  .atr-burger{flex:0 0 auto;display:inline-flex;margin-left:6px;margin-right:6px;padding:6px}
  .atr-burger .atr-ic{width:24px;height:24px;stroke-width:1.75}
}
/* Portál v draweru = plný modrý button (Lovable: bg #1a73c4, radius 4, 14px, bílý text+ikona) */
.atr-dw-portal{margin-left:auto;width:auto;min-width:0;height:36px;background:var(--atr-blue-l);border:0;border-left:0;padding:0 16px;border-radius:4px;font-size:14px;font-weight:700}
.atr-dw-portal span{color:#fff !important}
.atr-dw-portal .atr-ic{width:16px;height:16px;color:#fff !important}
.atr-dw-portal:hover{background:var(--atr-blue)}
@media (min-width:1280px){.atr-drawer{display:none}.atr-drawer-scrim{display:none}.atr-hd-mob-cta{display:none}}
@media (prefers-reduced-motion:reduce){.atr-hd-top,.atr-logo,.atr-drawer{transition:none}}

/* =====================================================================
   HERO slideshow — 1:1 Lovable. Data: Mona table_slider. Render+JS: náš.
   fullscreen slide (translateX track), overlay gradienty, text vlevo dole,
   outline CTA, svislý čárkový indikátor vpravo.
   ===================================================================== */
.atr-hero{position:relative;height:calc(100dvh - 152px);min-height:520px;padding:0;overflow:hidden;background:#0b1a2b;user-select:none}
.atr-hero-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:pan-y}
.atr-hero-viewport:active{cursor:grabbing}
.atr-hero-track{display:flex;height:100%;will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.atr-hero-track.is-dragging{transition:none}
.atr-hero-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden}
.atr-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.atr-hero-overlay{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.68) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 100%),
             linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 50%,rgba(0,0,0,0) 100%)}
.atr-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 clamp(24px,3vw,56px) 96px;pointer-events:none}
.atr-hero-inner>*{pointer-events:auto}
.atr-hero-title{margin:0;max-width:820px;color:#fff;font-weight:800;font-size:clamp(40px,4.06vw,78px);line-height:1.02}
.atr-hero-sub{margin:18px 0 0;color:rgba(255,255,255,.95);font-weight:600;font-size:clamp(20px,1.77vw,34px)}
.atr-hero .atr-hero-cta{display:inline-flex;align-items:center;align-self:flex-start;margin-top:36px;padding:16px 40px;
  border:2px solid #fff;border-radius:6px;color:#fff;background:transparent;font-size:16px;font-weight:800;letter-spacing:.4px;
  text-decoration:none;transition:background .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-hero .atr-hero-cta:hover{background:#fff;color:var(--atr-ink);text-decoration:none}
.atr-hero-dots{position:absolute;right:40px;top:auto;bottom:48px;transform:none;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5}
.atr-hero-dot{position:relative;width:3px;height:24px;padding:0;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:height .3s var(--atr-ease),background .3s var(--atr-ease)}
.atr-hero-dot.is-active{height:40px;background:#fff}
/* neviditelná zvětšená klikací plocha (34×34) — nemění vizuál ani rozestupy */
.atr-hero-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px}
@media (max-width:1080px){
  /* hero mobil: nižší (jako Lovable ~100vh-150px), text dolů-vlevo, indikátory vodorovně vpravo dole */
  .atr-hero{height:calc(100dvh - 150px);min-height:460px}
  .atr-hero-inner{justify-content:flex-end;padding:0 24px 58px}
  .atr-hero-title{font-size:34px;line-height:1.06;max-width:none}
  .atr-hero-sub{margin-top:12px;font-size:17px}
  .atr-hero .atr-hero-cta{margin-top:26px;padding:13px 28px;font-size:15px}
  /* indikátory: svislé (desktop) → vodorovné čárky vpravo dole */
  .atr-hero-dots{flex-direction:row;left:auto;right:24px;top:auto;bottom:24px;transform:none;gap:12px}
  .atr-hero-dot{width:24px;height:3px;transition:width .3s var(--atr-ease),background .3s var(--atr-ease)}
  .atr-hero-dot.is-active{width:40px;height:3px}
  .atr-hero-dot::after{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){.atr-hero-track,.atr-hero-dot{transition:none}}

/* ============ Rozcestník „3 domy" (blok_domy_home) — reskin nad legacy ============ */
/* HTML struktura + legacy JS hover-swap fotek (skripty.js) zůstávají; tady jen vizuál dle Lovable. */
.blok_domy_home{height:600px;overflow:hidden}
.blok_domy_home_full_hd{position:relative;height:100%;overflow:hidden}
.blok_domy_home_full_hd>img,#blok_domy_home_full_hd{width:100%;height:600px;object-fit:cover;display:block}
/* hover fotky = vždy vykreslené (přebít legacy inline display:none/block), crossfade přes opacity */
.blok_domy_home_full_hd .blok_domy_home_hover{position:absolute;inset:0;display:block!important;opacity:0;z-index:2;transition:opacity .45s var(--atr-ease)}
.blok_domy_home_full_hd .blok_domy_home_hover.is-shown{opacity:1}
.blok_domy_home_full_hd .blok_domy_home_hover img{width:100%;height:600px;object-fit:cover;display:block}
/* tmavý overlay přes fotku (čitelnost bílého textu + Lovable kontrast) */
.blok_domy_home_full_hd::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  background:linear-gradient(to bottom,rgba(10,20,43,.45),rgba(10,20,43,.58))}
/* nadpis — light (Lovable 50px/300) */
.blok_domy_home .blok_domy_home_1_3_nazev{font-weight:300}
/* dělící linky — 1px, 80% výška, vertikálně centrované, jen mezi sloupci (ne za 3.) */
.blok_domy_home .blok_domy_home_1_3{border-right:none}
.blok_domy_home #blok_domy_1::after,.blok_domy_home #blok_domy_2::after{content:"";position:absolute;
  top:10%;right:0;width:1px;height:80%;background:rgba(255,255,255,.3);pointer-events:none;z-index:9}
/* tlačítko — border 2px (bylo 1px), radius 6px + šipka zůstávají z legacy */
.blok_domy_home .blok_domy_home_1_3_tl{border-width:2px}
/* hover i default-aktivní dlaždice → solid modrá #006CB0 (Lovable) */
.blok_domy_home .blok_domy_home_1_3:hover .blok_domy_home_1_3_tl,
.blok_domy_home .blok_domy_home_1_3.is-active .blok_domy_home_1_3_tl{
  background-color:#006CB0;border:2px solid #006CB0}
/* --- rozcestník MOBIL: 3 dlaždice pod sebou, každá vlastní foto na pozadí (Lovable ~218px, gap 0, bez linek).
   Legacy dlaždice jsou position:absolute (3 sloupce) → přepnout na relative flow. Náš button se šipkou zachován. --- */
@media (max-width:1080px){
  .blok_domy_home{height:auto;overflow:visible}
  .blok_domy_home_full_hd,.blok_domy_home_full_resp{display:none}
  .blok_domy_home>a{display:block;width:100%;text-decoration:none}
  .blok_domy_home_1_3{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:218px;border-right:0;background-size:cover;background-position:center;background-repeat:no-repeat}
  #blok_domy_1{background-image:url("../../img/home/image_category_1_responz.jpg?v=2")}
  #blok_domy_2{background-image:url("../../img/home/image_category_2_responz.jpg?v=2")}
  #blok_domy_3{background-image:url("../../img/home/image_category_3_responz.jpg?v=2")}
  /* dělící linka řešena ABSOLUTNÍM ::after (níže), NE borderem: na mobilu ≤750 legacy styly.css
     dává border-bottom:1px solid #FFFFFF (plná bílá, mimo tmavý overlay = neprůhledná přes fotku
     + posun). Border proto úplně vypnout (i ten legacy #fff); height jistě přes parent-spec. */
  .blok_domy_home .blok_domy_home_1_3{border-bottom:0;height:218px}
  /* tmavý overlay pro čitelnost bílého textu */
  .blok_domy_home_1_3::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(10,20,43,.42),rgba(10,20,43,.62))}
  /* linka = desktop svislé ::after přerenderované na vodorovnou dole, full-width, NAD overlay
     (z-index 9) → rgba .3 leží nad tmavým overlay = konzistentní světle šedá, neposouvá foto */
  .blok_domy_home #blok_domy_1::after,.blok_domy_home #blok_domy_2::after{content:"";display:block;top:auto;right:auto;left:0;bottom:0;width:100%;height:1px;background:rgba(255,255,255,.3);z-index:9}
  /* obsah (titul + button) vycentrovaný */
  .blok_domy_home_1_3_text{z-index:6;top:0;bottom:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
  .blok_domy_home_1_3_nazev{font-size:32px;line-height:1.12;margin:0}
  .blok_domy_home .spacer{display:none}
}

/* ============ 6 důvodů proč ATRIUM (blok_proc_atrium_home) — poladění dle Lovable ============ */
.blok_proc_atrium_home .h2_nadpis_home{font-size:48px;line-height:1.04;font-weight:800;color:var(--atr-ink)}   /* sjednoceno s ostatními sekcemi (bylo legacy 50/700) */
/* levý accent silnější (2→3px) + modrá #006CB0, oblejší rohy; padding 32 (Lovable), číslo je watermark za textem */
.blok_proc_atrium_home .polozka_proc_atrium_home{border-left-width:3px;border-left-color:#006CB0;border-radius:8px;padding:32px;overflow:hidden}
/* nadpis + perex NAD číslem (z-index 2) → přes celou šířku, nadpis se neořezává */
.blok_proc_atrium_home .polozka_proc_atrium_home_nazev{font-size:22px;line-height:30px;font-weight:800;color:var(--atr-ink);position:relative;z-index:2;max-width:211px;padding-right:0}
.blok_proc_atrium_home .polozka_proc_atrium_home_text{position:relative;z-index:2}
/* watermark číslo — tučnější (400→800), větší, světlejší, ZA textem (z-index 1) */
.blok_proc_atrium_home .polozka_proc_atrium_home_id{font-size:130px;font-weight:800;color:#DDE7F1;z-index:1;line-height:1}
/* chevron button — 2px border #006CB0, 36×36 (border-box), radius 6 */
.blok_proc_atrium_home .polozka_proc_atrium_home_tl{width:36px;height:36px;border:2px solid #006CB0;border-radius:6px;box-sizing:border-box}
/* chevron hover — modré bg + bílá šipka (chyběl hover) */
.blok_proc_atrium_home .polozka_proc_atrium_home:hover .polozka_proc_atrium_home_tl{background-color:#006CB0;border-color:#006CB0;background-image:url("../../img/ikony/sipka_bila.png")}
/* --- 6 důvodů — watermark číslo „lezlo" na horní okraj: legacy line-height 58px < font 130px
   → glyf přetéká NAD linebox. line-height:1 (glyf sedí v boxu) je v BASE = fix na všech šířkách.
   Zmenšení čísla (130→104) pro grid s úzkými kartami (2 sloupce) — až ≤1200 (chytá i ~1135). --- */
@media (max-width:1200px){
  .blok_proc_atrium_home .polozka_proc_atrium_home_id{font-size:104px;top:20px}
}
/* --- 6 důvodů TELEFON (≤640): navíc menší fonty (Lovable 20/14) --- */
@media (max-width:640px){
  .blok_proc_atrium_home .polozka_proc_atrium_home{padding:26px}
  .blok_proc_atrium_home .polozka_proc_atrium_home_nazev{font-size:20px;line-height:27px}
  .blok_proc_atrium_home .polozka_proc_atrium_home_text,
  .blok_proc_atrium_home .polozka_proc_atrium_home_text p{font-size:14px;line-height:22px}
}

/* ============ HP obsahové sekce (od 6 důvodů dolů) — container 1280 dle Lovable ============ */
/* legacy .blok_sirky_webu = width:88% (roste do šířky ~1520) → Lovable container 1280 centered, obsah 1200 */
/* scoped na .obsah_home → hero/rozcestník (full-bleed, bez blok_sirky_webu) netknuté, jiné stránky netknuté */
.obsah_home .blok_sirky_webu{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}

/* ============ Navštivte nás (blok_o_nas_home + dlaždice) — modrý BG jako 6 důvodů, CTA 2px ============ */
/* sjednotit BG 6 důvodů + Navštivte na Lovable #eaf1f8; Poradci níže zůstává bílá (legacy) */
.blok_proc_atrium_home,.blok_o_nas_home,.blok_rozdelovnik_home{background-color:#f4f7fb}
/* intro CTA „Více o vzorových domech" — 2px border #006CB0 (transparent default, hover legacy zůstává) */
.blok_o_nas_home .blok_o_nas_home_tl{border:2px solid #006CB0;color:#006CB0}
/* dlaždice Navštivte → 1280 container (byly full-width) + Lovable 3+2 (poslední 2 dlaždice širší, 50%) */
.blok_rozdelovnik_home .obsah_in_vypis_podmenu{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.blok_rozdelovnik_home .obsah_in_vypis_podmenu>a:nth-last-of-type(1) .polozka_vypis_podmenu,
.blok_rozdelovnik_home .obsah_in_vypis_podmenu>a:nth-last-of-type(2) .polozka_vypis_podmenu{width:50%}
/* Navštivte — text/písmo dle Lovable (nadpis 48/800, perex 18/700, pravý text 16, dlaždice nadpis 26/800) */
.blok_o_nas_home .h2_nadpis_home{font-size:48px;line-height:1.04;font-weight:800;color:var(--atr-ink)}
.blok_o_nas_home_leva_text,.blok_o_nas_home_leva_text p{font-size:18px;line-height:28px;font-weight:700;color:var(--atr-ink)}
.blok_o_nas_home_prava_text,.blok_o_nas_home_prava_text p{font-size:16px;line-height:24px}
/* intro layout dle Lovable — 2 sloupce 568+568 gap 64 (místo legacy float 40/10) */
.blok_o_nas_home .blok_sirky_webu{display:flex;gap:64px;align-items:flex-start}
.blok_o_nas_home_leva{width:568px;flex:0 0 568px;float:none;margin:0}
.blok_o_nas_home_prava{width:568px;flex:0 0 568px;float:none;margin:0;text-align:center}
.blok_o_nas_home .blok_sirky_webu>.spacer{display:none}
/* perex zalomen za „mění" (max-width jako Lovable) */
.blok_o_nas_home_leva_text{max-width:448px}
/* pravý text do bloku, končí jako panely (celý sloupec 568) */
.blok_o_nas_home_prava_text{text-align:justify}
/* watermark picto menší + za buttonem (vpravo dole) */
.blok_o_nas_home{background-size:auto 300px;background-position:right 6% bottom}
/* button hover — modré bg + bílý text + BÍLÁ šipka (náš web styl, Lovable nemá); background-color (ne shorthand!) aby šipka nezmizela */
.blok_o_nas_home .blok_o_nas_home_tl:hover{background-color:#006CB0;border-color:#006CB0;color:#fff;background-image:url("../../img/ikony/sipka_bila.png")}

/* ============ Poradci v regionech — menší písmo dle Lovable, mapa vertikálně center, CTA 2px ============ */
.blok_poradci_home .h2_nadpis_home{font-size:48px;line-height:1.04;font-weight:800;color:var(--atr-ink)}
.blok_poradci_home_text_in,.blok_poradci_home_text_in p{font-size:16px;line-height:24px;color:var(--atr-ink)}   /* perex 18→16 (Lovable, Martin: moc velké) */
.blok_poradci_home_text_in{max-width:448px}
/* tel/email POD SEBOU + bold — sladěno s patičkou „Pokud máte dotazy" (Lovable 18/800) */
.blok_poradci_home_text_kontakty{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.blok_poradci_home .polozka_kontakty_poradci{font-size:18px;line-height:28px;font-weight:800;color:var(--atr-ink)}   /* 18/26/400 → 18/28/800 */
/* button „Domluvte si schůzku" → styl .atr-btn (přidán do rodiny níže); tady jen přebít legacy PNG šipku + rozměr */
.blok_poradci_home .blok_poradci_home_tl{height:44px;padding:0 22px;background-image:none !important}
/* mapa vertikálně vycentrovaná s levým textem (velikost nezměněna) */
.blok_poradci_home .blok_sirky_webu{display:flex;align-items:center}
.blok_poradci_home_text{float:none;width:520px;flex:0 0 520px;padding-top:0}
.blok_poradci_home_mapa{margin-left:auto;margin-right:0}
.blok_poradci_home .blok_sirky_webu>.spacer{display:none}
.blok_rozdelovnik_home .nazev_vypis_podmenu{font-size:26px;line-height:32px;font-weight:800}
/* spodní mezera Navštivte → modrý pruh před bílou sekcí Poradci */
.blok_rozdelovnik_home{padding-bottom:80px}
/* dlaždice: mezera 28px mezi (Lovable gap, přes border v barvě BG) + zaoblené rohy fotky 6px */
.blok_rozdelovnik_home .polozka_vypis_podmenu{border:14px solid #f4f7fb}
.blok_rozdelovnik_home .obr_vypis_podmenu{border-radius:6px;overflow:hidden}
/* Bílý titulek přes foto potřebuje tmavý gradient zdola (čitelnost na světlých fotkách) — jako Novinky.
   Gradient na foto containeru (::after, nad img); titulek je jeho sourozenec → z-index nad gradient. */
.blok_rozdelovnik_home .obr_vypis_podmenu::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:6px;
  background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,0) 72%)}
.blok_rozdelovnik_home .nazev_vypis_podmenu{z-index:2}

/* ============ Reference → „Jak se bydlí v našich dřevostavbách" (blok_reference_home) ============
   NÁŠ layout (NE Lovable): slider se stránkami. Slide 1 = velký feature panel (2×2 span) + 2×2 malé karty;
   slidy 2,3 = uniformní 4×2 mřížka. Jednotná 4-sloupcová/2-řádková mřížka → karty stejně velké, plynulý přechod.
   Swipe/drag/trackpad + tečky s aktivní fazolí dole (mechanika jako hero). Karta = jen DB: foto + nadpis + button. */
.blok_reference_home{background-color:#f4f7fb;padding-top:64px;padding-bottom:80px}
.blok_reference_home .h2_nadpis_home{font-size:48px;line-height:1.04;font-weight:800;color:var(--atr-ink);text-align:center;margin-bottom:40px}
.atr-ref-slider{--ref-h:620px;position:relative;user-select:none}
.atr-ref-viewport{overflow:hidden;cursor:grab;touch-action:pan-y}
.atr-ref-viewport:active{cursor:grabbing}
.atr-ref-track{display:flex;will-change:transform;transition:transform .55s var(--atr-ease)}
.atr-ref-track.is-dragging{transition:none}
.atr-ref-page{flex:0 0 100%;box-sizing:border-box;height:var(--ref-h);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:24px}
/* mezera (gutter) mezi stránkami: track posouvá po 100% BEZ gapu → stránky by byly na sraz (vidět při
   draggu). Vnitřní horizontální padding stránky = mezi krajními kartami sousedních stránek 12+12=24px
   mezera (jako gap uvnitř). box-sizing:border-box drží 100% šířku → transform (-ridx*100%) sedí beze změny. */
.atr-ref-page{padding-left:12px;padding-right:12px}
/* feature = velký panel, zabírá 2×2 buňky (levý horní roh); zbytek karet auto-flow do sloupců 3–4 */
.atr-ref-page .atr-ref-card--feature{grid-column:span 2;grid-row:span 2}
/* karta = foto nahoře + bílá patička (nadpis + button); celá karta je odkaz */
.atr-ref-card{display:flex;flex-direction:column;min-width:0;height:100%;background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,40,80,.06);text-decoration:none;transition:box-shadow .25s var(--atr-ease),transform .25s var(--atr-ease)}
.atr-ref-card:hover{box-shadow:0 18px 40px rgba(16,45,80,.16);transform:translateY(-4px);text-decoration:none}
.atr-ref-photo{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#dbe6f1}
/* pointer-events:none + user-drag:none → drag na fotce = swipe slideru, ne grab/stažení obrázku */
.atr-ref-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--atr-ease);
  -webkit-user-drag:none;user-drag:none;user-select:none;pointer-events:none}
.atr-ref-card:hover .atr-ref-photo img{transform:scale(1.05)}
.atr-ref-body{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px 20px}
.atr-ref-title{font-size:17px;line-height:23px;font-weight:800;color:var(--atr-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* button = outline na fotce: průhledné bg + bílý border/text (karta má tmavý gradient pod patičkou),
   hover → modré bg + bílá šipka (currentColor) — hover beze změny oproti původnímu bílému stavu */
.atr-ref-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border:2px solid #fff;border-radius:8px;background:transparent;
  color:#fff;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;
  transition:background-color .2s var(--atr-ease),color .2s var(--atr-ease),border-color .2s var(--atr-ease)}
.atr-ref-btn::after{content:"";width:15px;height:15px;flex:0 0 auto;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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-ref-card:hover .atr-ref-btn{background-color:#006CB0;border-color:#006CB0;color:#fff}   /* hover beze změny (modrý fill + modrý border) — border explicitně, klid stav ho má bílý */
/* feature — větší nadpis + patička */
.atr-ref-card--feature .atr-ref-title{font-size:28px;line-height:34px;-webkit-line-clamp:3}
.atr-ref-card--feature .atr-ref-body{padding:24px 28px 28px;gap:18px}
.atr-ref-card--feature .atr-ref-btn{font-size:15px;padding:13px 26px}
/* ---- Reference: overlay styl = bílý titulek přes tmavý gradient (jako Novinky), button PONECHÁN ----
   Foto vyplní celou kartu, patička (titulek + button) leží absolutně dole nad gradientem. */
.atr-ref-card{position:relative;background:#0b1a2b}                 /* relative = kotva pro absolutní foto/gradient/patičku; tmavý fallback místo bílé */
.atr-ref-photo{position:absolute;inset:0;flex:none}                 /* foto přes celou kartu */
.atr-ref-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.32) 46%,rgba(0,0,0,0) 74%)}
.atr-ref-body{position:absolute;left:0;right:0;bottom:0;z-index:2}  /* patička přes gradient */
.atr-ref-title{color:#fff}
/* tečky + aktivní fazole */
.atr-ref-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:36px}   /* sjednoceno s 10 kroky / Právě stavíme (bylo 32) */
.atr-ref-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(17,90,158,.28);cursor:pointer;
  transition:width .3s var(--atr-ease),background .3s var(--atr-ease)}
.atr-ref-dot:hover{background:rgba(17,90,158,.5)}
.atr-ref-dot.is-active{width:30px;background:var(--atr-blue)}
/* šipky vlevo/vpravo — kruhové (jako hero navigace), vertikálně centrované na mřížce */
.atr-ref-arrow{position:absolute;top:calc(var(--ref-h) / 2);transform:translateY(-50%);width:48px;height:48px;padding:0;
  border:2px solid #006CB0;border-radius:999px;background:#fff;color:#006CB0;cursor:pointer;z-index:6;   /* sladěno s 10 kroky (bylo 1px #115A9E → moc tenké) */
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(16,45,80,.12);
  transition:background .2s var(--atr-ease),color .2s var(--atr-ease),opacity .2s var(--atr-ease)}
.atr-ref-arrow::before{content:"";width:20px;height:20px;background:currentColor}
.atr-ref-prev{left:-64px}
.atr-ref-next{right:-64px}
.atr-ref-prev::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-ref-next::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-ref-arrow:hover{background:#006CB0;color:#fff}
.atr-ref-arrow.is-disabled{opacity:.32;pointer-events:none}
/* responsive (drobný fallback, jemné doladění mobilu = Fáze 4) */
@media (max-width:1080px){
  .atr-ref-slider{--ref-h:auto}
  .atr-ref-page{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .atr-ref-card--feature{grid-column:1 / -1;grid-row:auto}
  .atr-ref-card{min-height:280px}
  .atr-ref-arrow{display:none}
}
@media (max-width:640px){
  .atr-ref-page{grid-template-columns:1fr}
  .atr-ref-page .atr-ref-card--feature{grid-column:auto}   /* přebít ř.377 „span 2" stejnou specificitou (0,0,2,0) — jinak feature nutí grid na 2 sloupce → main foto 327 vs ostatní 303; teď všechny 1fr = stejně široké */
  /* feature je tu stejně velký jako ostatní karty (1fr, 280px) → musí mít i stejnou typografii;
     desktopových 28px/34px bylo na 303px kartě moc. Sladěno s malými kartami. */
  .atr-ref-card--feature .atr-ref-title{font-size:17px;line-height:23px;-webkit-line-clamp:2}
  .atr-ref-card--feature .atr-ref-body{padding:18px 20px 20px;gap:14px}
  .atr-ref-card--feature .atr-ref-btn{font-size:14px;padding:11px 22px}
}
@media (prefers-reduced-motion:reduce){.atr-ref-track,.atr-ref-dot,.atr-ref-photo img{transition:none}}

/* ============ Databáze studií (blok_konfigurator, static id=10) — frosted modrý panel dle Lovable ============
   „v podstatě stejné, jen": větší rounded, BLUR místo jen opacity, tmavší BRANDOVÁ modrá #115A9E, fonty dle Lovable.
   Titulek „Databáze studií ATRIUM" (DB nadpis) + CTA „Prohlédnout studie" (modul) — tady jen vizuál panelu. */
/* bg foto — EXAKTNĚ dle Lovable: jejich art `atrium-databaze-bg.jpg` (1920×1280, vyšší crop = ukáže stůl/sklenku/laptop)
   + cover + center, BEZ zoomu/triků. Klíč byl obrázek (náš legacy obr_konfigurator.jpg je jen 1920×760 panorama) + výška sekce.
   Výška 680 (legacy jen 540) přes symetrický padding → panel vizuálně vycentrovaný. */
.blok_konfigurator{background-image:url("../../img/atrium-databaze-bg.jpg");background-position:center center;background-size:cover;padding-top:170px;padding-bottom:170px}
.blok_konfigurator_in{
  width:560px;padding:44px;border-radius:14px;text-align:left;color:#fff;
  background-image:none;                                        /* pryč legacy PNG bg_modra__70_1170B8.png */
  background-color:rgba(17,90,158,.75);                         /* brandová #115A9E @ 75 % (tmavší než legacy #1170B8) */
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);  /* frosted glass — ne jen opacita */
}
.blok_konfigurator .h2_nadpis_home{font-size:36px;line-height:1.1;font-weight:800;color:#fff;text-align:left;margin:0 0 18px}
.blok_konfigurator_text{font-size:18px;line-height:28px;color:rgba(255,255,255,.95);text-align:left;margin-bottom:26px}
.blok_konfigurator_text p{color:rgba(255,255,255,.95);text-align:left}
/* CTA „Prohlédnout studie" — bílý 2px outline + bílá šipka, hover = bílá výplň + brandová modrá text/šipka (větší rounded) */
.blok_konfigurator .blok_konfigurator_tl{border:2px solid #fff;border-radius:10px;font-size:16px;font-weight:800;padding:13px 56px 13px 24px}
.blok_konfigurator .blok_konfigurator_tl:hover{background-color:#fff;border-color:#fff;color:#115A9E;background-image:url("../../img/ikony/sipka_modra.png")}
/* mobil: panel na plnou šířku vycentrovaný (přebít desktop width:560 z tohoto override) */
@media (max-width:1080px){
  .blok_konfigurator_in{width:auto;max-width:560px;float:none;margin:0 auto}
  .blok_konfigurator{padding-top:64px;padding-bottom:64px}   /* 170 → 64: kompaktní výška (Lovable ~627, náš byl 1060) */
  .blok_konfigurator_resp{display:none !important}            /* pryč legacy foto pruh (=2. fotka přes desktop cover bg) — mobil/tablet = jen cover bg + frosted panel přes, jako Lovable */
}

/* ============ 10 kroků k domu ATRIUM (blok_kroky_atrium_home) — NÁŠ carousel dle Lovable ============
   Legacy Swiper + bitmap ikona nahrazeny naším sliderem: 4 karty viditelné, krok 1, INFINITE loop,
   drag myší / touch / trackpad / kruhové šipky / tečky s fazolí. Ikony = inline Lucide SVG (globální pravidlo). */
.blok_kroky_atrium_home{background-color:#f4f7fb;padding:64px 0 72px}
.blok_kroky_atrium_home .h2_nadpis_home{font-size:48px;line-height:1.05;font-weight:800;color:var(--atr-ink);text-align:center;margin:0 0 48px}

.atr-steps-slider{--steps-gap:24px;position:relative;user-select:none}
.atr-steps-viewport{overflow:hidden;cursor:grab;touch-action:pan-y}
.atr-steps-viewport:active{cursor:grabbing}
.atr-steps-track{display:flex;gap:var(--steps-gap);will-change:transform;transition:transform .5s var(--atr-ease)}
.atr-steps-track.is-dragging{transition:none}

.atr-step-card{position:relative;flex:0 0 calc((100% - 3 * var(--steps-gap)) / 4);box-sizing:border-box;
  min-height:302px;padding:32px;background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,40,80,.06);transition:transform .3s var(--atr-ease),box-shadow .3s var(--atr-ease)}
.atr-step-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(15,40,80,.12)}
.atr-step-accent{position:absolute;left:0;top:0;width:3px;height:100%;background:#006CB0;z-index:2}   /* levý accent 3px #006CB0 — KONZISTENTNÍ s 6 důvody (`.polozka_proc_atrium_home` border-left 3px) napříč HP */
.atr-step-num{position:absolute;top:14px;right:20px;font-size:130px;line-height:1;font-weight:800;color:#DDE7F1;letter-spacing:-4px;z-index:0;pointer-events:none}
.atr-step-icon{position:relative;z-index:1;display:block;color:#006CB0;margin-bottom:22px}
.atr-step-icon svg{display:block;width:40px;height:40px}
.atr-step-title{position:relative;z-index:1;font-size:22px;line-height:1.375;font-weight:800;color:var(--atr-ink);margin:0 0 14px;max-width:210px}
.atr-step-text{position:relative;z-index:1;font-size:15px;line-height:1.625;font-weight:600;color:#5A7A96;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.atr-step-text p{margin:0}

/* kruhové šipky prev/next (chevron přes mask → bílá na hover přes currentColor) */
.atr-steps-arrow{position:absolute;top:151px;transform:translateY(-50%);width:48px;height:48px;padding:0;z-index:3;
  display:flex;align-items:center;justify-content:center;border:2px solid #006CB0;border-radius:999px;
  background:#fff;color:#006CB0;cursor:pointer;transition:background .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-steps-arrow::before{content:"";width:20px;height:20px;background:currentColor}
.atr-steps-prev{left:-64px}
.atr-steps-next{right:-64px}
.atr-steps-prev::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-steps-next::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-steps-arrow:hover{background:#006CB0;color:#fff}

/* tečky s aktivní „fazolí" */
.atr-steps-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:36px}
.atr-steps-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(17,90,158,.28);cursor:pointer;transition:width .25s var(--atr-ease),background .25s var(--atr-ease)}
.atr-steps-dot:hover{background:rgba(17,90,158,.5)}
.atr-steps-dot.is-active{width:30px;background:var(--atr-blue)}

/* tlačítko „Zobrazit vše" — outline 2px #006CB0, radius 6, chevron (Lovable) */
.blok_kroky_atrium_home .obal_tl_vice_milniky_a_kroky{text-align:center;padding-top:44px}
.blok_kroky_atrium_home .obal_tl_vice_milniky_a_kroky a{display:inline-block;text-decoration:none}
.blok_kroky_atrium_home .tl_vice_milniky_a_kroky{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;
  border:2px solid #006CB0;border-radius:6px;background:none;color:#006CB0;font-size:14px;font-weight:800;line-height:1;
  transition:background .2s var(--atr-ease),color .2s var(--atr-ease)}
.blok_kroky_atrium_home .tl_vice_milniky_a_kroky::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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.blok_kroky_atrium_home .obal_tl_vice_milniky_a_kroky a:hover .tl_vice_milniky_a_kroky{background:#006CB0;color:#fff}

/* responsivita */
@media (max-width:1024px){
  .atr-step-card{flex:0 0 calc((100% - var(--steps-gap)) / 2)}   /* 2 karty */
  .atr-steps-arrow{display:none}
}
@media (max-width:640px){
  .atr-step-card{flex:0 0 100%}                                  /* 1 karta */
  .blok_kroky_atrium_home .h2_nadpis_home{margin-bottom:32px}   /* font-size sjednocen (mobil 30 z obsah_home, tablet/desktop 48 base) — dřív 34 anomálie */
  .blok_kroky_atrium_home{padding:44px 0 52px}
}
@media (prefers-reduced-motion:reduce){.atr-steps-track,.atr-step-card,.atr-steps-dot{transition:none}}

/* ============ Právě stavíme (blok_vypis_domu_home) — NÁŠ carousel dle Lovable + modul 10 ============
   Karta: foto 288 + název přes foto (gradient) + 2×2 info (dispozice/plocha/lokalita/termín) + mini-button.
   Ovládání sladěno s 10 kroky (šipky vně −64px 2px #006CB0, tečky+fazole, infinite loop → hp-redesign.js #atrBuildSlider). */
.blok_vypis_domu_home{background-color:#f4f7fb;padding:64px 0 72px}
.blok_vypis_domu_home .h2_nadpis_home{font-size:48px;line-height:1.05;font-weight:800;color:var(--atr-ink);text-align:center;margin:0 0 48px}
.blok_vypis_domu_home .spacer{display:none}

.atr-build-slider{--build-gap:24px;position:relative;user-select:none}
.atr-build-viewport{overflow:hidden;cursor:grab;touch-action:pan-y}
.atr-build-viewport:active{cursor:grabbing}
.atr-build-track{display:flex;gap:var(--build-gap);will-change:transform;transition:transform .5s var(--atr-ease)}
.atr-build-track.is-dragging{transition:none}

.atr-build-card{flex:0 0 calc((100% - 2 * var(--build-gap)) / 3);box-sizing:border-box;display:flex;flex-direction:column;
  background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(15,40,80,.06);text-decoration:none;
  transition:box-shadow .25s var(--atr-ease),transform .25s var(--atr-ease)}
.atr-build-card:hover{box-shadow:0 18px 40px rgba(16,45,80,.16);transform:translateY(-4px);text-decoration:none}
.atr-build-photo{position:relative;height:288px;overflow:hidden;background:#dbe6f1;flex:0 0 auto}
.atr-build-photo img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
.atr-build-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 100%);pointer-events:none}
.atr-build-name{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;font-size:26px;line-height:1.15;font-weight:800;color:#fff}
.atr-build-body{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}
.atr-build-info{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;flex:1 1 auto;min-width:0}
.atr-build-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.atr-build-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#5A7A96}
.atr-build-val{display:inline-flex;align-items:center;gap:7px;font-size:15px;line-height:1.25;font-weight:700;color:#006CB0}
.atr-build-ico{flex:0 0 auto;width:16px;height:16px;color:#006CB0}
.atr-build-btn{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border:2px solid #006CB0;border-radius:8px;color:#006CB0;transition:background .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-build-btn svg{width:20px;height:20px}
.atr-build-btn .atr-build-ico{color:inherit}   /* chevron dědí color buttonu → na hover bílá (ne fixní #006CB0 z .atr-build-ico) */
.atr-build-card:hover .atr-build-btn{background:#006CB0;color:#fff}

/* kruhové šipky prev/next (vertikálně na úrovni fotky; sladěné s 10 kroky) */
.atr-build-arrow{position:absolute;top:144px;transform:translateY(-50%);width:48px;height:48px;padding:0;z-index:3;
  display:flex;align-items:center;justify-content:center;border:2px solid #006CB0;border-radius:999px;
  background:#fff;color:#006CB0;cursor:pointer;transition:background .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-build-arrow::before{content:"";width:20px;height:20px;background:currentColor}
.atr-build-prev{left:-64px}
.atr-build-next{right:-64px}
.atr-build-prev::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-build-next::before{-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.atr-build-arrow:hover{background:#006CB0;color:#fff}

.atr-build-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:36px}
.atr-build-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(17,90,158,.28);cursor:pointer;transition:width .25s var(--atr-ease),background .25s var(--atr-ease)}
.atr-build-dot:hover{background:rgba(17,90,158,.5)}
.atr-build-dot.is-active{width:30px;background:var(--atr-blue)}

/* --- carousel boční šipky: VŽDY mimo panely (-64px). Přetékají, jakmile boční prostor < ~24px
   (W < ~1328) → sjednoceně SKRÝT ≤1360 (na užších stačí swipe/drag + tečky; dotyk je přes prst).
   Per-carousel display:none níže (≤1080/1024/1100) jsou už jen podmnožiny. --- */
@media (max-width:1360px){
  .atr-ref-arrow,.atr-steps-arrow,.atr-build-arrow{display:none}
}

@media (max-width:1100px){
  .atr-build-card{flex:0 0 calc((100% - var(--build-gap)) / 2)}   /* 2 karty */
  .atr-build-arrow{display:none}
}
@media (max-width:680px){
  .atr-build-card{flex:0 0 100%}                                  /* 1 karta */
  .blok_vypis_domu_home .h2_nadpis_home{margin-bottom:32px}   /* font-size sjednocen (mobil 30, tablet/desktop 48 base) — dřív 34 anomálie v pásu 641-680 */
  .blok_vypis_domu_home{padding:44px 0 52px}
}
@media (prefers-reduced-motion:reduce){.atr-build-track,.atr-build-card,.atr-build-dot{transition:none}}

/* ============ Patička — kontakt sekce „Pokud máte jakékoliv dotazy" dle Lovable ============
   Override legacy styly.css (nadpis 50/700 → 34/800, telefon 28 → 18, button 1px #1170B8 → náš HP 2px #006CB0). */
.paticka .hlavni_nadpis_paticka{font-size:34px;line-height:1.25;font-weight:800;color:var(--atr-ink)}
.paticka .polozka_hlavni_kontakty_paticka.tel_hlavni_kontakty,
.paticka .polozka_hlavni_kontakty_paticka.mail_hlavni_kontakty{font-size:20px;line-height:28px;font-weight:800;color:var(--atr-ink)}
/* =========================================================================
   ATRIUM CTA BUTTON — JEDNOTNÝ BASE (patička / novinky / formulář).  Sjednocení 2026-07-07.
   Nový button → dej mu třídu .atr-btn (+ .atr-btn--fill = plný modrý) a automaticky sedí.
   Legacy Mona třídy (.tl_hlavni_kontakty/.tl_kudy/.form_tl_def/.form_tl_def2/.atr-news-allbtn)
   jsou v selektoru níže. Per-button pak už JEN specifika (výška / padding / ikona).
   Chevron ::after: přidej třídu .atr-btn--chevron NEBO jednotlivě (viz níže). ========================= */
.atr-btn,
.paticka .tl_hlavni_kontakty,.paticka .tl_kudy,.atr-news-allbtn,.blok_poradci_home .blok_poradci_home_tl,
.blok_dokumenty_zdarma_nad_patou .form_tl_def,.blok_dokumenty_zdarma_nad_patou .form_tl_def2{
  display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;
  border:2px solid #006CB0;border-radius:6px;
  font-size:14px;line-height:1;font-weight:800;letter-spacing:.35px;
  text-transform:none;text-decoration:none !important;text-indent:0;width:auto;
  cursor:pointer;appearance:none;-webkit-appearance:none;
  transition:background-color .2s var(--atr-ease),color .2s var(--atr-ease)}
/* outline varianta (default) */
.atr-btn,
.paticka .tl_hlavni_kontakty,.paticka .tl_kudy,.atr-news-allbtn,.blok_poradci_home .blok_poradci_home_tl,
.blok_dokumenty_zdarma_nad_patou .form_tl_def{background-color:#fff;color:#006CB0 !important}
/* hover: outline → plný modrý + bílý text/ikona (chevron ::after currentColor zbělá) */
.atr-btn:hover,
.paticka a:hover .tl_hlavni_kontakty,.paticka a:hover .tl_kudy,.atr-news-allbtn:hover,.blok_poradci_home a:hover .blok_poradci_home_tl,
.blok_dokumenty_zdarma_nad_patou .form_tl_def:hover{background-color:#006CB0 !important;color:#fff !important}
/* plná varianta (Objednat výtisky) — color musí být !important, jinak ho přebije
   outline `.atr-btn{color:#006CB0 !important}` výše (u <a> to maskuje per-web
   přebití :link, u <button> by text zmodral na modrém pozadí). */
.atr-btn--fill,
.blok_dokumenty_zdarma_nad_patou .form_tl_def2{background-color:#006CB0 !important;color:#fff !important}
.atr-btn--fill:hover,
.blok_dokumenty_zdarma_nad_patou a:hover .form_tl_def2{background-color:#005a96 !important}
/* sdílený chevron ::after (Kontaktovat ATRIUM / Objednat výtisky / Všechny novinky / .atr-btn--chevron) */
.atr-btn--chevron::after,
.paticka .tl_hlavni_kontakty::after,.atr-news-allbtn::after,.blok_poradci_home .blok_poradci_home_tl::after,.blok_dokumenty_zdarma_nad_patou .form_tl_def2::after{
  content:"";width:16px;height:16px;flex:0 0 auto;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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* — per-button specifika (výška / padding / ikona) — */
.paticka .tl_hlavni_kontakty{height:44px;padding:0 22px;background-image:none !important}   /* + přebít legacy bg PNG */

/* ---- Patička — šířka + 4 sloupce + spodní lišta dle Lovable ----
   Container 1480 (Lovable footer je ŠIRŠÍ než obsahové sekce 1280 — ověřeno měřením, Martin: dodržet).
   Fix legacy: container width:88% (~1520) → 1480; nadpis 20/700 → 16/800; položky 16/400 → 14/600;
   bullet legacy background-image (border+bílý vnitřek) → plný modrý čtvereček 6×6 #006CB0 (Lovable). */
footer .blok_sirky_webu{width:100%;max-width:1480px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.paticka{border-top-color:#E2EAF2}   /* oddělovací čára sladěná s Lovable */
.paticka .paticka_in_h,.paticka .paticka_in_s{border-bottom-color:#E2EAF2}   /* oddělovací čáry pod kontakt sekcí + pod sloupci — legacy #3E545F (tmavá) → světlá #E2EAF2 (Lovable) */
.paticka .paticka_in_h{padding:60px 0px 60px 0px}   /* legacy 80px → 60px (Martin) */
.paticka .nadpis_sloupec_paticka{font-size:16px;line-height:1.3;font-weight:800;color:var(--atr-ink);margin-bottom:20px;text-transform:none}
.paticka .nadpis_sloupec_paticka_dalsi{margin-top:28px}   /* druhý nadpis v témže sloupci (Aktuality pod O nás) */
.paticka .polozka_sloupec_pata{position:relative;display:block;padding:5px 0 5px 16px;font-size:14px;line-height:20px;font-weight:600;color:var(--atr-ink);background-image:none !important}
.paticka .polozka_sloupec_pata::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:#006CB0}   /* plná modrá čtvercová tečka (Lovable 6×6); top:12 = padding5 + (lh20-6)/2 → střed textu, konzistentní se sloupcem 4 */
.paticka a:hover .polozka_sloupec_pata{color:var(--atr-blue-l)}
.paticka a:hover .polozka_sloupec_pata::before{background:var(--atr-blue-l)}
/* spodní lišta — copyright / McRAI / dolní menu (Impressum, Ochrana…, Cookies) */
.paticka .copyright_pata,.paticka .mcrai_pata,.paticka .polozka_menu_pata{font-size:12px;line-height:1.5;font-weight:600;color:#5A7A96}
.paticka .polozka_menu_pata:hover{color:var(--atr-blue-l)}

/* ---- Patička ikony (Lucide, nikde PNG) + sloupce 3/4 + spodní lišta centered + McRAI SVG ---- */
/* kontaktní ikony u „Pokud máte dotazy" — Lucide phone/mail 20px modré, vedle textu; tel/mail POD SEBOU */
.paticka .paticka-ic{flex:0 0 auto;color:#006CB0}
.paticka_in_h .hlavni_kontakty_paticka{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.paticka_in_h .hlavni_kontakty_paticka>a{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.paticka_in_h .hlavni_kontakty_paticka .spacer{display:none}
.paticka_in_h .hlavni_kontakty_paticka .polozka_hlavni_kontakty_paticka{background:none !important;padding-left:0 !important;margin:0 !important}   /* žrout výšky: legacy margin-bottom:20px na spanu → 0 (Lovable řádky těsně u sebe, gap řeší flex 12px) */
.paticka_in_h .hlavni_kontakty_paticka .tl_hlavni_kontakty{margin-top:8px}

/* sloupec 3 Kontakt (.kontakt_pata HTML z admina) — hierarchie dle Lovable:
   ATRIUM+tel/email tmavé, adresa+otevírací doba šedé #5A7A96, hodnoty tel/email bold */
.paticka .kontakt_pata{font-size:14px;line-height:1.6;font-weight:600;color:#5A7A96}   /* adresa + otevírací doba šedé; lh 1.85→1.6 (Lovable, Martin: moc velké mezery mezi řádky) */
.paticka .kontakt_pata p::first-line{color:var(--atr-ink);letter-spacing:2.1px}   /* „A T R I U M , s. r. o." tmavé + rozpal (Lovable 2.1px) */
.paticka .kontakt_pata strong{color:var(--atr-ink);font-weight:600}   /* řádky tel.:/e-mail: tmavé */
.paticka .kontakt_pata strong a{color:var(--atr-ink);font-weight:800;text-decoration:none}   /* hodnoty +420 / info@ bold */
.paticka .kontakt_pata strong a:hover{color:var(--atr-blue-l)}
/* „Kudy k nám" (span.tl_kudy v Kontakt sloupci) — base výše, jen specifika (byl legacy 22/400 černý → vyčníval) */
.paticka .tl_kudy{height:44px;padding:0 20px;margin-top:12px}

/* sloupec 4 Důležité informace (ul li z admina) — plné modré čtverečky místo legacy tecka_pata.png */
.paticka .sloupec_paticka ul{list-style:none;margin:0;padding:0}
.paticka .sloupec_paticka ul li{position:relative;padding:5px 0 5px 16px !important;margin:0 !important;line-height:20px !important;background:none !important}   /* sjednoceno se sloupci 1-2 (padding 5, margin 0, lh20 — konzistentní rozestup) */
.paticka .sloupec_paticka ul li::before{content:"" !important;position:absolute;left:0;top:12px;width:6px;height:6px;padding:0 !important;background:#006CB0;border:0}   /* top:12 = padding5 + (lh20-6)/2 → tečka na střed textu; padding:0 !important (jinak legacy 10px = „čárka") */
.paticka .sloupec_paticka ul li a{font-size:14px;line-height:20px;font-weight:600;color:var(--atr-ink);text-decoration:none}
.paticka .sloupec_paticka ul li a:hover{color:var(--atr-blue-l)}

/* social ikony (fb/yt/ig) — Lucide 20px modré, bez legacy PNG pozadí */
.paticka .soc_site_pata{display:flex;align-items:center;gap:16px}
.paticka .soc_sit_pata{width:auto !important;height:auto !important;background:none !important;color:#006CB0;display:inline-flex}
.paticka .soc_sit_pata .paticka-ic{width:22px;height:22px;color:#006CB0}
.paticka .soc_site_pata a:hover .soc_sit_pata{color:var(--atr-blue-l)}

/* spodní lišta — rok VLEVO | odkazy (GDPR/Impressum/Cookies) STŘED | McRAI VPRAVO */
.paticka .paticka_in_d{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.paticka .paticka_in_d>.spacer{display:none}
.paticka .paticka_in_d .copyright_pata{order:1}
.paticka .paticka_in_d nav{order:2;flex:1 1 auto;display:flex;justify-content:center}
.paticka .paticka_in_d>a{order:3}   /* McRAI odkaz vpravo */
.paticka .paticka_in_d .dolni_menu{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}

/* McRAI logo — inline SVG (z trebi.cz, currentColor) v modré, ne PNG */
.paticka .mcrai_pata{background:none !important;display:inline-flex;align-items:center;gap:6px}
.paticka .mcrai-logo{display:inline-block;height:15px;width:56px;color:#006CB0;line-height:0}
.paticka .mcrai-logo svg{display:block;width:100%;height:100%}
.paticka a:hover .mcrai-logo{color:var(--atr-blue-l)}

/* Formulář „Katalogy a inspirace" + „Napište nám" → template/css/formular.css (fáze 2, redesign dle Lovable).
   Dřív tu byl CSS override nad legacy strukturou; ta je přepsaná, styly mají vlastní soubor. */

/* ==== Novinky (blok_novinky_home) = modul 11 — přepínač + bento mozaika (dle Lovable + náš přepínač) ====
   Karta: foto (bg cover) + tmavý gradient zdola + bílý nadpis dole + chip štítek (nazev2) nahoře.
   Bento: 1. karta velká (span 2×2) + 4 malé (2×2). Přepínač = 2 kategorie/podmenu, JS filtruje bez reloadu. */
.blok_novinky_home .h2_nadpis_home{text-align:center;font-size:48px;line-height:1.04;font-weight:800;color:var(--atr-ink)}   /* sjednoceno (bylo legacy 50/700) */
/* přepínač (taby) */
.atr-news-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 34px}
.atr-news-tab{appearance:none;-webkit-appearance:none;border:2px solid #E2EAF2;background:#fff;color:#5A7A96;font-size:15px;font-weight:800;line-height:1;padding:11px 22px;border-radius:999px;cursor:pointer;transition:background-color .2s var(--atr-ease),border-color .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-news-tab:hover{border-color:#006CB0;color:#006CB0}
.atr-news-tab.is-active{background:#006CB0;border-color:#006CB0;color:#fff}

/* Novinky VÝPIS — přepínač kategorií (server-side taby: Vše / kategorie); vzhled 1:1 s HP .atr-news-tab */
.nov-taby{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 34px}
.nov-tab{display:inline-block;border:2px solid #E2EAF2;background:#fff;color:#5A7A96 !important;font-size:15px;font-weight:800;line-height:1;padding:11px 22px;border-radius:999px;text-decoration:none !important;transition:background-color .2s var(--atr-ease),border-color .2s var(--atr-ease),color .2s var(--atr-ease)}
.nov-tab:hover{border-color:#006CB0;color:#006CB0 !important}
.nov-tab.is-active{background:#006CB0;border-color:#006CB0;color:#fff !important}
/* Vše: karty 6+ schované do kliku na „Další články" (layout velká main + 4 = 1. stránka) */
.nov-more-hidden{display:none !important}
.nov-more-btn{cursor:pointer}
/* bento grid */
.atr-news-grid{display:none;grid-template-columns:repeat(4,1fr);gap:24px}
.atr-news-grid.is-active{display:grid}
.atr-news-card{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;display:block;text-decoration:none;background:#0b1a2b}
.atr-news-card--big{grid-column:span 2;grid-row:span 2}
.atr-news-card--nophoto{background:linear-gradient(135deg,#0a6ab3 0%,#0b1a2b 100%)}   /* fallback bez fotky (klient doplní v adminu) */
.atr-news-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .55s var(--atr-ease)}
.atr-news-card:hover .atr-news-photo{transform:scale(1.05)}
.atr-news-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.80) 0%,rgba(0,0,0,.28) 46%,rgba(0,0,0,0) 74%)}
.atr-news-chip{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,.92);color:#006CB0;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:6px;line-height:1}
.atr-news-title{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;font-weight:800;line-height:1.25;font-size:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.atr-news-card--big .atr-news-title{left:28px;right:28px;bottom:26px;font-size:28px;-webkit-line-clamp:2}
/* „Všechny novinky" */
.atr-news-all{display:flex;justify-content:center;margin-top:34px}
/* „Všechny novinky" — base (outline + chevron ::after + hover) výše, jen výška + padding */
.atr-news-allbtn{height:48px;padding:0 26px}

/* ================================================================
   MOBILNÍ / RESPONZIVITA HP — dle Lovable (atrium-marketing.lovable.app):
   single-column stack, container padding 24px (px-6), nadpisy 30px (h2).
   Sekce s vlastním @media (reference/steps/build/hero-dots/nav/konfigurator)
   mají řešení výše — sem jen sekce BEZ něj: Navštivte nás, Poradci, Novinky
   grid, globální container padding + nadpisy. CSS na TŘÍDY = admin-safe
   (přežije editaci obsahu). ================================================ */

/* --- Navštivte nás intro: zalomit sloupce dřív (≤1300) — flex 568+568+64gap=1200 se vejde až
   když obsah ≥1200 = W≥1280; pod tím přetéká (obsah = šířka−80). Práh 1300 dá rezervu.
   + title/perex DOLEVA (button je v pravém sloupci = zůstává na střed). --- */
@media (max-width:1300px){
  .blok_o_nas_home .blok_sirky_webu{flex-direction:column;gap:40px}
  .blok_o_nas_home_leva,.blok_o_nas_home_prava{width:100%;flex:1 1 auto}
  .blok_o_nas_home_leva_text{max-width:none}
  .blok_o_nas_home_prava_text{text-align:left}   /* justify → left: na úzkém dělá velké mezery */
  .blok_o_nas_home{background-image:none}
  .blok_o_nas_home_leva,.blok_o_nas_home .h2_nadpis_home{text-align:left}  /* title + perex doleva (bylo center) */
}
/* --- Poradci ≤1100: mapa POD text (ať se na tabletu nemačká úzká vedle textu) + text/nadpis doleva.
   Legacy styly.css centruje ≤1100 → align musí sahat taky ≤1100, jinak text vyskočí na střed na 1081-1100. --- */
@media (max-width:1100px){
  .blok_poradci_home .blok_sirky_webu{flex-direction:column;align-items:stretch;gap:32px}
  .blok_poradci_home_text{width:100%;flex:1 1 auto;text-align:left}
  .blok_poradci_home .h2_nadpis_home{text-align:left}
  .blok_poradci_home_text_in{max-width:none}
  .blok_poradci_home_mapa{margin-left:0;width:100%;flex:1 1 auto}
  .blok_poradci_home_mapa .atr-mapa-cr{max-width:640px;margin:0 auto}   /* mapa velká, centrovaná pod textem (ne zmáčklá) */
}
/* --- Tablet a níž (≤1080): 2-sloupcové sekce → 1 sloupec (hlavní zdroj mobil overflow) --- */
@media (max-width:1080px){
  /* Novinky bento: 4 → 2 sloupce, velká karta přes celou šířku (bez řádkového span) */
  .atr-news-grid{grid-template-columns:repeat(2,1fr)}
  .atr-news-card--big{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
}

/* --- Navštivte dlaždice: pod sebe celošířkově od ≤860 = STEJNÝ bod, kdy „6 důvodů" stackuje
   (legacy styly.css @media 860). Všech 5 (i poslední 2, byly 50%) → 100% + menší title (Lovable 20).
   Gradient (::after) zachován. --- */
@media (max-width:860px){
  .blok_rozdelovnik_home .polozka_vypis_podmenu,
  .blok_rozdelovnik_home .obsah_in_vypis_podmenu>a:nth-last-of-type(1) .polozka_vypis_podmenu,
  .blok_rozdelovnik_home .obsah_in_vypis_podmenu>a:nth-last-of-type(2) .polozka_vypis_podmenu{width:100%}
  /* title menší (Lovable 20) + odsazení sladěné se šipkou napravo (title text i šipka 28px od kraje,
     stejná spodní linka) — legacy padding-left 64.5 dělal title moc odsazený */
  .blok_rozdelovnik_home .nazev_vypis_podmenu{font-size:20px;line-height:26px;padding-left:14px;bottom:14px}
}

/* --- Telefon (≤640): container padding 24 (Lovable px-6), nadpisy 30, novinky 1 sloupec --- */
@media (max-width:640px){
  .obsah_home .blok_sirky_webu{padding-left:24px;padding-right:24px}
  .blok_rozdelovnik_home .obsah_in_vypis_podmenu{padding-left:24px;padding-right:24px}
  .obsah_home .h2_nadpis_home{font-size:30px;line-height:36px}
  .blok_dokumenty_zdarma_nad_patou .nadpis_dokumenty_zdarma{font-size:30px;line-height:36px}   /* Katalogy nadpis na mobilu 42→30 (sladit s ostatními) */
  .atr-news-grid{grid-template-columns:1fr;gap:16px}
  .atr-news-card{aspect-ratio:16/10}   /* čtverec 1/1 → landscape 16/10: nižší panely (Martin: moc robustní na výšku) */
  .atr-news-card--big{grid-column:span 1;aspect-ratio:16/10}
  .atr-news-card--big .atr-news-title{font-size:20px}
}

/* --- D4: Patička + kontaktní blok CENTER→LEFT (legacy styly.css ≤650 centruje sloupce
   i .hlavni_nadpis_paticka; Lovable = vše vlevo). Sjednoceno na ≤860 = Martinův sdílený bod:
   font-size nadpisu 34→24 (D6, ať se „Pokud máte dotazy" nezalamuje na 3 řádky) platí od tabletu,
   text-align:left přebije legacy center (na 651-860 je base už left = no-op, na ≤650 přebije). --- */
@media (max-width:860px){
  .paticka .hlavni_nadpis_paticka{text-align:left;font-size:24px;line-height:30px}   /* D4 align + D6 menší nadpis (Lovable 24/30) */
  .paticka .sloupec_paticka{text-align:left}   /* sloupce 1-4: tel/email/adresa + odkazy vlevo (bylo center → „rozbité") */
}
/* Patička na mobilu: levý/pravý padding 40 → 24 (sladěno s obsahem webu; base 40 zůstává na desktop/tablet) */
@media (max-width:640px){
  footer .blok_sirky_webu{padding-left:24px;padding-right:24px}
  /* spodní lišta (copyright / odkazy / McRAI) → pod sebou VLEVO + menší mezery (bylo center, roztažené) */
  .paticka .paticka_in_d{flex-direction:column;align-items:flex-start;gap:10px;text-align:left}
  .paticka .paticka_in_d nav{justify-content:flex-start}
  .paticka .paticka_in_d .dolni_menu{justify-content:flex-start;gap:6px 20px}
}

/* ============ Scroll reveal (Fáze 3) — hlavní sekce najíždějí při scrollu ============
   Aplikuje se JEN když uživatel nevypnul animace (prefers-reduced-motion). JS přidá data-atr-reveal
   (auto-tag) na top-level bloky a .is-revealed při vstupu do viewportu. Bez JS/IO zůstávají sekce
   viditelné (atribut se nepřidá → počáteční stav se neuplatní). */
@media (prefers-reduced-motion:no-preference){
  [data-atr-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--atr-ease),transform .7s var(--atr-ease);will-change:opacity,transform}
  [data-atr-reveal].is-revealed{opacity:1;transform:none;will-change:auto}
}

/* ============ Poradci — mapa ČR (Figma vektor) + piny overlay s hover efektem (Fáze 3) ============
   Čistá mapa (obrys + kraje) jako PNG podklad, 14 pinů (ATRIUM logo SVG) absolutně na % pozicích z Figmy.
   Hover: pin se zvětší od špičky + ztmavne + pulz kolečko. Pozice/piny přesně dle Figma node 429:15383. */
.blok_poradci_home .blok_poradci_home_mapa{flex:1 1 auto;min-width:0}   /* mapa vyplní pravý sloupec (jako Figma), ne zmenšená */
.blok_poradci_home_mapa .atr-mapa-cr{position:relative;width:100%;max-width:640px;margin-left:auto}
.blok_poradci_home_mapa .atr-mapa-cr-bg{display:block;width:100%;height:auto;max-height:none}   /* přebít legacy img{max-height:290} */
.atr-mapa-pin{position:absolute;width:6.2%;aspect-ratio:26/32;transform:translate(-50%,-100%);transform-origin:50% 100%;cursor:pointer;z-index:2;transition:transform .25s var(--atr-ease)}   /* velikost proporcionální k mapě (drží pozici na krajích ve všech šířkách) */
.atr-mapa-pin svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 5px rgba(16,45,80,.28))}
.atr-mapa-pin-body{fill:#1170B8;transition:fill .2s var(--atr-ease)}
/* hover: pin roste od špičky + ztmavne; pulz kolečko pod špičkou */
.atr-mapa-pin:hover,.atr-mapa-pin.is-active{transform:translate(-50%,-100%) scale(1.3);z-index:3}
.atr-mapa-pin:hover .atr-mapa-pin-body,.atr-mapa-pin.is-active .atr-mapa-pin-body{fill:#006CB0}
.atr-mapa-pin::after{content:"";position:absolute;left:50%;bottom:0;width:12px;height:12px;border-radius:50%;background:rgba(17,112,184,.4);transform:translate(-50%,45%) scale(0);opacity:0;pointer-events:none}
.atr-mapa-pin:hover::after,.atr-mapa-pin.is-active::after{animation:atr-pin-pulse 1.1s var(--atr-ease) infinite}
@keyframes atr-pin-pulse{0%{transform:translate(-50%,45%) scale(.35);opacity:.5}70%{opacity:0}100%{transform:translate(-50%,45%) scale(2.6);opacity:0}}
/* nalezený kraj (hledání podle PSČ / klik na značku) — drží zvýraznění i bez kurzoru;
   odlišen okrovou barvou, aby nesplýval s modrým hoverem */
.atr-mapa-pin.is-nalezen{transform:translate(-50%,-100%) scale(1.3);z-index:4}
.atr-mapa-pin.is-nalezen .atr-mapa-pin-body{fill:#D08A1E}
.atr-mapa-pin.is-nalezen::after{background:rgba(208,138,30,.45);animation:atr-pin-pulse 1.6s var(--atr-ease) infinite}
.atr-mapa-pin{-webkit-tap-highlight-color:transparent}   /* je to <a>, ať mobil nebliká rámečkem */
@media (prefers-reduced-motion:reduce){.atr-mapa-pin{transition:none}.atr-mapa-pin:hover::after,.atr-mapa-pin.is-nalezen::after{animation:none}}
/* ============ Fotogalerie v detailu — ovládání jednotné se slidery na HP ============
   Legacy Mona swiper (template/modul/foto.php) měl vlastní šipky (PNG spany) a žádné
   tečky. Sjednoceno s referencemi / „Právě stavíme": kruhové šipky 48px s chevronem
   a tečky s aktivní fazolí. Platí pro všechny detailové galerie na webu. */
.swiper-container_fotogalerie ~ .sipka_leva_swiper_fotogalerie,
.swiper-container_fotogalerie ~ .sipka_prava_swiper_fotogalerie,
.sipka_leva_swiper_fotogalerie,.sipka_prava_swiper_fotogalerie{display:none !important}   /* legacy PNG šipky pryč */

/* legacy styly.css je schovává (display:none !important), protože Mona kreslila vlastní PNG spany */
.swiper-button-prev_fotogalerie,.swiper-button-next_fotogalerie{
  display:flex !important;align-items:center;justify-content:center;
  width:48px !important;height:48px !important;margin-top:-24px;padding:0;
  border:2px solid #006CB0;border-radius:999px;background:#fff;color:#006CB0;
  box-shadow:0 4px 14px rgba(16,45,80,.12);
  transition:background .2s var(--atr-ease),color .2s var(--atr-ease),opacity .2s var(--atr-ease)}
.swiper-button-prev_fotogalerie::after,.swiper-button-next_fotogalerie::after{
  content:"";width:20px;height:20px;background:currentColor}
.swiper-button-prev_fotogalerie::after{
  -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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.swiper-button-next_fotogalerie::after{
  -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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.swiper-button-prev_fotogalerie:hover,.swiper-button-next_fotogalerie:hover{background:#006CB0;color:#fff}
.swiper-button-prev_fotogalerie.swiper-button-disabled,.swiper-button-next_fotogalerie.swiper-button-disabled{opacity:.32}

/* tečky drží Swiper absolutně u spodku sekce (bottom 8px) — posadíme je výš a o stejnou
   hodnotu zvětšíme spodní padding, takže se tečky nepohnou a pod nimi vznikne mezera */
.obal_fotogalerie_pomerove{--swiper-pagination-bottom:28px;padding-bottom:80px}
.swiper-pagination_fotogalerie{
  position:static;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:36px}
.swiper-pagination_fotogalerie .swiper-pagination-bullet{
  width:10px;height:10px;margin:0 !important;opacity:1;border-radius:999px;background:rgba(17,90,158,.28);
  transition:width .3s var(--atr-ease),background .3s var(--atr-ease)}
.swiper-pagination_fotogalerie .swiper-pagination-bullet:hover{background:rgba(17,90,158,.5)}
.swiper-pagination_fotogalerie .swiper-pagination-bullet-active{width:30px;background:var(--atr-blue)}

/* Vzorové domy — domečky nad mapou (Lovable). Kotva = střed ikony, nad piny (z-index),
   ať jde kliknout i tam, kde je poradce blízko. */
/* barva přes .atr-mapa-cr — legacy a:link ve stránce jinak přebije currentColor na černou */
.atr-mapa-cr a.atr-mapa-dum{position:absolute;width:4.4%;aspect-ratio:1;transform:translate(-50%,-50%);color:#115A9E;cursor:pointer;z-index:4;transition:transform .2s var(--atr-ease),color .2s var(--atr-ease)}
.atr-mapa-cr a.atr-mapa-dum svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(16,45,80,.25))}
.atr-mapa-cr a.atr-mapa-dum:hover{transform:translate(-50%,-50%) scale(1.15);color:#006CB0}
.atr-mapa-legenda{display:flex;justify-content:flex-end;align-items:center;gap:8px;max-width:640px;margin:14px 0 0 auto;font-size:12px;font-weight:600;color:rgba(11,26,43,.7)}
.atr-mapa-legenda svg{width:16px;height:16px;color:#115A9E;flex:0 0 16px}
@media (max-width:1024px){.atr-mapa-legenda{max-width:640px;margin-left:auto;margin-right:auto;justify-content:center}}

/* ============ Micro-interakce (Fáze 3 polish) — jemné dodělky ============
   (a) buttony + carousel šipky: modrý glow + drobný lift na hover
   (b) karty: viditelnější KLIDOVÝ stín (odlepení od pozadí) + živější „pop" na hover
   Vše jen na TŘÍDÁCH (admin-safe). Glow/lift je v no-preference (respekt reduced-motion),
   klidové stíny platí vždy (statické, ne animace). ================================ */
/* klidové stíny karet — „grounded" (negativní spread): jde hlavně DOLŮ, malý boční přesah, aby ho
   vodorovný carousel-clip (overflow-x:clip) neuřezával po stranách u krajních karet. Moderní styl. */
.atr-ref-card,.atr-step-card,.atr-build-card,.atr-news-card{box-shadow:0 10px 24px -12px rgba(16,45,80,.28)}
/* SLIDER VIEWPORTY: overflow:hidden ořezával svisle KLIDOVÝ i hover stín + hover-lift karet (posun
   nahoru „mizel za okrajem divu"). overflow-x:clip = vodorovný ořez karet ZŮSTÁVÁ (carousel okno),
   overflow-y:visible = stín/lift přeteče svisle bez scrollbaru. (clip+visible je legální dvojice;
   hidden+visible by visible přepnulo na auto → scrollbar.) Platí VŽDY (nesouvisí s animacemi). */
.atr-ref-viewport,.atr-steps-viewport,.atr-build-viewport{overflow-x:clip;overflow-y:visible}
/* Steps+Build posouvají po 1 kartě s gap 24px → overflow-clip-margin povolí boční stín přetéct do
   gapu (22px < 24px = sousední karta NEvykoukne). Reference posouvá po stránkách BEZ mezery → clip-margin
   by odhalil sousední stránku → tam se spoléhá jen na grounded stín (malý boční přesah). */
.atr-steps-viewport,.atr-build-viewport{overflow-clip-margin:22px}

@media (prefers-reduced-motion:no-preference){
  /* --- (a) BUTTONY: modrý glow + drobný lift na hover (přímý :hover funguje i pro span uvnitř <a>) --- */
  .atr-btn,.blok_o_nas_home .blok_o_nas_home_tl,.blok_konfigurator .blok_konfigurator_tl,
  .blok_kroky_atrium_home .tl_vice_milniky_a_kroky,
  .paticka .tl_hlavni_kontakty,.paticka .tl_kudy,.atr-news-allbtn,
  .blok_poradci_home .blok_poradci_home_tl,
  .blok_dokumenty_zdarma_nad_patou .form_tl_def,.blok_dokumenty_zdarma_nad_patou .form_tl_def2{
    transition:background-color .2s var(--atr-ease),color .2s var(--atr-ease),
               border-color .2s var(--atr-ease),box-shadow .25s var(--atr-ease),
               transform .2s var(--atr-ease) !important}
  .atr-btn:hover,.blok_o_nas_home .blok_o_nas_home_tl:hover,.blok_konfigurator .blok_konfigurator_tl:hover,
  .blok_kroky_atrium_home .tl_vice_milniky_a_kroky:hover,
  .paticka .tl_hlavni_kontakty:hover,.paticka .tl_kudy:hover,.atr-news-allbtn:hover,
  .blok_poradci_home .blok_poradci_home_tl:hover,
  .blok_dokumenty_zdarma_nad_patou .form_tl_def:hover,.blok_dokumenty_zdarma_nad_patou .form_tl_def2:hover{
    box-shadow:0 8px 20px rgba(0,108,176,.30);transform:translateY(-2px)}

  /* --- (a) CAROUSEL ŠIPKY: silnější glow + lift+scale (base transform je translateY(-50%)) --- */
  .atr-ref-arrow,.atr-steps-arrow,.atr-build-arrow{
    transition:background .2s var(--atr-ease),color .2s var(--atr-ease),opacity .2s var(--atr-ease),
               box-shadow .22s var(--atr-ease),transform .22s var(--atr-ease) !important}
  .atr-ref-arrow:hover,.atr-steps-arrow:hover,.atr-build-arrow:hover{
    transform:translateY(-50%) translateY(-2px) scale(1.08);box-shadow:0 10px 24px rgba(0,108,176,.42)}

  /* --- (b) KARTY: živější „pop" + výraznější hover stín (−6px). Grounded (neg. spread) → boční
     přesah ~20px < clip-margin 22 (build/steps se neuřízne); ref má menší přesah díky spreadu. --- */
  .atr-ref-card:hover,.atr-build-card:hover{box-shadow:0 20px 34px -14px rgba(16,45,80,.34);transform:translateY(-6px)}
  .atr-step-card:hover{box-shadow:0 20px 34px -14px rgba(15,40,80,.32);transform:translateY(-6px)}
  /* Novinky bento (fotky) — dosud jen zoom fotky; přidat lift + stín */
  .atr-news-card{transition:box-shadow .3s var(--atr-ease),transform .3s var(--atr-ease)}
  .atr-news-card:hover{box-shadow:0 18px 32px -12px rgba(16,45,80,.32);transform:translateY(-5px)}

  /* --- (b) 6 DŮVODŮ (blok_proc_atrium_home) — statické karty (grid), dosud BEZ hover efektu.
     Sladit s ostatními kartami: lift −6px + výraznější stín. (overflow:hidden na kartě ořezává jen
     watermark číslo uvnitř, ne vlastní box-shadow/lift.) --- */
  .blok_proc_atrium_home .polozka_proc_atrium_home:hover{box-shadow:0 20px 34px -14px rgba(16,45,80,.32);transform:translateY(-6px)}
}
/* 6 důvodů — klidový stín + transition (platí vždy; klidový stín není animace) */
.blok_proc_atrium_home .polozka_proc_atrium_home{box-shadow:0 10px 24px -12px rgba(16,45,80,.28);transition:transform .25s var(--atr-ease),box-shadow .25s var(--atr-ease)}

/* =====================================================================
   DETAIL STAVBY „Právě stavíme" (modul 10) — clanek_prave_stavime.php
   Layout: vlevo nadpis + krátký text + panely s rozměry, VPRAVO foto;
   pod tím main popis; dole fotogalerie. HP design systém (ikony/barvy
   jako HP karta atr-build). Vzor struktury = detail domu / reference.
   ===================================================================== */
.atr-bd{margin-top:0;background:#fff}
.atr-bd .atr-bd-ico{flex:0 0 auto;color:#006CB0}

/* ===== HERO — modré bg, text vlevo (zarovnaný s containerem), foto full-bleed vpravo ===== */
.atr-bd-hero{position:relative;background:#f4f7fb;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;min-height:520px}
.atr-bd-hero-text{align-self:center;padding:56px 56px 56px max(40px, calc((100vw - 1200px)/2 + 20px))}
.atr-bd-hero-figure{position:relative;min-height:360px;background:#dbe6f1}
.atr-bd-hero-figure a{display:block;position:absolute;inset:0}
.atr-bd-hero-figure img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
/* bez fota: hero jednosloupcový */
.atr-bd-hero--nophoto{grid-template-columns:1fr;min-height:0}

/* breadcrumb (v hero) */
.atr-bd-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#5A7A96;margin-bottom:22px}
.atr-bd-crumbs a{color:#5A7A96;text-decoration:none}
.atr-bd-crumbs a:hover{color:#006CB0;text-decoration:underline}
.atr-bd-crumbs-sep{color:#aebfd0}
.atr-bd-crumbs-cur{color:#0b1a2b;font-weight:700}

.atr-bd-title{margin:0 0 20px;font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:42px;line-height:1.12;color:#0b1a2b}
/* krátký popis s modrou linkou (vertikální accent vlevo) */
.atr-bd-lead{border-left:3px solid #006CB0;padding-left:20px;font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.62;color:#33526e;margin-bottom:30px;max-width:520px}
.atr-bd-lead p{margin:0 0 10px}.atr-bd-lead p:last-child{margin:0}
.atr-bd-lead strong{color:#0b1a2b}

/* parametry — 2×2 bílé karty (kontrast v modrém hero) */
.atr-bd-params{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px;max-width:520px}
.atr-bd-param{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 8px 20px -14px rgba(16,45,80,.3)}
.atr-bd-param-label{display:flex;align-items:center;gap:8px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.4px;color:#5A7A96;text-transform:uppercase;margin-bottom:8px}
.atr-bd-param-val{display:block;font-family:'Nunito Sans',sans-serif;font-size:20px;font-weight:800;color:#0b1a2b;line-height:1.2}
.atr-bd-dombtn{height:46px;padding:0 22px;color:#fff!important}
.atr-bd-dombtn .atr-bd-ico{color:#fff;margin-right:2px}

/* ===== DOLE — bílé bg, main popis centered + galerie ===== */
.atr-bd-below{max-width:1200px;margin:0 auto;padding:54px 40px 66px}
.atr-bd-body{max-width:780px;margin:0 auto;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.78;color:#33526e}
.atr-bd-body h2{margin:0 0 14px;font-size:26px;font-weight:800;color:#0b1a2b;line-height:1.25}
.atr-bd-body p{margin:0 0 14px}
/* odrážky = řeší global .obsah ul li:before (ic-odrazka.png) — nepřidávat vlastní (dělalo 2 tečky), jen spacing */
.atr-bd-body ul{margin:0 0 16px}
.atr-bd-body li{margin:0 0 8px;line-height:1.62}
.atr-bd-body strong{color:#0b1a2b}
.atr-bd-body a{color:#006CB0}

/* fotogalerie — HP swipe carousel (3 viditelné) + Fancybox zoom */
.atr-bd-gallery-sec{margin-top:52px}
.atr-bd-gtitle{text-align:center;margin:0 0 28px;font-family:'Nunito Sans',sans-serif;font-size:30px;font-weight:800;color:#0b1a2b}
.atr-bd-gallery{position:relative}
.atr-bd-gallery-viewport{overflow:hidden}
.atr-bd-gallery-track{display:flex;gap:20px;will-change:transform}
.atr-bd-gallery-track.is-dragging{cursor:grabbing}
.atr-bd-gcard{flex:0 0 calc((100% - 40px)/3);aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px -16px rgba(16,45,80,.34);background:#dbe6f1}
.atr-bd-gcard img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.atr-bd-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;box-shadow:0 8px 20px -6px rgba(16,45,80,.4);cursor:pointer;display:none;align-items:center;justify-content:center;z-index:3}
.atr-bd-gallery.is-carousel .atr-bd-gallery-arrow{display:flex}
.atr-bd-gallery-prev{left:-16px}.atr-bd-gallery-next{right:-16px}
.atr-bd-gallery-arrow::before{content:"";width:12px;height:12px;border-top:2.4px solid #006CB0;border-right:2.4px solid #006CB0}
.atr-bd-gallery-prev::before{transform:rotate(-135deg);margin-left:4px}
.atr-bd-gallery-next::before{transform:rotate(45deg);margin-right:4px}
.atr-bd-gallery-dots{display:none;justify-content:center;gap:8px;margin-top:20px}
.atr-bd-gallery.is-carousel .atr-bd-gallery-dots{display:flex}
.atr-bd-gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c4d4e4;cursor:pointer;transition:width .25s,background .25s}
.atr-bd-gallery-dots button.is-active{width:22px;border-radius:4px;background:#006CB0}

@media(max-width:860px){
  .atr-bd-hero{grid-template-columns:1fr;min-height:0}
  .atr-bd-hero-text{padding:34px 20px 30px;order:2}
  .atr-bd-hero-figure{order:1;min-height:0;aspect-ratio:16/10}
  .atr-bd-title{font-size:30px}
  .atr-bd-below{padding:36px 20px 48px}
  .atr-bd-gcard{flex:0 0 calc((100% - 20px)/2)}
}
@media(max-width:520px){
  .atr-bd-params{grid-template-columns:1fr}
  .atr-bd-gcard{flex:0 0 100%}
}

/* ============ Drobečková navigace — CELÝ WEB (dle Lovable) ============
   Legacy: pruh #EEF3FB, podtržené odkazy 16px, textový oddělovač „>".
   Nově: stejný odstín jako hlavičky sekcí (#f4f7fb), 14px bez podtržení,
   chevron místo „>", aktuální položka modrá. Kontejner 1280 jako obsah. */
.obal_navigace{background-color:#f4f7fb;padding:24px 0 14px}   /* víc místa pod hlavičkou — dřív se navigace lepila hned na ni */
.obal_navigace .blok_sirky_webu{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.obal_navigace a:link,.obal_navigace a:visited{color:var(--atr-muted);text-decoration:none}
.obal_navigace a:hover .polozka_navigace{color:var(--atr-blue-l)}
.polozka_navigace{font-size:14px;line-height:20px;text-decoration:none;color:rgba(11,26,43,.6);transition:color .2s var(--atr-ease)}
.polozka_navigace:hover{text-decoration:none}
.aktivni_navigace{color:var(--atr-blue-l);font-weight:500}
/* oddělovač: chevron (maska) místo textového „>" */
.predel_navigace{float:left;width:14px;height:20px;margin:0 10px;background-color:rgba(11,26,43,.42);
  -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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/12px 12px 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/12px 12px no-repeat}
/* detail článku: breadcrumb sedí v levém sloupci obsahu → kontejner nechat na jeho šířce */
.obsah_clanek_horni_leva .obal_navigace{background-color:transparent;padding-top:0}
.obsah_clanek_horni_leva .obal_navigace .blok_sirky_webu{max-width:none;padding-left:0;padding-right:0}
@media (max-width:900px){
  .obal_navigace .blok_sirky_webu{padding-left:24px;padding-right:24px}
}

/* --- Texty na mobilu doleva — bloky hlavní strany (bod 12 korektury 8/2026)
   Stejný důvod jako u obsahových stránek: legacy šablona je od tabletu níž
   centruje. Mapa poradců zůstává na střed, tam je to obrázek, ne text. */
@media only screen and (max-width:767px){
  .blok_o_nas_home_leva,
  .blok_o_nas_home_prava,
  .blok_poradci_home_text,
  .blok_o_nas_home .h2_nadpis_home,
  .blok_poradci_home .h2_nadpis_home{
    text-align:left !important;
  }
}