/* =========================================================
   HZB – MICROSITE OKNA A DVEŘE BRNO
   Vzhled navazuje na hlavní web www.hzb.cz (barvy, písma, footer).
   ========================================================= */
:root{
  --od-ink:#231a15;
  --od-muted:#6b5a4e;
  --od-espresso:#2a1b14;
  --od-bark:#4a2616;
  --od-rust:#b4532a;
  --od-amber:#e39a45;
  --od-cream:#f8f1e9;
  --od-paper:#fffdfa;
  --od-red:#e30613;
  --od-green:#2f7a46;
  --od-line:rgba(74,38,22,.12);
  --od-radius:22px;
  --od-shadow:0 22px 50px rgba(52,30,18,.10);
}
body{background:#fbfaf7;}
.od{color:var(--od-ink);font-family:'Roboto',system-ui,sans-serif;}
.od *,.od *::before,.od *::after{box-sizing:border-box;}
.od svg{width:18px;height:18px;flex:0 0 auto;}
.od ul,.od ol{list-style:none;margin:0;padding:0;}
.od p{margin:0;}
.od h1,.od h2,.od h3,.od h4{font-family:'Roboto Slab',Georgia,serif;color:var(--od-ink);margin:0;}
.od a{text-decoration:none;}
.od img{max-width:100%;height:auto;}
.od :focus-visible{outline:3px solid var(--od-amber);outline-offset:3px;}

/* ---------- společné prvky ---------- */
.od-sec{padding:88px 0;}
.od-sec--tight{padding:28px 0;}
.od-sec--cream{background:linear-gradient(180deg,#f9f3ec 0%,#fbf7f2 100%);}
.od-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 20px!important;
  padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid var(--od-line);
  font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:0 8px 20px rgba(74,38,22,.06);
}
.od-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--od-red);box-shadow:0 0 0 4px rgba(227,6,19,.14);}
.od-kicker{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;
  font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--od-rust);
}
.od-tag{padding:4px 9px;border-radius:6px;background:var(--od-red);color:#fff;font-size:11px;letter-spacing:.06em;}
.od-head{max-width:720px;margin-bottom:40px;}
.od-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.od-head--center .od-kicker{justify-content:center;}
.od-head h2,.od-h2,.od-split h2,.od-dict h2,.od-why h2,.od-faq h2{font-size:clamp(28px,3vw,42px);line-height:1.12;font-weight:800;letter-spacing:-.015em;margin-bottom:14px;}
.od-head p{font-size:17px;line-height:1.65;color:var(--od-muted);}
.od-lead{font-size:17.5px;line-height:1.7;color:var(--od-muted);margin-bottom:24px!important;}
.od-subhead{font-size:22px;font-weight:700;margin:56px 0 22px!important;}
.od-note{margin-top:12px!important;font-size:13px;color:var(--od-muted);}

.od-actions{display:flex;flex-wrap:wrap;gap:12px;}
.od-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:12px;
  font:700 16px/1 'Roboto',sans-serif;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.od-btn--red{background:var(--od-red);color:#fff!important;box-shadow:0 14px 30px rgba(227,6,19,.26);}
.od-btn--line{background:#fff;color:var(--od-ink)!important;border:1px solid var(--od-line);}
.od-btn--line svg{color:var(--od-rust);}
.od-btn--white{background:#fff;color:var(--od-ink)!important;box-shadow:0 12px 26px rgba(0,0,0,.18);}
.od-btn--ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.4);}

.od-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;background:var(--od-red);color:#fff;font:800 11.5px/1.3 'Roboto',sans-serif;letter-spacing:.02em;}
.od-badge--line{background:transparent;color:var(--od-rust);border:1px solid rgba(180,83,42,.35);}

.od-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.55;color:var(--od-muted);}
.od-ticks li+li{margin-top:12px;}
.od-ticks li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(180,83,42,.12);color:var(--od-rust);margin-top:1px;}
.od-ticks b{color:var(--od-ink);}
.od-ticks--sm li{font-size:15px;}
.od-ticks--sm li+li{margin-top:9px;}

.od-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--od-ink)!important;border-bottom:2px solid var(--od-red);padding-bottom:3px;}
.od-more svg{width:15px;height:15px;transition:transform .2s ease;}

/* ---------- 1) hero ---------- */
.od-hero{
  position:relative;overflow:hidden;padding:52px 0 36px;
  background:
    radial-gradient(55% 70% at 100% 0%,rgba(227,154,69,.16),transparent 60%),
    radial-gradient(40% 60% at 0% 100%,rgba(180,83,42,.08),transparent 60%),
    linear-gradient(180deg,#fbf7f2 0%,#f9f3ec 100%);
}
.od-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;}
.od-hero__title{font:800 clamp(36px,4vw,58px)/1.06 'Roboto Slab',Georgia,serif!important;letter-spacing:-.02em;margin-bottom:18px!important;}
.od-hero__title em{font-style:normal;color:var(--od-rust);}
.od-hero__lead{font-size:18px;line-height:1.65;color:var(--od-muted);max-width:540px;margin-bottom:24px!important;}
.od-hero__deal{
  display:flex;align-items:center;gap:14px;max-width:540px;margin-bottom:24px;padding:12px 16px 12px 12px;border-radius:14px;
  background:#fff;border:1px solid rgba(227,6,19,.22);color:var(--od-ink)!important;box-shadow:0 12px 28px rgba(227,6,19,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}
.od-hero__deal b{flex:0 0 auto;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--od-red);color:#fff;font:800 18px/1 'Roboto Slab',serif;}
.od-hero__deal span{flex:1 1 auto;}
.od-hero__deal strong{display:block;font-size:15px;line-height:1.3;}
.od-hero__deal small{display:block;margin-top:3px;font-size:13px;color:var(--od-muted);}
.od-hero__deal svg{color:var(--od-red);}
.od-hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:30px!important;padding-top:20px;border-top:1px solid var(--od-line);}
.od-hero__trust li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;}
.od-hero__trust li svg{color:var(--od-rust);}
.od-hero__years strong{font:800 34px/1 'Roboto Slab',serif;color:var(--od-rust);letter-spacing:-.03em;}
.od-hero__years span{font-size:13px;line-height:1.25;}
.od-hero__years small{display:block;font-weight:400;color:var(--od-muted);}

.od-hero__media{position:relative;}
.od-hero__img{overflow:hidden;border-radius:28px;aspect-ratio:4/3.4;box-shadow:0 34px 70px rgba(52,30,18,.22);background:#d8c8b8;}
.od-hero__img img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;display:block;}
.od-hero__chip{
  position:absolute;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;
  background:rgba(255,253,250,.96);box-shadow:0 18px 40px rgba(52,30,18,.18);
}
.od-hero__chip--a{left:-26px;bottom:34px;flex-direction:column;align-items:flex-start;gap:0;}
.od-hero__chip--a span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--od-muted);}
.od-hero__chip--a strong{font:800 34px/1.05 'Roboto Slab',serif;color:var(--od-rust);}
.od-hero__chip--a small{font-size:12.5px;color:var(--od-muted);}
.od-hero__chip--b{right:22px;top:22px;font-size:13.5px;font-weight:700;line-height:1.2;}
.od-hero__chip--b svg{width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(180,83,42,.12);color:var(--od-rust);}

.od-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;}
.od-jump a{
  display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;
  background:#fff;border:1px solid var(--od-line);color:var(--od-ink)!important;font-size:14.5px;font-weight:600;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.od-jump a svg{color:var(--od-rust);}
.od-jump em{font-style:normal;padding:2px 6px;border-radius:5px;background:var(--od-red);color:#fff;font-size:11px;font-weight:800;}

/* ---------- 2) akce ---------- */
.od-deal{
  position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:36px;align-items:center;
  padding:40px 44px;border-radius:var(--od-radius);color:#fff;
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(227,154,69,.30),transparent 55%),
    radial-gradient(70% 90% at 0% 100%,rgba(180,83,42,.35),transparent 60%),
    linear-gradient(135deg,var(--od-espresso) 0%,#3a2016 55%,var(--od-bark) 100%);
  box-shadow:var(--od-shadow);
}
.od-deal__leaf{position:absolute;z-index:-1;right:30%;top:-40px;color:rgba(227,154,69,.14);transform:rotate(18deg);}
.od-deal__leaf svg{width:170px;height:170px;}
.od-deal__stamp{
  display:grid;place-items:center;align-content:center;width:150px;height:150px;border-radius:50%;
  background:var(--od-red);box-shadow:0 0 0 8px rgba(227,6,19,.18),0 20px 40px rgba(0,0,0,.25);text-align:center;transform:rotate(-8deg);
}
.od-deal__stamp small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);}
.od-deal__stamp strong{font:800 40px/1 'Roboto Slab',serif;color:#fff;}
.od-deal__kicker{display:block;margin-bottom:8px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--od-amber);}
.od-deal h2{color:#fff;font-size:clamp(24px,2.4vw,32px);line-height:1.15;font-weight:800;margin-bottom:10px;}
.od-deal p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.6;}
.od-deal__perks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px!important;}
.od-deal__perks li{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff;}
.od-deal__perks svg{color:var(--od-amber);}
.od-deal__cta{display:grid;gap:14px;justify-items:start;}
.od-deal__date{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.75)!important;}
.od-deal__date strong{color:#fff;}
.od-pulse{width:9px;height:9px;border-radius:50%;background:var(--od-amber);box-shadow:0 0 0 0 rgba(227,154,69,.6);animation:odPulse 2s infinite;}
@keyframes odPulse{70%{box-shadow:0 0 0 10px rgba(227,154,69,0);}100%{box-shadow:0 0 0 0 rgba(227,154,69,0);}}

/* ---------- 3) rozcestník ---------- */
.od-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.od-cat{
  position:relative;display:flex;align-items:center;gap:14px;padding:14px 44px 14px 14px;border-radius:18px;
  background:#fff;border:1px solid var(--od-line);color:var(--od-ink)!important;box-shadow:0 10px 24px rgba(52,30,18,.05);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.od-cat__img{flex:0 0 72px;height:84px;border-radius:12px;background:#fff;border:1px solid var(--od-line);display:grid;place-items:center;overflow:hidden;}
.od-cat__img img{max-height:78px;width:auto;object-fit:contain;}
.od-cat__img--door img{max-height:84px;}
.od-cat__body strong{display:block;font:700 17px/1.2 'Roboto Slab',serif;margin:4px 0 3px;}
.od-cat__body small{display:block;font-size:12.5px;line-height:1.35;color:var(--od-muted);}
.od-cat__go{position:absolute;right:16px;top:50%;margin-top:-9px;color:var(--od-rust);transition:transform .2s ease;}

/* ---------- split ---------- */
.od-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}
.od-split--rev .od-split__img{order:-1;}
.od-split__img{margin:0;overflow:hidden;border-radius:var(--od-radius);box-shadow:var(--od-shadow);aspect-ratio:4/3;}
.od-split__img img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---------- produkty ---------- */
.od-products{display:grid;gap:20px;margin-top:48px;}
.od-products--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.od-subhead+.od-products{margin-top:0;}
.od-prod{
  position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--od-line);
  box-shadow:0 12px 30px rgba(52,30,18,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;
}
.od-prod--top{border-color:rgba(180,83,42,.4);box-shadow:0 18px 40px rgba(180,83,42,.14);}
.od-prod__img{height:210px;display:grid;place-items:center;padding:18px;background:#fff;border-bottom:1px solid var(--od-line);}
.od-prod__img img{max-height:174px;width:auto;object-fit:contain;}
.od-prod__flag{position:absolute;z-index:1;top:14px;right:14px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--od-red);color:#fff!important;font:800 14px/1 'Roboto Slab',serif;box-shadow:0 8px 18px rgba(227,6,19,.3);}
.od-prod__pick,.od-prod__eco{position:absolute;z-index:1;top:14px;left:14px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.03em;}
.od-prod__pick{background:var(--od-ink);color:#fff;}
.od-prod__eco{background:#e8f3eb;color:var(--od-green);}
.od-prod__body{display:flex;flex-direction:column;flex:1 1 auto;padding:20px 20px 22px;}
.od-prod__body small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--od-rust);}
.od-prod h4{font-size:20px;font-weight:800;margin:6px 0 8px;}
.od-prod p{font-size:14.5px;line-height:1.55;color:var(--od-muted);margin-bottom:16px;}
.od-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:auto 0 18px;}
.od-specs div{padding:9px 10px;border-radius:10px;background:#f8f3ee;}
.od-specs dt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--od-muted);}
.od-specs dd{margin:2px 0 0;font:800 16px/1.2 'Roboto Slab',serif;color:var(--od-ink);white-space:nowrap;}
.od-prod .od-more{align-self:flex-start;font-size:14.5px;}

/* ---------- tabulka ---------- */
.od-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--od-line);border-radius:18px;overflow:hidden;font-size:15px;}
.od-table th,.od-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--od-line);vertical-align:top;}
.od-table thead th{background:var(--od-espresso);color:#fff;font:700 15px/1.2 'Roboto Slab',serif;}
.od-table thead th:first-child{color:rgba(255,255,255,.7);font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.od-table tbody th{font-weight:600;color:var(--od-muted);width:22%;}
.od-table tbody tr:last-child th,.od-table tbody tr:last-child td{border-bottom:0;}
.od-table tbody tr:nth-child(even){background:#fcf9f6;}
.od-table td b{color:var(--od-rust);}

/* ---------- průvodce ---------- */
.od-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.od-guide__item{display:flex;flex-direction:column;padding:26px 22px;border-radius:20px;background:#fff;border:1px solid var(--od-line);}
.od-guide__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(180,83,42,.12);color:var(--od-rust);margin-bottom:18px;}
.od-guide__ico svg{width:22px;height:22px;}
.od-guide__item h3{font-size:19px;font-weight:700;margin-bottom:8px;}
.od-guide__item p{font-size:14.5px;line-height:1.55;color:var(--od-muted);}
.od-guide__pick{margin-top:auto!important;padding-top:16px;border-top:1px dashed var(--od-line);margin-bottom:0;}
.od-guide__item > p:not(.od-guide__pick){margin-bottom:16px;}
.od-guide__pick b{color:var(--od-ink);}

/* ---------- plast vs hliník ---------- */
.od-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:stretch;}
.od-vs__col{padding:34px 32px;border-radius:var(--od-radius);background:#fff;border:1px solid var(--od-line);box-shadow:0 12px 30px rgba(52,30,18,.06);}
.od-vs__col h3{font-size:24px;font-weight:800;margin:14px 0 8px;}
.od-vs__col > p{font-size:15.5px;color:var(--od-muted);margin-bottom:20px;}
.od-vs__col--dark{background:linear-gradient(145deg,#2f2520,#1f1916);border-color:transparent;}
.od-vs__col--dark h3{color:#fff;}
.od-vs__col--dark > p,.od-vs__col--dark .od-ticks li{color:rgba(255,255,255,.75);}
.od-vs__col--dark .od-ticks li svg{background:rgba(227,154,69,.18);color:var(--od-amber);}
.od-vs__col--dark .od-badge--line{color:var(--od-amber);border-color:rgba(227,154,69,.45);}
.od-vs__or{align-self:center;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--od-paper);border:1px solid var(--od-line);font:800 16px/1 'Roboto Slab',serif;color:var(--od-rust);}

/* ---------- výplně ---------- */
.od-fills{margin-top:72px;}
.od-fills__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.od-fill{position:relative;display:block;overflow:hidden;border-radius:16px;background:#f4ede5;aspect-ratio:3/5;color:#fff!important;box-shadow:0 10px 24px rgba(52,30,18,.08);}
.od-fill img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .6s ease;}
.od-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,26,21,0) 50%,rgba(35,26,21,.85) 100%);}
.od-fill span{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;}
.od-fill strong{display:block;font:700 16px/1.2 'Roboto Slab',serif;color:#fff;}
.od-fill small{display:block;margin-top:3px;font-size:12.5px;color:rgba(255,255,255,.8);}
.od-more-info{margin-top:22px;border-radius:16px;background:#fff;border:1px solid var(--od-line);}
.od-more-info summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:18px 22px;cursor:pointer;list-style:none;font:700 16px/1.3 'Roboto Slab',serif;}
.od-more-info summary::-webkit-details-marker{display:none;}
.od-more-info summary span{font:600 12px/1 'Roboto',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--od-rust);}
.od-more-info summary::after{content:"+";margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f4ede5;color:var(--od-rust);font:700 20px/1 'Roboto',sans-serif;}
.od-more-info[open] summary::after{content:"−";}
.od-more-info__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 22px 22px;}
.od-more-info__grid h4{font-size:16px;margin-bottom:6px;color:var(--od-rust);}
.od-more-info__grid p{font-size:14px;line-height:1.55;color:var(--od-muted);}

/* ---------- posuvné dveře ---------- */
.od-slides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.od-slide{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;padding:26px;border-radius:var(--od-radius);background:#fff;border:1px solid var(--od-line);box-shadow:0 12px 30px rgba(52,30,18,.06);}
.od-slide__img{display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--od-line);padding:14px;}
.od-slide__img img{max-height:220px;width:auto;object-fit:contain;}
.od-slide h3{font-size:22px;font-weight:800;margin:12px 0 8px;}
.od-slide__body > p{font-size:15px;line-height:1.6;color:var(--od-muted);margin-bottom:16px;}
.od-slide .od-more{margin-top:18px;}

/* ---------- postup ---------- */
.od-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:none;}
.od-steps::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:repeating-linear-gradient(90deg,rgba(180,83,42,.35) 0 8px,transparent 8px 16px);}
.od-steps li{position:relative;text-align:center;padding:0 6px;}
.od-steps__n{position:relative;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid var(--od-rust);font:800 20px/1 'Roboto Slab',serif;color:var(--od-rust);box-shadow:0 0 0 6px #fbfaf7;}
.od-steps li:last-child .od-steps__n{background:var(--od-red);border-color:var(--od-red);color:#fff;}
.od-steps h3{font-size:18px;font-weight:700;margin-bottom:6px;}
.od-steps p{font-size:14.5px;line-height:1.55;color:var(--od-muted);}
.od-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px;}
.od-box{padding:32px;border-radius:var(--od-radius);background:#fff;border:1px solid var(--od-line);}
.od-box h3{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;margin-bottom:20px;}
.od-box h3 svg{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(180,83,42,.12);color:var(--od-rust);}
.od-box--accent{background:linear-gradient(180deg,#fff8f1,#fff);border-color:rgba(180,83,42,.25);}
.od-box .od-actions{margin-top:24px;}

/* ---------- doplňky ---------- */
.od-adds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.od-add{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:20px;background:#fff;border:1px solid var(--od-line);color:var(--od-ink)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.od-add strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:700 19px/1.25 'Roboto Slab',serif;}
.od-add > span{font-size:14.5px;line-height:1.55;color:var(--od-muted);}
.od-add em{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:14px;font-weight:700;color:var(--od-rust);}
.od-add em svg{width:14px;height:14px;}

/* ---------- slovníček ---------- */
.od-dict{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start;}
.od-dict__intro p{font-size:16.5px;line-height:1.65;color:var(--od-muted);margin-bottom:24px;}
.od-dict__list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.od-dict__list div{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--od-line);}
.od-dict__list dt{font:800 18px/1.2 'Roboto Slab',serif;color:var(--od-rust);margin-bottom:6px;}
.od-dict__list dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--od-muted);}
.od-dict__list dd b{color:var(--od-ink);}

/* ---------- reference + proč ---------- */
.od-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center;}
.od-ref{position:relative;display:block;overflow:hidden;border-radius:var(--od-radius);aspect-ratio:4/3.3;color:#fff!important;box-shadow:var(--od-shadow);}
.od-ref img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .7s ease;}
.od-ref::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,26,21,0) 45%,rgba(35,26,21,.85) 100%);}
.od-ref__cat{position:absolute;z-index:1;top:16px;left:16px;padding:6px 11px;border-radius:999px;background:rgba(255,253,250,.94);color:var(--od-rust);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.od-ref__cap{position:absolute;z-index:1;left:22px;right:76px;bottom:20px;}
.od-ref__cap strong{display:block;font:700 21px/1.2 'Roboto Slab',serif;color:#fff;}
.od-ref__cap small{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;color:rgba(255,255,255,.82);}
.od-ref__cap small svg{width:14px;height:14px;color:var(--od-amber);}
.od-ref__go{position:absolute;z-index:1;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);transition:background .2s ease;}
.od-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;margin:8px 0 28px;}
.od-why__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--od-line);color:var(--od-rust);margin-bottom:12px;}
.od-why__grid h3{font-size:17px;font-weight:700;margin-bottom:5px;}
.od-why__grid p{font-size:14.5px;line-height:1.55;color:var(--od-muted);}
.od-brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 64px;margin-top:64px;padding:26px 30px;border-radius:18px;background:#fff;border:1px solid var(--od-line);}
.od-brands img{height:38px;max-width:180px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s ease,opacity .2s ease;}

/* ---------- FAQ ---------- */
.od-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:56px;align-items:start;}
.od-faq__intro{position:sticky;top:110px;}
.od-faq__intro p{font-size:16.5px;color:var(--od-muted);margin-bottom:22px;}
.od-faq__list details{border-radius:16px;background:#fff;border:1px solid var(--od-line);transition:box-shadow .2s ease,border-color .2s ease;}
.od-faq__list details+details{margin-top:12px;}
.od-faq__list details[open]{border-color:rgba(180,83,42,.3);box-shadow:0 12px 28px rgba(52,30,18,.07);}
.od-faq__list summary{display:flex;align-items:center;gap:14px;padding:20px 22px;cursor:pointer;list-style:none;font:700 17px/1.35 'Roboto Slab',serif;}
.od-faq__list summary::-webkit-details-marker{display:none;}
.od-faq__list summary::after{content:"+";flex:0 0 30px;margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f4ede5;color:var(--od-rust);font:700 20px/1 'Roboto',sans-serif;}
.od-faq__list details[open] summary::after{content:"−";background:var(--od-red);color:#fff;}
.od-faq__list details p{padding:0 22px 20px;font-size:15.5px;line-height:1.7;color:var(--od-muted);}

/* ---------- závěr ---------- */
.od-sec--end{padding-top:24px;padding-bottom:0;}
.od-end{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:48px;align-items:center;padding:48px 52px;border-radius:26px;color:#fff;
  background:
    radial-gradient(70% 120% at 100% 0%,rgba(255,255,255,.16),transparent 55%),
    linear-gradient(135deg,#e30613 0%,#b8050f 100%);
  box-shadow:0 30px 60px rgba(120,0,0,.24);
}
.od-end .od-deal__kicker{color:rgba(255,255,255,.8);}
.od-end h2{color:#fff;font-size:clamp(26px,2.8vw,38px);line-height:1.12;font-weight:800;margin-bottom:12px;}
.od-end p{color:rgba(255,255,255,.88);font-size:16.5px;line-height:1.6;margin-bottom:24px;}
.od-end__more{padding:24px 26px;border-radius:18px;background:rgba(0,0,0,.14);}
.od-end__more p{margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.od-end__more li+li{border-top:1px solid rgba(255,255,255,.14);}
.od-end__more a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#fff!important;font-weight:600;font-size:15.5px;}
.od-end__more a svg{width:15px;height:15px;opacity:.7;transition:transform .2s ease;}

/* loga – vyrovnání optické velikosti */
.od-brands .lg-trocal{height:72px;}
.od-brands .lg-heroal{height:26px;}
.od-brands .lg-aluprof{height:40px;}
.od-brands .lg-roto{height:50px;}

/* footer v microsite – bez druhé červené výzvy (je hned nad ním) */
.hzb-foot{margin-top:80px;}
.hzb-foot__cta{display:none!important;}
.hzb-foot__main{padding-top:64px;}

/* ---------- mobilní lišta ---------- */
.od-mbar{display:none;}

/* ---------- akce po skončení ---------- */
html.od-akce-off .od-js-akce{display:none!important;}

/* ---------- hover ---------- */
@media (hover:hover) and (pointer:fine){
  .od-btn--red:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(227,6,19,.4);}
  .od-btn--line:hover{border-color:var(--od-ink);}
  .od-btn--white:hover{transform:translateY(-2px);}
  .od-btn--ghost:hover{background:#fff;color:#b8050f!important;}
  .od-more:hover svg,.od-end__more a:hover svg{transform:translateX(4px);}
  .od-hero__deal:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(227,6,19,.14);}
  .od-jump a:hover{border-color:var(--od-rust);transform:translateY(-2px);box-shadow:0 10px 22px rgba(52,30,18,.08);}
  .od-cat:hover{transform:translateY(-3px);border-color:rgba(180,83,42,.35);box-shadow:0 18px 36px rgba(52,30,18,.1);}
  .od-cat:hover .od-cat__go{transform:translateX(4px);}
  .od-prod:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(52,30,18,.12);}
  .od-fill:hover img,.od-ref:hover img{transform:scale(1.05);}
  .od-ref:hover .od-ref__go{background:var(--od-red);border-color:var(--od-red);}
  .od-add:hover{transform:translateY(-3px);border-color:rgba(180,83,42,.35);box-shadow:0 18px 36px rgba(52,30,18,.1);}
  .od-brands img:hover{filter:none;opacity:1;}
}

/* ---------- tablet ---------- */
@media (max-width:1199.98px){
  .od-products--4,.od-guide,.od-adds{grid-template-columns:repeat(2,minmax(0,1fr));}
  .od-cats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .od-fills__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .od-fill{aspect-ratio:4/5;}
  .od-fill img{object-position:50% 20%;}
  .od-more-info__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .od-deal{grid-template-columns:auto minmax(0,1fr);}
  .od-deal__cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;}
  .od-slide{grid-template-columns:1fr;}
  .od-slide__img{height:220px;}
}
@media (max-width:991.98px){
  .od-sec{padding:64px 0;}
  .od-sec--tight{padding:22px 0;}
  .od-hero{padding:28px 0 28px;}
  .od-hero__in,.od-split,.od-dict,.od-why,.od-faq,.od-end{grid-template-columns:1fr;gap:32px;}
  .od-hero__media{order:-1;}
  .od-hero__img{aspect-ratio:16/10;}
  .od-hero__chip--a{left:14px;bottom:14px;}
  .od-split--rev .od-split__img{order:0;}
  .od-vs{grid-template-columns:1fr;}
  .od-vs__or{justify-self:center;margin:-6px 0;}
  .od-steps{grid-template-columns:1fr;gap:0;}
  .od-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(180,83,42,.35) 0 8px,transparent 8px 16px);}
  .od-steps li{display:grid;grid-template-columns:56px 1fr;gap:4px 18px;text-align:left;padding:0 0 22px;}
  .od-steps__n{grid-row:1/3;margin:0;}
  .od-two,.od-slides{grid-template-columns:1fr;}
  .od-faq__intro{position:static;}
  .od-table-wrap{overflow:visible;}
}

/* ---------- mobil ---------- */
@media (max-width:767.98px){
  /* tabulka -> karty */
  .od-table,.od-table tbody,.od-table tr,.od-table th,.od-table td{display:block;width:100%!important;}
  .od-table{border:0;background:transparent;border-radius:0;overflow:visible;}
  .od-table thead{display:none;}
  .od-table tbody{display:grid;gap:10px;}
  .od-table tbody tr{border-radius:14px;background:#fff!important;border:1px solid var(--od-line);overflow:hidden;}
  .od-table tbody th{padding:12px 16px;background:#f8f3ee;color:var(--od-ink);font-family:'Roboto Slab',serif;font-size:15px;}
  .od-table td{display:flex;justify-content:space-between;gap:16px;padding:9px 16px;border-bottom:1px solid var(--od-line);text-align:right;}
  .od-table td::before{content:attr(data-label);font-weight:700;color:var(--od-muted);text-align:left;flex:0 0 auto;}
  .od-table tbody tr td:last-child{border-bottom:0;}
}
@media (max-width:575.98px){
  .od-sec{padding:52px 0;}
  .od > .od-sec > .container,.od-hero > .container{padding-left:14px!important;padding-right:14px!important;}
  .od-hero__title{font-size:32px!important;}
  .od-hero__lead{font-size:16px;}
  .od-hero__img{aspect-ratio:4/3;border-radius:20px;}
  .od-hero__chip{padding:10px 12px;}
  .od-hero__chip--a strong{font-size:26px;}
  .od-hero__chip--b{display:none;}
  .od-hero__deal b{width:54px;height:54px;font-size:16px;}
  .od-actions{display:grid;grid-template-columns:1fr;}
  .od-btn{width:100%;}
  .od-jump{flex-wrap:nowrap;overflow-x:auto;margin:28px -14px 0;padding:0 14px 6px;scrollbar-width:none;}
  .od-jump::-webkit-scrollbar{display:none;}
  .od-jump a{flex:0 0 auto;}
  .od-deal{grid-template-columns:1fr;padding:30px 22px;gap:22px;}
  .od-deal__stamp{width:110px;height:110px;}
  .od-deal__stamp strong{font-size:30px;}
  .od-deal__cta{display:grid;}
  .od-cats{grid-template-columns:1fr;gap:10px;}
  .od-products--4,.od-guide,.od-adds,.od-dict__list,.od-why__grid,.od-more-info__grid{grid-template-columns:1fr;}
  .od-products{gap:14px;}
  .od-prod__img{height:180px;}
  .od-fills__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .od-vs__col,.od-box,.od-slide{padding:24px 20px;}
  .od-brands{gap:22px 36px;padding:20px;}
  .od-brands .lg-trocal{height:56px;}.od-brands .lg-heroal{height:20px;}.od-brands .lg-aluprof{height:30px;}.od-brands .lg-roto{height:38px;}
  .hzb-foot{margin-top:56px;}.hzb-foot__main{padding-top:44px;}
  .od-end{padding:32px 22px;border-radius:20px;}
  .od-subhead{margin-top:40px!important;}

  /* spodní lišta s kontaktem */
  .od-mbar{
    position:fixed;z-index:1040;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr;gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,250,.97);
    border-top:1px solid var(--od-line);box-shadow:0 -10px 30px rgba(52,30,18,.12);
    transform:translateY(110%);transition:transform .3s ease;
  }
  .od-mbar.is-on{transform:none;}
  .od-mbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;font:700 15px/1 'Roboto',sans-serif;text-decoration:none;}
  .od-mbar svg{width:18px;height:18px;}
  .od-mbar__call{background:#fff;border:1px solid var(--od-line);color:var(--od-ink)!important;}
  .od-mbar__cta{background:var(--od-red);color:#fff!important;}
  body.od-mbar-on .back-to-top{bottom:84px!important;}
  body.od-mbar-on #hzb-cookie-fab{bottom:84px!important;}
  body{padding-bottom:0;}
  .hzb-foot__bottom-in{padding-bottom:110px!important;}
}

@media (prefers-reduced-motion:reduce){
  .od *{transition:none!important;animation:none!important;}
}