/* Shared responsive rules, loaded after component styles. */
.checkout-form>.checkout-sidebar{margin-block:24px}
.checkout-form>.checkout-sidebar h2{margin-top:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
main,.checkout-layout>*,.form-grid>*,.account-layout>*,.auth-layout>*,.cart-row>*{min-width:0}
input,select,textarea{max-width:100%}
h1,h2,h3,.customer-order,.admin-order{overflow-wrap:anywhere}
@media(max-width:1100px){
 .desktop-nav{display:none}
 .menu-toggle{display:block;min-height:44px;min-width:44px}
 .site-header-shell .mobile-nav:not([hidden]){display:block}
 .site-header-shell .header{padding-inline:24px}
 .checkout-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .section:has(#checkout-form){display:block;padding-top:32px}
 .section:has(#checkout-form)>.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .section:has(#checkout-form) .checkout-sidebar{grid-column:auto;grid-row:auto;margin-top:0;position:static}
 .checkout-sidebar,.order-summary{position:static}
 .checkout-sidebar{width:100%;max-width:none}
 .product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
 .detail-info h1{font-size:clamp(32px,4.5vw,48px)}
 .auth-layout{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero h1{font-size:clamp(42px,7vw,72px)}
 .account-heading,.profile-panel-heading,.edit-profile-heading{flex-wrap:wrap}
}
@media(max-width:800px){
 .product-detail,.auth-layout,.account-layout{grid-template-columns:minmax(0,1fr)}
 .auth-story{display:none}
 .checkout-sidebar{max-width:100%}
 .product-bottom{flex-direction:column;align-items:stretch}
 .product-bottom .button{width:100%}
 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filters .price-filter{flex:1 1 100%;grid-template-columns:100px minmax(50px,1fr) 100px;gap:10px}
 .filters .price-fields input{width:100%;min-width:0}
 .price-fields label{min-width:0}
 .filter-reset{min-height:44px}
 .category-links a{min-height:40px;display:inline-flex;align-items:center}
 .account-nav{gap:8px}
 .account-panel,.auth-card{padding:24px}
}
@media(max-width:600px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .wrap{width:calc(100% - 32px)}
 .site-header-shell .header{padding-inline:16px;gap:10px}
 .header-actions{gap:8px;flex-shrink:0}
 .header-actions .account-link{display:none}
 .header-icon{width:40px;height:40px}
 .logo{font-size:clamp(26px,7.5vw,34px)}
 .section{padding-block:32px 42px}
 .section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}
 h1{font-size:clamp(36px,10vw,48px)}
 h2{font-size:clamp(28px,8vw,38px)}
 .hero h1{font-size:clamp(40px,11vw,62px)}
 .hero-text{font-size:17px}
 .form-grid,.date-row,.profile-details{grid-template-columns:minmax(0,1fr)}
 .full{grid-column:auto}
 .checkout-sidebar:has(.order-extras) .order-extras,.checkout-sidebar:has(.order-extras) .order-summary{padding:20px}
 .checkout-sidebar .addon-options textarea,.checkout-sidebar .addon-options .full input,.filters .price-fields input,.quantity-form input{font-size:16px}
 .checkout-sidebar .addon-options textarea:focus{font-size:16px}
 .delivery-options label{flex-wrap:wrap;padding:14px;gap:10px}
 .delivery-options strong{margin-left:28px}
 .cart-row{grid-template-columns:72px minmax(0,1fr);gap:14px}
 .cart-row>strong{grid-column:2}
 .cart-row img{width:72px;height:80px}
 .quantity-form{flex-wrap:wrap}
 .quantity-form input{min-height:44px!important}
 .filters .search-field{flex-basis:100%;min-width:0}
 .filters>label:not(.search-field):not(.check){flex:1 1 140px;min-width:0}
 .filters .price-filter{grid-template-columns:100px minmax(40px,1fr) 100px}
 .mobile-bar{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;background:#fff9f8f5;border-top:1px solid var(--line);padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
 .mobile-bar a{display:flex;gap:5px;justify-content:center;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
 .mobile-bar span{background:var(--yellow);border-radius:20px;padding:2px 7px}
 .footer-bottom,.filter-actions,.account-nav{flex-wrap:wrap}
 .admin-top,.admin-product{flex-wrap:wrap}
 .admin-product img{max-width:72px}
 .customer-order summary{grid-template-columns:minmax(0,1fr) auto}
 .customer-order li,.saved-dates-list>div{flex-wrap:wrap}
 .detail-delivery p{flex-wrap:wrap}
 .auth-card{padding:20px}
}