.menu-toggle,.header nav .mobile-contact{display:none}
.menu-backdrop{display:none}
@media(max-width:700px){.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:var(--color-menu-backdrop);animation:menu-backdrop-enter var(--motion-hover) ease-out both}.menu-backdrop[hidden]{display:none}}
@keyframes menu-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.menu-backdrop:not([hidden]){animation:none}}
.header .brand .brand-name{display:block;font-family:var(--font-heading);font-size:var(--brand-name-size)!important;font-weight:var(--weight-regular);letter-spacing:-.5px;line-height:1.2;white-space:nowrap}
@media(max-width:700px){
 .header{clip-path:none;box-shadow:none;isolation:isolate;gap:var(--space-4)}
 .header::before{content:'';position:absolute;inset:0 calc(-1 * var(--page-gutter));background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:-1}
 .header .brand span{display:block;font-size:var(--text-min)!important;letter-spacing:.8px;line-height:1.5}
 .header .brand small{display:none}.header .brand{gap:var(--space-2);min-width:0}
 .header .brand .brand-name{font-size:var(--brand-name-mobile-size)!important;letter-spacing:-.4px;line-height:1.2}
 .header.mobile-nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:98px;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);background:transparent;font-family:var(--font-body);font-size:var(--text-min);font-weight:var(--weight-bold);text-transform:var(--button-case)}
 .menu-icon{display:flex;flex-direction:column;gap:4px;width:18px}.menu-icon i{display:block;width:18px;height:2px;background:var(--color-text);transition:transform var(--motion-hover),opacity var(--motion-hover)}
 .menu-open .menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-open .menu-icon i:nth-child(2){opacity:0}.menu-open .menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .header nav{position:absolute;top:100%;left:calc(-1 * var(--page-gutter));width:calc(100% + var(--page-gutter)*2);display:flex;flex-direction:column;gap:0;padding:var(--space-3) var(--page-gutter) var(--space-6);background:var(--color-background);box-shadow:var(--shadow-mobile-menu);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--color-border)}
 .header.mobile-nav-ready:not(.menu-open) nav{display:none}
 .header nav a,.header nav a:last-child,.header nav .mobile-contact{display:flex;min-height:52px;width:100%;padding:var(--space-3) var(--space-2);font-size:var(--text-body)!important;justify-content:flex-start}
 .header nav a::after{left:var(--space-2);right:var(--space-2);bottom:6px}
 .header nav .mobile-contact{margin-top:var(--space-3);background:var(--color-button);color:var(--color-on-button);padding-left:var(--space-4)}
 .header nav .mobile-contact:hover{color:var(--color-on-button)}
 .header nav .mobile-contact::after{display:none}
 .hero h1 br{display:initial!important}.hero-copy{gap:0}.hero-photo{height:auto;aspect-ratio:1.05;min-height:0}.hero .button{min-height:48px}
 .filters button,.sizes button,.consult{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .catalog-controls{padding:var(--space-2) 0}.filters{width:100%;justify-content:space-between;gap:0}.filters button{padding:10px 12px}
 .product-origin{line-height:1.7}.product-meta{min-width:0}.product-bottom{gap:var(--space-3)}
 .origin{gap:var(--space-8)}.farms{gap:var(--space-4)}.farms h3{font-size:var(--title-product)}
 .contact{gap:var(--space-6)}.contact h2{font-size:clamp(30px,9.5vw,38px)}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:44px 20px 24px;overscroll-behavior:contain}
 .close{min-width:44px;min-height:44px;top:0;right:0}.detail-grid{gap:var(--space-6)}.gallery-main{height:auto;aspect-ratio:4/3}.gallery-thumbs button{min-height:64px}.detail-grid dl div{gap:var(--space-3);line-height:1.5}
 footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}footer>a:not(.brand){min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:480px){
 .products{grid-template-columns:1fr;gap:var(--space-10)}.product-image{aspect-ratio:4/3}.product h3{font-size:26px}.product-meta{align-items:baseline;gap:var(--space-3)}
 .product-meta>span{margin-top:0}.product-origin{padding-top:var(--space-3)}.product-bottom{justify-content:space-between}.sizes{gap:var(--space-2)}.sizes button{min-width:72px}.consult{padding:10px 8px}
 .hero-bottom{font-size:var(--text-min);gap:var(--space-3)}.hero-bottom>span:first-child{max-width:230px}
}
@media(max-width:360px){.header .brand span{font-size:var(--text-min)!important;letter-spacing:0}.menu-toggle{min-width:88px;gap:var(--space-2)}.hero h1{font-size:36px}.filters button{padding:9px 8px}.farms{grid-template-columns:1fr;gap:var(--space-8)}.farms .producer-portrait{width:140px}.manifesto-heading h2{font-size:28px}}

@media(max-width:360px){.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.filters button{width:100%}}