:root{--brown:#75431f;--brown-dark:#442916;--warm:#f7f3ed;--cream:#fffdfa;--text:#302a25;--muted:#70655b;--line:#e8e0d6;--radius:18px;--shadow:0 16px 40px #44291613}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;display:block}a{color:var(--brown);text-decoration:none}a:hover{color:#a25a2a}h1,h2,h3{line-height:1.18;letter-spacing:-.03em;color:var(--brown-dark)}h1{font-size:clamp(2.35rem,5vw,4.6rem)}h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:0 0 22px}p{margin:0 0 18px}.container{width:min(1150px,calc(100% - 40px));margin:auto}.section{padding:90px 0}.kicker,.eyebrow{text-transform:uppercase;font-size:.79rem;letter-spacing:.19em;font-weight:800;color:#a76836;margin:0 0 14px}.eyebrow{color:#fae9d8}.lead{font-size:1.2rem;color:#5a5047;max-width:930px}.site-header{background:white;position:relative;z-index:30;box-shadow:0 2px 15px #3625150b}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{height:80px;width:auto;max-width:250px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:23px}.main-nav>a:not(.btn){color:#47352a;font-size:.91rem;font-weight:650;white-space:nowrap}.main-nav>a[aria-current=page]{color:var(--brown);box-shadow:inset 0 -2px var(--brown)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 25px;border-radius:50px;background:var(--brown);color:white;font-weight:750;line-height:1.3;transition:.2s;box-shadow:0 5px 12px #38251420}.btn:hover{background:#99582d;color:white;transform:translateY(-1px)}.btn-small{font-size:.89rem;padding:12px 18px;white-space:nowrap}.btn-outline{border:1px solid #ffffffb5;background:transparent;box-shadow:none}.btn-outline:hover{background:#ffffff24}.btn-light{background:#fff;color:var(--brown)}.btn-light:hover{background:#f2e9dd;color:var(--brown)}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.hero{min-height:min(730px,75vw);height:690px;position:relative;display:flex;align-items:center;background-image:url('../img/hlavni.webp');background-position:center 20%;background-size:cover;color:white}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,28,23,.74) 0%,rgba(32,28,23,.46) 44%,rgba(32,28,23,.02) 100%)}.hero-content{position:relative;z-index:1;padding:70px 0}.hero h1{max-width:780px;color:white;margin:0 0 22px;text-shadow:0 2px 16px #0005}.hero-content>p:not(.eyebrow){font-size:1.15rem;max-width:560px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.features{position:relative;z-index:2;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-50px;border-radius:var(--radius);box-shadow:var(--shadow);padding:27px 20px}.features>div{text-align:center;border-right:1px solid var(--line)}.features>div:last-child{border:0}.features strong{display:block;font-size:2rem;line-height:1.1;color:var(--brown);letter-spacing:-.04em}.features span{font-size:.88rem;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split h2{max-width:600px}.split img,.image-link img,.rounded-photo{width:100%;height:430px;object-fit:cover;border-radius:var(--radius)}.image-link{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.text-link{font-weight:800;border-bottom:2px solid #bd926d;padding-bottom:5px}.section-tint{background:var(--warm)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section-heading h2{margin-bottom:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tiles a{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;color:var(--text);box-shadow:0 8px 24px #45301b12}.tiles img{width:100%;height:235px;object-fit:cover}.tiles strong,.tiles span{display:block;margin:0 20px}.tiles strong{margin-top:18px;font-size:1.17rem;color:var(--brown-dark)}.tiles span{margin-bottom:20px;font-size:.91rem;color:var(--muted)}.cta{background:var(--brown-dark);color:#fff;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{color:white;margin-bottom:12px}.cta p:last-child{margin:0}.cta .kicker{color:#dab18c}.page-hero{min-height:360px;background-image:linear-gradient(90deg,#21180ecc,#21180e52),var(--page-image);background-position:center;background-size:cover;display:flex;align-items:center;color:white}.page-hero h1{margin:0 0 12px;color:#fff}.page-hero p:not(.eyebrow){font-size:1.12rem;margin:0}.page-heading{padding:75px 0 40px}.page-heading h1{margin:0 0 16px}.page-heading>p:last-child{font-size:1.12rem;color:var(--muted);max-width:700px}.prose h2{font-size:1.7rem}.prose ul{padding-left:22px}.prose li{margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 65px;align-items:center;margin:55px 0}.detail-grid>img{width:100%;height:350px;object-fit:cover;border-radius:var(--radius)}.notice{background:var(--warm);border-radius:var(--radius);padding:35px 38px;margin-top:40px}.notice h2{margin-bottom:12px}.gallery-section{padding:0 0 90px}.gallery-section h2{margin:42px 0 24px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{display:block;position:relative;overflow:hidden;border-radius:14px;background:#eee}.gallery-item img{width:100%;aspect-ratio:620/400;object-fit:cover;transition:transform .25s}.gallery-item:hover img{transform:scale(1.045)}.gallery-item span{position:absolute;inset:auto 0 0;color:#fff;background:linear-gradient(transparent,#000a);padding:35px 15px 12px;font-size:.89rem}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:90;background:#080808ed;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:55px 12px 35px}.lightbox figure{margin:0;max-width:calc(100% - 110px);max-height:100%;display:flex;align-items:center;flex-direction:column}.lightbox img{max-width:100%;max-height:calc(100vh - 125px);object-fit:contain}.lightbox figcaption{color:white;text-align:center;padding:10px}.lightbox button{border:0;background:#ffffff2b;color:white;border-radius:50%;cursor:pointer;width:45px;height:45px;font-size:2rem;flex-shrink:0}.lightbox button:hover{background:#ffffff55}.lightbox-close{position:absolute;right:20px;top:15px}.lightbox-count{position:absolute;bottom:10px;color:#e7dccc;font-size:.85rem}.trip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:45px 0}.trip-grid article{background:#f7f3ed;border-radius:16px;padding:30px}.trip-grid article>span{font-size:.77rem;letter-spacing:.12em;font-weight:800;color:#9f6233;text-transform:uppercase}.trip-grid h2{font-size:1.55rem;margin:12px 0}.trip-grid p{margin:0}.mt{margin-top:50px}.site-footer{background:#281e18;color:#d7c9bd;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:60px}.footer-grid h2{color:white;font-size:1.17rem;margin:0 0 15px}.footer-grid a:not(.btn){display:block;color:#e6d6c5;padding:3px 0}.footer-logo{width:210px;background:transparent;border:0;border-radius:0;padding:0;margin-bottom:18px;box-shadow:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff27;margin-top:42px;padding:20px 0;font-size:.78rem;color:#b9aa9b}.menu-toggle{display:none}@media(max-width:980px){.main-nav{gap:14px}.main-nav>a:not(.btn){font-size:.82rem}.brand img{width:210px;height:auto}.split{gap:35px}.tiles img{height:190px}}@media(max-width:780px){.header-inner{min-height:80px}.brand img{width:185px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:20px;background:var(--brown)}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:20px;box-shadow:0 16px 25px #0002;flex-direction:column;align-items:stretch;gap:12px}.main-nav.open{display:flex}.main-nav a{padding:8px}.main-nav a.btn{justify-content:center}.hero{height:600px;min-height:600px}.hero-shade{background:linear-gradient(90deg,#211d19bf,#211d1975)}.features{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:-30px}.features>div:nth-child(2){border:0}.features>div{padding:8px}.features>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:60px 0}.split,.detail-grid{grid-template-columns:1fr;gap:30px}.split.reverse>img{order:2}.split img,.image-link img{height:340px}.tiles{grid-template-columns:1fr 1fr}.tiles a:last-child{grid-column:span 2}.cta-inner{display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:span 2}.gallery-grid{grid-template-columns:repeat(2,1fr)}.trip-grid{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(100% - 30px,1150px)}.hero{height:560px;min-height:560px;background-position:55% 20%}.hero h1{font-size:2.35rem}.hero-content>p:not(.eyebrow){font-size:1rem}.hero-actions .btn{width:100%}.features strong{font-size:1.65rem}.tiles,.gallery-grid{grid-template-columns:1fr}.tiles a:last-child{grid-column:auto}.tiles img{height:230px}.page-heading{padding-top:45px}.detail-grid>img{height:290px}.gallery-section{padding-bottom:50px}.gallery-item span{font-size:.85rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.notice{padding:24px}.lightbox figure{max-width:calc(100% - 75px)}.lightbox button{width:34px;height:40px}}

/* =========================================================
   HLAVNÍ STRANA – sjednocení s Malou Morávkou
   ========================================================= */

/* Tlačítka v hero: stejný tvar, výška a hover jako u Malé Morávky. */
.hero-actions .btn{
    min-height:50px;
    padding:.85rem 1.25rem;
    border-radius:999px;
    font-weight:800;
    letter-spacing:.01em;
    line-height:1.2;
    box-shadow:none;
    transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.hero-actions .btn:hover{
    transform:translateY(-2px);
}
.hero-actions .btn-light{
    background:#fff;
    color:var(--brown);
}
.hero-actions .btn-light:hover{
    background:#f4efe7;
    color:var(--brown);
}
.hero-actions .btn-outline{
    border:1px solid rgba(255,255,255,.52);
    color:#fff;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(8px);
}
.hero-actions .btn-outline:hover{
    background:rgba(255,255,255,.15);
    color:#fff;
}

/* Informační blok pod hlavní fotografií ve stylu Malé Morávky. */
.features{
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:0;
    overflow:hidden;
    border-radius:24px;
}
.features>div{
    min-width:0;
    min-height:96px;
    padding:1.35rem 1.25rem;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    column-gap:.85rem;
    align-items:center;
    text-align:left;
    border-right:1px solid var(--line);
}
.features>div:last-child{
    border-right:0;
}
.features>div strong{
    grid-column:1;
    width:42px;
    height:42px;
    margin:0;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f3ebe4;
    color:var(--brown);
    font-size:0;
    line-height:1;
    letter-spacing:0;
    font-weight:900;
}
.features>div strong::before{
    font-size:1.05rem;
}
.features>div span{
    grid-column:2;
    margin:0;
    display:block;
    font-size:0;
    line-height:1.35;
    color:var(--text);
}
.features>div span::before{
    display:block;
    color:var(--brown-dark);
    font-size:.98rem;
    font-weight:800;
    line-height:1.15;
}
.features>div span::after{
    display:block;
    margin-top:.22rem;
    color:var(--muted);
    font-size:.82rem;
    font-weight:400;
    line-height:1.35;
}

/* Texty ve stejném principu jako u Malé Morávky. */
.features>div:nth-child(1) strong::before{content:"10";}
.features>div:nth-child(1) span::before{content:"Až 10 hostů";}
.features>div:nth-child(1) span::after{content:"Kapacita chalupy až pro 10 osob";}

.features>div:nth-child(2) strong::before{content:"4";}
.features>div:nth-child(2) span::before{content:"4 ložnice";}
.features>div:nth-child(2) span::after{content:"Dostatek soukromí pro rodiny i přátele";}

.features>div:nth-child(3) strong::before{content:"♨";}
.features>div:nth-child(3) span::before{content:"Venkovní vířivka";}
.features>div:nth-child(3) span::after{content:"Odpočinek přímo na zahradě";}

.features>div:nth-child(4) strong::before{content:"⌂";}
.features>div:nth-child(4) span::before{content:"Herní stodola";}
.features>div:nth-child(4) span::after{content:"Zábava i za horšího počasí";}

@media(max-width:900px){
    .features{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
    }
    .features>div{
        padding:1.25rem;
    }
    .features>div:nth-child(2){
        border-right:0;
    }
    .features>div:nth-child(-n+2){
        border-bottom:1px solid var(--line);
    }
}

@media(max-width:520px){
    .features{
        grid-template-columns:1fr;
        gap:0;
    }
    .features>div{
        min-height:auto;
        padding:1.15rem;
        border-right:0!important;
        border-bottom:1px solid var(--line)!important;
    }
    .features>div:last-child{
        border-bottom:0!important;
    }
}

/* Hlavní tlačítko rezervace – bílé jako na Malé Morávce. */
.hero-actions > a.btn:first-child,
.hero-actions > a.btn:first-child:visited {
    background: #fff;
    color: #20251f;
    border: 1px solid #fff;
    box-shadow: none;
}
.hero-actions > a.btn:first-child:hover,
.hero-actions > a.btn:first-child:focus-visible {
    background: #f4efe7;
    color: #20251f;
    border-color: #f4efe7;
}