/* Domek Rogalowej — responsywne poprawki wspólne, bez zmiany logiki PHP. */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;scroll-padding-top:100px}
body{min-width:0;max-width:100%;overflow-x:clip}
img,video,iframe,svg{max-width:100%}
img{height:auto}
main,section,article{min-width:0}
h1,h2,h3,h4,p{overflow-wrap:break-word}
#site-scroll-header{width:100%;isolation:isolate}
#site-scroll-header>.max-w-7xl{max-width:1440px}
#site-scroll-header .brand-home-link{flex:0 1 auto;max-width:min(33vw,440px);min-width:0}
#site-scroll-header .brand-image{height:auto;width:100%;max-height:83px;object-fit:contain}
#site-scroll-header nav{min-width:0;gap:clamp(10px,1.15vw,24px)}
#site-scroll-header nav a{white-space:nowrap;font-size:clamp(11px,.9vw,14px)}
#site-scroll-header nav a[href*="rezerwacja"]{padding:11px 17px}
#mobile-menu{max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
#mobile-menu a{min-height:44px;display:flex;align-items:center}
#mobile-menu a:last-child{justify-content:center}
.brand-footer-link{max-width:min(340px,90vw)}
.brand-footer-image{max-height:92px}
#kontakt a{min-width:0;overflow-wrap:anywhere}
#kontakt [class*="grid-cols"]>*{min-width:0}
#cal-days{min-width:0;gap:clamp(2px,1vw,8px)}
#cal-days>*{min-width:0;max-width:100%;font-size:clamp(10px,2.2vw,14px)}
#reserve-form input:not([type=checkbox]),#reserve-form select,#reserve-form textarea{min-width:0;max-width:100%;font-size:16px}
#reserve-form label{min-width:0;overflow-wrap:anywhere}
.gallery-card{min-width:0;width:100%}
.gallery-card img{object-fit:cover;width:100%}
#gallery-lightbox{padding:clamp(10px,2vw,26px)}
#gallery-lightbox>div{min-width:0}
#gallery-lightbox-image{max-height:75dvh}
#gallery-prev,#gallery-next{z-index:2}
footer .max-w-7xl>div.flex.justify-center{flex-wrap:wrap;gap:12px 20px}
/* Tablet i mniejszy laptop: menu hamburger zamiast ciasnych linków. */
@media(max-width:1199px){
 #site-scroll-header .max-w-7xl>div{min-height:82px;height:82px;position:relative}
 #site-scroll-header nav.hidden.md\:flex{display:none!important}
 #site-scroll-header .flex.md\:hidden{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%)}
 #site-scroll-header .brand-home-link{position:absolute;left:50%;transform:translateX(-50%);width:min(440px,65vw);max-width:65vw;height:80px;padding:4px 2px}
 #site-scroll-header .brand-image{max-height:76px}
 #mobile-menu.hidden{display:none!important}
 #mobile-menu:not(.hidden){display:block!important}
 #mobile-menu{padding:12px 24px 22px;box-shadow:0 24px 34px rgba(0,0,0,.38)}
 #mobile-menu a{width:100%}
}
@media(min-width:1200px){#mobile-menu{display:none!important}}
@media(max-width:767px){
 #site-scroll-header .max-w-7xl>div{height:74px;min-height:74px}
 #site-scroll-header .brand-home-link{height:72px;max-width:calc(100vw - 108px);width:min(330px,calc(100vw - 108px))}
 #site-scroll-header .brand-image{max-height:63px}
 .pt-40{padding-top:120px!important}
 .pt-36{padding-top:112px!important}
 .py-24{padding-top:64px;padding-bottom:64px}
 .text-5xl{font-size:clamp(30px,7.5vw,46px)}
 .text-6xl{font-size:clamp(34px,9vw,58px)}
 .h-\[450px\]{height:330px!important}
 .h-72{height:220px}
 .h-64{height:220px}
 #gallery-lightbox{padding:54px 8px 16px!important;align-items:center}
 #gallery-lightbox-image{max-height:67dvh}
 #gallery-prev{left:7px}
 #gallery-next{right:7px}
 #gallery-prev,#gallery-next{padding:8px;background:rgba(0,0,0,.65)}
 #kontakt{padding-top:54px;padding-bottom:54px}
 #kontakt .grid{gap:14px}
 footer{padding-top:35px;padding-bottom:35px}
}
@media(max-width:380px){#site-scroll-header .brand-home-link{width:calc(100vw - 100px)}#site-scroll-header .brand-image{max-height:55px}}
@media(prefers-reduced-motion:reduce){.transition-all,.transition-transform,.brand-image{transition:none!important}}