/* ===================================================================
   RENOVIO REALITY — styly stranky Italie (drive vlozene primo v HTML).
   Vytazeno ven, aby si je prohlizec ulozil a nestahoval pri kazde
   navsteve znovu. Poradi v kaskade zustava stejne — <link> je presne
   tam, kde byl puvodni <style>.
   =================================================================== */
/* ==========================================================================
   ITALIE — Scalea. Plna samostatna stranka na Netlify (z Urbia se odkazuje).
   Dedi promenne a komponenty z css/style.css. Zaklad je ZAMERNE SVETLY
   (--lt-bg krem + moznost stredomorske modre); tmave jsou jen obrazove sekce
   a jedna "vazna" sekce. Cil: lehke a osvezujici, ne ponure.
   ========================================================================== */
body{background:var(--lt-bg)}

.it{
  /* stredomorske doplnky k firemni mosazi */
  --sea:#12708f; --sea-d:#0d5570; --sea-lt:#dff0f6; --sea-lt2:#eaf6fa;
  --sand:#f9f4e8; --sand-2:#f2ead9;
  --terra:#c1654a; --terra-lt:#fbeee9;
  --lemon:#e0a821; --olive:#7d8c46;
  --ink:var(--lt-ink); --mut:var(--lt-muted); --ln:var(--lt-line); --ln2:var(--lt-line2);
}

/* --- sekce --------------------------------------------------------------- */
.itsec{position:relative;z-index:1;padding:clamp(3.6rem,8vw,6.8rem) 0;color:var(--ink)}
.itsec--sand{background:linear-gradient(180deg,var(--sand),var(--sand-2))}
.itsec--white{background:#fff}
.itsec--sea{background:linear-gradient(180deg,var(--sea-lt2),var(--sea-lt))}
.itsec--ink{background:linear-gradient(180deg,#132131,#0d1826);color:#c3d1e2}
.it h2,.it h3,.it h4{color:var(--ink);margin:0;line-height:1.12;letter-spacing:-.025em}
/* MUSI byt az za `.it h2` — stejna specificita, rozhoduje poradi. Kdyz bylo drive,
   nadpis v tmave sekci zustal tmavy na tmavem a byla videt jen mosazna kurziva. */
.itsec--ink h2,.itsec--ink h3,.itsec--ink h4{color:#fff}
.it p{margin:0}
.itwrap{width:min(1200px,92vw);margin-inline:auto;position:relative;z-index:2}
.itwrap--tight{width:min(880px,92vw)}

.itkick{display:inline-flex;align-items:center;gap:.6rem;font:600 .74rem/1 var(--mono);
  letter-spacing:.15em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:1rem}
.itkick::before{content:"";width:24px;height:2px;background:var(--brass);border-radius:2px}
.itsec--ink .itkick{color:var(--brass-hi)}
.itsec--sea .itkick{color:var(--sea-d)}
.ith2{font:700 clamp(1.85rem,4.2vw,3.15rem)/1.08 var(--display);letter-spacing:-.03em}
.ith3{font:700 clamp(1.25rem,2.4vw,1.75rem)/1.2 var(--display)}
.itlead{color:var(--mut);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.68;margin-top:1.1rem;max-width:66ch}
.itsec--ink .itlead{color:#a4b4c8}
.itlead b{color:var(--ink);font-weight:650}
.itsec--ink .itlead b{color:var(--brass-hi)}
.itserif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--brass-ink)}
.itsec--ink .itserif{color:var(--brass-hi)}
.itsmall{font-size:.83rem;color:var(--mut);line-height:1.6}

/* ==========================================================================
   HERO
   ========================================================================== */
.ithero{position:relative;min-height:min(96vh,940px);display:flex;align-items:flex-end;
  overflow:hidden;isolation:isolate;background:#0d1826}
.ithero__media{position:absolute;inset:0;z-index:0}
.ithero__media video,.ithero__media img{width:100%;height:100%;object-fit:cover;display:block}
.ithero__veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,20,32,.62) 0%,rgba(10,20,32,.2) 26%,rgba(10,20,32,.46) 56%,rgba(10,20,32,.9) 86%,rgba(10,20,32,.97) 100%),
    linear-gradient(96deg,rgba(10,20,32,.78) 0%,rgba(10,20,32,.44) 40%,rgba(10,20,32,.05) 70%,transparent 85%)}
@media(max-width:820px){
  .ithero__veil{background:linear-gradient(180deg,
    rgba(10,20,32,.6) 0%,rgba(10,20,32,.18) 18%,rgba(10,20,32,.44) 44%,
    rgba(10,20,32,.85) 66%,rgba(10,20,32,.96) 84%,rgba(10,20,32,1) 100%)}
}
.ithero__in{position:relative;z-index:2;width:100%;padding-block:clamp(2.5rem,6vw,5rem)}
.ithero h1{font:700 clamp(2.2rem,5.6vw,4.9rem)/1.02 var(--display);letter-spacing:-.04em;color:#fff;
  max-width:21ch;text-shadow:0 6px 50px rgba(0,0,0,.55)}
.ithero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--brass-hi);letter-spacing:-.02em}
.ithero__sub{margin-top:1.4rem;font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.6;color:#e9eef6;
  max-width:58ch;text-shadow:0 2px 20px rgba(0,0,0,.7)}
.ithero__sub b{color:#fff;font-weight:650}
.ithero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.9rem}
/* srovnavaci pas cen — hlavni argument hned v hero */
.itcmp{display:grid;grid-template-columns:repeat(3,auto);gap:0;margin-top:2.2rem;padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.18);justify-content:start}
.itcmp__i{padding-right:1.9rem;margin-right:1.9rem;border-right:1px solid rgba(255,255,255,.15)}
.itcmp__i:last-child{border-right:0;margin-right:0;padding-right:0}
.itcmp__v{font:700 clamp(1.15rem,2.2vw,1.85rem)/1 var(--display);letter-spacing:-.03em;color:#fff;white-space:nowrap}
.itcmp__i--us .itcmp__v{color:var(--brass-hi)}
.itcmp__l{margin-top:.35rem;font:600 .66rem/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;
  color:rgba(255,255,255,.62)}
@media(max-width:760px){
  .ithero{min-height:min(94vh,880px);align-items:center}
  .ithero h1{font-size:clamp(1.95rem,8.4vw,2.8rem);max-width:22ch}
  .ithero__cta .btn{flex:1 1 100%;justify-content:center}
  .ithero__in{padding-block:1.8rem}
  .itcmp{grid-template-columns:1fr 1fr;gap:1rem 0;margin-top:1.7rem}
  .itcmp__i{padding-right:.9rem;margin-right:0;border-right:0}
  .itcmp__i:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)}
  /* treti polozka je na druhem radku sama — cara vpravo by visela do prazdna */
  .itcmp__i:last-child{border-right:0}
}

/* ==========================================================================
   MARQUEE hooku — misto prazdnych slov konkretni argumenty
   ========================================================================== */
.ithooks{background:linear-gradient(90deg,var(--brass-deep),var(--brass),var(--brass-deep));
  overflow:hidden;padding:.85rem 0;position:relative;z-index:2;
  border-block:1px solid rgba(0,0,0,.14)}
.ithooks__track{display:flex;width:max-content;animation:ithook 46s linear infinite}
.ithooks:hover .ithooks__track{animation-play-state:paused}
.ithooks__g{display:flex;align-items:center;flex:0 0 auto}
.ithooks__g b{font:650 .88rem/1 var(--body);color:#2a1d06;white-space:nowrap;
  padding:0 .55rem;letter-spacing:-.005em}
.ithooks__g i{color:rgba(42,29,6,.42);font-style:normal;padding:0 .8rem;font-size:.9rem}
@keyframes ithook{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ithooks__track{animation:none;flex-wrap:wrap;width:auto}}

/* ==========================================================================
   PROC KALABRIE — cenove srovnani + dostupnost
   ========================================================================== */
.itwhy{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4.5vw,4rem);align-items:center;
  margin-top:clamp(2rem,4vw,3rem)}
@media(max-width:940px){.itwhy{grid-template-columns:1fr}}
/* Kdyz jsou vedle sebe dva rovnocenne vizualy (foto + video), musi byt stejne siroke
   i vysoke. Vychozi 1.05/.95 je pro dvojici text + graf, u dvou medii to bilo do oci. */
.itwhy--rovny{grid-template-columns:1fr 1fr;align-items:stretch}
@media(max-width:940px){.itwhy--rovny{grid-template-columns:1fr}}
.itwhy--rovny > figure{height:100%;display:flex}
.itwhy--rovny > figure img,.itwhy--rovny > figure video{height:100%;width:100%;object-fit:cover}
/* graf cen */
.itbars{display:grid;gap:1.1rem;background:#fff;border:1px solid var(--ln);border-radius:20px;
  padding:clamp(1.4rem,3vw,2rem);box-shadow:0 24px 60px -40px rgba(20,32,46,.4)}
.itbar__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem}
.itbar__n{font-weight:650;font-size:.95rem;color:var(--ink)}
.itbar__p{font:700 1rem/1 var(--display);color:var(--ink);white-space:nowrap}
.itbar__t{height:13px;border-radius:999px;background:rgba(20,32,46,.07);overflow:hidden}
.itbar__f{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sea),#3aa6c4)}
.itbar--us .itbar__f{background:linear-gradient(90deg,var(--brass-deep),var(--brass))}
.itbar--us .itbar__n,.itbar--us .itbar__p{color:var(--brass-ink)}
.itbar__note{font-size:.79rem;color:var(--mut);margin-top:.3rem}
.itbars__src{font-size:.75rem;color:var(--mut);border-top:1px solid var(--ln);padding-top:.9rem;line-height:1.55}

/* dostupnost — kroky cesty */
.itway{display:grid;gap:.7rem;margin-top:1.8rem}
.itway__r{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;
  background:#fff;border:1px solid var(--ln);border-radius:14px;padding:.95rem 1.15rem}
.itway__ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--sea-lt);color:var(--sea-d)}
.itway__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.itway__t{font-size:.94rem;color:var(--ink);font-weight:600}
.itway__t span{display:block;font-weight:400;color:var(--mut);font-size:.85rem;margin-top:.15rem}
.itway__v{font:700 1rem/1 var(--display);color:var(--sea-d);white-space:nowrap}
@media(max-width:520px){.itway__r{grid-template-columns:auto 1fr}.itway__v{grid-column:2;margin-top:.3rem}}

/* ==========================================================================
   VYNOS — modelovy propocet
   ========================================================================== */
.itcalc{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.6rem,3.5vw,2.6rem);
  margin-top:2.4rem;align-items:start}
@media(max-width:940px){.itcalc{grid-template-columns:1fr}}
.itcalc__box{background:#fff;border:1px solid var(--ln);border-radius:20px;overflow:hidden;
  box-shadow:0 26px 60px -42px rgba(20,32,46,.42)}
.itcalc__h{padding:1.2rem 1.5rem;border-bottom:1px solid var(--ln);
  background:linear-gradient(135deg,#fbf7ee,#f6efe0)}
.itcalc__h b{display:block;font:700 1.05rem/1.3 var(--display);color:var(--ink)}
.itcalc__h span{display:block;margin-top:.25rem;font-size:.84rem;color:var(--mut)}
.itcalc__b{padding:.4rem 1.5rem 1rem}
.itcalc__r{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;align-items:baseline;
  border-bottom:1px dashed var(--ln)}
.itcalc__r:last-child{border-bottom:0}
.itcalc__k{color:var(--ink);font-size:.93rem}
.itcalc__k small{display:block;color:var(--mut);font-size:.79rem;margin-top:.15rem;line-height:1.5}
.itcalc__v{font-weight:700;white-space:nowrap;font-size:.97rem;color:var(--ink)}
.itcalc__v--plus{color:var(--olive)}
.itcalc__v--minus{color:var(--terra)}
.itcalc__f{padding:1.15rem 1.5rem;border-top:2px solid var(--ln2);
  background:linear-gradient(135deg,#f2f8f4,#e9f3ec);
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.itcalc__f span{font:600 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--olive)}
.itcalc__f b{font:700 1.5rem/1 var(--display);color:#4a6b2e;letter-spacing:-.02em}
/* pravy sloupec — shrnuti. Vsechny tri karty maji stejnou strukturu i velikosti pisma:
   velke cislo -> maly popisek -> vysvetlujici veta. */
.itcalc__side{display:grid;gap:1rem;align-content:start}
.itsum{position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--sea-lt2),var(--sea-lt));border:1px solid rgba(18,112,143,.28);
  border-radius:18px;padding:1.4rem 1.35rem}
.itsum b.itsum__n{display:block;font:700 2.45rem/1 var(--display);
  color:var(--sea-d);letter-spacing:-.03em}
.itsum .itsum__lab{display:block;margin-top:.35rem;font:600 .7rem/1.2 var(--mono);
  letter-spacing:.13em;text-transform:uppercase;color:var(--sea-d);opacity:.75;font-style:normal}
.itsum span{display:block;margin-top:.7rem;font-size:.88rem;line-height:1.55;color:var(--ink)}
.itsum--gold{background:linear-gradient(160deg,#fdf6e6,#f8ecd2);border-color:rgba(201,162,91,.42)}
.itsum--gold b.itsum__n,.itsum--gold .itsum__lab{color:var(--brass-ink)}
@media(max-width:520px){.itsum b.itsum__n{font-size:2.1rem}}

/* --- ekonomicke efekty: stoupajici sloupecky + prelevajici se lesk --- */
.itsum::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;
  border-radius:50%;background:radial-gradient(circle,rgba(18,112,143,.10),transparent 68%);
  pointer-events:none}
.itsum--gold::after{background:radial-gradient(circle,rgba(201,162,91,.16),transparent 68%)}
/* minigraf: tri stoupajici sloupce vpravo nahore */
.itsum__bars{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:flex-end;
  gap:3px;height:26px;opacity:.42}
.itsum__bars i{display:block;width:5px;border-radius:2px;background:var(--sea-d);
  transform-origin:bottom center}
.itsum--gold .itsum__bars i{background:var(--brass-ink)}
.itsum__bars i:nth-child(1){height:38%}
.itsum__bars i:nth-child(2){height:66%}
.itsum__bars i:nth-child(3){height:100%}
@media(prefers-reduced-motion:no-preference){
  .itsum__bars i{animation:itbar 2.6s ease-in-out infinite}
  .itsum__bars i:nth-child(2){animation-delay:.18s}
  .itsum__bars i:nth-child(3){animation-delay:.36s}
}
@keyframes itbar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72)}}

/* ==========================================================================
   SERVIS — co zajistujeme
   ========================================================================== */
.itserv{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;margin-top:2.4rem}
.itserv__i{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:1.4rem 1.3rem;
  display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.itserv__i:hover{transform:translateY(-3px);border-color:rgba(201,162,91,.5);
  box-shadow:0 22px 46px -32px rgba(20,32,46,.4)}
/* Kontejner ikony: teply prechod + jemny vnitrni lesk, aby pusobil plasticky. */
.itserv__ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,#fdf3e0 0%,#f6e2b4 55%,#efd39a 100%);
  border:1px solid rgba(154,119,51,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 12px -6px rgba(154,119,51,.5);
  color:var(--brass-ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.itserv__i:hover .itserv__ic{transform:translateY(-2px) rotate(-3deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px -8px rgba(154,119,51,.65)}
/* SOLID ikony s gradientni vyplni. Vyplnuji 30 z 46 px ramecku (~65 %), coz je
   pomer, pri kterem ikona ramecek "obydli" misto aby v nem plavala. */
.itserv__ic svg{width:30px;height:30px;display:block;stroke:none}
.itserv__ic svg path,.itserv__ic svg circle,.itserv__ic svg rect{stroke:none}
.itserv__i b{display:block;font:700 .99rem/1.32 var(--display);color:var(--ink);margin-bottom:.3rem}
.itserv__i span{display:block;font-size:.88rem;line-height:1.58;color:var(--mut)}

/* ==========================================================================
   OBRAZOVE PASY (koupani, jidlo, CTA)
   ========================================================================== */
/* Pomer 16:9 = pomer zdrojoveho videa, takze object-fit:cover neurizne nic.
   POZOR: width:100% musi byt explicitne. Bez nej aspect-ratio pri max-height zmensi
   i SIRKU (video pak nesahalo pres celou obrazovku) — overeno, 1690 px misto 1905. */
.itband{position:relative;width:100%;aspect-ratio:16/9;max-height:100vh;
  min-height:min(58vh,480px);
  display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#0d1826;z-index:1}
.itband--short{aspect-ratio:auto;min-height:min(52vh,520px);max-height:none}
@media(max-width:760px){
  /* na uzkem displeji by 16:9 byl prilis nizky pruh — radeji vyssi vyrez */
  .itband{aspect-ratio:auto;min-height:min(70vh,600px);max-height:none}
}
.itband__media{position:absolute;inset:0;z-index:0}
.itband__media video,.itband__media img{width:100%;height:100%;object-fit:cover;display:block}
.itband__veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,20,32,.35) 0%,rgba(10,20,32,.06) 32%,rgba(10,20,32,.55) 72%,rgba(10,20,32,.92) 100%)}
.itband__in{position:relative;z-index:2;width:100%;padding-block:clamp(2.4rem,5vw,4rem);color:#fff}
.itband h2{color:#fff;font:700 clamp(1.7rem,4vw,3rem)/1.1 var(--display);letter-spacing:-.03em;max-width:24ch;
  text-shadow:0 4px 36px rgba(0,0,0,.5)}
.itband h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--brass-hi)}
.itband p{margin-top:1rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:#e6ecf4;max-width:52ch;
  text-shadow:0 2px 18px rgba(0,0,0,.6)}
.itband__tag{display:inline-flex;align-items:center;gap:.5rem;font:600 .7rem/1 var(--mono);
  letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi);
  background:rgba(10,20,32,.5);border:1px solid rgba(231,220,168,.3);padding:.5rem .9rem;
  border-radius:999px;backdrop-filter:blur(6px);margin-bottom:1rem}

/* ==========================================================================
   ITALSKE MOTIVY — pizza, kava, vino, gelato
   ========================================================================== */
.itico{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.4rem}
@media(max-width:900px){.itico{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.itico{grid-template-columns:1fr}}
.itico__i{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--ln);
  background:#fff;box-shadow:0 20px 46px -34px rgba(20,32,46,.4);
  transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.itico__i:hover{transform:translateY(-5px);box-shadow:0 32px 62px -34px rgba(20,32,46,.5)}
.itico__i figure{margin:0;overflow:hidden;aspect-ratio:3/2}
.itico__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.itico__i:hover img{transform:scale(1.07)}
.itico__t{padding:1.1rem 1.15rem 1.3rem}
.itico__t b{display:block;font:700 1.02rem/1.3 var(--display);color:var(--ink);margin-bottom:.35rem}
.itico__t span{display:block;font-size:.88rem;line-height:1.55;color:var(--mut)}

/* ==========================================================================
   GALERIE OD KLIENTU — skutecne fotky ze Scaley (ne vizualizace)
   ========================================================================== */
/* JEDNOTNE RAMECKY 4:3 — vsechny dlazdice stejne velke (mensi z puvodnich dvou
   rozmeru). Fotky maji ruzne pomery (8 ze 13 je na vysku), takze se u portretu
   orizne vrsek a spodek; `object-position:center` drzi vyrez uprostred, kde je
   u techto zaberu horizont i hlavni motiv. Cely zaber je videt po kliknuti. */
.itreal{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:2.2rem}
@media(max-width:1100px){.itreal{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.itreal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.itreal{grid-template-columns:1fr}}
.itreal figure{margin:0;overflow:hidden;border-radius:14px;border:1px solid var(--ln);
  background:var(--sand-2);position:relative;cursor:zoom-in;
  aspect-ratio:4/3;width:100%}
.itreal img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  transition:transform .7s var(--ease)}
.itreal figure:hover img{transform:scale(1.06)}
/* jemny popisek pri najeti */
.itreal figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .7rem .55rem;
  font:600 .72rem/1.3 var(--body);color:#fff;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(8,16,26,.82));
  transition:opacity .3s var(--ease)}
.itreal figure:hover figcaption{opacity:1}
/* stitek "skutecne fotky" — odlisuje je od ilustracnich vizualizaci */
.itreal__odznak{display:inline-flex;align-items:center;gap:.5rem;
  font:700 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:#2f5c36;background:linear-gradient(160deg,#e6f4e9,#d5ebda);
  border:1px solid rgba(47,92,54,.28);padding:.5rem .85rem;border-radius:999px;
  margin-bottom:1rem}
.itreal__odznak svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}

/* ==========================================================================
   ZAZITKY — mrizka
   ========================================================================== */
.itexp{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.2rem;margin-top:2.4rem}
.itexp__i{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:1.6rem 1.5rem;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.itexp__i:hover{transform:translateY(-4px);border-color:rgba(201,162,91,.5);
  box-shadow:0 26px 54px -34px rgba(20,32,46,.42)}
.itexp__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:1rem;
  background:linear-gradient(140deg,var(--sea-lt),#cfe9f2);color:var(--sea-d)}
.itexp__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.itexp__i--warm .itexp__ic{background:linear-gradient(140deg,#fdf1dc,#f8e3b8);color:var(--brass-ink)}
.itexp__i--terra .itexp__ic{background:linear-gradient(140deg,var(--terra-lt),#f6ddd3);color:var(--terra)}
.itexp__i h3{font:700 1.08rem/1.3 var(--display);margin-bottom:.5rem}
.itexp__i p{color:var(--mut);font-size:.93rem;line-height:1.62}
.itexp__km{display:inline-block;margin-top:.8rem;font:600 .72rem/1 var(--mono);letter-spacing:.06em;
  color:var(--sea-d);background:var(--sea-lt);padding:.4rem .7rem;border-radius:999px}

/* ==========================================================================
   MAPA CESTY — SVG s animovanou trasou
   ========================================================================== */
.itmap{margin-top:2.4rem;background:#fff;border:1px solid var(--ln);border-radius:22px;
  padding:clamp(1.2rem,3vw,2.2rem);box-shadow:0 26px 64px -44px rgba(20,32,46,.4);overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);
  gap:clamp(1.2rem,3vw,2.4rem);align-items:center}
@media(max-width:860px){.itmap{grid-template-columns:1fr}}
/* Italie je vysoky tvar — bez limitu by mapa zabrala celou obrazovku */
.itmap__svg{width:100%;max-width:480px;height:auto;display:block;margin-inline:auto}
.itmap__legend{display:grid;gap:1rem}
@media(max-width:860px){.itmap__legend{padding-top:1.3rem;border-top:1px solid var(--ln)}}
.itmap__li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;
  font-size:.88rem;color:var(--mut);font-weight:500;line-height:1.5}
.itmap__sw{width:22px;height:3px;border-radius:2px;flex:0 0 auto;margin-top:.45rem}
.itmap__li b{color:var(--ink);font-weight:650}
.itmap__li--card{background:var(--sand);border:1px solid var(--ln);border-radius:12px;
  padding:.85rem 1rem}
/* animovana trasa */
.itroute{fill:none;stroke-linecap:round;stroke-linejoin:round}
.itroute--air{stroke:var(--brass);stroke-width:3;stroke-dasharray:7 7}
.itroute--car{stroke:var(--sea);stroke-width:2.6}
@media(prefers-reduced-motion:no-preference){
  .itroute--air{stroke-dasharray:1400;stroke-dashoffset:1400;animation:itdraw 3s ease-out .3s forwards}
  .itroute--car{stroke-dasharray:1800;stroke-dashoffset:1800;animation:itdraw 4s ease-out .6s forwards}
  /* offset-path musi kopirovat leteckou trasu v SVG (viz .itroute--air v markupu) */
  .itplane{offset-path:path("M330,42 Q292,250 323,459");offset-rotate:auto;offset-distance:0%;
    animation:itfly 5s ease-in-out 1.2s infinite}
}
@keyframes itdraw{to{stroke-dashoffset:0}}
@keyframes itfly{0%{offset-distance:0%;opacity:0}
  10%{opacity:1}86%{opacity:1}100%{offset-distance:100%;opacity:0}}
.itmap__dot{fill:#fff;stroke:var(--sea-d);stroke-width:2.8}
.itmap__dot--end{fill:var(--brass);stroke:var(--brass-deep);stroke-width:3}
.itmap__lbl{font:650 12.5px var(--body);fill:var(--lt-ink)}
.itmap__lbl--mut{font-weight:500;fill:var(--lt-muted);font-size:11px}
/* vyssi kontrast: pevnina tepla bezova s citelnym obrysem, more zretelne modre */
.itmap__land{fill:#efe7d5;stroke:rgba(20,32,46,.22);stroke-width:1.2}
.itmap__watr{fill:#cfe7f1}

/* ==========================================================================
   KATALOG nemovitosti
   ========================================================================== */
.itcat{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.5rem;margin-top:2.6rem}
.itcard{background:#fff;border:1px solid var(--ln);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)}
.itcard:hover{transform:translateY(-5px);border-color:rgba(201,162,91,.55);
  box-shadow:0 34px 70px -40px rgba(20,32,46,.45)}
.itcard__media{position:relative;aspect-ratio:16/10;background:var(--sand-2);overflow:hidden}
.itcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.itcard__soon{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1.5rem;
  background:repeating-linear-gradient(45deg,rgba(20,32,46,.035) 0 13px,transparent 13px 26px),
             linear-gradient(160deg,var(--sea-lt),#d8ebf3)}
.itcard__soon span{font:600 .74rem/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--sea-d);max-width:24ch}
.itcard__soon svg{width:30px;height:30px;margin:0 auto .7rem;display:block;fill:none;stroke:var(--sea-d);stroke-width:1.5}
.itcard__tag{position:absolute;top:.9rem;left:.9rem;z-index:2;font:700 .66rem/1 var(--mono);
  letter-spacing:.12em;text-transform:uppercase;padding:.45rem .75rem;border-radius:999px;
  background:var(--brass);color:#1f1607}
.itcard__body{padding:1.4rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.itcard__loc{font:600 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sea-d);
  margin-bottom:.6rem;display:flex;align-items:center;gap:.35rem}
.itcard h3{font:700 1.14rem/1.32 var(--display);margin-bottom:.6rem}
.itcard__desc{color:var(--mut);font-size:.92rem;line-height:1.6;margin-bottom:1.1rem}
.itcard__specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}
.itcard__specs span{font:600 .75rem/1 var(--body);padding:.45rem .65rem;border-radius:8px;
  background:var(--sand);border:1px solid var(--ln);color:var(--ink)}
.itcard__foot{margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--ln);
  display:flex;justify-content:space-between;align-items:flex-end;gap:.9rem;flex-wrap:wrap}
.itcard__price b{display:block;font:700 1.65rem/1 var(--display);color:var(--ink);letter-spacing:-.03em}
.itcard__price span{display:block;margin-top:.25rem;font-size:.78rem;color:var(--mut);line-height:1.5}
.itcard--next{border-style:dashed;border-color:var(--ln2);background:rgba(255,255,255,.55);
  align-items:center;justify-content:center;text-align:center;padding:2.6rem 1.8rem;min-height:320px}
.itcard--next:hover{transform:none;box-shadow:none;border-color:var(--brass)}
.itcard--next p{color:var(--mut);font-size:.93rem;line-height:1.6;max-width:30ch;margin:.7rem auto 1.3rem}

/* ==========================================================================
   FOTOGALERIE BYTU — zobrazi se sama, jakmile existuji soubory assets/byt-N.jpg
   ========================================================================== */
.itfoto{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.6rem}
@media(max-width:900px){.itfoto{grid-template-columns:1fr 1fr}}
.itfoto figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--ln);
  background:var(--sand-2);cursor:zoom-in}
.itfoto img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3;
  transition:transform .6s var(--ease)}
.itfoto figure:hover img{transform:scale(1.06)}
.itfoto figure:first-child{grid-column:span 2;grid-row:span 2}
.itfoto figure:first-child img{aspect-ratio:4/3;height:100%}
@media(max-width:900px){.itfoto figure:first-child{grid-column:span 2;grid-row:auto}}
.itfoto__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin-top:clamp(2rem,4vw,2.8rem)}
.itfoto__head b{font:700 1.15rem/1.3 var(--display);color:var(--ink)}
.itfoto__head span{font-size:.86rem;color:var(--mut)}
/* ==========================================================================
   DETAIL BYTU — modal po kliknuti na kartu v nabidce
   (podstranka by v Urbium embedu znamenala dalsi embed, modal funguje vsude)
   ========================================================================== */
.itcard{cursor:pointer}
.itcard__more{display:inline-flex;align-items:center;gap:.4rem;font:600 .8rem/1 var(--body);
  color:var(--sea-d);margin-top:.2rem}
.itcard__more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.itdet{position:fixed;inset:0;z-index:9998;background:rgba(8,14,22,.86);backdrop-filter:blur(6px);
  display:none;padding:clamp(.5rem,3vw,2.5rem);overflow-y:auto}
.itdet.is-open{display:block}
.itdet__box{max-width:1180px;margin:0 auto;background:var(--sand);border-radius:20px;
  overflow:hidden;position:relative;box-shadow:0 50px 100px -30px rgba(0,0,0,.7)}
.itdet__x{position:absolute;top:1rem;right:1rem;z-index:5;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(20,32,46,.16);background:rgba(255,255,255,.94);color:var(--lt-ink);
  font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s var(--ease)}
.itdet__x:hover{background:#fff}
.itdet__hero{position:relative;aspect-ratio:16/9;background:var(--sand-2);overflow:hidden}
.itdet__hero img{width:100%;height:100%;object-fit:cover;display:block}
.itdet__body{padding:clamp(1.3rem,3vw,2.2rem)}
.itdet__top{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}
.itdet__box h3{font:700 clamp(1.3rem,2.6vw,1.9rem)/1.24 var(--display);color:var(--lt-ink);
  letter-spacing:-.02em;max-width:26ch}
.itdet__loc{font:600 .74rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--sea-d);margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}
.itdet__cena b{display:block;font:700 clamp(1.6rem,3vw,2.2rem)/1 var(--display);color:var(--lt-ink);
  letter-spacing:-.03em;white-space:nowrap}
.itdet__cena span{display:block;margin-top:.3rem;font-size:.82rem;color:var(--lt-muted);line-height:1.5}
.itdet__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;
  margin:1.4rem 0;border:1px solid var(--lt-line);border-radius:12px;overflow:hidden;background:#fff}
.itdet__spec{padding:.85rem .7rem;text-align:center;border-right:1px solid var(--lt-line)}
.itdet__spec:last-child{border-right:0}
.itdet__spec b{display:block;font:700 1.02rem/1.15 var(--display);color:var(--lt-ink)}
.itdet__spec span{display:block;margin-top:.25rem;font:600 .64rem/1.2 var(--mono);
  letter-spacing:.1em;text-transform:uppercase;color:var(--lt-muted)}
.itdet__cols{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.2rem,3vw,2.2rem);margin-top:.4rem}
@media(max-width:800px){.itdet__cols{grid-template-columns:1fr}}
.itdet__cols p{color:var(--lt-muted);font-size:.95rem;line-height:1.68}
.itdet__cols p + p{margin-top:.8rem}
.itdet__cols p b{color:var(--lt-ink);font-weight:650}
.itdet__side{background:#fff;border:1px solid var(--lt-line);border-radius:14px;padding:1.2rem 1.1rem;
  align-self:start}
.itdet__side b{display:block;font:700 .98rem/1.3 var(--display);color:var(--lt-ink);margin-bottom:.5rem}
.itdet__side ul{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.itdet__side li{display:grid;grid-template-columns:auto 1fr;gap:.5rem;font-size:.88rem;
  color:var(--lt-muted);line-height:1.5}
.itdet__side li svg{width:15px;height:15px;margin-top:.2rem;fill:none;stroke:var(--olive);stroke-width:2.4}
.itdet__gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;
  margin-top:1.2rem}
.itdet__gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block;
  cursor:zoom-in;border:1px solid var(--lt-line);transition:transform .3s var(--ease)}
.itdet__gal img:hover{transform:scale(1.05)}
/* 3D pudorys */
.itdet__pudorys{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--lt-line)}
.itdet__pudorys b{display:block;font:700 1rem/1.3 var(--display);color:var(--lt-ink);margin-bottom:.8rem}
.itdet__pudorys img{width:100%;max-width:760px;height:auto;display:block;margin:0 auto;
  border-radius:12px;background:#fff;border:1px solid var(--lt-line);cursor:zoom-in}
/* uvodni "scenka" a zaverecna poznamka v popisu */
.itdet__intro{font-family:var(--serif);font-style:italic;font-size:1.06rem!important;
  line-height:1.65!important;color:var(--lt-ink)!important;
  padding-left:1rem;border-left:3px solid var(--brass);margin-bottom:1.1rem}
.itdet__pozn{background:#fff;border:1px solid var(--lt-line);border-left:3px solid var(--olive);
  border-radius:10px;padding:.9rem 1rem;margin-top:1rem!important}
.itdet__pozn a{color:var(--brass-ink);font-weight:650;text-decoration:none}
.itdet__pozn a:hover{text-decoration:underline}

/* jednoduche zvetseni po kliknuti */
.itlb{position:fixed;inset:0;z-index:9999;background:rgba(8,14,22,.94);display:none;
  place-items:center;padding:2rem;cursor:zoom-out;backdrop-filter:blur(4px)}
.itlb.is-open{display:grid}
.itlb img{max-width:min(1400px,94vw);max-height:90vh;width:auto;height:auto;
  border-radius:12px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.itlb__x{position:absolute;top:1.2rem;right:1.4rem;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;
  font-size:1.4rem;line-height:1;cursor:pointer}

/* ==========================================================================
   TABULKY nakladu
   ========================================================================== */
/* obe karty stejne vysoke a obsah roztazeny na celou vysku — leva ma vic radku
   nez prava, bez toho zustavalo vpravo dole velke prazdne misto */
.itcost{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.4rem;align-items:stretch}
@media(max-width:820px){.itcost{grid-template-columns:1fr}}
.itct{background:#fff;border:1px solid var(--ln);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column}
.itct__b{flex:1}
.itct__h{padding:1.2rem 1.5rem;border-bottom:1px solid var(--ln);background:var(--sand)}
.itct__h b{display:block;font:700 1.02rem/1.3 var(--display);color:var(--ink)}
.itct__h span{display:block;margin-top:.25rem;font-size:.83rem;color:var(--mut)}
.itct__b{padding:.5rem 1.5rem 1.2rem}
.itct__r{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;align-items:baseline;
  border-bottom:1px dashed var(--ln)}
.itct__r:last-child{border-bottom:0}
.itct__k{color:var(--ink);font-size:.9rem}
.itct__k small{display:block;color:var(--mut);font-size:.78rem;margin-top:.15rem;line-height:1.45}
.itct__v{font-weight:700;color:var(--ink);white-space:nowrap;font-size:.93rem}
.itct__f{padding:1rem 1.5rem;border-top:2px solid var(--ln2);background:var(--sand);
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.itct__f span{font:600 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-ink)}
.itct__f b{font:700 1.2rem/1 var(--display);color:var(--ink)}

/* --- mesice ------------------------------------------------------------- */
.itmonths{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin-top:1.9rem}
@media(max-width:600px){.itmonths{grid-template-columns:repeat(4,1fr);gap:.45rem}}
@media(max-width:380px){.itmonths{grid-template-columns:repeat(3,1fr)}}
.itmo{padding:.8rem .35rem;border-radius:11px;text-align:center;border:1px solid var(--ln);background:#fff}
.itmo b{display:block;font:600 .68rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.itmo span{display:block;margin-top:.3rem;font-size:.84rem;font-weight:600;color:var(--ink)}
.itmo--swim{background:var(--sea-lt);border-color:rgba(18,112,143,.3)}
.itmo--swim b,.itmo--swim span{color:var(--sea-d)}
.itmo--peak{background:#fbf0d8;border-color:rgba(201,162,91,.45)}
.itmo--peak b,.itmo--peak span{color:var(--brass-ink)}
.itleg{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.1rem}
.itleg i{display:flex;align-items:center;gap:.45rem;font-style:normal;font-size:.82rem;color:var(--mut)}
.itleg u{width:13px;height:13px;border-radius:4px;text-decoration:none;flex:0 0 auto}

/* --- pravda (tmava sekce) ---------------------------------------------- */
.ittruth{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1.3rem;margin-top:2.4rem}
.ittc{border:1px solid rgba(193,101,74,.32);border-radius:18px;padding:1.6rem 1.5rem;
  background:linear-gradient(180deg,rgba(193,101,74,.08),rgba(255,255,255,.02))}
.ittc--good{border-color:rgba(125,140,70,.34);
  background:linear-gradient(180deg,rgba(140,160,80,.09),rgba(255,255,255,.02))}
.ittc__n{display:flex;align-items:center;gap:.5rem;font:700 .68rem/1 var(--mono);letter-spacing:.12em;
  text-transform:uppercase;color:#e08a6c;margin-bottom:.7rem}
.ittc__n::before{content:"";width:7px;height:7px;background:currentColor;transform:rotate(45deg)}
.ittc--good .ittc__n{color:#b3c46a}
.ittc h3{font:700 1.06rem/1.32 var(--display);color:#fff;margin-bottom:.55rem}
.ittc p{color:#a4b4c8;font-size:.92rem;line-height:1.62}
.ittc p b{color:var(--brass-hi);font-weight:600}

/* --- kroky ------------------------------------------------------------- */
.itflow{margin-top:2.4rem;display:grid;gap:0}
.itflow__s{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:1.5rem 0;
  border-bottom:1px solid var(--ln);align-items:start}
.itflow__s:last-child{border-bottom:0}
.itflow__n{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(140deg,#fbf0d8,#f5e2b4);border:1px solid rgba(201,162,91,.42);
  font:700 1.05rem/1 var(--display);color:var(--brass-ink)}
.itflow__s h3{font:700 1.1rem/1.32 var(--display);margin-bottom:.45rem}
.itflow__s p{color:var(--mut);font-size:.94rem;line-height:1.62;max-width:64ch}
.itflow__s p b{color:var(--ink);font-weight:650}
.itflow__w{display:inline-block;margin-top:.65rem;font:600 .7rem/1 var(--mono);letter-spacing:.06em;
  color:var(--olive);background:rgba(125,140,70,.1);border:1px solid rgba(125,140,70,.28);
  padding:.4rem .7rem;border-radius:999px}
@media(max-width:640px){.itflow__s{grid-template-columns:1fr;gap:.8rem}}

/* --- Martin ------------------------------------------------------------ */
.itman{display:grid;grid-template-columns:minmax(200px,270px) 1fr;gap:clamp(1.5rem,4vw,3rem);
  align-items:center;margin-top:2.4rem;background:#fff;border:1px solid var(--ln);border-radius:22px;
  padding:clamp(1.5rem,3.5vw,2.5rem);box-shadow:0 28px 66px -46px rgba(20,32,46,.42)}
@media(max-width:780px){.itman{grid-template-columns:1fr;text-align:center}}
.itman__fig{margin:0;position:relative;border-radius:18px;overflow:hidden;background:var(--sand-2);
  aspect-ratio:4/5;border:1px solid var(--ln)}
@media(max-width:780px){.itman__fig{max-width:230px;margin:0 auto;aspect-ratio:1/1}}
/* Fotka je uz orezana na 4:5 (ffmpeg crop), takze staci cover bez posunu. */
.itman__fig img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
/* fallback, dokud fotka neni nahrana */
.itman__ph{position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--sea-lt),#cfe4ee);color:var(--sea-d);
  font:700 2.4rem/1 var(--display);letter-spacing:-.02em}
.itman__r{font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-ink);
  margin-bottom:.5rem}
.itman h3{font:700 clamp(1.35rem,2.6vw,1.9rem)/1.2 var(--display);letter-spacing:-.02em}
.itman p{color:var(--mut);font-size:.98rem;line-height:1.66;margin-top:.8rem;max-width:52ch}
@media(max-width:780px){.itman p{margin-inline:auto}}
.itman__c{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}
@media(max-width:780px){.itman__c{justify-content:center}}
.itman__l{display:inline-flex;align-items:center;gap:.5rem;font-size:.94rem;font-weight:650;
  color:var(--ink);text-decoration:none;padding:.65rem 1rem;border-radius:11px;
  border:1px solid var(--ln2);transition:all .25s var(--ease);background:#fff}
.itman__l:hover{border-color:var(--brass);background:#fdf8ec;transform:translateY(-2px)}
.itman__l svg{width:17px;height:17px;fill:none;stroke:var(--brass-ink);stroke-width:1.9}

/* --- FAQ --------------------------------------------------------------- */
.itfaq{margin-top:2.2rem;display:grid;gap:.65rem}
.itq{background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden}
.itq summary{padding:1.05rem 1.3rem;font:700 .99rem/1.4 var(--display);color:var(--ink);cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.itq summary::-webkit-details-marker{display:none}
.itq summary:hover{background:var(--sand)}
.itq summary::after{content:"+";font-size:1.35rem;font-weight:400;color:var(--brass-ink);flex:0 0 auto;
  transition:transform .25s var(--ease);line-height:1}
.itq[open] summary::after{transform:rotate(45deg)}
.itq__a{padding:0 1.3rem 1.2rem;color:var(--mut);font-size:.94rem;line-height:1.68;max-width:76ch}
.itq__a b{color:var(--ink);font-weight:650}

/* --- disclaimer -------------------------------------------------------- */
.itdisc{margin-top:1.5rem;font-size:.79rem;line-height:1.62;color:var(--mut);
  padding-left:1.6rem;position:relative;max-width:76ch}
.itdisc::before{content:"i";position:absolute;left:0;top:.05rem;width:1.1rem;height:1.1rem;
  border-radius:50%;border:1px solid var(--ln2);display:grid;place-items:center;
  font:700 .66rem/1 var(--mono)}
.itsec--ink .itdisc{color:#8fa0b6}
.itdisc b{color:var(--ink);font-weight:650}
.itsec--ink .itdisc b{color:#c3d1e2}

/* ==========================================================================
   EFEKTY — pulsovani, "rozsviceni" cisel, zvyrazneni klicovych slov
   Vse respektuje prefers-reduced-motion.
   ========================================================================== */

/* 1) klicova cisla se pri scrollu "rozsviti" — zlaty nadech + jemny glow */
.itglow{position:relative;display:inline-block}
@media(prefers-reduced-motion:no-preference){
  .itglow.is-lit{animation:itlight .9s ease-out both}
}
@keyframes itlight{
  0%  {filter:brightness(1);text-shadow:none}
  35% {filter:brightness(1.5);text-shadow:0 0 22px rgba(201,162,91,.85),0 0 46px rgba(201,162,91,.4)}
  100%{filter:brightness(1);text-shadow:0 0 12px rgba(201,162,91,.28)}
}

/* 2) pulsujici bod u zivych udaju */
.itpulse{position:relative;display:inline-flex;align-items:center;gap:.45rem}
.itpulse::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--olive);flex:0 0 auto}
@media(prefers-reduced-motion:no-preference){
  .itpulse::before{animation:itping 2.4s ease-in-out infinite;
    box-shadow:0 0 0 0 rgba(125,140,70,.6)}
}
@keyframes itping{
  0%  {box-shadow:0 0 0 0 rgba(125,140,70,.6)}
  70% {box-shadow:0 0 0 12px rgba(125,140,70,0)}
  100%{box-shadow:0 0 0 0 rgba(125,140,70,0)}
}

/* 3) NEON — klicova slova se rozsviti jako svetelny napis.
   Na tmavem podkladu (hero, obrazove pasy) sviti naplno; na svetlem pozadi
   by zare zanikla, tam prepneme na sytou mosaz s jemnym leskem. */
.itmark{position:relative;white-space:nowrap;font-weight:700;
  color:var(--brass-ink);transition:color .5s var(--ease),text-shadow .5s var(--ease)}

/* tmavy podklad = plny neon */
.ithero .itmark,.itband .itmark,.itsec--ink .itmark{color:#ffe6ad}
.ithero .itmark.is-lit,.itband .itmark.is-lit,.itsec--ink .itmark.is-lit{
  color:#fff4d6;
  text-shadow:
    0 0 5px rgba(255,226,160,.95),
    0 0 14px rgba(255,196,90,.8),
    0 0 32px rgba(255,170,45,.55),
    0 0 62px rgba(255,150,20,.32)}
@media(prefers-reduced-motion:no-preference){
  .ithero .itmark.is-lit,.itband .itmark.is-lit,.itsec--ink .itmark.is-lit{
    animation:itneon 1.5s ease-out both}
}
/* zablikani jako u opravdove neonky, pak ustaleni */
@keyframes itneon{
  0%   {color:#c8a86a;text-shadow:none}
  8%   {color:#fff4d6;text-shadow:0 0 6px rgba(255,226,160,.9),0 0 18px rgba(255,196,90,.75)}
  12%  {color:#b89a5e;text-shadow:none}
  18%  {color:#fff4d6;text-shadow:0 0 6px rgba(255,226,160,.9),0 0 20px rgba(255,196,90,.8)}
  24%  {color:#c8a86a;text-shadow:0 0 3px rgba(255,226,160,.4)}
  30%  {color:#fff4d6;text-shadow:0 0 6px rgba(255,226,160,.95),0 0 22px rgba(255,196,90,.85)}
  100% {color:#fff4d6;
        text-shadow:0 0 5px rgba(255,226,160,.95),0 0 14px rgba(255,196,90,.8),
                    0 0 32px rgba(255,170,45,.55),0 0 62px rgba(255,150,20,.32)}
}
/* Svetly podklad: neon potrebuje tmu, jinak zare na kremu zanikne. Text proto
   dostane vlastni tmavy stitek — vypada to jako svitici napis na tabuli
   a je to konzistentni s neonem v hero. */
.itsec--sand .itmark,.itsec--white .itmark,.itsec--sea .itmark{
  color:#ffe6ad;
  background:linear-gradient(160deg,#1a2735,#111b26);
  padding:.12em .45em;border-radius:.34em;
  box-shadow:0 2px 10px -4px rgba(17,27,38,.5);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.itsec--sand .itmark.is-lit,.itsec--white .itmark.is-lit,.itsec--sea .itmark.is-lit{
  color:#fff4d6;
  text-shadow:0 0 5px rgba(255,226,160,.9),0 0 14px rgba(255,196,90,.7),
              0 0 30px rgba(255,170,45,.45)}
@media(prefers-reduced-motion:no-preference){
  .itsec--sand .itmark.is-lit,.itsec--white .itmark.is-lit,.itsec--sea .itmark.is-lit{
    animation:itneon 1.5s ease-out both}
}

/* 4) vyrazny cislo-highlight v propoctu — jemne pulsuje, aby tahlo oko */
@media(prefers-reduced-motion:no-preference){
  .itcalc__f b{animation:itbreathe 3.6s ease-in-out infinite}
}
@keyframes itbreathe{
  0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(74,107,46,0)}
  50%    {transform:scale(1.035);text-shadow:0 0 20px rgba(74,107,46,.28)}
}

/* 5) tlacitko v hero jemne "dycha", aby bylo videt kam kliknout */
@media(prefers-reduced-motion:no-preference){
  .ithero__cta .btn--gold{animation:itcta 4.2s ease-in-out 2s infinite}
}
@keyframes itcta{
  0%,92%,100%{box-shadow:0 12px 30px -12px rgba(201,162,91,.6)}
  96%        {box-shadow:0 12px 40px -8px rgba(201,162,91,.95),0 0 0 6px rgba(201,162,91,.14)}
}

/* --- zaverecne CTA ---------------------------------------------------- */
.itfin{text-align:center}
.itfin h2{max-width:26ch;margin-inline:auto}
.itfin p{margin-inline:auto}
.itfin__cta{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}

/* --- patka ------------------------------------------------------------ */
.itfoot{background:#132131;color:#8fa0b6;padding:2.2rem 0;font-size:.86rem}
.itfoot a{color:var(--brass-hi);text-decoration:none}
.itfoot a:hover{text-decoration:underline}
.itfoot__in{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}

/* svetla stranka => navigace potrebuje tmavy podklad hned od zacatku */
.nav{background:rgba(10,20,32,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}