/* Layout follows available space, including fold/unfold and split-screen. */
body{overflow-wrap:anywhere}
img,video{max-width:100%;height:auto}
.hero>*,.detail>*,.story>*,.header-row>*,.cart-row>*,.company-profile>*{min-width:0}
.company-mark,.brand-mark,.add-button{flex-shrink:0}
.company-profile>div{min-width:0}
.hero-foot,.section-title,.filter-summary,.quantity-line{flex-wrap:wrap}
.add-button,.close,.icon-button,.stepper button{min-width:44px;min-height:44px}
.category,.cart-actions button{min-height:44px}
.cart-actions{flex-wrap:wrap}
.sort select{max-width:100%}
dialog{max-height:90vh;max-height:90dvh;overscroll-behavior:contain}
.drawer{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(min-width:601px) and (max-width:1050px){
 .desktop-nav{display:none}
 .hero{grid-template-columns:1fr 1fr}
 .hero-copy{padding:32px 24px}
 .hero h1{font-size:clamp(34px,5vw,48px)}
 .company-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
 .company{flex-wrap:wrap}
 .story{padding:28px;gap:20px}
}
@media(min-width:601px) and (max-width:740px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail{grid-template-columns:1fr}
 .detail-art .product-picture{max-width:260px}
}
@media(max-width:600px){
 .container{width:calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right))}
 .hero h1{font-size:clamp(30px,10vw,43px)}
 .footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
 #toast{bottom:calc(87px + env(safe-area-inset-bottom))}
 .mobile-nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
}
@media(max-width:359px){
 .container{width:calc(100% - 24px)}
 .hero-copy{padding:24px 18px}
 .header-row{gap:8px}
 .brand strong{font-size:20px}
 .product-grid{grid-template-columns:1fr}
 .product-picture{aspect-ratio:1.2}
 .company-list{grid-template-columns:1fr}
 .company{flex-direction:row;text-align:start;padding:12px}
 .story{grid-template-columns:1fr}
 .story-art{min-height:170px}
 .rates{grid-template-columns:1fr}
 .detail-copy,.drawer{padding:18px}
}
@media(max-height:500px) and (orientation:landscape){
 dialog{max-height:96vh;max-height:96dvh}
 .detail-art{display:none}
 .detail{grid-template-columns:1fr}
 .header{position:relative}
}
@media(hover:none){.product-picture:hover .product-art{transform:rotate(-5deg)}}
.real-product-image{display:block;width:100%;height:100%;object-fit:contain;padding:12px}.gallery{width:100%;min-width:0}.gallery-main{width:100%;height:300px;background:white;border-radius:14px;overflow:auto;padding:0}.gallery-main .real-product-image{height:100%;max-width:100%}.gallery.zoomed .gallery-main .real-product-image{width:180%;height:auto;max-width:none}.gallery-count{font-size:13px;text-align:center;margin:12px 0}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:5px}.gallery-thumbs button{flex:0 0 60px;height:60px;background:white;border:2px solid transparent;border-radius:9px;padding:0;overflow:hidden}.gallery-thumbs button[aria-pressed=true]{border-color:var(--navy)}.gallery-thumbs img{padding:3px}.image-unavailable{display:grid;place-items:center;min-height:60px;padding:12px;font-size:12px;color:var(--muted)}.detail-art:has(.gallery){max-height:none;align-content:start}@media(max-width:600px){.detail-art:has(.gallery){padding:18px}.gallery-main{height:260px}}@media(max-height:500px) and (orientation:landscape){.detail-art:has(.gallery){display:block}.gallery-main{height:180px}}