/* Spacious storefront navigation. */
.store-header{width:100%;max-width:none;min-height:96px;height:auto;padding:18px clamp(20px,2.6vw,56px);gap:20px;border-bottom:1px solid #e5eaf1;background:#fff;box-shadow:0 5px 22px #233b5710;flex-wrap:wrap}
.store-header .brand{min-width:210px;flex-shrink:0}.store-header .quick-nav{flex:1;display:flex;justify-content:center;gap:8px;margin-left:0;min-width:0;order:initial;width:auto;padding:0;overflow:visible}
.store-header .quick-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 13px;min-height:48px;border-radius:12px;font-size:14px;font-weight:600;color:#344256;transition:background .18s,color .18s,transform .18s}
.store-header .quick-nav svg{width:20px;height:20px;flex-shrink:0;color:#65758b}.store-header .quick-nav a:hover{color:var(--blue);background:#edf3ff;transform:translateY(-2px)}.store-header .quick-nav a:hover svg{color:var(--blue)}
.store-header .guest-actions{gap:10px}.store-header .guest-actions button,.store-header>.secondary,.store-header .cart-button{min-height:48px;border-radius:12px}.store-header #loginButton{border-color:transparent;background:#f1f4f8}.store-header #loginButton:hover{background:#e7edf6}.store-header #registerButton{border-color:#cad7ee}.store-header .cart-button{padding-inline:22px;box-shadow:0 4px 12px #2059d922}
@media(min-width:761px) and (max-width:1199px){.store-header .quick-nav{order:5;flex-basis:100%;justify-content:space-around;border-top:1px solid #edf0f5;padding-top:10px}.store-header .brand{margin-right:auto}.store-header{gap:12px;padding-block:14px}}
@media(max-width:760px){.store-header{padding:14px 16px;gap:12px;min-height:0}.store-header .brand{min-width:0;margin-right:auto}.store-header .brand b{font-size:17px}.store-header .quick-nav{order:4;flex-basis:100%;gap:4px;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:10px}.store-header .quick-nav a{flex:1;flex-direction:column;gap:5px;padding:8px 2px;font-size:11px;min-height:58px}.store-header .quick-nav svg{width:20px;height:20px}.store-header .guest-actions{order:3;flex-basis:100%}.store-header .guest-actions button{flex:1;min-height:44px}.store-header .cart-button{min-height:44px;padding:10px 14px}.store-header>.secondary{min-height:44px}.store-header .quick-nav a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.store-header .quick-nav a{transition:none;transform:none}}

/* Shared fluid page alignment on desktop, matching the header gutters. */
@media(min-width:761px){
 :root{--page-gutter:clamp(24px,2.6vw,56px)}
 .store-header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 .store-hero,.promo-strip,.trust-row,.recommendations,.rooms,.catalog,.detail,.store-footer{max-width:none;width:auto;margin-left:var(--page-gutter);margin-right:var(--page-gutter)}
}
@media(min-width:1400px){
 .store-hero{min-height:480px;grid-template-columns:1fr 1fr}.hero-visual{min-height:480px}.hero-copy{padding:clamp(40px,3vw,72px)}
 .store-hero h1{font-size:clamp(45px,2.7vw,64px);max-width:760px}.store-hero p{max-width:560px;font-size:18px}.hero-caption{font-size:12px}
 .promo-strip{gap:22px;padding:24px}.promo-strip h2{font-size:clamp(24px,1.7vw,36px)}
 .product-img{height:clamp(240px,17vw,390px)}.room .room-image{height:clamp(160px,11vw,240px)}
}
@media(min-width:2133px){#catalog .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:2800px){#catalog .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1400px){.promo-category img{height:clamp(180px,10vw,250px)}}

/* Desktop content is 75% of the previous fluid width. */
@media(min-width:1200px){
 .store-hero,.promo-strip,.trust-row,.recommendations,.rooms,.catalog,.detail,.store-footer{margin-left:calc(12.5% + var(--page-gutter)*.75);margin-right:calc(12.5% + var(--page-gutter)*.75)}
}
