/* Shared compact navigation. Desktop layout remains in the existing header grid. */
.site-menu{display:contents}.mobile-cart,.mobile-menu-intro,.mobile-menu-help,.nav-scrim{display:none}
@media(max-width:1180px){
  .announcement{font-size:8px;line-height:1.4;min-height:29px;height:auto;padding:7px 15px;gap:8px;letter-spacing:.07em}.announcement .pulse{width:6px;height:6px;flex:0 0 auto}
  .site-header,.site-header.open{height:80px;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:9px;align-items:center;padding:0 20px;isolation:auto;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;filter:none;background:#fffdf5;border-bottom:1px solid #e7e5d7}
  body[data-page=home] .site-header,body[data-page=home] .site-header.open{height:100px}
  .site-header .brand-cluster{position:relative;width:185px;max-width:100%;height:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
  .site-header .brand,.site-header.open .brand{position:static;display:block;width:60px;height:60px;padding:0;flex:0 0 auto}
  .site-header .brand-logo{position:static;display:block;width:60px;height:60px;transform:none;box-shadow:0 3px 12px #153e2c0a;background:white;border:1px solid #e7e8da;object-fit:contain}
  .site-header .brand-delivery{position:static;display:block;transform:none;width:auto;max-width:100%;font-size:7px;line-height:1.5;padding:4px 8px;letter-spacing:.035em;border-color:#eadba6;white-space:nowrap}
  .mobile-cart{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce4d1;border-radius:13px;color:#315c39;background:#f0f4e8;grid-column:2;grid-row:1}
  .mobile-cart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-cart b{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;padding:1px 4px;font-size:9px;line-height:15px;text-align:center;border-radius:20px;background:#d9f45f;color:#173e2c;border:1px solid #fffdf5}
  .site-header .nav-toggle{display:block;position:relative;grid-column:3;grid-row:1;width:42px;height:42px;padding:0;border:1px solid #e0e3d5;background:#f4f1e5;border-radius:13px;font-size:0;color:#173e2c}
  .site-header .nav-toggle:before,.site-header .nav-toggle:after{content:'';position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transform:none;inset:auto 12px auto;box-shadow:none;border-radius:2px}
  .site-header .nav-toggle:before{top:16px;box-shadow:0 5px 0 currentColor}.site-header .nav-toggle:after{top:26px}
  .site-header.open .nav-toggle:before{content:'';inset:20px 12px auto;height:1.5px;font-size:0;line-height:normal;transform:rotate(45deg);box-shadow:none;background:currentColor}
  .site-header.open .nav-toggle:after{content:'';display:block;inset:20px 12px auto;height:1.5px;transform:rotate(-45deg);background:currentColor}
  .site-header .site-menu{display:none}
  .site-header.open{z-index:221}.site-header.open .site-menu{display:block;position:fixed;top:var(--nav-top,140px);left:max(12px,calc((100vw - 520px)/2));right:max(12px,calc((100vw - 520px)/2));max-height:calc(100dvh - var(--nav-top,140px) - 14px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #dde3d1;border-radius:20px;background:#fffdf5;box-shadow:0 20px 70px #071f2533;z-index:223;scrollbar-width:thin}
  .site-header .mobile-menu-intro{display:grid;gap:5px;padding:0 0 16px}.mobile-menu-intro>span{font-size:8px;letter-spacing:.14em;color:#a47743;font-weight:700}.mobile-menu-intro>b{font:600 22px/1.2 var(--serif);color:#274d32}
  .site-header.open nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
  .site-header.open nav a{position:relative;display:flex;align-items:center;gap:10px;height:auto;min-height:57px;width:100%;min-width:0;padding:12px 11px;border:1px solid #e1e6d8;border-radius:11px;background:white;color:#3b5941;font-size:11px;font-weight:600;line-height:1.35;white-space:normal}
  .site-header.open nav .nav-icon{width:19px;height:19px;flex:0 0 auto;color:#7c916c}.site-header.open nav a:after{display:none}.site-header.open nav a[aria-current=page]{background:#eef3df;border-color:#c4d6aa;color:#315d36}.site-header.open nav a[aria-current=page] .nav-icon{color:#6e8e4f}
  .site-header.open .header-actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;width:100%;margin:16px 0 0;padding:15px 0 0;background:none;border:0;border-top:1px solid #e1e5d6;border-radius:0}
  .site-header.open .header-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:10px;font-size:11px;border-radius:11px;text-align:center;line-height:1.4}.site-header.open .account-link{background:#f0f1e7;border:1px solid #e1e4d5;color:#496445}.site-header.open .cart-link{box-shadow:none}.site-header.open .cart-link b{width:22px;height:22px;line-height:22px;font-size:10px}
  .site-header .mobile-menu-help{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:13px 0 0;border-top:1px solid #e3e6d8;font-size:9px;line-height:1.5;color:#87937b}.mobile-menu-help>span{color:#5e784c;font-weight:600}
  .nav-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;padding:0;background:#092b23a6;backdrop-filter:blur(4px);z-index:210;cursor:pointer}
  body.menu-is-open{overflow:hidden}body.menu-is-open .floating-whatsapp,body.menu-is-open .scroll-top{visibility:hidden;pointer-events:none}
  body[data-page=home] .home-page .hero{padding-top:24px}
  .brandstory-intro,.journal-hero,.journal-article-head,.reach-hero,.partner-intro,.market-intro,.market-product-main{padding-top:30px!important}
  .location-hero,.page-shell,.legal-page,.auth-page{padding-top:35px}.floating-whatsapp,.scroll-top{width:44px;height:44px;bottom:max(15px,env(safe-area-inset-bottom));box-shadow:0 4px 15px #12372a20}.floating-whatsapp{left:12px;padding:0}.scroll-top{right:12px}.floating-whatsapp svg{width:24px;height:24px}.scroll-top svg{width:20px;height:20px}
  .toast{top:15px;font-size:12px;line-height:1.6;z-index:230}
}
@media(max-width:680px){
  .announcement{font-size:7px;padding:6px 12px;letter-spacing:.035em;min-height:28px}
  .site-header,.site-header.open{height:72px;padding-inline:16px;gap:8px;grid-template-columns:minmax(0,1fr) 40px 40px}
  body[data-page=home] .site-header,body[data-page=home] .site-header.open{height:90px}
  .site-header .brand-cluster{width:173px}.site-header .brand,.site-header.open .brand,.site-header .brand-logo{width:60px;height:60px}.site-header .brand-delivery{font-size:7.5px;padding:3px 7px}
  .site-header .nav-toggle,.mobile-cart{width:40px;height:40px}.site-header .nav-toggle:before{top:15px}.site-header .nav-toggle:after{top:25px}.site-header.open .nav-toggle:before,.site-header.open .nav-toggle:after{top:19px}
  .site-header.open .site-menu{padding:18px}.site-header.open nav a{font-size:13px;min-height:56px}
  body[data-page=home] .home-page .hero{padding:22px 20px 14px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px;background:linear-gradient(155deg,#fffdf5 0 60%,#f8c65d 60%)}
  body[data-page=home] .home-page .hero-copy{align-self:start}body[data-page=home] .home-page .hero h1{font-size:clamp(34px,5.9svh,49px);line-height:1.01;letter-spacing:-.045em}
  body[data-page=home] .home-page .hero-copy>p{font-size:13px;line-height:1.55;margin:13px 0 16px;max-width:330px}
  body[data-page=home] .home-page .hero-cta{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}body[data-page=home] .home-page .hero-cta .button{min-height:44px;padding:12px 17px;font-size:12px}
  body[data-page=home] .home-page .hero-main-img{width:62%!important;height:100%!important;left:15%;border-radius:75px 75px 12px 12px;object-fit:contain!important;background:transparent}
  body[data-page=home] .home-page .hero-side-img{width:25%!important;height:48%!important;right:2%;bottom:0;border-radius:14px;object-fit:cover}
  body[data-page=home] .home-page .orange-blob{inset:12px 1% -12px 5%}body[data-page=home] .home-page .price-bubble{width:70px;height:70px;right:1%;top:4%}body[data-page=home] .home-page .fresh-badge{width:48px;height:48px;left:1%;bottom:5%}
  body[data-page=home] .home-page .trust-row{display:none}body[data-page=home]{--strip-height:35px}body[data-page=home] .fresh-marquee{font-size:11px;border-radius:0}
  .brandstory-intro,.journal-hero,.journal-article-head,.reach-hero,.partner-intro,.market-intro,.market-product-main{padding-top:26px!important}
  .market-intro h1,.partner-intro h1,.reach-hero h1{font-size:40px}.market-intro figure,.partner-intro figure{height:145px}.market-intro-links{margin-top:14px}.market-service{display:none}
  .market-page .catalog-products{padding-inline:16px}.market-section-head h2{font-size:25px}.market-page .catalog-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:4px}.market-page .catalog-filters a{white-space:nowrap;flex:0 0 auto;padding:9px 12px}.market-page .catalog-filters::-webkit-scrollbar{display:none}
  .market-page .catalog-card-image{height:205px}.market-page .catalog-card-content{padding:17px}.market-page .catalog-card-price{padding:12px 0}.market-page .catalog-add-form{grid-template-columns:74px minmax(0,1fr);gap:10px}.market-page .catalog-add-form input,.market-page .catalog-add-form button{min-height:46px;height:46px}.market-page .catalog-card h3{font-size:22px}.market-price-note{font-size:11px}.market-results p{font-size:11px}.market-search input{font-size:16px}.market-sort select{font-size:12px}
  .market-product-photo img{height:265px}.market-product-main{gap:22px}.market-product-copy h1{font-size:36px}.market-product-buy input{font-size:16px}.partner-form input,.partner-form select,.partner-form textarea,.reach-message-form input,.reach-message-form select,.reach-message-form textarea{font-size:16px}.partner-form label,.reach-message-form label{font-size:12px}.partner-required,.partner-privacy,.reach-form-bottom>span{font-size:11px}
  .reach-channel-email .reach-channel-copy strong{font-size:15px}.brandstory-intro h1{font-size:41px}.journal-hero h1{font-size:40px}.page-shell{padding:30px 16px}.page-title{margin-bottom:25px}.page-title h1{font-size:38px}.auth-image{display:none}.auth-form{padding:28px 20px}.auth-form h1{font-size:38px}.auth-form input,.checkout-form input,.checkout-form select,.checkout-form textarea{font-size:16px}.location-hero{padding:28px 20px}.location-hero h1{font-size:34px}.location-info{padding-top:24px}
}
@media(max-width:680px) and (max-height:680px){body[data-page=home] .home-page .hero{grid-template-rows:auto minmax(0,1fr);padding-top:17px;gap:9px}body[data-page=home] .home-page .hero h1{font-size:clamp(31px,5.9svh,40px)}body[data-page=home] .home-page .hero-copy>p{font-size:12px;margin:9px 0 12px;line-height:1.45}}
@media(min-width:681px) and (max-width:1180px) and (max-height:520px){body[data-page=home] .site-header,body[data-page=home] .site-header.open{height:76px}.site-header .brand-cluster{gap:2px}.site-header .brand,.site-header.open .brand,.site-header .brand-logo{width:46px;height:46px}.site-header .brand-delivery{font-size:6px;padding:2px 6px}body[data-page=home] .home-page .hero{padding-top:14px;padding-bottom:10px}.site-header.open .site-menu{top:var(--nav-top,100px)}}
@media(prefers-reduced-motion:reduce){.nav-scrim{backdrop-filter:none}html{scroll-behavior:auto}}