/* ============ TOKENS ============ */

:root{
  --bg:#FBF9F4;
  --bg-2:#F3EEE4;
  --card:#FFFFFF;
  --pine:#12362A;
  --pine-2:#1F4D3A;
  --pine-soft:#E3ECE5;
  --amber:#D9862B;
  --amber-d:#B96E1D;
  --amber-soft:#F8ECDC;
  --ink:#222826;
  --muted:#67716C;
  --line:#E6E0D4;
  --r-lg:26px;
  --r-md:18px;
  --r-sm:12px;
  --shadow-1:0 10px 30px rgba(22,54,43,.08);
  --shadow-2:0 24px 60px rgba(22,54,43,.14);
  --font-h:'Montserrat',sans-serif;
  --font-b:'Roboto',sans-serif;
  --nav-h:78px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{
  font-family:var(--font-b);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
/* clip namiesto hidden: hidden robi z body scroll kontajner a position:sticky
   (prehlad v clanku blogu) sa potom nikdy neprilepi. hidden ostava ako zaloha
   pre prehliadace bez overflow:clip (8. 10. 2026). */
@supports (overflow:clip){body{overflow-x:clip}}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.15;color:var(--pine)}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}

.container{width:min(1240px,92%);margin:0 auto}
.section{padding:clamp(56px,7vw,88px) 0;position:relative}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-h);font-weight:700;font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--amber-d);
  margin-bottom:18px;
}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--amber);border-radius:2px}
.h2{font-size:clamp(30px,4.4vw,50px);font-weight:800;letter-spacing:-.015em;margin-bottom:18px}
.lead{color:var(--muted);font-size:clamp(16px,1.4vw,18px);max-width:640px}

/* ============ BUTTONS ============ */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.02em;
  padding:16px 30px;border-radius:999px;border:0;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s;
  will-change:transform;
}
.btn-primary{
  background:linear-gradient(135deg,var(--amber) 0%,var(--amber-d) 100%);
  color:#fff;box-shadow:0 12px 28px rgba(217,134,43,.35);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(217,134,43,.42)}
.btn-ghost{
  background:rgba(255,255,255,.7);color:var(--pine);
  border:1.5px solid var(--line);backdrop-filter:blur(8px);
}
.btn-ghost:hover{transform:translateY(-3px);background:#fff;box-shadow:var(--shadow-1)}
.btn svg{flex:0 0 auto}

/* ============ NAV ============ */

.nav{
  position:fixed;inset:0 0 auto 0;z-index:100;height:var(--nav-h);
  display:flex;align-items:center;
  transition:background .4s,box-shadow .4s,height .4s;
}
.nav.scrolled{
  background:rgba(251,249,244,.86);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 6px 24px rgba(22,54,43,.08);
  height:66px;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo img{height:44px;width:auto;transition:height .4s}
.nav.scrolled .nav-logo img{height:38px}
.nav::before{
  content:"";position:absolute;inset:-1px 0 -40px 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,24,18,.62) 0%,rgba(10,24,18,.28) 55%,rgba(10,24,18,0) 100%);
  opacity:1;transition:opacity .4s;
}
.nav.scrolled::before{opacity:0}
.nav-inner{position:relative;z-index:1}
.nav:not(.scrolled) .nav-links a{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.nav:not(.scrolled) .nav-links a::after{background:#FFC177}
.nav:not(.scrolled) .nav-phone{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.nav:not(.scrolled) .nav-logo img{filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.35))}
.nav:not(.scrolled) .burger{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.nav:not(.scrolled) .burger span{background:#fff}
.nav-links{display:flex;gap:34px;list-style:none}
.nav-links a{
  font-family:var(--font-h);font-weight:600;font-size:14px;color:var(--pine);
  position:relative;padding:6px 0;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--amber);border-radius:2px;transition:width .35s cubic-bezier(.2,.8,.2,1);
}
.nav-links a:hover::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-phone{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-h);font-weight:700;font-size:14px;color:var(--pine);
}
.nav .btn{padding:12px 24px;font-size:14px}
/* Polozky menu sa NESMU zalamovat. Do 8. 10. 2026 sa pri 981 – 1040 px lamalo
   „O nás" aj telefon na dva riadky; po pridani polozky Blog sa rozsah rozsiril
   do 1120 px. Namiesto zalomenia sa zuzia medzery a v najuzsom pasme ostane
   z telefonu len ikona. Hranice su ZMERANE (logo 106 + odkazy 318 + telefon 151
   + tlacidlo 188 px), pri pridani dalsej polozky ich treba premerat. */
.nav-links a,.nav-phone,.nav .btn{white-space:nowrap}
@media(min-width:981px) and (max-width:1180px){.nav-links{gap:22px}}
@media(min-width:981px) and (max-width:1060px){
  .nav-phone-num{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .nav-phone{width:40px;height:40px;justify-content:center;border-radius:50%;
    border:1.5px solid var(--line)}
}
.burger{
  display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);
  background:rgba(255,255,255,.8);align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.burger span{width:20px;height:2px;background:var(--pine);border-radius:2px;transition:.3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{
  position:fixed;inset:0;z-index:99;
  background:linear-gradient(165deg,#0E2E23 0%,#17422F 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:96px 8% calc(26px + env(safe-area-inset-bottom));
  opacity:0;pointer-events:none;transition:opacity .45s;overflow:hidden;
}
.mobile-menu::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 320px at 88% 8%,rgba(217,134,43,.30),transparent 62%);
}
.mobile-menu::after{
  content:"SnoWiki";position:absolute;left:-2%;bottom:-4%;pointer-events:none;
  font-family:var(--font-h);font-weight:800;font-size:34vw;line-height:1;
  color:rgba(255,255,255,.04);letter-spacing:-.04em;white-space:nowrap;
}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mm-eyebrow{
  position:relative;font-family:var(--font-h);font-weight:700;font-size:11px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;
  opacity:0;transform:translateY(16px);transition:.5s .1s;
}
.mobile-menu.open .mm-eyebrow{opacity:1;transform:none}
.mm-links{list-style:none;position:relative;display:grid;gap:2px;margin-bottom:auto}
.mm-links a{
  display:flex;align-items:baseline;gap:14px;padding:9px 0;
  font-family:var(--font-h);font-weight:800;font-size:clamp(21px,5.6vw,26px);
  color:#fff;letter-spacing:-.015em;
  opacity:0;transform:translateY(28px);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,color .3s;
}
.mm-links a:active{color:#FFC177}
.mm-links a i{font-style:normal;font-family:var(--font-h);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--amber)}
.mobile-menu.open .mm-links li:nth-child(1) a{transition-delay:.08s}
.mobile-menu.open .mm-links li:nth-child(2) a{transition-delay:.15s}
.mobile-menu.open .mm-links li:nth-child(3) a{transition-delay:.22s}
.mobile-menu.open .mm-links li:nth-child(4) a{transition-delay:.29s}
.mobile-menu.open .mm-links li:nth-child(5) a{transition-delay:.36s}
.mobile-menu.open .mm-links a{opacity:1;transform:none}
.mm-foot{
  position:relative;border-top:1px solid rgba(255,255,255,.14);
  padding-top:22px;display:grid;gap:6px;color:#9DB4A6;font-size:13.5px;
  opacity:0;transform:translateY(18px);transition:.55s .42s;
}
.mobile-menu.open .mm-foot{opacity:1;transform:none}
.mm-foot a{color:#fff;font-family:var(--font-h);font-weight:700;font-size:16px}
.mm-foot .btn{margin-top:14px;width:100%}

/* ============ HERO ============ */

.hero{
  position:relative;min-height:92svh;
  display:flex;align-items:flex-end;
  overflow:hidden;
}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{
  width:100%;height:106%;object-fit:cover;object-position:6% 58%;
  will-change:transform;
}
.hero-veil{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(251,249,244,0) 0%,rgba(251,249,244,0) 72%,rgba(251,249,244,.42) 90%,rgba(251,249,244,.82) 100%),
    linear-gradient(100deg,rgba(18,42,32,.38) 0%,rgba(18,42,32,0) 55%);
}
.hero-inner{
  position:relative;z-index:2;width:min(1240px,92%);margin:0 auto;
  padding:calc(var(--nav-h) + 40px) 0 clamp(150px,17vh,190px);
}
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.82);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;padding:9px 18px;
  font-family:var(--font-h);font-weight:700;font-size:13px;color:var(--pine);
  box-shadow:0 8px 24px rgba(22,54,43,.12);margin-bottom:26px;
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(217,134,43,.25)}
.hero h1{
  font-size:clamp(32px,4.8vw,60px);font-weight:800;letter-spacing:-.02em;
  color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35);
  max-width:24ch;margin-bottom:12px;
}
.hero h1 .accent{color:#FFC177}
.hero-sub{
  color:#fff;font-size:clamp(16px,1.4vw,19px);max-width:560px;
  text-shadow:0 2px 16px rgba(0,0,0,.4);font-weight:400;margin-bottom:34px;
}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* floating glass panel */
.hero-panel{
  position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);z-index:3;
  width:min(1240px,92%);
}
.hero-panel-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.9);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.95);
  border-radius:var(--r-lg) var(--r-lg) 0 0;
  box-shadow:0 -18px 50px rgba(22,54,43,.12);
  overflow:hidden;
}
.hp-item{
  padding:24px 26px;display:flex;align-items:center;gap:16px;
  border-right:1px solid var(--line);
}
.hp-item:last-child{border-right:0}
.hp-ico{
  width:48px;height:48px;flex:0 0 48px;border-radius:14px;
  background:var(--amber-soft);display:grid;place-items:center;color:var(--amber-d);
}
.hp-item strong{font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--pine);display:block;line-height:1.25}
.hp-item span{font-size:13px;color:var(--muted)}

.scroll-hint{
  position:absolute;right:5%;bottom:150px;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  color:#fff;font-family:var(--font-h);font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  writing-mode:vertical-rl;text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.scroll-hint::after{
  content:"";width:2px;height:52px;background:linear-gradient(#fff,transparent);
  border-radius:2px;animation:drop 2s ease-in-out infinite;
}
@keyframes drop{0%{transform:scaleY(.2);transform-origin:top}55%{transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}

/* ============ INTRO / O NÁS ============ */

.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}
.intro-media{position:relative}
.intro-media .frame{
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);
  aspect-ratio:4/4.4;
}
.intro-media .frame img{width:100%;height:112%;object-fit:cover;will-change:transform}
.intro-media .float-card{
  position:absolute;right:-26px;bottom:34px;
  background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-2);
  padding:20px 24px;display:flex;align-items:center;gap:14px;max-width:270px;
  border:1px solid var(--line);
}
.float-card .stars{color:#F0A32B;font-size:17px;letter-spacing:2px}
.float-card strong{font-family:var(--font-h);font-size:15px;color:var(--pine);display:block}
.float-card span{font-size:12.5px;color:var(--muted)}
.intro-media .season-chip{
  position:absolute;left:-22px;top:32px;
  background:var(--pine);color:#fff;border-radius:999px;
  font-family:var(--font-h);font-weight:700;font-size:12.5px;letter-spacing:.06em;
  padding:10px 20px;box-shadow:var(--shadow-2);
}
.checks{list-style:none;margin-top:26px;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;font-size:16px}
.checks .ck{
  width:26px;height:26px;flex:0 0 26px;border-radius:50%;margin-top:2px;
  background:var(--pine-soft);color:var(--pine-2);display:grid;place-items:center;
}
.checks b{color:var(--pine)}

/* ============ COUNTERS ============ */

.stats{background:linear-gradient(135deg,#0E2E23 0%,#1B4A37 100%);border-radius:var(--r-lg);padding:clamp(36px,4.5vw,54px) clamp(28px,5vw,70px);
  /* Pocet dlazdic sa lisi podla stranky (hlavna 3, /o-nas/ 4) – mriezka sa
     prisposobi sama, aby nezostavalo prazdne miesto. */
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px;box-shadow:var(--shadow-2);
  position:relative;overflow:hidden}
.stats::before{
  content:"";position:absolute;inset:0;opacity:.10;
  background:radial-gradient(600px 300px at 85% 20%,#FFC177,transparent 60%);
}
.stat{position:relative;text-align:center}
.stat b{
  font-family:var(--font-h);font-weight:800;font-size:clamp(34px,3.6vw,50px);
  color:#fff;display:block;letter-spacing:-.02em;
}
.stat b [data-count]{font-size:inherit;font-weight:inherit;color:inherit;display:inline-block;min-width:1.1ch}
.stat b .unit{font-size:.55em;color:#FFC177;font-weight:700}
.stat span{color:#BFD3C7;font-size:14px}

/* ============ CHATKY ============ */

.chalets{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
.chalet-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:20px}
.chalet-card{
  background:#fff;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-1);border:1px solid var(--line);
  display:flex;flex-direction:column;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.chalet-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2)}
/* jedna chatka: obsah vlavo, fotka vpravo - zrkadlovo oproti .intro-grid */
.chalet-single{max-width:1120px;margin-top:20px}
.chalet-card--wide{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch}
.chalet-card--wide .chalet-body{justify-content:center;padding:clamp(30px,3.4vw,44px)}
.chalet-card--wide .chalet-media{aspect-ratio:auto;min-height:340px}
.chalet-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.chalet-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.chalet-card:hover .chalet-media img{transform:scale(1.06)}
.chalet-tag{
  position:absolute;top:18px;left:18px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
  border-radius:999px;padding:8px 18px;
  font-family:var(--font-h);font-weight:800;font-size:13px;color:var(--pine);
}
.chalet-body{padding:30px clamp(22px,2.6vw,34px) 34px;display:flex;flex-direction:column;gap:18px;flex:1}
.chalet-body h3{font-size:24px;font-weight:800}
.chalet-body p{color:var(--muted);font-size:15.5px}
.amenities{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.amenity{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--bg);border:1px solid var(--line);border-radius:999px;
  padding:8px 15px;font-size:13px;font-weight:500;color:var(--pine);
}
.amenity svg{color:var(--amber-d)}
.chalet-body .btn{align-self:flex-start;margin-top:6px}

/* ============ PARALLAX BAND ============ */

.band{
  position:relative;height:clamp(380px,55vh,540px);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.band img{position:absolute;inset:0;width:100%;height:150%;object-fit:cover;will-change:transform;top:-25%}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,54,43,.45),rgba(22,54,43,.25))}
.band-content{position:relative;z-index:2;text-align:center;color:#fff;width:min(760px,90%)}
.band-content h2{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.35);margin-bottom:14px}
.band-content p{font-size:clamp(15px,1.5vw,18px);text-shadow:0 2px 14px rgba(0,0,0,.4);margin-bottom:28px}

/* ============ GALÉRIA ============ */

.gallery-grid{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px;margin-top:14px;
}
.g-item{border-radius:var(--r-md);overflow:hidden;position:relative;cursor:zoom-in;border:0;padding:0;background:none}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.g-item:hover img{transform:scale(1.07)}

/* Mozaika: prvych 8 fotiek je vidiet hned, zvysok az po kliku na tlacidlo.
   Rozlozenie je explicitne, aby velke zabery sedeli na rovnakych miestach. */
.gallery-grid>.g-item:nth-child(1){grid-column:1/3;grid-row:1/3}
.gallery-grid>.g-item:nth-child(2){grid-column:3;grid-row:1}
.gallery-grid>.g-item:nth-child(3){grid-column:4;grid-row:1}
.gallery-grid>.g-item:nth-child(4){grid-column:3;grid-row:2}
.gallery-grid>.g-item:nth-child(5){grid-column:4;grid-row:2}
.gallery-grid>.g-item:nth-child(6){grid-column:1/3;grid-row:3}
.gallery-grid>.g-item:nth-child(7){grid-column:3;grid-row:3}
.gallery-grid>.g-item:nth-child(8){grid-column:4;grid-row:3}
.gallery-grid>.g-item:nth-child(n+9){display:none}
.gallery-grid.is-open{grid-auto-flow:dense}
.gallery-grid.is-open>.g-item:nth-child(n+9){display:block}
.gallery-grid.is-open>.g-item{grid-column:auto;grid-row:auto}
.gallery-grid.is-open>.g-item.w2{grid-column:span 2}
.gallery-grid.is-open>.g-item.h2{grid-row:span 2}
.gallery-more{display:flex;justify-content:center;margin-top:26px}
.gallery-more .btn{display:inline-flex;align-items:center;gap:10px}
.gallery-more .btn svg{flex:none}
/* na tablete posledný w2 vyplní celý riadok, aby v rohu nezostala medzera */
@media(min-width:641px) and (max-width:1100px){
  .gallery-grid .g-item.w2:last-child{grid-column:1/-1}
}
.lightbox{
  position:fixed;inset:0;z-index:200;background:rgba(16,26,22,.94);
  display:none;align-items:center;justify-content:center;padding:4vh 4vw;
}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb-btn{
  position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  transition:background .3s;
}
.lb-btn:hover{background:rgba(255,255,255,.25)}
.lb-close{top:26px;right:26px}
.lb-prev{left:22px;top:50%;transform:translateY(-50%)}
.lb-next{right:22px;top:50%;transform:translateY(-50%)}

/* ============ RECENZIE ============ */

.reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.g-score{
  display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 24px;box-shadow:var(--shadow-1);
}
.g-score b{font-family:var(--font-h);font-size:36px;font-weight:800;color:var(--pine)}
.g-score .stars{color:#F0A32B;font-size:16px;letter-spacing:2px}
.g-score span{font-size:13px;color:var(--muted);display:block}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.review{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:16px;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.review:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.review .stars{color:#F0A32B;letter-spacing:3px;font-size:15px}
.review p{color:var(--ink);font-size:15px;flex:1}
.review .who{display:flex;align-items:center;gap:12px}
.avatar{
  width:46px;height:46px;border-radius:50%;
  background:#fff;border:2px solid var(--pine-soft);
  box-shadow:0 4px 12px rgba(18,54,42,.10);
  font-family:var(--font-h);font-weight:800;color:var(--amber-d);display:grid;place-items:center;font-size:17px;
}
.review .who b{font-family:var(--font-h);font-size:14.5px;color:var(--pine);display:block}
.review .who span{font-size:12.5px;color:var(--muted)}

/* ============ INFO / VÝLETY ============ */

.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.info-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 30px;box-shadow:var(--shadow-1);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.info-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.info-ico{
  width:58px;height:58px;border-radius:18px;background:var(--pine-soft);color:var(--pine-2);
  display:grid;place-items:center;margin-bottom:20px;
}
.info-card h3{font-size:19px;font-weight:800;margin-bottom:10px}
.info-card p{color:var(--muted);font-size:15px}

/* praktické info */
.practical{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.pr-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:22px;display:flex;gap:15px;align-items:center;box-shadow:var(--shadow-1);
}
.pr-ico{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:var(--amber-soft);color:var(--amber-d);display:grid;place-items:center}
.pr-item b{font-family:var(--font-h);font-size:15px;color:var(--pine);display:block;line-height:1.3}
.pr-item span{font-size:12.5px;color:var(--muted)}

/* ============ KONTAKT / FOOTER ============ */

.contact{background:var(--pine);color:#D9E4DC;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;position:relative}
.contact::before{
  content:"";position:absolute;inset:0;opacity:.08;
  background:radial-gradient(700px 400px at 12% 10%,#FFC177,transparent 60%);
}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,90px);position:relative}
.contact h2{color:#fff;font-size:clamp(28px,3.6vw,44px);font-weight:800;margin-bottom:14px}
.contact .lead{color:#BFD3C7}
.contact-list{list-style:none;margin-top:34px;display:grid;gap:20px}
.contact-list li{display:flex;gap:16px;align-items:flex-start}
.ct-ico{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:rgba(255,255,255,.08);color:#FFC177;display:grid;place-items:center}
.contact-list b{font-family:var(--font-h);color:#fff;font-size:15.5px;display:block}
.contact-list a:hover{color:#FFC177}
.contact-list span{font-size:13.5px;color:#9DB4A6}
.contact-form{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);backdrop-filter:blur(6px);
}
.contact-form h3{color:#fff;font-size:20px;margin-bottom:6px}
.contact-form p{font-size:14px;color:#9DB4A6;margin-bottom:22px}
.contact-form .field label{color:#D9E4DC}
.contact-form .field input,.contact-form .field textarea{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;
}
.contact-form .field input::placeholder,.contact-form .field textarea::placeholder{color:#8CA396}
.contact-form .field input:focus,.contact-form .field textarea:focus{background:rgba(255,255,255,.12);border-color:var(--amber)}
.contact-form .btn{width:100%;margin-top:16px}
.footer-bottom{
  position:relative;border-top:1px solid rgba(255,255,255,.1);margin-top:clamp(50px,6vw,80px);
  padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:#8CA396;
}
.footer-logo{height:36px;filter:brightness(0) invert(1);opacity:.9}

/* sticky mobile CTA */
.mobile-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(251,249,244,.92);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(22,54,43,.10);
}
.mobile-bar .btn{flex:1;padding:14px 10px;font-size:14px}

/* word reveal */
.wsplit .w-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.wsplit .w{display:inline-block;transform:translateY(112%);will-change:transform}
html.no-motion .wsplit .w{transform:none}

/* reveal base states */
.rv{opacity:0;transform:translateY(36px)}
.rv-l{opacity:0;transform:translateX(-40px)}
.rv-r{opacity:0;transform:translateX(40px)}
.rv-s{opacity:0;transform:scale(.94)}
html.no-motion .rv,html.no-motion .rv-l,html.no-motion .rv-r,html.no-motion .rv-s{opacity:1;transform:none}

/* ============ FORMULÁRE (spoločné: rezervácia aj kontakt) ============ */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-family:var(--font-h);font-weight:600;font-size:12.5px;color:var(--pine);letter-spacing:.02em}
.field input,.field select,.field textarea{
  font-family:var(--font-b);font-size:15px;color:var(--ink);
  background:var(--bg);border:1.5px solid var(--line);border-radius:12px;
  padding:13px 15px;transition:border-color .25s,box-shadow .25s;width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(217,134,43,.14);background:#fff;
}
.field textarea{resize:vertical;min-height:90px}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-msg{margin-top:14px;font-size:14.5px;border-radius:12px;padding:13px 16px;display:none}
.form-msg.ok{display:block;background:#E7F2E7;color:#22662F;border:1px solid #BFDDC2}
.form-msg.err{display:block;background:#F9E7E2;color:#A03A26;border:1px solid #EBC0B4}
.range-out{display:flex;gap:14px;margin-bottom:16px}
.range-out .field{flex:1}
.range-out input{background:#fff;font-weight:500}

/* ============ RESPONSIVE ============ */

@media(max-width:1100px){
  /* Cim uzsie okno, tym uzsi zvisly pruh z panoramy 1920x700 zostane po
     object-fit:cover. Pri desktopovom vyreze 6 % je na tablete v zabere uz len
     strom vedla chatky, preto sa tu vyrez posuva na stred, kde chatka stoji.
     Mobilny blok nizsie ma vlastne pravidlo a toto prebije. */
  .hero-bg img{object-position:50% 58%}
  .hero-panel-inner{grid-template-columns:repeat(2,1fr)}
  .hp-item:nth-child(2){border-right:0}
  .hp-item{border-bottom:1px solid var(--line)}
  .hp-item:nth-child(3),.hp-item:nth-child(4){border-bottom:0}
  .gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px}
  .gallery-grid>.g-item:nth-child(1){grid-column:1/3;grid-row:1/3}
  .gallery-grid>.g-item:nth-child(2){grid-column:3;grid-row:1}
  .gallery-grid>.g-item:nth-child(3){grid-column:3;grid-row:2}
  .gallery-grid>.g-item:nth-child(4){grid-column:1;grid-row:3}
  .gallery-grid>.g-item:nth-child(5){grid-column:2;grid-row:3}
  .gallery-grid>.g-item:nth-child(6){grid-column:3;grid-row:3}
  .gallery-grid>.g-item:nth-child(n+7){display:none}
  .gallery-grid.is-open>.g-item:nth-child(n+7){display:block}
  .review-grid,.info-grid{grid-template-columns:1fr 1fr}
  .practical{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .nav-links,.nav-phone{display:none}
  .burger{display:flex}
  .intro-grid,.chalet-grid,.booking-grid,.contact-grid{grid-template-columns:1fr}
  .chalet-card--wide{grid-template-columns:1fr}
  .chalet-card--wide .chalet-media{order:-1;aspect-ratio:16/10;min-height:0}
  .intro-media .float-card{right:8px;bottom:16px}
  .intro-media .season-chip{left:8px;top:16px}
  .hero-inner{padding-bottom:230px}
  .scroll-hint{display:none}
}
@media(max-width:640px){
  :root{--nav-h:66px}
  .nav .btn{display:none}
  /* Mobil: hero uz nie je fotka s textom cez nu. Na uzkom displeji by
     object-fit:cover z panoramy 1920x700 vyrezal len zvisly pruh steny.
     Fotka preto dostane vlastny pas s pomerom 5:3. Ten zo zdroja 1920x700
     ukaze stredovy vyrez siroky 1167 px (x 377-1543) a chatka je v nom cela
     aj s vchodovym prestreskom. Text ide pod nu na svetly podklad. */
  .hero{min-height:auto;display:block;background:var(--bg)}
  .hero-bg{position:relative;inset:auto;width:100%;aspect-ratio:5/3}
  .hero-bg img{width:100%;height:100%;object-position:50% 50%}
  .hero-veil{display:none}
  .hero-inner{
    position:relative;z-index:2;width:100%;margin:-26px 0 0;
    background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;
    padding:26px 4% 4px;
  }
  .hero-badge{
    font-size:12px;padding:8px 15px;margin-bottom:16px;
    background:#fff;border-color:var(--line);box-shadow:0 6px 18px rgba(22,54,43,.08);
  }
  .hero h1{font-size:clamp(27px,8vw,33px);margin-bottom:10px;max-width:100%;color:var(--pine);text-shadow:none}
  .hero h1 .accent{color:var(--amber-d)}
  .hero-sub{font-size:15px;margin-bottom:24px;max-width:100%;color:var(--muted);text-shadow:none}
  .hero-sub b{color:var(--pine);font-weight:700}
  .hero-cta{gap:12px;margin-bottom:0}
  .hero-cta .btn{width:100%;padding:15px 24px}
  .hero-panel{position:relative;left:0;bottom:auto;transform:none;width:92%;margin:24px auto 0;padding-bottom:8px}
  .hero-panel-inner{grid-template-columns:1fr 1fr;border-radius:20px;box-shadow:0 18px 44px rgba(18,54,42,.18)}
  .hp-item{padding:16px 14px;gap:11px;flex-direction:column;text-align:center;align-items:center}
  .hp-ico{width:42px;height:42px;flex-basis:42px;border-radius:12px}
  .hp-item strong{font-size:13.5px}
  .hp-item span{font-size:11.5px}
  /* Mobil: velka fotka + 2x2 mriezka = 5 fotiek, zvysok za tlacidlom. */
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}
  /* velka fotka zabera dva riadky mriezky, aby nepretekala do dalsieho */
  .gallery-grid>.g-item:nth-child(1){grid-column:1/-1;grid-row:1/3}
  .gallery-grid>.g-item:nth-child(2){grid-column:1;grid-row:3}
  .gallery-grid>.g-item:nth-child(3){grid-column:2;grid-row:3}
  .gallery-grid>.g-item:nth-child(4){grid-column:1;grid-row:4}
  .gallery-grid>.g-item:nth-child(5){grid-column:2;grid-row:4}
  .gallery-grid>.g-item:nth-child(n+6){display:none}
  .gallery-grid.is-open>.g-item:nth-child(n+6){display:block}
  .gallery-more .btn{width:100%;justify-content:center}
  .review-grid,.info-grid,.practical,.form-grid{grid-template-columns:1fr}
  .range-out{flex-direction:column;gap:10px}
  .mobile-bar{display:flex}
  body{padding-bottom:74px}
  .stats{grid-template-columns:1fr 1fr;gap:22px;padding:34px 20px}
  .footer-bottom{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ============ PODSTRÁNKY ============ */
/* Podstranka nema tmave hero pod navigaciou – nav preto vyzera rovnako ako
   stav .scrolled na hlavnej. Bez toho by biele logo splynulo s bielym pozadim. */
.has-subpage-nav .nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(18,54,42,.06)}
.has-subpage-nav .nav::before{opacity:0}
.has-subpage-nav .nav:not(.scrolled) .nav-logo img{filter:none}
.has-subpage-nav .nav:not(.scrolled) .nav-links a{color:var(--pine);text-shadow:none}
.has-subpage-nav .nav:not(.scrolled) .nav-links a::after{background:var(--amber)}
.has-subpage-nav .nav:not(.scrolled) .nav-phone{color:var(--pine);text-shadow:none}
.has-subpage-nav .nav:not(.scrolled) .burger{background:transparent;
  border-color:var(--line);backdrop-filter:none}
.has-subpage-nav .nav:not(.scrolled) .burger span{background:var(--pine)}
.nav-links a.is-active{color:var(--amber-d);font-weight:700}
.mm-links a.is-active{color:var(--amber)}
.page{padding-top:var(--nav-h)}
.page-head{padding-bottom:0}
.page-head .h2{max-width:16ch}
.page-head .lead{max-width:62ch;margin-top:14px}
.page-body-wrap{padding-top:34px}
.page-body{max-width:760px;font-size:16.5px;line-height:1.75;color:var(--ink)}
.page-body h2{font-family:var(--font-h);font-weight:800;font-size:clamp(21px,2.4vw,26px);
  color:var(--pine);margin:38px 0 14px;line-height:1.25}
.page-body h3{font-family:var(--font-h);font-weight:700;font-size:18px;color:var(--pine-2);margin:26px 0 10px}
.page-body h2:first-child,.page-body h3:first-child{margin-top:0}
.page-body p{margin-bottom:16px;color:var(--muted)}
.page-body strong{color:var(--ink);font-weight:600}
.page-body ul,.page-body ol{margin:0 0 18px 22px;color:var(--muted)}
.page-body li{margin-bottom:8px}
.page-body li::marker{color:var(--amber-d)}
.page-body a{color:var(--amber-d);text-decoration:underline;text-underline-offset:3px}
.page-body a:hover{color:var(--pine-2)}
.page-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.page-body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.page-body th,.page-body td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left}
.page-body th{font-family:var(--font-h);font-weight:700;color:var(--pine);background:var(--bg-2)}
.page-body td{color:var(--muted)}
.page-note{background:var(--amber-soft);border:1px solid #F0D6B4;border-radius:var(--r-sm);
  padding:14px 18px;font-size:14.5px;color:#8A5418;margin:0 0 26px}
.page-note b{color:#6E4212}

/* ============ TIPY NA VÝLET ============ */
.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px);margin-top:8px}
.tip-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  box-shadow:var(--shadow-1);display:flex;flex-direction:column;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.tip-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.tip-media{aspect-ratio:1/1;overflow:hidden;background:var(--bg-2)}
.tip-media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tip-card:hover .tip-media img{transform:scale(1.06)}
.tip-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.tip-body h2{font-family:var(--font-h);font-weight:700;font-size:16px;color:var(--pine);
  line-height:1.3;margin:0}
.tip-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;
  font-size:13px;font-weight:600;color:var(--amber-d);text-decoration:none}
.tip-link:hover{color:var(--pine-2)}
.tip-link svg{flex:none}
@media(max-width:1100px){.tip-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.tip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.tip-grid{gap:12px}.tip-body{padding:13px 14px 15px}.tip-body h2{font-size:14.5px}}

/* ============ PRÁVNE ODKAZY V PÄTIČKE ============ */
.footer-legal{display:inline-flex;flex-wrap:wrap;gap:6px 20px}
.footer-legal a{color:#BFD3C7;text-decoration:none;transition:color .25s}
.footer-legal a:hover{color:var(--amber)}

/* ============ ODKAZ NA GOOGLE RECENZIE ============ */
.reviews-cta{display:flex;justify-content:center;margin-top:30px}
.reviews-cta .btn{display:inline-flex;align-items:center;gap:10px}
.reviews-cta .btn svg{flex:none}
a.float-card{text-decoration:none;cursor:pointer}
a.float-card:hover .float-card-more{color:var(--amber-d)}
.float-card-more{display:block;margin-top:7px;font-size:12px;font-weight:700;
  color:var(--muted);transition:color .25s}

/* ============ CENNÍK ============ */
.price-note{display:flex;align-items:flex-start;gap:11px;max-width:820px;margin:26px 0 0;
  padding:15px 19px;border-radius:var(--r-sm);background:var(--amber-soft);
  border:1px solid #F0D6B4;color:#8A5418;font-size:14.5px;line-height:1.55}
.price-note svg{flex:none;margin-top:2px}
.price-note b{color:#6E4212}
.perk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.perk-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px 24px 26px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-1)}
.perk-card b{font-family:var(--font-h);font-weight:800;font-size:16.5px;color:var(--pine)}
.perk-card span{font-size:14px;color:var(--muted);line-height:1.6}
.perk-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:var(--pine-soft);color:var(--pine-2);margin-bottom:4px}
.perk-card--amber{background:linear-gradient(150deg,#FFF8EE 0%,#FDF1DE 100%);border-color:#F0D6B4}
.perk-card--amber .perk-ico{background:#F8E2C4;color:var(--amber-d)}
.price-h2{font-family:var(--font-h);font-weight:800;font-size:clamp(22px,2.6vw,28px);
  color:var(--pine);margin:52px 0 6px}
.price-sub{color:var(--muted);font-size:15px;margin-bottom:22px}
.season-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.season-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-1);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.season-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.season-top{background:var(--bg-2);padding:14px 18px;border-bottom:1px solid var(--line)}
.season-top b{display:block;font-family:var(--font-h);font-weight:700;font-size:14.5px;color:var(--pine)}
.season-top span{font-size:12.5px;color:var(--muted)}
.season-price{padding:20px 18px 8px;font-family:var(--font-h);font-weight:800;
  font-size:clamp(30px,3.6vw,38px);color:var(--amber-d);line-height:1;display:flex;align-items:baseline;gap:2px}
.season-price i{font-style:normal;font-size:.5em;margin-right:2px}
.season-price em{font-style:normal;font-size:.34em;color:var(--muted);font-weight:700;margin-left:3px}
.season-foot{display:flex;align-items:center;gap:7px;padding:6px 18px 18px;
  font-size:13px;color:var(--muted)}
.season-foot b{color:var(--pine);font-weight:600}
.season-foot svg{color:var(--amber-d)}
.season-card--hi{border-color:#C6D8CE;background:linear-gradient(180deg,#FFFFFF 0%,#F6FAF7 100%)}
.season-card--hi .season-top{background:var(--pine-soft)}
.price-extra{margin:22px 0 0;font-size:15px;color:var(--muted)}
.price-extra b{color:var(--pine)}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.pay-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:26px 28px 28px;box-shadow:var(--shadow-1)}
.pay-card h3{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:800;
  font-size:17px;color:var(--pine);margin-bottom:16px}
.pay-card h3 svg{color:var(--amber-d)}
.pay-card ul{list-style:none;margin:0;padding:0}
.pay-card li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.pay-card li:last-child{border-bottom:0}
.pay-card li i{display:block;font-style:normal;font-size:12.5px;color:#8A938E}
.pay-card li b{font-family:var(--font-h);font-weight:700;color:var(--pine);white-space:nowrap}
.pay-plain li{display:block;line-height:1.6}
.pay-plain li b{white-space:normal;font-family:var(--font-b)}
.pay-card .btn{margin-top:20px;width:100%;text-align:center;justify-content:center}
@media(max-width:1100px){.season-grid{grid-template-columns:repeat(2,1fr)}.perk-row{grid-template-columns:1fr}}
@media(max-width:820px){.pay-grid{grid-template-columns:1fr}}
@media(max-width:560px){.season-grid{grid-template-columns:1fr}}

/* ============ O NÁS / SPOLOČNÉ BLOKY PODSTRÁNOK ============ */
.about-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);
  aspect-ratio:1147/620}
.about-hero img{width:100%;height:100%;object-fit:cover;display:block}
.about-hero-tag{position:absolute;left:clamp(14px,2vw,22px);bottom:clamp(14px,2vw,22px);
  display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);border-radius:999px;padding:9px 17px;
  font-family:var(--font-h);font-weight:700;font-size:13px;color:var(--pine)}
.about-hero-tag svg{color:var(--amber-d)}
.about-stats{margin-top:26px}
.about-text{margin:46px auto 0}
.sec-h2{font-family:var(--font-h);font-weight:800;font-size:clamp(22px,2.6vw,28px);
  color:var(--pine);margin:56px 0 20px}
.sec-more{margin-top:18px;font-size:15px;color:var(--muted)}
.sec-more a{color:var(--amber-d);text-decoration:underline;text-underline-offset:3px}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat-grid--4{grid-template-columns:repeat(4,1fr)}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px 24px 26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-1);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.feat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.feat-card b{font-family:var(--font-h);font-weight:800;font-size:16.5px;color:var(--pine)}
.feat-card span{font-size:14px;color:var(--muted);line-height:1.6}
.feat-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:var(--pine-soft);color:var(--pine-2);margin-bottom:4px}
.rule-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rule-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-1)}
.rule-card b{font-family:var(--font-h);font-weight:800;font-size:16px;color:var(--pine)}
.rule-card span{font-size:14px;color:var(--muted);line-height:1.6}
.rule-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:#F6E3DE;color:#A03A26;margin-bottom:4px}
.rule-card--yes{background:linear-gradient(150deg,#F6FAF7 0%,#EDF4EF 100%);border-color:#C6D8CE}
.rule-card--yes .rule-ico{background:var(--pine-soft);color:var(--pine-2)}
.cta-band{margin-top:56px;background:linear-gradient(135deg,#0E2E23 0%,#1B4A37 100%);
  border-radius:var(--r-lg);padding:clamp(28px,3.4vw,40px) clamp(26px,3.4vw,46px);
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.cta-band b{display:block;font-family:var(--font-h);font-weight:800;
  font-size:clamp(19px,2.2vw,23px);color:#fff;margin-bottom:6px}
.cta-band span{color:#BFD3C7;font-size:15px}
.cta-band .btn{flex:none}
@media(max-width:1100px){.feat-grid,.feat-grid--4{grid-template-columns:repeat(2,1fr)}
  .rule-row{grid-template-columns:1fr}}
@media(max-width:640px){.feat-grid,.feat-grid--4{grid-template-columns:1fr}
  .cta-band{flex-direction:column;align-items:flex-start}.cta-band .btn{width:100%;text-align:center;justify-content:center}}

/* ============ KONTAKT ============ */
.ct-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ct-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-1);
  text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
a.ct-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.ct-card b{font-family:var(--font-h);font-weight:800;font-size:17.5px;color:var(--pine);word-break:break-word}
.ct-card span:not(.ct-ico){font-size:14px;color:var(--muted);line-height:1.6}
.ct-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:var(--pine-soft);color:var(--pine-2);margin-bottom:4px}
.ct-card--hi{background:linear-gradient(150deg,#FFF8EE 0%,#FDF1DE 100%);border-color:#F0D6B4}
.ct-card--hi .ct-ico{background:#F8E2C4;color:var(--amber-d)}
.ct-card--hi b{font-size:20px;color:var(--amber-d)}
.ct-split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,2.6vw,32px);
  margin-top:42px;align-items:stretch}
.ct-photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);min-height:280px}
.ct-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ct-facts{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(24px,2.8vw,34px);box-shadow:var(--shadow-1);display:flex;flex-direction:column}
.ct-facts h2{font-family:var(--font-h);font-weight:800;font-size:21px;color:var(--pine);margin-bottom:16px}
.ct-facts ul{list-style:none;margin:0 0 22px;padding:0}
.ct-facts li{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:12px 0;border-bottom:1px solid var(--line)}
.ct-facts li:last-child{border-bottom:0}
.ct-facts li span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.ct-facts li span svg{color:var(--amber-d)}
.ct-facts li b{font-family:var(--font-h);font-weight:700;font-size:14.5px;color:var(--pine)}
.ct-facts .btn{margin-top:auto;text-align:center;justify-content:center}
.feat-card--warn{background:linear-gradient(150deg,#FFF6F3 0%,#FBEBE6 100%);border-color:#EBC0B4}
.feat-card--warn .feat-ico{background:#F6E3DE;color:#A03A26}
.ct-invoice{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;box-shadow:var(--shadow-1)}
.ct-invoice-head{display:flex;align-items:center;gap:10px;padding:16px 24px;
  background:var(--bg-2);border-bottom:1px solid var(--line)}
.ct-invoice-head svg{color:var(--amber-d)}
.ct-invoice-head b{font-family:var(--font-h);font-weight:800;font-size:16px;color:var(--pine)}
.ct-invoice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.ct-invoice-grid>div{background:#fff;padding:18px 24px}
.ct-invoice-grid .full{grid-column:1/-1}
.ct-invoice-grid span{display:block;font-size:12.5px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.ct-invoice-grid b{font-family:var(--font-h);font-weight:700;font-size:14.5px;color:var(--pine);line-height:1.5}
@media(max-width:1100px){.ct-row{grid-template-columns:1fr}.ct-split{grid-template-columns:1fr}
  .ct-photo{min-height:240px}.ct-invoice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ct-invoice-grid{grid-template-columns:1fr}}

/* ============ EDITORIÁLNY DVOJSTĹPEC (úvodný blok podstránky) ============ */
.lead-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,72px);
  align-items:start;margin:56px 0 0;padding-top:44px;border-top:1px solid var(--line)}
.lead-split-h{font-family:var(--font-h);font-weight:800;line-height:1.12;
  font-size:clamp(26px,3.4vw,40px);color:var(--pine);margin:0;letter-spacing:-.015em}
.lead-split-h span{color:var(--amber-d)}
.lead-split-body p{font-size:clamp(16px,1.15vw,17.5px);line-height:1.75;color:var(--muted);margin-bottom:16px}
.lead-split-body p:last-child{margin-bottom:0}
.lead-split-body b{color:var(--ink);font-weight:600}
@media(max-width:900px){.lead-split{grid-template-columns:1fr;gap:18px;margin-top:44px;padding-top:34px}}

/* ============ COOKIE LIŠTA ============ */
.cc-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:rgba(255,255,255,.97);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);box-shadow:0 -10px 40px rgba(18,54,42,.10);
  transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.25,1)}
.cc-bar.is-in{transform:none}
.cc-bar[hidden]{display:none}
.cc-inner{width:min(1240px,92%);margin:0 auto;padding:18px 0;
  display:flex;align-items:center;gap:clamp(18px,3vw,44px);flex-wrap:wrap}
.cc-text{flex:1 1 420px;min-width:0}
.cc-text b{display:block;font-family:var(--font-h);font-weight:800;font-size:15.5px;
  color:var(--pine);margin-bottom:4px}
.cc-text span{font-size:14px;line-height:1.55;color:var(--muted)}
.cc-text a{color:var(--amber-d);text-decoration:underline;text-underline-offset:2px}
.cc-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;flex-wrap:wrap}
.cc-btn{padding:12px 22px;font-size:14px}
.cc-link{background:none;border:0;padding:8px 6px;cursor:pointer;
  font-family:var(--font-h);font-weight:600;font-size:14px;color:var(--muted);
  text-decoration:underline;text-underline-offset:3px}
.cc-link:hover{color:var(--pine)}

/* Kým lišta visí, mobilná CTA lišta sa skryje, aby sa neprekrývali. */
html.cc-open .mobile-bar{display:none}
html.cc-open body{padding-bottom:0}

/* --- panel nastavení --- */
.cc-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;
  padding:20px;background:rgba(14,46,35,.55);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .28s}
.cc-modal.is-in{opacity:1}
.cc-modal[hidden]{display:none}
.cc-panel{position:relative;background:#fff;border-radius:var(--r-lg);
  width:min(560px,100%);max-height:86vh;overflow:auto;
  padding:clamp(26px,3.4vw,38px);box-shadow:0 30px 80px rgba(18,54,42,.28);
  transform:translateY(14px);transition:transform .3s cubic-bezier(.2,.8,.25,1)}
.cc-modal.is-in .cc-panel{transform:none}
.cc-panel h2{font-family:var(--font-h);font-weight:800;font-size:22px;
  color:var(--pine);margin-bottom:8px}
.cc-lead{font-size:14.5px;line-height:1.6;color:var(--muted);margin-bottom:22px}
.cc-close{position:absolute;top:16px;right:16px;width:36px;height:36px;
  display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;
  background:#fff;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.cc-close:hover{background:var(--bg-2);color:var(--pine)}
.cc-group{border:1px solid var(--line);border-radius:var(--r-sm);
  padding:16px 18px;margin-bottom:12px;background:var(--bg)}
.cc-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.cc-group-head b{display:block;font-family:var(--font-h);font-weight:700;
  font-size:15px;color:var(--pine);margin-bottom:3px}
.cc-group-head span{font-size:13.5px;line-height:1.55;color:var(--muted)}
.cc-always{flex:none;font-size:12.5px;font-weight:600;color:var(--pine-2);
  background:var(--pine-soft);border-radius:999px;padding:6px 13px;white-space:nowrap}
.cc-switch{flex:none;position:relative;display:inline-block;width:48px;height:27px;cursor:pointer}
.cc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.cc-slider{position:absolute;inset:0;background:#D8D2C6;border-radius:999px;
  transition:background .25s;pointer-events:none}
.cc-slider::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;
  background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.cc-switch input:checked+.cc-slider{background:var(--amber-d)}
.cc-switch input:checked+.cc-slider::after{transform:translateX(21px)}
.cc-switch input:focus-visible+.cc-slider{outline:2px solid var(--pine-2);outline-offset:2px}
.cc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cc-panel-actions{display:flex;gap:12px;margin-top:22px}
.cc-panel-actions .btn{flex:1;justify-content:center;text-align:center}

@media(max-width:760px){
  .cc-inner{padding:16px 0;gap:14px}
  .cc-actions{width:100%;gap:9px}
  .cc-actions .cc-btn{flex:1;text-align:center;justify-content:center;padding:12px 14px}
  .cc-link{order:3;width:100%;text-align:center;padding-top:2px}
  .cc-panel-actions{flex-direction:column-reverse}
}
.footer-cc{background:none;border:0;padding:0;cursor:pointer;color:#BFD3C7;
  font-size:14px;font-family:inherit;transition:color .25s}
.footer-cc:hover{color:var(--amber)}

/* ================= SOCIÁLNE SIETE ================= */
/* Ikony sú monochromatické a berú farbu z okolia – v pätičke svetlé,
   na plávajúcom pruhu tmavozelené na bielom. Žiadne farebné brand logá. */

.social-footer,.social-rail{list-style:none;margin:0;padding:0;display:flex}

/* --- pätička --- */
.social-block{margin-top:26px}
.social-label{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:#FFC177;font-weight:700;margin-bottom:12px}
.social-footer{gap:10px;flex-wrap:wrap}
.social-footer a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  transition:background .22s ease,border-color .22s ease,color .22s ease}
.social-footer a:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.social-footer a:focus-visible{outline:2px solid #FFC177;outline-offset:3px}

/* --- plávajúci pruh (len desktop) --- */
.social-rail-wrap{display:none}
.social-rail{flex-direction:column;gap:8px}
.social-rail a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  color:var(--pine);background:var(--card);border:1px solid var(--line);
  box-shadow:0 6px 18px rgba(18,54,42,.10);
  transition:background .22s ease,color .22s ease,border-color .22s ease}
.social-rail a:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.social-rail a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* Zobrazuje sa až od 1360 px. Container je width:min(1240px,92%), takže pri
   tejto šírke ostáva po stranách 60 px – pruh (40 px + 16 px odsadenie) sa
   doň zmestí a nikdy nezasiahne do obsahu. Pri užších oknách by zasahoval,
   preto sa tam nezobrazuje vôbec. Stráži to QA test check_social_rail(). */
@media (min-width:1360px){
  .social-rail-wrap{display:block;position:fixed;right:16px;top:50%;
    transform:translateY(-50%);z-index:120;
    opacity:1;transition:opacity .25s ease,transform .25s ease,visibility .25s}
  /* Ustúpi cookie lište aj otvorenému lightboxu. */
  html.cc-open .social-rail-wrap,
  html.lb-open .social-rail-wrap{opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-50%) translateX(14px)}
}

@media (prefers-reduced-motion:reduce){
  .social-footer a,.social-rail a,.social-rail-wrap{transition:none}
}

/* ============ BLOG ============
   Smer: turisticky dennik po Liptove vo farbach webu. Hlavicka je borovicovy blok
   s vrstevnicami ako na turistickej mape, tipy su zastavky na trase.
   Fotky miest su 300 x 300 px -> NIKDY sirsie ako 150 CSS px (ostre aj na retine). */
:root{--topo:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500' fill='none' stroke='%23FFFFFF' stroke-width='1.1'><path d='M599 150C600 152 600 153 599 155C598 157 598 159 596 160C594 161 592 162 590 163C588 164 587 165 586 166C585 167 584 168 582 169C580 170 579 171 577 172C575 173 574 174 572 174C570 174 568 174 566 174C564 174 562 174 560 174C558 174 556 174 554 174C552 174 550 174 548 174C546 174 544 174 542 173C540 172 538 172 536 171C534 170 532 169 531 168C530 167 528 166 527 164C526 162 525 161 525 159C525 157 525 156 526 154C527 152 528 151 529 150C530 149 530 147 530 146C530 145 530 144 530 142C530 140 530 139 530 137C530 135 531 133 532 132C533 131 535 130 537 129C539 128 540 128 542 127C544 126 546 126 548 125C550 124 552 124 554 123C556 122 558 122 560 122C562 122 564 122 566 123C568 124 570 125 572 126C574 127 576 127 577 128C578 129 580 130 581 131C582 132 584 134 585 135C586 136 587 137 588 138C589 139 590 141 591 142C592 143 594 144 595 145C596 146 598 148 599 150Z'/><path d='M639 150C640 153 640 157 639 160C638 163 634 166 631 169C628 172 624 173 620 175C616 177 613 179 610 181C607 183 606 186 603 188C600 190 598 193 595 195C592 197 588 198 584 198C580 198 575 198 571 198C567 198 564 198 560 198C556 198 552 199 548 199C544 199 540 200 536 200C532 200 527 199 523 198C519 197 515 195 511 193C507 191 504 190 501 187C498 184 496 181 494 178C492 175 492 171 492 168C492 165 493 162 494 159C495 156 498 153 499 150C500 147 501 145 501 142C501 139 500 136 499 133C498 130 497 126 498 123C499 120 500 116 503 114C506 112 510 110 513 108C516 106 520 105 524 104C528 103 532 101 536 100C540 99 543 97 547 96C551 95 556 94 560 94C564 94 569 95 573 96C577 97 581 100 584 102C587 104 590 106 593 108C596 110 598 112 601 114C604 116 606 118 609 120C612 122 614 124 616 126C618 128 620 130 623 133C626 136 629 138 632 141C635 144 638 147 639 150Z'/><path d='M680 150C681 155 681 160 678 165C675 170 669 174 664 178C659 182 652 184 647 187C642 190 639 193 635 196C631 199 629 204 625 207C621 210 617 214 612 217C607 220 601 221 595 222C589 223 583 222 577 222C571 222 566 221 560 221C554 221 548 223 542 224C536 225 530 226 523 226C516 226 509 226 503 224C497 222 490 219 485 216C480 213 476 209 472 205C468 201 465 197 463 192C461 187 460 182 460 177C460 172 462 168 464 163C466 158 469 154 470 150C471 146 471 142 470 138C469 134 467 130 466 125C465 120 464 114 465 109C466 104 469 100 473 96C477 92 484 90 490 88C496 86 502 84 507 82C512 80 518 77 523 75C528 73 534 70 540 68C546 66 554 65 560 65C566 65 573 68 579 70C585 72 590 76 595 79C600 82 604 85 608 88C612 91 617 93 621 96C625 99 629 102 633 105C637 108 641 111 645 114C649 117 654 120 658 124C662 128 668 131 672 135C676 139 679 145 680 150Z'/><path d='M722 150C722 157 719 164 715 170C711 176 703 182 696 187C689 192 680 195 674 199C668 203 664 207 659 212C654 217 652 222 647 227C642 232 637 237 630 240C623 243 615 244 607 245C599 246 590 244 582 244C574 244 568 244 560 245C552 246 544 248 536 250C528 252 518 254 509 254C500 254 490 252 482 250C474 248 466 244 459 239C452 234 447 229 443 223C439 217 435 210 433 204C431 198 430 191 431 185C432 179 434 172 436 166C438 160 440 155 441 150C442 145 440 140 439 134C438 128 433 122 432 115C431 108 429 101 431 95C433 89 438 83 444 78C450 73 458 70 466 67C474 64 482 62 489 59C496 56 504 52 511 49C518 46 526 41 534 39C542 37 552 36 560 37C568 38 578 42 585 45C592 48 599 54 605 58C611 62 616 66 622 70C628 74 634 77 640 80C646 83 652 86 658 89C664 92 670 96 676 100C682 104 689 109 695 114C701 119 708 124 712 130C716 136 722 143 722 150Z'/><path d='M762 150C762 158 757 168 751 175C745 182 734 189 726 195C718 201 707 205 700 210C693 215 688 221 683 227C678 233 675 240 669 246C663 252 656 258 647 262C638 266 628 266 618 267C608 268 598 266 588 266C578 266 570 267 560 269C550 271 541 274 530 277C519 280 506 284 494 284C482 284 470 282 460 278C450 274 440 268 433 262C426 256 420 248 416 240C412 232 408 224 406 216C404 208 404 200 404 192C404 184 407 177 408 170C409 163 411 157 411 150C411 143 408 137 406 130C404 123 398 114 396 106C394 98 393 88 396 80C399 72 406 64 414 59C422 54 433 51 443 47C453 43 463 41 472 37C481 33 489 28 498 23C507 18 517 12 527 10C537 8 549 7 560 9C571 11 582 16 591 21C600 26 607 34 614 39C621 44 628 49 635 53C642 57 651 60 659 63C667 66 676 69 685 73C694 77 702 81 710 86C718 91 727 96 734 103C741 110 749 117 754 125C759 133 762 142 762 150Z'/><path d='M801 150C799 160 793 170 785 179C777 188 764 195 754 202C744 209 734 214 726 221C718 228 714 234 708 242C702 250 699 259 692 266C685 273 676 280 665 284C654 288 640 288 628 289C616 290 604 287 593 288C582 289 572 291 560 294C548 297 536 304 523 307C510 310 493 315 479 315C465 315 450 312 438 307C426 302 416 293 408 284C400 275 396 265 391 255C386 245 383 235 381 226C379 217 379 208 379 199C379 190 381 181 381 173C381 165 382 158 380 150C378 142 374 134 370 125C366 116 360 106 358 96C356 86 356 74 361 65C366 56 375 47 385 41C395 35 410 32 421 27C432 22 444 19 454 14C464 9 473 2 484 -4C495 -10 507 -17 520 -19C533 -21 547 -21 560 -18C573 -15 586 -7 596 0C606 7 614 16 623 22C632 28 639 33 648 37C657 41 668 42 679 45C690 48 703 51 714 55C725 59 736 64 746 70C756 76 766 84 774 92C782 100 792 109 796 119C800 129 803 140 801 150Z'/><path d='M838 150C835 162 826 174 817 184C808 194 792 202 781 210C770 218 759 224 751 232C743 240 739 249 733 258C727 267 723 278 714 286C705 294 694 302 681 306C668 310 653 309 639 310C625 311 611 308 598 310C585 312 574 315 560 320C546 325 531 334 515 339C499 344 479 350 462 349C445 348 428 343 415 336C402 329 393 316 385 305C377 294 373 280 369 269C365 258 362 247 360 236C358 225 355 215 354 205C353 195 353 186 352 177C351 168 350 160 347 150C344 140 338 131 333 120C328 109 320 97 319 85C318 73 320 60 326 50C332 40 345 31 357 24C369 17 385 12 398 7C411 2 424 -2 436 -9C448 -16 458 -26 471 -32C484 -38 498 -46 513 -48C528 -50 546 -49 560 -44C574 -39 588 -28 600 -20C612 -12 620 0 630 7C640 14 649 17 661 20C673 23 687 24 701 26C715 28 731 30 745 35C759 40 773 46 785 54C797 62 808 71 816 81C824 91 832 102 836 114C840 126 841 138 838 150Z'/><path d='M872 150C867 163 857 176 846 187C835 198 820 208 808 217C796 226 785 234 777 243C769 252 765 262 758 273C751 284 746 297 736 306C726 315 712 323 698 327C684 331 665 330 649 331C633 332 619 330 604 333C589 336 576 342 560 349C544 356 526 368 507 374C488 380 464 385 445 383C426 381 408 373 394 363C380 353 371 337 364 323C357 309 354 293 350 280C346 267 343 255 340 244C337 233 333 222 330 212C327 202 325 191 322 181C319 171 316 161 311 150C306 139 298 128 293 115C288 102 280 88 280 75C280 62 283 46 291 35C299 24 314 14 328 6C342 -2 360 -6 375 -13C390 -20 403 -26 417 -34C431 -42 442 -53 457 -60C472 -67 489 -75 506 -76C523 -77 544 -74 560 -67C576 -60 591 -46 604 -36C617 -26 626 -14 638 -8C650 -2 660 1 675 3C690 5 708 2 725 4C742 6 763 8 780 13C797 18 813 26 826 36C839 46 850 58 858 70C866 82 873 96 875 109C877 122 877 137 872 150Z'/><path d='M904 150C898 164 886 179 875 191C864 203 847 214 835 224C823 234 812 243 804 254C796 265 792 277 784 289C776 301 770 315 758 325C746 335 730 342 713 347C696 352 676 350 659 352C642 354 626 353 609 358C592 363 578 372 560 381C542 390 520 405 498 411C476 417 449 422 428 418C407 414 388 402 374 389C360 376 352 354 346 338C340 322 339 304 335 290C331 276 326 264 321 252C316 240 310 230 304 219C298 208 293 196 288 185C283 174 278 162 272 150C266 138 257 124 252 110C247 96 240 79 241 64C242 49 246 32 256 20C266 8 284 -2 300 -11C316 -20 336 -25 352 -33C368 -41 383 -49 398 -58C413 -67 426 -80 443 -88C460 -96 480 -103 500 -103C520 -103 542 -96 560 -87C578 -78 594 -61 608 -50C622 -39 630 -28 644 -22C658 -16 672 -16 690 -16C708 -16 732 -21 753 -20C774 -19 800 -17 819 -11C838 -5 855 6 868 18C881 30 891 45 898 59C905 73 909 89 910 104C911 119 910 136 904 150Z'/><path d='M933 150C926 166 914 182 902 195C890 208 874 219 862 231C850 243 840 254 831 266C822 278 818 292 810 305C802 318 794 334 780 344C766 354 747 362 729 367C711 372 689 370 670 373C651 376 634 378 616 385C598 392 581 405 560 416C539 427 514 444 489 450C464 456 433 458 411 452C389 446 369 429 356 412C343 395 338 370 332 351C326 332 327 313 322 298C317 283 311 272 303 260C295 248 285 239 276 227C267 215 258 203 251 190C244 177 238 164 231 150C224 136 216 120 211 104C206 88 200 69 202 53C204 37 211 20 223 6C235 -8 254 -19 272 -29C290 -39 310 -46 328 -55C346 -64 361 -74 378 -84C395 -94 411 -108 430 -115C449 -122 472 -129 494 -127C516 -125 541 -115 560 -104C579 -93 595 -73 610 -62C625 -51 635 -40 651 -36C667 -32 685 -36 707 -38C729 -40 758 -47 784 -47C810 -47 839 -44 860 -36C881 -28 898 -14 911 0C924 14 930 32 935 49C940 66 943 83 943 100C943 117 940 134 933 150Z'/><path d='M960 150C953 167 942 183 930 198C918 213 902 226 890 239C878 252 867 263 858 277C849 291 845 307 835 321C825 335 815 351 800 362C785 373 764 380 744 386C724 392 701 391 681 396C661 401 643 405 623 415C603 425 584 442 560 454C536 466 506 485 479 490C452 495 418 495 395 485C372 475 353 452 341 431C329 410 327 381 322 360C317 339 318 320 311 305C304 290 294 280 283 268C272 256 256 247 244 235C232 223 220 210 211 196C202 182 195 166 188 150C181 134 173 117 169 99C165 81 161 61 164 43C167 25 176 6 189 -9C202 -24 224 -36 243 -47C262 -58 285 -66 304 -76C323 -86 339 -98 358 -109C377 -120 395 -134 417 -141C439 -148 465 -152 489 -148C513 -144 539 -130 560 -118C581 -106 596 -84 613 -73C630 -62 641 -54 660 -53C679 -52 701 -60 727 -64C753 -68 789 -78 818 -78C847 -78 881 -73 903 -63C925 -53 941 -35 952 -18C963 -1 966 21 969 40C972 59 972 78 971 96C970 114 967 133 960 150Z'/><path d='M174 380C174 381 173 383 172 384C171 385 170 387 169 388C168 389 167 390 166 391C165 392 165 394 164 395C163 396 162 397 161 398C160 399 158 400 156 400C154 400 152 401 150 401C148 401 147 402 145 402C143 402 142 403 140 404C138 405 136 406 134 406C132 406 129 406 127 406C125 406 123 404 122 403C121 402 120 400 119 399C118 398 118 396 117 395C116 394 115 392 114 391C113 390 113 388 112 387C111 386 110 385 110 384C110 383 109 381 109 380C109 379 108 378 108 376C108 374 108 372 108 371C108 370 109 368 110 367C111 366 112 365 114 364C116 363 118 362 119 361C120 360 122 360 123 359C124 358 126 357 128 356C130 355 132 355 134 355C136 355 138 355 140 356C142 357 144 358 145 359C146 360 148 361 149 361C150 361 152 361 154 361C156 361 158 362 160 362C162 362 164 363 166 364C168 365 170 366 171 367C172 368 172 370 173 371C174 372 174 374 174 376C174 378 174 379 174 380Z'/><path d='M206 380C205 383 204 385 203 388C202 391 200 394 198 396C196 398 194 400 192 402C190 404 190 408 188 410C186 412 184 414 181 416C178 418 175 419 172 420C169 421 164 422 161 423C158 424 154 424 151 425C148 426 144 429 140 430C136 431 131 433 127 433C123 433 119 433 115 432C111 431 108 428 105 425C102 422 101 419 99 416C97 413 96 410 95 408C94 406 92 404 90 402C88 400 86 397 84 395C82 393 81 390 80 388C79 386 78 383 77 380C76 377 75 375 75 372C75 369 75 366 76 363C77 360 78 356 80 354C82 352 85 350 88 348C91 346 95 345 98 343C101 341 104 339 107 337C110 335 114 334 117 333C120 332 124 331 128 331C132 331 136 333 140 334C144 335 147 337 150 338C153 339 156 340 159 341C162 342 166 342 170 342C174 342 178 342 182 343C186 344 191 344 194 346C197 348 200 351 202 354C204 357 205 359 206 362C207 365 207 368 207 371C207 374 207 377 206 380Z'/><path d='M238 380C237 384 236 388 234 392C232 396 228 399 226 403C224 407 222 410 219 414C216 418 214 421 211 424C208 427 205 431 201 434C197 437 192 439 187 441C182 443 177 444 172 445C167 446 162 448 157 450C152 452 146 454 140 456C134 458 127 460 121 460C115 460 107 459 102 457C97 455 92 450 89 446C86 442 84 436 81 432C78 428 77 424 74 421C71 418 67 415 64 412C61 409 57 406 54 403C51 400 49 396 47 392C45 388 44 384 43 380C42 376 42 371 42 367C42 363 42 358 44 354C46 350 48 346 51 342C54 338 58 335 62 332C66 329 71 327 76 324C81 321 85 318 90 316C95 314 100 310 105 309C110 308 117 308 123 308C129 308 135 310 140 312C145 314 150 317 155 319C160 321 164 322 169 322C174 322 180 321 186 321C192 321 200 321 206 322C212 323 218 326 223 329C228 332 231 336 233 340C235 344 236 350 237 354C238 358 239 363 239 367C239 371 239 376 238 380Z'/><path d='M269 380C268 386 266 391 264 396C262 401 259 406 256 411C253 416 250 420 246 425C242 430 239 434 235 439C231 444 226 448 221 452C216 456 209 458 203 461C197 464 190 466 183 468C176 470 170 473 163 476C156 479 148 482 140 484C132 486 122 488 114 488C106 488 97 485 90 481C83 477 78 471 74 465C70 459 68 452 64 447C60 442 57 438 53 434C49 430 43 428 38 424C33 420 27 416 23 412C19 408 15 402 13 397C11 392 11 386 10 380C9 374 9 369 9 363C9 357 10 351 12 345C14 339 17 334 21 329C25 324 30 320 36 316C42 312 48 308 54 304C60 300 66 298 73 295C80 292 86 288 94 287C102 286 110 285 118 286C126 287 133 290 140 292C147 294 152 298 159 299C166 300 172 300 179 300C186 300 195 298 204 298C213 298 223 298 231 300C239 302 247 306 252 311C257 316 260 322 263 328C266 334 266 340 267 346C268 352 269 357 269 363C269 369 270 374 269 380Z'/><path d='M300 380C300 387 298 394 295 400C292 406 289 413 285 419C281 425 276 430 272 436C268 442 263 448 258 453C253 458 248 464 241 469C234 474 227 478 219 482C211 486 203 488 195 492C187 496 178 500 169 503C160 506 150 510 140 512C130 514 118 516 108 514C98 512 88 508 80 503C72 498 66 489 61 482C56 475 53 467 48 461C43 455 38 451 32 447C26 443 17 440 10 435C3 430 -5 426 -10 420C-15 414 -19 408 -21 401C-23 394 -24 387 -24 380C-24 373 -25 366 -24 359C-23 352 -22 344 -20 337C-18 330 -14 322 -9 316C-4 310 3 304 10 299C17 294 25 289 33 285C41 281 48 277 57 274C66 271 75 267 84 266C93 265 104 265 113 266C122 267 132 270 140 272C148 274 156 277 164 278C172 279 180 278 190 277C200 276 212 274 223 274C234 274 246 275 256 278C266 281 274 287 280 293C286 299 288 308 291 315C294 322 294 331 295 338C296 345 297 352 298 359C299 366 300 373 300 380Z'/><path d='M331 380C331 388 330 396 327 404C324 412 319 420 314 427C309 434 304 440 298 447C292 454 287 461 281 468C275 475 270 481 262 487C254 493 245 499 236 504C227 509 218 513 208 517C198 521 187 526 176 530C165 534 152 538 140 540C128 542 114 542 102 539C90 536 79 530 70 523C61 516 54 506 48 498C42 490 38 482 32 476C26 470 18 466 9 461C0 456 -10 453 -19 448C-28 443 -38 437 -44 430C-50 423 -54 414 -56 406C-58 398 -58 389 -58 380C-58 371 -57 363 -56 354C-55 345 -55 336 -52 328C-49 320 -45 310 -39 303C-33 296 -24 289 -16 283C-8 277 2 272 12 267C22 262 32 257 42 254C52 251 64 248 75 247C86 246 97 246 108 247C119 248 130 250 140 252C150 254 160 256 170 256C180 256 191 253 203 252C215 251 230 248 243 248C256 248 271 250 282 255C293 260 301 268 307 276C313 284 315 295 317 304C319 313 319 322 321 331C323 340 325 348 327 356C329 364 331 372 331 380Z'/></svg>")}
.blog-hlava-wrap,.clanok-hlava-wrap{padding-top:22px;padding-bottom:0}
.blog-zoznam-wrap,.clanok-telo-wrap{padding-top:clamp(36px,4.4vw,60px)}

/* --- borovicova hlavicka s vrstevnicami --- */
.blog-hlava{position:relative;overflow:hidden;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;
  background:var(--pine);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,4.4vw,60px)}
.blog-hlava::before{content:"";position:absolute;inset:-12% -6% -12% 18%;z-index:-1;
  background:var(--topo) center/cover no-repeat;opacity:.12}
.blog-hlava::after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-160px;top:-220px;
  border-radius:50%;background:radial-gradient(circle,rgba(217,134,43,.30),rgba(217,134,43,0) 65%)}
.blog-hlava-eyebrow,.chatka-cta-eyebrow{display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FFC177}
.blog-hlava-eyebrow::before,.chatka-cta-eyebrow::before{content:"";width:30px;height:2px;background:#FFC177;border-radius:2px}
.blog-hlava h1{font-family:var(--font-h);font-weight:800;font-size:clamp(32px,4.4vw,56px);line-height:1.08;
  letter-spacing:-.02em;color:#fff;margin:16px 0 14px;text-wrap:balance}
.clanok-hlava h1{font-size:clamp(28px,3.5vw,44px);margin-top:14px}
.blog-hlava-text>p{color:rgba(255,255,255,.8);font-size:clamp(15.5px,1.35vw,18px);line-height:1.6;max-width:54ch}
.blog-hlava-stitky{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.blog-hlava-stitky a{display:inline-flex;padding:8px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.24);
  color:#fff;font-family:var(--font-h);font-size:13px;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s}
.blog-hlava-stitky a:hover{background:rgba(255,193,119,.16);border-color:#FFC177}
.clanok-hlava-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px!important;font-size:13.5px;color:rgba(255,255,255,.75)!important}
.clanok-hlava-meta span{display:inline-flex;align-items:center;gap:7px}
.clanok-hlava-meta svg{color:#FFC177;flex:none}

/* --- fotky ako nalepene peciatky --- */
.peciatky{position:relative;height:310px}
.peciatka{position:absolute;width:150px;aspect-ratio:1/1;padding:7px;background:#FBF9F4;border-radius:14px;
  box-shadow:0 20px 44px rgba(0,0,0,.30);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.peciatka img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}
.peciatka.p1{left:2%;top:6%;transform:rotate(-7deg)}
.peciatka.p2{left:42%;top:0;transform:rotate(5deg);z-index:2}
.peciatka.p3{left:14%;top:47%;transform:rotate(4deg);z-index:3}
.peciatka.p4{left:52%;top:44%;transform:rotate(-4deg);z-index:1}
.blog-hlava:hover .peciatka.p1{transform:rotate(-9deg) translate(-4px,-4px)}
.blog-hlava:hover .peciatka.p2{transform:rotate(7deg) translate(4px,-6px)}
.blog-hlava:hover .peciatka.p4{transform:rotate(-6deg) translate(6px,4px)}
.peciatky--karta .peciatka{box-shadow:0 14px 30px rgba(22,54,43,.18);background:#fff}

/* --- stitok (kategoria clanku) --- */
.stitok{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;
  background:var(--amber-soft);color:var(--amber-d);font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:.03em}
.stitok--tmavy{background:rgba(255,193,119,.16);color:#FFC177}
.blog-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);font-weight:500}
.blog-meta svg{color:var(--amber-d);flex:none}
.blog-meta i{font-style:normal;color:#C9BFAE;margin:0 2px}

/* --- najnovsi clanok (velka karta) --- */
.blog-hlavny{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:clamp(20px,3vw,48px);align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3.4vw,44px);
  box-shadow:var(--shadow-1);text-decoration:none;color:inherit;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.blog-hlavny:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.blog-hlavny-text{display:flex;flex-direction:column;gap:12px}
.blog-hlavny-novy{font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pine-2)}
.blog-hlavny h2{font-family:var(--font-h);font-weight:800;font-size:clamp(24px,2.8vw,34px);line-height:1.15;color:var(--pine);margin:0;text-wrap:balance}
.blog-hlavny .blog-karta-perex{font-size:16px}
.blog-hlavny-btn{align-self:flex-start;margin-top:8px;padding:13px 26px;font-size:14px}

/* --- karty clankov --- */
.blog-mriezka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(18px,2vw,24px)}
.blog-mriezka--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-karta{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:18px 18px 22px;box-shadow:var(--shadow-1);text-decoration:none;color:inherit;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.blog-karta:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.mozaika{display:flex;gap:8px}
.mozaika-dlazdica{flex:0 1 84px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--bg-2)}
.mozaika-dlazdica img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.blog-karta:hover .mozaika-dlazdica img{transform:scale(1.08)}
.mozaika-viac{display:grid;place-items:center;background:var(--pine-soft);color:var(--pine-2);
  font-family:var(--font-h);font-weight:800;font-size:16px}
.blog-karta-telo{display:flex;flex-direction:column;gap:10px;padding:0 4px}
.blog-karta h2,.blog-karta h3{font-family:var(--font-h);font-weight:800;color:var(--pine);font-size:clamp(18px,1.6vw,20px);line-height:1.28;margin:0}
.blog-karta-perex{font-size:14.5px;color:var(--muted);line-height:1.6}
.blog-karta-dalej{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:0 4px;
  font-family:var(--font-h);font-size:13.5px;font-weight:700;color:var(--amber-d)}
.blog-karta:hover .blog-karta-dalej{color:var(--pine-2)}

/* --- clanok: rozlozenie s prehladom --- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:16px}
.crumbs a{color:var(--muted);text-decoration:none;font-weight:500}
.crumbs a:hover{color:var(--amber-d)}
.crumbs span[aria-hidden]{color:#CFC6B6}
.crumbs [aria-current]{color:var(--pine);font-weight:600}
.clanok-rozlozenie{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(32px,4.4vw,72px);align-items:start}
.clanok-hlavny{grid-column:1;grid-row:1;min-width:0}
.clanok-hlavny .page-body{max-width:none}
.clanok-uvod p:first-child{font-size:clamp(17px,1.5vw,19px);color:var(--ink);line-height:1.65}
.clanok-uvod p{color:var(--ink)}
.clanok-prehlad{grid-column:2;grid-row:1;position:sticky;top:calc(var(--nav-h) + 24px);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px 22px 24px;box-shadow:var(--shadow-1)}
.clanok-prehlad-nadpis{display:block;font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--pine-2);margin-bottom:8px}
.clanok-prehlad ol{list-style:none;margin:0;padding:0}
.clanok-prehlad ol a{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);
  text-decoration:none;color:var(--ink);font-size:14px;line-height:1.4;font-weight:500;transition:color .25s}
.clanok-prehlad ol li:last-child a{border-bottom:0}
.clanok-prehlad ol a:hover{color:var(--amber-d)}
.clanok-prehlad b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-top:-2px;
  background:var(--amber-soft);color:var(--amber-d);font-family:var(--font-h);font-size:12px;font-weight:800}
.clanok-prehlad-btn{width:100%;margin-top:16px;padding:13px 18px;font-size:14px}

/* --- trasa a zastavky --- */
.trasa{list-style:none;position:relative;margin:clamp(28px,3vw,40px) 0 0;padding:0}
.trasa::before{content:"";position:absolute;left:23px;top:52px;bottom:30px;border-left:2px dashed #D6CBB8}
/* padding-top 22 px = rezerva nad kartou: kotva z prehladu pristane na vrchu li, karta tak
   nesadne tesne pod listu (scrollToEl odcita len 70 px) */
.zastavka{position:relative;padding:22px 0 0 74px;margin-top:clamp(0px,.6vw,6px)}
.zastavka:first-child{margin-top:0}
.zastavka-znacka{position:absolute;left:0;top:42px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:3px solid var(--amber);color:var(--pine);font-family:var(--font-h);font-weight:800;font-size:18px;
  box-shadow:0 0 0 7px var(--bg)}
.zastavka-karta{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(20px,2.6vw,30px);
  box-shadow:var(--shadow-1)}
.zastavka-karta h2{font-family:var(--font-h);font-weight:800;font-size:clamp(20px,2.2vw,25px);color:var(--pine);line-height:1.25;margin:0 0 18px}
.zastavka-mriezka{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start}
.zastavka-mriezka:not(:has(figure)){grid-template-columns:1fr}
.zastavka-foto{margin:4px 0 0;aspect-ratio:1/1;padding:5px;background:#fff;border-radius:14px;
  box-shadow:0 12px 26px rgba(22,54,43,.18);transform:rotate(-2.5deg)}
.zastavka:nth-child(even) .zastavka-foto{transform:rotate(2deg)}
.zastavka-foto img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.zastavka-text{font-size:16px}
.zastavka-text p{margin-bottom:12px}
.zastavka-text p:last-child{margin-bottom:0}
.zastavka-info{list-style:none;margin:20px 0 0;padding:14px 18px;display:grid;gap:7px;
  background:var(--bg);border:1px dashed #E0D3BD;border-radius:var(--r-sm)}
.zastavka-info li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.zastavka-info svg{flex:none;margin-top:4px;color:var(--amber-d)}
.zastavka-akcie{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}
.zastavka-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px 10px 15px;border-radius:999px;
  background:var(--pine);color:#fff;font-family:var(--font-h);font-weight:700;font-size:13.5px;text-decoration:none;
  transition:background .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.zastavka-btn:hover{background:var(--pine-2);transform:translateY(-2px)}
.zastavka-btn svg{color:#FFC177;flex:none}
.zastavka-web{font-family:var(--font-h);font-weight:700;font-size:13.5px;color:var(--amber-d);text-decoration:none;
  border-bottom:1.5px solid currentColor;padding-bottom:1px;transition:color .25s}
.zastavka-web:hover{color:var(--pine-2)}
/* prakticke rady – plny text za trasou, siroky stlpec ako uvod */
.clanok-rady{margin-top:clamp(40px,4.4vw,60px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
.clanok-rady h2{display:flex;align-items:center;gap:12px}
.clanok-rady h2::before{content:"";flex:none;width:28px;height:2px;background:var(--amber);border-radius:2px}
.clanok-rady h2+p{margin-top:0}
.clanok-rady p{font-size:16.5px;color:var(--ink)}
.clanok-rady ul{list-style:none;margin:6px 0 0!important;padding:0;display:grid;gap:10px}
.clanok-rady li{position:relative;margin:0!important;padding:13px 16px 13px 42px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);line-height:1.55}
.clanok-rady li::before{content:"";position:absolute;left:16px;top:21px;width:10px;height:10px;border-radius:50%;
  background:var(--amber-soft);box-shadow:inset 0 0 0 2.5px var(--amber)}
.clanok-rady li strong{color:var(--pine)}
.clanok-zaver{margin-top:clamp(28px,3vw,40px);padding:22px 26px;background:var(--pine-soft);border-radius:var(--r-md)}
.clanok-zaver::before{content:"Na záver";display:block;font-family:var(--font-h);font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pine-2);margin-bottom:8px}
.clanok-zaver p{color:var(--ink)}
.clanok-zaver p:last-child{margin-bottom:0}
.clanok-pozor{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;padding:13px 16px;font-size:14px;line-height:1.55;
  color:#8A5418;background:var(--amber-soft);border:1px solid #F0D6B4;border-radius:var(--r-sm)}
.clanok-pozor svg{flex:none;margin-top:3px}
.clanok-dalsie{margin-top:clamp(48px,5vw,72px)}
.clanok-dalsie .sec-h2{margin-bottom:6px}

/* --- vyzva s fotkou chatky --- */
.chatka-cta{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin-top:clamp(48px,6vw,84px);
  border-radius:var(--r-lg);overflow:hidden;background:var(--pine);box-shadow:var(--shadow-2);isolation:isolate}
.chatka-cta-foto{position:relative;min-height:360px}
.chatka-cta-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chatka-cta-pin{position:absolute;left:18px;bottom:18px;padding:9px 15px;border-radius:999px;
  background:rgba(255,255,255,.93);color:var(--pine);font-family:var(--font-h);font-weight:700;font-size:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.18)}
.chatka-cta-text{position:relative;overflow:hidden;padding:clamp(28px,4vw,54px);color:#fff;display:flex;flex-direction:column;justify-content:center}
.chatka-cta-text::before{content:"";position:absolute;inset:-20% -30% -20% -10%;z-index:-1;
  background:var(--topo) center/cover no-repeat;opacity:.1}
.chatka-cta h2{font-family:var(--font-h);font-weight:800;font-size:clamp(24px,2.8vw,34px);line-height:1.15;color:#fff;margin:14px 0 12px}
.chatka-cta p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.65;max-width:48ch}
.chatka-cta p b{color:#fff}
.chatka-cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.chatka-cta-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.38)}
.chatka-cta-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}

@media(max-width:980px){
  /* minmax(0,…): inak stlpec natiahne rad peciatok a text pretecie (zistene 8. 10. 2026) */
  .blog-hlava{grid-template-columns:minmax(0,1fr);gap:24px}
  .peciatky--hlava,.peciatky--karta{height:auto;display:flex;flex-wrap:wrap;gap:12px;padding:6px 4px}
  .peciatky--hlava .peciatka,.peciatky--karta .peciatka{position:relative;left:auto;top:auto;width:104px;padding:5px;border-radius:12px}
  .blog-hlavny{grid-template-columns:minmax(0,1fr)}
  .blog-mriezka,.blog-mriezka--2{grid-template-columns:1fr}
  .clanok-rozlozenie{grid-template-columns:1fr}
  .clanok-prehlad{grid-column:1;grid-row:auto;position:static}
  .clanok-hlavny{grid-row:auto;max-width:none}
  .chatka-cta{grid-template-columns:1fr}
  .chatka-cta-foto{min-height:0;aspect-ratio:16/10}
}
@media(max-width:640px){
  .blog-hlava{border-radius:var(--r-md)}
  .peciatky--hlava,.peciatky--karta{gap:8px}
  .peciatky--hlava .peciatka,.peciatky--karta .peciatka{width:62px;padding:4px;border-radius:10px}
  .peciatka img{border-radius:7px}
  .trasa::before{left:17px}
  .zastavka{padding-left:50px}
  .trasa::before{top:48px}
  .zastavka-znacka{width:36px;height:36px;font-size:15px;border-width:2.5px;top:40px;box-shadow:0 0 0 5px var(--bg)}
  .zastavka-mriezka{grid-template-columns:1fr;gap:16px}
  .zastavka-foto{width:132px}
  .chatka-cta-btns .btn{width:100%}
}