/* Calm olive navigation with generous touch targets. */
body>header{position:relative;z-index:25;border-bottom-color:#d9ddcc;background:rgba(249,248,242,.96);gap:20px;padding-block:14px}
body>header>nav{gap:3px;padding:5px;border:1px solid #dfe2d4;border-radius:999px;background:#eeefe6}
body>header>nav>a{padding:11px 15px;border:0;border-radius:999px;color:#5d6552;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
body>header>nav>a:hover{border:0;color:#293b25;background:#ffffffb3}
body>header>nav>a[aria-current=page]{background:#344525;color:#fff;box-shadow:0 3px 10px #3445251c}
body>header .language-picker{margin-left:7px}
body>header>.btn{background:#344525;border-radius:999px;box-shadow:0 4px 14px #34452516}
.site-menu-toggle,.site-menu-panel{display:none}
body.home-screen .hero{overflow:hidden}
body.home-screen .hero>div:first-child{position:relative;z-index:1}
body.home-screen .hero .photo{border-radius:24px;box-shadow:0 18px 50px #303c2517}
body.home-screen .hero .photo:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff45;border-radius:inherit;background:linear-gradient(145deg,#ffffff18,transparent 55%)}
body.home-screen .hero .eyebrow{color:#657348}
body.home-screen .hero .facts{border-top-color:#d5ddc3}
body.home-screen .hero .facts b{color:#344525}
body.home-screen .section-head h2:after{content:'';display:block;width:42px;height:3px;border-radius:2px;background:#c5d95e;margin:20px auto 0}
body.home-screen .room,body.home-screen .info-shortcuts .card{border-radius:20px;border-color:#dde2d2;box-shadow:0 5px 22px #34452506}
body.home-screen .info-shortcuts .card{background:linear-gradient(145deg,#fffefb,#f0f3e7)}
body.home-screen .info-shortcuts .card h3{color:#344525}
body.home-screen .hero .row .btn{transition:box-shadow .3s,transform .3s,background .3s}
@media(hover:hover){body.home-screen .room:hover{box-shadow:0 18px 40px #34452514}body.home-screen .room-gallery-cover:hover img{transform:scale(1.045)}body.home-screen .info-shortcuts .card:hover{border-color:#aebd8e}body.home-screen .hero .row .btn:hover{box-shadow:0 8px 28px #34452530}}
@media(min-width:801px){body>header>.brand .studio-logo{width:170px}body>header>nav>a{font-size:12px}body>header .language-picker summary{font-size:12px}body>header.site-scrolled{box-shadow:0 6px 24px #3445250c}}
@media(min-width:801px) and (max-width:1150px){body>header{grid-template-columns:1fr auto}body>header>nav{grid-row:2;grid-column:1/-1;flex-wrap:nowrap;width:auto}body>header>.btn{grid-column:2;grid-row:1}}
@media(max-width:800px){
 body>header,body.home-screen>header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(249,248,242,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #dce1d2;min-height:82px;z-index:25}
 body.home-screen>header{padding-top:calc(12px + env(safe-area-inset-top))}
 body>header>.brand .studio-logo{width:140px}
 body>header>nav{display:flex;position:static;inset:auto;transform:none;width:auto;margin:0 0 0 auto;padding:0;border:0;background:none;border-radius:0;overflow:visible}
 body>header>nav>a{display:none}
 body>header .language-picker{margin:0}
 body>header .language-picker summary{font-size:12px!important;gap:5px}
 .site-menu-toggle{display:flex;position:relative;flex:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;border-radius:14px;background:#344525;color:white;box-shadow:none}
 .site-menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .25s}
 .site-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
 .site-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .site-menu-panel{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:calc(100% + 8px);left:16px;right:16px;padding:10px;gap:6px;border:1px solid #dce2d0;border-radius:22px;background:#fffefb;box-shadow:0 18px 48px #25351d26;animation:menu-open .24s ease both}
 .site-menu-panel>a{display:flex;align-items:center;min-height:52px;padding:14px;border-radius:13px;font-size:14px;color:#4d5942;background:#f2f4ec}
 .site-menu-panel>a[aria-current=page]{color:white;background:#344525}
 .site-menu-panel>a:hover{background:#e5ebd6}
 .site-menu-panel>a[aria-current=page]:hover{background:#344525}
 body.home-screen .hero{padding-top:calc(124px + env(safe-area-inset-top))}
 .mobile-nav{left:12px;right:12px;bottom:calc(9px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:560px;margin-inline:auto;padding:7px 6px;border:1px solid #e0e4d6;border-radius:23px;background:rgba(255,254,250,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 7px 35px #25351d1c;gap:2px}
 .mobile-nav>a{position:relative;gap:5px;min-height:52px;padding:7px 3px;border:0!important;border-radius:16px;color:#7c8270;font-size:10px;transition:background .25s,color .25s}
 .mobile-nav>a[aria-current=page]{color:#344525;background:#edf2df;border:0!important}
 .mobile-nav>a:after{display:none!important}
 .mobile-nav>a svg{width:22px;height:22px}
 body.home-screen .section-head h2:after{margin-top:16px}
 body.home-screen .room,body.home-screen .info-shortcuts .card{border-radius:18px}
}
@media(max-width:360px){body>header,body.home-screen>header{gap:8px;padding-inline:16px}body>header>.brand .studio-logo{width:120px}.mobile-nav>a{font-size:9px}}
@keyframes menu-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-menu-panel{animation:none}.site-menu-toggle span,.mobile-nav>a{transition:none}}
@media(max-width:800px){body>header>.brand{order:0}body>header>nav{order:1}body>header>.site-menu-toggle{order:2}.mobile-nav a[aria-current=page] span{border:0;padding-bottom:0}}
/* The opening photograph fills the desktop canvas as it does on mobile. */
@media(min-width:801px){
 body.home-screen>header{position:absolute;inset:0 0 auto;z-index:25;background:linear-gradient(180deg,#f8f6eeeb,#f8f6ee30);border:0;box-shadow:none;padding-top:20px;padding-bottom:20px}
 body.home-screen>.demo{display:none}
 body.home-screen .hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:none;min-height:96svh;margin:0;padding:160px max(48px,calc((100vw - 1184px)/2)) 65px;background-image:linear-gradient(90deg,rgba(247,244,236,.98) 0%,rgba(247,244,236,.92) 25%,rgba(247,244,236,.67) 43%,rgba(247,244,236,.08) 72%,rgba(247,244,236,0) 100%),var(--hero-image,url('assets/hero-medvediky-fullscreen-v3.webp'));background-size:cover;background-position:var(--hero-position,center center);background-repeat:no-repeat}
 body.home-screen .hero>div:first-child{display:flex;align-items:flex-start;text-align:left;width:min(52%,620px);padding:0}
 body.home-screen .hero .photo{display:none}
 body.home-screen .hero h1{font-size:clamp(62px,6.2vw,96px);letter-spacing:-3.8px;line-height:1.04;max-width:9ch;margin:24px 0}
 body.home-screen .hero p{font-size:18px;line-height:1.6;margin:0;max-width:380px;color:#424a38}
 body.home-screen .hero .row{justify-content:flex-start;gap:22px;margin-top:30px}
 body.home-screen .hero .row .btn{padding:17px 26px;border-radius:999px;background:#344525;color:#fff}
 body.home-screen .hero .facts{width:min(100%,470px);margin:48px 0 0;padding-top:22px;text-align:left;border-color:#abb69680}
 body.home-screen .hero .facts b{font-size:22px}
}
@media(min-width:801px) and (max-width:1150px){body.home-screen .hero{padding-top:200px}body.home-screen .hero>div:first-child{width:60%}body.home-screen .hero h1{font-size:66px}body.home-screen .hero .facts{margin-top:34px}}

@media(max-width:800px){.quick-actions .quick-book{display:none}}
@media(min-width:801px){
 body>header{position:sticky;top:0;z-index:25;transition:background .25s ease,box-shadow .25s ease}
 body.home-screen>header{position:fixed;inset:0 0 auto}
 body>header.site-scrolled,body.home-screen>header.site-scrolled{background:rgba(249,248,242,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 24px #25351d12;border-bottom:1px solid #dce1d2}
 body.home-screen #rooms{scroll-margin-top:120px}
}
@media(min-width:801px) and (max-width:1150px){body.home-screen #rooms{scroll-margin-top:170px}}
@media(min-width:801px){
 body>header{position:relative}
 body.home-screen>header{position:absolute}
 body>header.site-scrolled,body.home-screen>header.site-scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0}
 body>header.site-scrolled>nav{position:fixed;top:16px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);z-index:26;width:max-content;max-width:calc(100vw - 32px);margin:0;background:rgba(247,248,240,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #d9dfcc;box-shadow:0 7px 28px #25351d22}
 body.home-screen #rooms{scroll-margin-top:90px}
}
/* Restore the original mobile opening; desktop navigation stays independent. */
@media(max-width:800px){
 body>header{position:relative;display:flex;justify-content:flex-start;min-height:76px;padding:12px 5%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body.home-screen>header{position:absolute;inset:0 0 auto;min-height:76px;padding:calc(12px + env(safe-area-inset-top)) 5% 12px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body>header>.brand .studio-logo{width:160px}
 body>header>nav{position:absolute;inset:50% 5% auto auto;transform:translateY(-50%);display:block;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 body>header .language-picker summary{font-size:15px!important;gap:7px}
 body.home-screen .hero{padding-top:calc(132px + env(safe-area-inset-top))}
}

/* Mobile home: lower the booking action and keep its touch target compact. */
@media(max-width:800px){
 body.home-screen .hero{padding-top:calc(clamp(168px,22svh,210px) + env(safe-area-inset-top));min-height:100svh;background-size:cover}
 body.home-screen .hero .row{margin-top:36px;align-items:center;justify-content:center}
 body.home-screen .hero .row .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:min(100%,250px);min-width:0;min-height:50px;height:auto;padding:12px 22px;font-size:15px;line-height:1.3}
 body.home-screen .hero .row .btn span{margin-left:0;font-size:22px;line-height:1}
}

/* Let the home photograph show through the desktop header. */
@media(min-width:801px){
 body.home-screen>header,
 body.home-screen>header.site-scrolled{
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
 }
}