/* Fotografie sú načítané z oficiálnych webov jednotlivých rezortov. */
.card-image{background-position:center;background-size:cover}
.image-bobrovnik{background-image:linear-gradient(180deg,rgba(15,39,30,.04),rgba(15,39,30,.25)),url('https://378055e9c8.clvaw-cdnwnd.com/c9252b1cf95e573db624233dee3486ca/200000128-f092ef0930/700/DJI_0451.jpeg?ph=378055e9c8')}
.image-treehouses{background-image:linear-gradient(180deg,rgba(15,39,30,.02),rgba(15,39,30,.12)),url('https://treehouses.nysa.pl/wp-content/uploads/2025/07/1-stona.jpg')}
.image-sosnowa{background-image:linear-gradient(180deg,rgba(15,39,30,.04),rgba(15,39,30,.25)),url('https://wa-uploads.profitroom.com/sosnowakoronaosrodekwypoczynkowy/17809939620792_poaczone.jpg')}
.area-summary{margin:0 0 19px;padding:11px 12px;border-left:2px solid #d66448;background:#f1eee6;color:#43574d;font-size:10px;line-height:1.55}.area-summary b{display:block;margin-bottom:3px;color:#18382f;font:500 9px "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.criteria{grid-template-columns:repeat(4,1fr)}
.intro{font-size:18px;font-weight:500;line-height:1.7;color:#294c3e}.criteria{gap:13px}.criteria>div{min-height:168px;padding:19px 16px;background:#fffdfa;border-top:2px solid #d66448}.criterion-num{font-size:11px}.criteria h3{font-size:18px;margin:15px 0 10px}.criteria p{font-size:13px;line-height:1.65;color:#42564c}.heading-note{font-size:13px;color:#536159}.heading-vote{display:inline-flex;align-items:center;justify-content:space-between;min-width:172px;margin-top:17px;padding:13px 15px;background:#18382f;color:#fff;text-decoration:none;font-size:12px;font-weight:800}
.stay-card-other{grid-column:1/-1;min-height:255px;background:#dbe9ba;border:1px dashed rgba(24,56,47,.35);display:flex;align-items:stretch}.stay-card-other .card-body{width:100%;display:flex;flex-direction:column}.other-mark{height:104px;width:104px;margin:28px 0 -13px 25px;border-radius:50%;display:grid;place-items:center;background:#f9f7f0;color:#d66448;font:600 64px/.8 "Playfair Display",serif}.stay-card-other h3{font-size:31px}.other-copy{font-size:13px;line-height:1.75;color:#365449;margin:18px 0 0}.other-divider{height:1px;background:rgba(24,56,47,.18);margin:18px 0 14px}.other-detail{font-size:11px;line-height:1.65;color:#476154;margin:0 0 18px}.stay-card-other .vote-button{margin-top:auto;background:#18382f;color:#fff}.stay-card-other .vote-button:hover{background:#315c48}
@media(max-width:800px){.criteria{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.criteria{grid-template-columns:1fr}.area-summary{font-size:11px}}

/* Mobil: jednotlivé rozhodovacie údaje majú vlastný priestor a ovládanie je pohodlné palcom. */
@media(max-width:767px){
  .hero{min-height:650px}
  .hero-content{padding-top:84px}
  .hero h1{font-size:clamp(53px,16vw,67px);line-height:.93}
  .intro{font-size:16px;max-width:315px}
  .button{width:100%;justify-content:space-between;padding:17px 19px 17px 21px}
  .overview{padding:72px 0}.overview h2,.section-heading h2{font-size:47px}.criteria>div{min-height:0;padding:18px 16px}.criteria h3{font-size:19px}.criteria p{font-size:13px}.heading-note{font-size:13px;line-height:1.7}.heading-vote{width:100%;margin-top:15px}
  .comparison{padding:72px 0}.section-heading{margin-bottom:34px}
  .cards{gap:26px}.card-image{height:235px}.card-body{padding:24px 18px 19px}
  .stay-card-other{min-height:430px}.other-mark{height:86px;width:86px;margin:24px 0 -7px 18px;font-size:52px}.stay-card-other h3{font-size:34px}
  .card-body h3{font-size:36px}.price{margin-top:24px}
  .travel{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:15px}
  .travel div:nth-child(2){border-right:0}.travel .balance{grid-column:span 2;border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;align-items:center}
  .travel .balance span{margin:0}.features{min-height:0;margin:18px 0}.features li{font-size:12px}
  .vote-button{padding:15px 14px;font-size:13px}.vote-section{padding:72px 0}.vote-layout{gap:38px}
  .results-card{padding:21px 16px}.result-row{margin:18px 0}.results-note{font-size:10px}
  .vote-dialog{padding:34px 23px 23px}.vote-dialog h2{font-size:35px}
}

/* Čitateľnosť na telefónoch: drobné desktopové popisky sú zámerne väčšie. */
@media(max-width:767px){
  .eyebrow{font-size:11px;letter-spacing:.09em}.hero-bottom{font-size:10px}
  .card-kicker{font-size:11px}.location-pill,.past-pill,.water-pill{font-size:11px;padding:8px 10px}
  .price span{font-size:13px}.price em{font-size:11px}.travel span{font-size:11px}.travel strong{font-size:14px}
  .area-summary{font-size:12px;line-height:1.65}.area-summary b{font-size:10px}.features li{font-size:13px;line-height:2}
  .results-title{font-size:13px}.result-label{font-size:13px}.result-label span:last-child{font-size:11px}.loading,.results-note{font-size:12px}
  .other-copy{font-size:14px}.other-detail{font-size:12px}.footer{font-size:10px}.dialog-choice{font-size:11px}.vote-dialog p{font-size:14px}
}

/* Výraznejší kontrast a veľkosť pre čítanie bez približovania na telefóne. */
@media(max-width:767px){
  .intro{font-size:18px;line-height:1.65;font-weight:700;color:#102f25;text-shadow:0 1px 0 rgba(255,255,255,.38)}
  .criteria p{font-size:16px;line-height:1.55;font-weight:500;color:#28483d}.criteria h3{font-size:21px}
  .heading-note{font-size:16px;line-height:1.6;color:#27483c;font-weight:500}
  .area-summary{font-size:14px;line-height:1.58;color:#26463a}.features li{font-size:15px;line-height:1.85;color:#28483d}
  .vote-button{min-height:54px;padding:16px 17px;background:#18382f;color:#fff;border-color:#18382f;font-size:15px;font-weight:800;box-shadow:0 3px 0 #b9c979}
  .vote-button span{font-size:21px;line-height:15px}.stay-card-other .vote-button{background:#18382f}
}

/* Obsah je vždy nad dekoráciami; na telefóne dekorácie nezasahujú do textu. */
.hero-art{z-index:0;pointer-events:none}.hero .nav,.hero-content,.hero-bottom{z-index:2}
@media(max-width:767px){
  .art-one{top:455px;right:-520px}.art-two{right:-190px;bottom:-330px}
  .intro{position:relative;z-index:3;margin-top:25px;padding:13px 14px;background:rgba(240,246,214,.94);box-shadow:0 2px 0 rgba(24,56,47,.12);text-shadow:none}
}

/* Žiadny viditeľný text na stránke nie je menší než 16 px. */
.brand,.nav-link,.eyebrow,.hero-bottom,.criterion-num,.criteria p,.card-kicker,.location-pill,.past-pill,.water-pill,.price span,.price em,.travel span,.travel strong,.features li,.area-summary,.area-summary b,.heading-note,.heading-vote,.button,.vote-button,.vote-section h2+p,.results-title,.result-label,.result-label span:last-child,.loading,.results-note,.footer,.dialog-choice,.vote-dialog p,.dialog-submit,.other-copy,.other-detail{font-size:16px}
@media(max-width:767px){
  .hero-bottom{font-size:16px}.eyebrow{font-size:16px}.card-kicker{font-size:16px}.location-pill,.past-pill,.water-pill{font-size:16px}
  .price span,.price em,.travel span,.travel strong{font-size:16px}.results-title,.result-label,.result-label span:last-child,.loading,.results-note{font-size:16px}
  .area-summary b,.dialog-choice,.footer{font-size:16px}.vote-button{font-size:17px}
}