/* ============================================================
   VÝLETY S DANIM — v22.1 · štýl reklám a coverov z Higgsfieldu
   ------------------------------------------------------------
   Načítava sa PO main.css a iba ho prekrýva. Ak sa nepáči,
   stačí zmazať riadok s loud.css v build.mjs a web je späť.

   Písma:  Anton (nadpisy) · Figtree (text) · Caveat (ručne písané)
   Farby:  koral · tyrkys · mango · zelená — ako štítky na coveroch
   ============================================================ */
:root{
  --coral:#FF6A4D;
  --teal:#14B8B3;
  --mango:#F2A023;
  --leaf:#2FA35A;
  --ocean:#2E6CD8;
  --sand:#F3E4CB;
  --sand-2:#EAD6B4;
  --deep:#0F4F51;
  --ink:#0d2a2b;
  --sun:#F2A023;
  --aqua:#14B8B3;
  --r:20px;
  --anton:Anton,Impact,"Arial Narrow Bold",sans-serif;
  --hand:Caveat,"Segoe Print","Bradley Hand",cursive;
  --body:Figtree,"Segoe UI",system-ui,sans-serif;
}
body{font-family:var(--body)}
h2.plain,h3{font-family:var(--body)}

/* ═══════════════ NADPISY ═══════════════ */
h1,h2.display,h2.plain,.solid h2.plain{
  font-family:var(--anton)!important;font-weight:400!important;text-transform:uppercase;
  letter-spacing:.006em;line-height:1.12!important;font-variation-settings:normal!important}
h1{line-height:1.06!important}
h1{font-size:clamp(3rem,8.6vw,6.9rem)!important}
h2.display{font-size:clamp(2.4rem,6.2vw,5rem)!important}
h2.plain,.solid h2.plain{font-size:clamp(2.1rem,4.6vw,3.6rem)!important}
.act h1,.act h2.display{text-shadow:0 6px 34px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4)!important}

/* zvýraznené posledné slovo — ako štítok v reklamách */
.hlw{display:inline-block;background:var(--hl,var(--coral));color:#fff!important;
  padding:.02em .2em .08em;margin:.06em 0;border-radius:.12em;transform:rotate(-1.6deg);
  text-shadow:none!important;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);-webkit-text-fill-color:#fff}

/* slová vo filmovej ceste nabiehajú postupne */
.split .w{display:inline-block}
.act .split .w{opacity:0;transform:translateY(.35em) rotate(2deg)}
.act .reveal.in .split .w{animation:ldWord .8s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i) * 75ms + 60ms)}
.act .reveal.in .split .hlw{animation-name:ldHl}
@keyframes ldWord{to{opacity:1;transform:none}}
@keyframes ldHl{0%{opacity:0;transform:translateY(.35em) rotate(6deg) scale(.9)}70%{opacity:1;transform:rotate(-3deg) scale(1.04)}100%{opacity:1;transform:rotate(-1.6deg)}}
.app-failed .split .w{opacity:1!important;transform:none!important}
.app-failed .split .hlw{transform:rotate(-1.6deg)!important}

/* ═══════════════ RUČNE PÍSANÉ NADPISKY ═══════════════ */
.eyebrow,.mini-kicker,.tcard .kicker,.band-eye{
  font-family:var(--hand)!important;font-weight:700!important;text-transform:none!important;
  letter-spacing:0!important;font-size:clamp(1.55rem,2.6vw,2rem)!important;line-height:1.05!important;
  color:#fff!important;display:inline-block;transform:rotate(-2.5deg);transform-origin:left center;
  text-shadow:0 3px 16px rgba(0,0,0,.45)}

/* ═══════════════ TEXT ═══════════════ */
.act p.lead,.act .lead{font-family:var(--body);font-weight:600!important;font-size:clamp(1.05rem,1.7vw,1.3rem)!important;color:#fff!important}
.act .h1sub{font-family:var(--hand)!important;font-size:clamp(1.7rem,3vw,2.4rem)!important;color:#fff!important;
  transform:rotate(-1.5deg);transform-origin:left;display:inline-block;margin-top:14px;text-shadow:0 3px 16px rgba(0,0,0,.6)}

/* ═══════════════ TLAČIDLÁ ═══════════════ */
.btn{font-family:var(--body);font-weight:800!important;letter-spacing:0!important;border-radius:999px}
.btn-sun{background:var(--coral)!important;color:#fff!important;box-shadow:0 14px 30px -14px rgba(255,106,77,.9)}
.btn-sun:hover{transform:translateY(-3px) rotate(-1deg)!important;box-shadow:0 22px 40px -16px rgba(255,106,77,1)!important;filter:none}
.btn-line{background:#fff!important;color:var(--ink)!important;box-shadow:0 12px 28px -16px rgba(0,0,0,.6)!important;backdrop-filter:none}
.btn-line:hover{transform:translateY(-3px) rotate(1deg)!important;color:var(--ink)!important;border-color:transparent!important}
.hd .btn-line{background:rgba(255,255,255,.95)!important}
#wafloat{background:var(--teal)!important;color:#fff!important}
.scrollhint{font-family:var(--hand);font-size:1.4rem!important}

/* ═══════════════ NÁLEPKA ═══════════════ */
.sticker{position:absolute;z-index:4;width:150px;height:150px;border-radius:50%;background:var(--st,var(--coral));
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;
  transform:rotate(10deg);box-shadow:0 18px 40px -14px rgba(0,0,0,.6);pointer-events:none;
  animation:ldSticker 5s ease-in-out infinite}
.sticker b{font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:1.25rem;line-height:.98;color:#fff}
.sticker i{font-family:var(--hand);font-style:normal;font-weight:700;font-size:1.15rem;line-height:1;color:#fff;margin-top:4px}
@keyframes ldSticker{0%,100%{transform:rotate(10deg)}50%{transform:rotate(4deg) scale(1.04)}}
#act-space .reveal{position:relative}
#act-space .sticker{right:-10px;top:-30px}
@media(min-width:1100px){#act-space .sticker{right:-190px;top:30px;width:170px;height:170px}#act-space .sticker b{font-size:1.45rem}}
@media(max-width:779px){#act-space .sticker{width:112px;height:112px;right:0;top:-96px;padding:10px}
  #act-space .sticker b{font-size:.98rem}#act-space .sticker i{font-size:.95rem}}
#dani .portrait{position:relative;overflow:visible!important}
#dani .portrait .sticker{right:-18px;bottom:-22px}
@media(max-width:779px){#dani .portrait .sticker{width:112px;height:112px;right:-6px;bottom:-16px}
  #dani .portrait .sticker b{font-size:.98rem}#dani .portrait .sticker i{font-size:.95rem}}
#dani .portrait img{border-radius:var(--r)}

/* ═══════════════ ÚVOD ═══════════════ */
.hero-proof span{font-family:var(--body);font-weight:700;background:rgba(255,255,255,.94);color:var(--ink)!important;
  padding:8px 14px;border-radius:999px;text-shadow:none!important}
.hero-proof span::before{display:none!important}
.hero-proof{gap:8px!important;flex-wrap:wrap}

/* ═══════════════ KARTY VÝLETOV — ako covery ═══════════════ */
.tcard{border-radius:var(--r)!important;border:0!important;background:#fff!important;color:var(--ink)!important;
  box-shadow:0 30px 70px -36px rgba(0,0,0,.9)!important;backdrop-filter:none!important}
.tcard .tripimg{height:220px!important}
.tcard .tcontent{gap:12px!important}
.tcard .kicker{color:#fff!important;text-shadow:none;font-size:1.25rem!important;background:var(--tc,var(--teal));
  padding:4px 14px 6px;border-radius:12px;align-self:flex-start;transform:rotate(-2deg);margin-top:-34px;
  box-shadow:0 10px 22px -10px rgba(0,0,0,.5);position:relative;z-index:2}
.tcard h3{font-family:var(--anton)!important;font-weight:400!important;text-transform:uppercase;font-size:1.75rem!important;
  line-height:1.02!important;letter-spacing:.004em;color:var(--ink)!important}
.tcard .who{color:#2f4546!important;font-weight:500}
.tcard .facts span{background:var(--sand);color:var(--ink)!important;border:0!important;font-weight:700;letter-spacing:0!important;font-size:.78rem!important}
.tcard .tnote{color:#435a5b!important}
.tcard .tguide{color:var(--tc,var(--teal))!important;font-weight:800}
.tcard .bot{border-top:2px dashed var(--sand-2)!important}
.tcard .pr{font-family:var(--anton);font-weight:400!important;font-size:1.7rem!important;color:var(--ink)}
/* v23.2: „/ os." vždy celé na riadku pod cenou, nikdy rozdelené */
.tcard .pr small{font-family:var(--body);color:#5b6e6f!important;display:block;white-space:nowrap;margin-top:2px;font-size:.8rem}
.tcard .go{background:var(--tc,var(--teal));color:#fff!important;padding:10px 16px;border-radius:999px;font-weight:800}
.tcard:nth-child(4n+1){--tc:var(--teal)}
.tcard:nth-child(4n+2){--tc:var(--coral)}
.tcard:nth-child(4n+3){--tc:var(--leaf)}
.tcard:nth-child(4n+4){--tc:var(--mango)}
.tcard:hover{border-color:transparent!important}
.tcard.tilting,.saona-option.tilting,.band-item.tilting{transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-6px)!important}
.package-card.tilting{transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-8px)!important}

/* Saona — dve verzie */
.saona-options-head h3{font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.04}
.saona-option{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:var(--r)!important;overflow:hidden}
.saona-option b{font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:1.35rem;line-height:1.08;color:var(--ink)}
.saona-option p{color:#2f4546!important}

/* ═══════════════ SLUŽBY (štítky) ═══════════════ */
.svc span{background:#fff!important;color:var(--ink)!important;border:0!important;font-weight:700;backdrop-filter:none!important}
.svc span:nth-child(3n+1){background:var(--teal)!important;color:#fff!important}
.svc span:nth-child(3n+2){background:var(--coral)!important;color:#fff!important}
.punch{font-family:var(--hand)!important;font-size:clamp(1.8rem,3.2vw,2.6rem)!important;color:#fff!important;transform:rotate(-2deg)}

/* ═══════════════ DANI ═══════════════ */
.dani .sig{font-family:var(--hand)!important;font-weight:700!important;font-size:clamp(1.5rem,2.4vw,1.95rem)!important;
  line-height:1.2!important;border-left:4px solid var(--coral)!important;color:#fff!important}
.trustbar{border:0!important;background:transparent!important;gap:10px;backdrop-filter:none!important}
.trustbar>div{border:0!important;border-radius:var(--r);background:#fff;color:var(--ink)}
.trustbar>div:nth-child(1){background:var(--teal);color:#fff}
.trustbar>div:nth-child(2){background:var(--coral);color:#fff}
.trustbar b{font-family:var(--anton)!important;font-weight:400!important;font-size:2.6rem!important;line-height:1!important;color:inherit!important}
.trustbar span{color:inherit!important;opacity:.95;font-weight:700;font-size:.9rem!important;line-height:1.35!important}
.trustbar a.tb-rev{color:var(--ink)!important}
.trustbar a.tb-rev em{color:var(--coral)!important;border-color:var(--coral)!important}
@media(max-width:620px){.trustbar{display:grid;gap:8px}}
.photoTag{font-family:var(--hand)!important;font-size:1.25rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}

/* ═══════════════ PÁS MIEST ═══════════════ */
.ribbon{position:relative;overflow:hidden;padding:20px 0;background:var(--coral);transform:rotate(-1.2deg);
  margin:30px -2%;width:104%;box-shadow:0 20px 40px -24px rgba(0,0,0,.7);z-index:2}
.ribbon-track{display:flex;width:max-content;animation:ldRibbon 38s linear infinite}
.ribbon-track span{font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:clamp(1.6rem,3.6vw,2.7rem);
  color:#fff;white-space:nowrap;padding:0 .7em;display:flex;align-items:center;gap:1.4em}
.ribbon-track span::after{content:"✦";font-size:.6em;color:var(--ink);margin-left:.7em}
.ribbon-track span:nth-child(3n+2){color:var(--ink)}
@keyframes ldRibbon{to{transform:translateX(-50%)}}

/* ═══════════════ SEKCIE ═══════════════ */
.sect-head p{font-weight:500}
/* svetlé karibské sekcie — ako FAQ carousel */
#vyber-spravne,#ako-to-funguje,#faq{background:var(--sand)!important;color:var(--ink)!important}
#vyber-spravne::before,#ako-to-funguje::before,#faq::before{
  background-image:radial-gradient(60% 50% at 100% 0%,rgba(15,79,81,.10),transparent 70%)!important;opacity:1!important;transform:none!important}
#vyber-spravne::after,#ako-to-funguje::after,#faq::after{
  background:radial-gradient(70% 60% at 0% 100%,rgba(255,106,77,.10),transparent 70%)!important}
#vyber-spravne .eyebrow,#ako-to-funguje .eyebrow,#faq .eyebrow{color:var(--coral)!important;text-shadow:none}
#vyber-spravne h2,#ako-to-funguje h2,#faq h2{color:var(--deep)!important;text-shadow:none!important}
#vyber-spravne .sect-head p,#ako-to-funguje .sect-head p{color:#36504f!important}
.ask{border-bottom:2px dashed rgba(15,79,81,.18)!important}
.ask .q{font-weight:800;color:var(--deep)}
.ask .q b{font-family:var(--anton);font-weight:400;color:#fff;background:var(--coral);border-radius:10px;padding:2px 10px;margin-right:10px;display:inline-block;transform:rotate(-3deg)}
.ask .a,.photo-sect .ask .a{color:#2f4546!important}
.how li{border-bottom:2px dashed rgba(15,79,81,.18)!important}
.how li::before{font-family:var(--anton)!important;color:#fff!important;background:var(--teal);border-radius:50%;
  width:44px!important;height:44px;display:grid;place-items:center;font-size:1.3rem!important;align-self:flex-start}
.how b{color:var(--deep);font-weight:800}
.how span,.photo-sect .how span{color:#36504f!important}
#faqList details{border-color:rgba(15,79,81,.18)!important;border-bottom-style:dashed!important;border-bottom-width:2px!important}
#faqList summary{color:var(--deep)!important;font-weight:800}
#faqList summary::after{color:var(--coral)!important;font-family:var(--anton)}
#faqList details[open] summary{color:var(--coral)!important}
#faqList details .ans,.photo-sect details .ans{color:#2f4546!important}

/* balíky */
.package-card{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:var(--r)!important;overflow:hidden}
.package-card h3{font-family:var(--anton)!important;font-weight:400!important;text-transform:uppercase;font-size:1.9rem!important;color:var(--ink)!important;line-height:1.02!important}
.package-card .mini-kicker{color:var(--coral)!important;text-shadow:none;font-size:1.4rem!important}
.package-card p,.package-card li{color:#2f4546!important}
.package-card .package-price b{font-family:var(--anton);font-weight:400!important;font-size:2rem!important;color:var(--ink)!important}
.package-card .package-price span{color:#5b6e6f!important}
.popular-tag{font-size:.95rem!important;padding:7px 14px!important;font-family:var(--anton)!important;font-weight:400!important;text-transform:uppercase;background:var(--coral)!important;color:#fff!important;
  transform:rotate(-4deg);letter-spacing:.02em!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}

/* recenzie, fotenie, konzultácia, kontakt — tmavé, ale s farebnými akcentmi */
.consult-card{border:0!important;background:var(--teal)!important;color:#fff!important;border-radius:var(--r)!important}
.consult-card .eyebrow{color:#fff!important}
.consult-card p{color:#eafffd!important}
.consult-card .btn-sun{background:#fff!important;color:var(--ink)!important}
.cc{border-radius:var(--r)!important}
.cc:hover .ic{color:var(--coral)!important}
.band-cap{font-family:var(--hand);font-size:1.35rem!important;font-weight:700!important;letter-spacing:0!important}

/* rezervácia */
.reserve-note{border-left:4px solid var(--coral)!important}
.funnel-rail b{font-family:var(--anton);font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.trip[aria-pressed="true"],.addon[aria-pressed="true"]{border-color:var(--coral)!important;box-shadow:0 0 0 2px var(--coral) inset!important}
.regionpick-btns button[aria-pressed="true"]{background:var(--coral)!important;color:#fff!important;border-color:var(--coral)!important}
.sumbox .tot{font-family:var(--anton);font-weight:400}

/* ═══════════════ v23.0 — MÔJ VÝBER (spodné tlačidlo) ═══════════════ */
#pickfloat{position:fixed;z-index:45;right:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));
  display:none;align-items:center;gap:9px;min-height:52px;padding:0 20px;border-radius:999px;
  background:var(--teal);color:#fff;font-family:var(--body);font-weight:800;font-size:.95rem;text-decoration:none;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.75);transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .25s}
#pickfloat.show{display:inline-flex}
#pickfloat.has-items{background:var(--coral)}
#pickfloat svg{width:20px;height:20px;fill:currentColor;flex:none}
#pickfloat .pf-count{font-weight:900}
#pickfloat:hover{transform:translateY(-3px)}
#pickfloat:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.nav-open #pickfloat,body.lb-open #pickfloat{display:none}
@media (prefers-reduced-motion: reduce){#pickfloat{transition:none}#pickfloat:hover{transform:none}}

/* ═══════════════ v23.0 — KONFIGURÁTOR ═══════════════ */
.bk-mode{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px}
.bk-mode button{flex:1 1 220px;min-height:52px;padding:12px 18px;border-radius:999px;border:2px solid rgba(255,255,255,.35);
  background:transparent;color:#fff;font:800 1rem/1.2 var(--body);cursor:pointer}
.bk-mode button[aria-pressed="true"]{background:var(--coral);border-color:var(--coral)}
.bk-mode button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bk-ask-intro{margin:6px 0 0;font-weight:600}
#rezervacia.mode-ask .booking-picker,#rezervacia.mode-ask #sumbox,#rezervacia.mode-ask .reserve-note,
#rezervacia.mode-ask .funnel-rail{display:none!important}
.sumline-sub{display:block;font-size:.8rem;font-weight:500;opacity:.8;margin-top:2px}
.sumline.is-pkg .sumline-name{font-weight:800}
.calc-detail.addon-note{color:#fff!important;opacity:.85}
.inquiry-note{font-weight:700}

/* ═══════════════ v23.0 — PRÍBEHY (karty: hlavná stránka aj podstránky) ═══════════════ */
.stories-sect{background:var(--sand)!important;color:var(--ink)!important;position:relative}
.stories-sect .eyebrow{color:var(--coral)!important;text-shadow:none}
.stories-sect h2{color:var(--deep)!important;text-shadow:none!important}
.stories-sect .sect-head p{color:#36504f!important}
.stories-title .hlw{transform:rotate(-1.6deg)}
.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.story-card{min-width:0}
.story-link{display:flex;flex-direction:column;height:100%;background:#fff;color:var(--ink);text-decoration:none;
  border-radius:var(--r);overflow:hidden;box-shadow:0 26px 60px -34px rgba(0,0,0,.75);transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.story-link:hover{transform:translateY(-5px)}
.story-link:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.story-link img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
  -webkit-touch-callout:none;user-select:none;-webkit-user-drag:none}
.story-ph{display:flex;align-items:flex-end;aspect-ratio:4/3;padding:24px;background:var(--ph,var(--coral))}
.story-ph span{font-family:var(--anton);font-weight:400;text-transform:uppercase;color:#fff;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.05}
.story-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;flex:1}
.story-h{font-family:var(--anton)!important;font-weight:400!important;text-transform:uppercase;font-size:1.35rem!important;line-height:1.08!important;margin:0;color:var(--ink)!important}
.story-h.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.story-teaser{color:#2f4546;font-weight:500;line-height:1.5}
.story-more{margin-top:auto;font-weight:800;color:var(--coral)}
.stories-all{margin-top:26px}
@media(max-width:899px){
  .story-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);
    overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .story-card{scroll-snap-align:start}
  .story-cards.archive{grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;overflow:visible}
  .story-cards.archive .story-link{max-width:460px;margin:0 auto}
}
@media (min-width:900px) and (max-width:1099px){.story-cards.archive{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ═══════════════ v23.3 — ÚVOD NA POČÍTAČI ═══════════════
   Nadpis presne na 2 riadky a celý úvod (až po „alebo sa najprv poď
   pozrieť") viditeľný bez scrollovania. Veľkosť písma sa riadi šírkou
   aj výškou okna, aby sa zmestil aj na nižšie notebooky. */
.h1-br{display:none}
@media (min-width:1100px){
  .h1-br{display:inline}
  #act-space h1{font-size:min(5.6rem,6.2vw,9.4vh)!important}
  #act-space h1.two-lines{white-space:nowrap}
  /* maďarský nadpis je dlhší — menšie písmo, aby 2. riadok nepretiekol */
  html[lang="hu"] #act-space h1{font-size:min(4.6rem,4.6vw,8.2vh)!important}
  #act-space .h1sub{font-size:min(2.2rem,4vh)!important;margin-top:min(14px,1.2vh)}
  #act-space .lead{margin-top:min(18px,1.6vh)}
}
/* nižšie notebooky (napr. 1366×657): menšie medzery, aby sa zmestila aj šípka */
@media (min-width:1100px) and (max-height:720px){
  #act-space .wrap{padding-top:84px!important;padding-bottom:16px!important}
  #act-space .eyebrow{margin-bottom:4px!important}
  #act-space .hero-proof{margin-top:12px!important}
  #act-space .btn-row{margin-top:14px!important}
  #act-space .scrollhint{margin-top:10px!important}
}

/* ═══════════════ v24.0 — DANI V ÚVODE ═══════════════ */
.hero-dani{display:inline-flex;flex:none;border-radius:50%;box-shadow:0 0 0 3px #fff,0 10px 26px -8px rgba(0,0,0,.7);
  transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.hero-dani img{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;-webkit-touch-callout:none;user-select:none}
.hero-dani:hover{transform:scale(1.06) rotate(-3deg)}
.hero-dani:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.hero-proof{align-items:center}
@media (max-width:779px){.hero-dani img{width:48px;height:48px}}

/* ═══════════════ v24.2 — SVETLEJŠIA DRUHÁ POLOVICA WEBU ═══════════════
   Sekcie pod príbehmi (#solid) boli takmer čierne. Fotka v pozadí je
   viditeľnejšia a stmavenie slabšie, aby ladili s filmovou cestou hore.
   Sekcia „Ahoj, ja som Dani" (#solid-dani) ostáva tmavšia. */
/* v25: iba TMAVÉ fotosekcie. Svetlé pieskové sekcie (Na toto sa pýtaj,
   Ako to prebieha, FAQ) majú vlastné pozadie a toto sa ich nesmie dotknúť. */
#solid{background:#111a1e}
#solid .photo-sect:not(.sand){background:#121c20}
#solid .photo-sect:not(.sand)::before{opacity:.6!important}
#solid .photo-sect:not(.sand)::after{background:
  linear-gradient(90deg,rgba(8,12,14,.80) 0%,rgba(8,12,14,.48) 50%,rgba(8,12,14,.66) 100%),
  linear-gradient(180deg,rgba(8,12,14,.22),rgba(8,12,14,.58))!important}
@media (max-width:779px){
  #solid .photo-sect:not(.sand)::before{opacity:.5!important}
  #solid .photo-sect:not(.sand)::after{background:linear-gradient(180deg,rgba(8,12,14,.58),rgba(8,12,14,.76))!important}
}
#solid .photo-sect:not(.sand) .sect-head p{text-shadow:0 2px 14px rgba(0,0,0,.55)}

/* v25: kde je v pozadí tá istá fotka ako v popredí, pozadie je zrkadlovo otočené */
.photo-foto::before,.photo-gallery::before{transform:scale(-1.02,1.02)!important}

/* ═══════════════ v24.0 — CITÁCIE Z RECENZIÍ ═══════════════ */
/* auto-fit: 4 citácie (SK/CZ) aj 3 (HU) vyplnia celú šírku bez prázdneho miesta */
.rev-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0 0 30px}
.rev-quotes:empty{display:none}
.rq{margin:0;display:flex;flex-direction:column;gap:14px;background:#fff;color:var(--ink);border-radius:var(--r);
  padding:24px 22px 22px;box-shadow:0 26px 60px -34px rgba(0,0,0,.8);position:relative;border-top:6px solid var(--coral)}
.rq:nth-child(4n+2){border-top-color:var(--teal)}
.rq:nth-child(4n+3){border-top-color:var(--mango)}
.rq:nth-child(4n+4){border-top-color:var(--leaf)}
.rq blockquote{margin:0;font-size:1.02rem;line-height:1.55;font-weight:600;color:#21393a}
.rq figcaption{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.rq figcaption b{font-family:var(--hand);font-size:1.45rem;font-weight:700;color:var(--coral);line-height:1.1}
.rq figcaption span{font-size:.82rem;color:#5b6e6f}
@media (min-width:900px) and (max-width:1199px){.rev-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ═══════════════ v24.0 — MOBIL: recenzie ako posuvný pás (ako príbehy) ═══════════════ */
@media (max-width:899px){
  .rev-quotes,#revGrid.reviewshots{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;
    grid-auto-columns:min(80vw,340px);gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:10px;columns:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:start}
  .rq,#revGrid .reviewshot{scroll-snap-align:start}
  #revGrid .reviewshot{width:auto!important}
}

/* ═══════════════ v24.0 — NADPISY NA POČÍTAČI NA CELÚ ŠÍRKU ═══════════════
   Nadpisy sekcií už nie sú stlačené v úzkom stĺpci vľavo. Každá veta
   nadpisu začína na novom riadku (experience.js pridá .s-br). */
.s-br{display:none}
@media (min-width:1100px){
  .s-br{display:inline}
  .solid .sect-head{max-width:min(100%,1080px)}
  .solid .sect-head h2{max-width:20em}
  .solid .sect-head > p:not(.eyebrow){max-width:68ch}
}

/* ═══════════════ v23.1 — RIADKOVANIE NADPISOV ═══════════════
   Anton má vysoké mäkčene a dĺžne (Ž, Č, Á…). Pri riadkovaní 1,02 až 1,12
   sa dotýkali písmen v riadku nad nimi. */
h1,h2.display,h2.plain,.solid h2.plain{line-height:1.22!important}
h1{line-height:1.18!important}
.hlw{margin:.1em 0}
.tcard h3,.package-card h3,.saona-option b,.saona-options-head h3,.story-h,.story-ph span,.st-end-lead{line-height:1.16!important}
.st-text h1,.st-archive h1{line-height:1.2!important}

/* ═══════════════ v23.1 — KARTY: ceny a tlačidlá v jednej rovine ═══════════════ */
.tripcards{align-items:stretch}
.tcard{display:flex!important;flex-direction:column;height:100%}
.tcard .tcontent{flex:1 1 auto}
.tcard .tguide{margin-top:auto!important}
.tcard .bot{margin-top:0!important}
.package-grid{align-items:stretch}
.package-card .body{flex:1 1 auto}
.package-card .package-price{margin-top:auto!important}

/* oranžové CTA aj na bočných balíkoch a pri verziách Saony */
.package-card .btn-line,.saona-option .btn-line{background:var(--coral)!important;color:#fff!important;
  box-shadow:0 14px 30px -14px rgba(255,106,77,.9)!important}
.package-card .btn-line:hover,.saona-option .btn-line:hover{color:#fff!important}
.saona-option{display:flex;flex-direction:column}
.saona-option>div{display:flex;flex-direction:column;flex:1;gap:8px}
.saona-option .btn{margin-top:auto;align-self:flex-start}

/* ═══════════════ v23.1 — ZHRNUTIE: čitateľné čísla ═══════════════ */
#sumbox .tot{font-family:var(--body)!important;gap:14px!important;padding-top:18px!important}
.tot-row{gap:4px 18px!important;padding:2px 0}
.tot-label{font-family:var(--body)!important;font-size:.98rem!important;line-height:1.4}
.tot-value{font-family:var(--body)!important;font-weight:800!important;font-size:1.08rem;line-height:1.35;letter-spacing:.01em}
.tot-value .nb-alt{font-weight:600;opacity:.85}
.tot-grand .tot-value{font-family:var(--anton)!important;font-weight:400!important;font-size:2rem!important;letter-spacing:.02em;line-height:1.15}
.tot-grand .tot-value .nb-alt{font-family:var(--body);font-size:1.05rem;font-weight:700;letter-spacing:0}
#sumbox .tot small{font-family:var(--body);font-size:.8rem!important;letter-spacing:0;margin-left:2px}
.sumline{padding:13px 0!important;gap:4px 18px!important}
.sumline-price{font-weight:700;line-height:1.4}
.calc-detail{line-height:1.5;margin-top:10px}

/* ═══════════════ v23.1 — VIAC POHYBU ═══════════════ */
/* nadpisy v pevnej časti nabiehajú slovo po slove, keď sa sekcia objaví */
.solid .sect-head[data-rise] .split .w{opacity:0;transform:translateY(.35em) rotate(2deg)}
.solid .sect-head.rise-in .split .w{animation:ldWord .8s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i) * 70ms + 120ms)}
.solid .sect-head.rise-in .split .hlw{animation-name:ldHl}
.app-failed .solid .sect-head .split .w{opacity:1!important;transform:none!important;animation:none!important}
/* karty sa pri prejdení myšou jemne nadvihnú */
.package-card,.saona-option,.story-link{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}
@media (hover:hover){
  .package-card:hover{transform:translateY(-6px)}
  .saona-option:hover{transform:translateY(-4px)}
  .trip:hover,.addon:hover{transform:translateY(-2px)}
}
/* „Môj výber" poskočí pri pridaní */
#pickfloat.bump{animation:pfBump .5s cubic-bezier(.2,.7,.3,1.4)}
@keyframes pfBump{0%{transform:scale(1)}40%{transform:scale(1.14) rotate(-3deg)}100%{transform:scale(1)}}
/* vybraný výlet v konfigurátore „cvakne" */
.trip[aria-pressed="true"] .tick,.addon[aria-pressed="true"] .tick{animation:tickPop .35s cubic-bezier(.2,.7,.3,1.5)}
@keyframes tickPop{0%{transform:scale(.4)}100%{transform:scale(1)}}

/* ═══════════════ MENEJ POHYBU NA ŽELANIE ═══════════════ */
@media (prefers-reduced-motion: reduce){
  .solid .sect-head .split .w{opacity:1!important;transform:none!important;animation:none!important}
  #pickfloat.bump,.trip .tick,.addon .tick{animation:none!important}
  .package-card:hover,.saona-option:hover{transform:none}
  .act .split .w{opacity:1!important;transform:none!important;animation:none!important}
  .act .split .hlw{transform:rotate(-1.6deg)!important}
  .sticker{animation:none}
  .ribbon-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  .ribbon-track span[aria-hidden]{display:none}
}

/* počítadlá pri Danim — tri rovnaké stĺpce, nikdy nepretečú */
@media(min-width:621px){.trustbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.trustbar>div{min-width:0}
@media(min-width:621px) and (max-width:1180px){.trustbar b{font-size:2.1rem!important}.trustbar>div{padding:16px 14px!important}}
/* v23.2: slová sa nedelia (žiadne „spre-vádzam"), celé slovo ide na ďalší riadok */
.trustbar span{overflow-wrap:normal;word-break:normal;hyphens:manual;-webkit-hyphens:manual}