/* LAGGU responsive core — adaptive layout, no proportional page shrinking */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;margin:0;overflow-x:clip}
img,video{max-width:100%;height:auto}
main,section,article,.container,.product-grid,.product-info,.gallery,.v2-products,.v2-product{min-width:0}
html body:not(.v2-home) .container{width:min(100% - 40px,1320px)!important;max-width:1320px!important;margin-inline:auto}
html body:not(.v2-home) .v2-section{padding:clamp(48px,6vw,90px) clamp(20px,5vw,80px)!important}
html body:not(.v2-home) .v2-products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))!important;gap:clamp(18px,2.5vw,34px)!important}
html body:not(.v2-home) .v2-product-body h3{font-size:clamp(14px,1.1vw,19px)!important;line-height:1.4!important}
html body:not(.v2-home) .v2-product-body p{font-size:clamp(11px,.85vw,13px)!important;line-height:1.6!important}
html body:not(.v2-home) .v2-product-body>a{font-size:clamp(11px,.8vw,13px)!important}
html body:not(.v2-home) .product-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(24px,4vw,65px)!important}
html body:not(.v2-home) .product-info h1{font-size:clamp(30px,3.1vw,54px)!important;line-height:1.13!important}
html body:not(.v2-home) .lead,html body:not(.v2-home) .description{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.7!important}
html body:not(.v2-home) .kicker,html body:not(.v2-home) .spec strong{font-size:clamp(10px,.8vw,12px)!important}
html body:not(.v2-home) .badge{font-size:clamp(10px,.8vw,12px)!important;padding:8px 10px!important}
html body:not(.v2-home) .spec{grid-template-columns:minmax(95px,27%) minmax(0,1fr)!important;gap:clamp(12px,1.5vw,24px)!important;font-size:clamp(12px,.95vw,15px)!important;padding:clamp(12px,1.2vw,18px) 0!important}
html body:not(.v2-home) .btn{min-height:44px!important;font-size:clamp(11px,.85vw,13px)!important;padding:12px 18px!important;white-space:normal}
html body:not(.v2-home) .note{font-size:clamp(12px,.9vw,14px)!important}
html body:not(.v2-home) .section{padding:clamp(48px,6vw,85px) 0!important}
html body:not(.v2-home) .section h2{font-size:clamp(29px,3vw,52px)!important}
html body:not(.v2-home) .v2-photo{height:auto!important;aspect-ratio:1/1}
html body:not(.v2-home) .v2-photo img{width:100%;height:100%;object-fit:cover}
/* Single shared header system. Avoid legacy selectors positioning the menu inside hero. */
html body .laggu-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-inline:clamp(16px,3vw,48px)!important;isolation:isolate}
html body .laggu-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:5!important;max-width:45%;pointer-events:auto}
html body .laggu-brand img{display:block;max-width:100%;object-fit:contain}
html body .laggu-nav-right{margin-left:auto;position:relative;z-index:3}
html body .laggu-toggle{position:relative;z-index:7}
@media(max-width:1100px){
 html body:not(.v2-home) .product-grid{grid-template-columns:minmax(0,1fr)!important}
 html body:not(.v2-home) .gallery,html body:not(.v2-home) .product-info{max-width:820px;width:100%;margin-inline:auto}
 html body .laggu-header{height:76px!important}
 html body .laggu-toggle{display:block!important}
 html body .laggu-nav-left{position:fixed!important;top:106px!important;left:0!important;right:auto!important;bottom:0!important;width:min(340px,88vw)!important;max-width:88vw!important;height:calc(100dvh - 106px)!important;overflow-y:auto!important;background:#f8f7f4!important;color:#222!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:22px!important;z-index:1002!important;box-shadow:12px 15px 30px #0002!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateX(-105%)!important;transition:transform .25s ease,opacity .25s ease,visibility .25s!important}
 html body .laggu-nav-left.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
 html body .laggu-nav-left>a,html body .laggu-nav-left .laggu-drop>button{display:block!important;width:100%;text-align:left!important;padding:14px 0!important;color:#222!important;font-size:13px!important;line-height:1.4!important}
 html body .laggu-nav-left .laggu-drop{width:100%}
 html body .laggu-nav-left .laggu-menu{position:static!important;display:block!important;width:100%!important;padding:0 0 8px 12px!important;background:transparent!important;box-shadow:none!important;border:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
 html body .laggu-nav-left .laggu-menu a{font-size:12px!important;padding:10px 4px!important;color:#333!important}
 html body.v2-home .laggu-header.is-overlay .laggu-nav-left{top:106px!important;height:calc(100dvh - 106px)!important}
 html body .laggu-header.is-scrolled .laggu-nav-left{top:76px!important;height:calc(100dvh - 76px)!important}
 html body:not(.v2-home) .laggu-nav-left{top:112px!important;height:calc(100dvh - 112px)!important}
 html body:not(.v2-home) .laggu-header.is-scrolled .laggu-nav-left{top:76px!important;height:calc(100dvh - 76px)!important}
}
@media(min-width:1101px){html body .laggu-toggle{display:none!important}html body .laggu-nav-left{position:relative!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}}
@media(max-width:700px){
 html body:not(.v2-home) .container{width:calc(100% - 32px)!important}
 html body:not(.v2-home) .v2-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))!important}
 html body:not(.v2-home) .spec{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 html body:not(.v2-home) .detail-grid,html body:not(.v2-home) .related-grid{grid-template-columns:minmax(0,1fr)!important}
 html body .laggu-brand{max-width:55%}
}
@media(max-width:410px){html body:not(.v2-home) .v2-products{grid-template-columns:minmax(0,1fr)!important}}
/* Home hero and products remain fluid without scaling down entire page */
html body.v2-home .sv-hero{height:clamp(520px,calc(100svh - 30px),950px)!important;min-height:0!important}
html body.v2-home .sv-slide>div{max-width:min(calc(100% - 36px),720px)}
html body.v2-home .sv-slide h1{font-size:clamp(28px,3.3vw,48px)}
html body.v2-home .sv-products,html body.v2-home .sv-products-four{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:clamp(18px,2.5vw,40px)}
@media(max-width:760px){html body.v2-home .sv-products,html body.v2-home .sv-products-four{display:flex;overflow-x:auto}html body.v2-home .sv-products article{min-width:min(75vw,340px)}}
