/* AGUNG GROCERY — Editorial commerce polish
   Native CSS layer after site.css, no external fonts/framework.
   Structural improvements targeted to public storefront only.
*/
:root{
  --pine:#153f2d;
  --pine-dark:#103326;
  --red:#d92336;
  --red-dark:#b91d2d;
  --sun:#ffc445;
  --cream:#fbfaf5;
  --soft:#f0f4eb;
  --ink:#20372b;
  --muted:#647467;
  --line:#e5eadf;
}
body{background:var(--cream)}
a,button{-webkit-tap-highlight-color:transparent}
::selection{background:#ffd36c;color:var(--pine-dark)}
.container{max-width:1290px}
.demo-banner{background:linear-gradient(110deg,#ffd369,#ffc344 64%,#ffbd3c);letter-spacing:.1px}
.demo-inner{padding-block:5px}
.utility-bar{background:#103526}
.utility-right a,.nav-highlight,.header-contact{transition:color .18s ease}
.utility-right a:hover,.nav-highlight:hover,.header-contact:hover{color:var(--red)}
.site-header{box-shadow:0 9px 32px #10302010}
.header-main{min-height:91px}
.brand-image{background:#fff;border:1px solid #eff2ea;box-shadow:0 2px 9px #183e2911}
.brand-wordmark strong{font-weight:850}
.search-form{background:#f4f6f1;border-color:#e3e8de;border-radius:13px;transition:box-shadow .22s ease,border-color .22s ease,background .22s}
.search-form:hover{background:#f7f9f5;border-color:#cbd8ca}
.search-form:focus-within{background:#fff;box-shadow:0 0 0 4px #2c7a4820}
.search-form button{border-radius:10px;min-width:84px;justify-content:center}
.nav-links a::before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .26s ease}
.nav-links a:hover::before{width:100%}
.nav-links a[aria-current=page]::before{width:0}
.cart-link>.icon{transition:transform .25s cubic-bezier(.22,1,.36,1)}
.cart-link:hover>.icon{transform:rotate(-10deg) translateY(-2px)}
/* Hero: editorial, product discovery upfront */
.intro-hero{gap:17px;margin-top:24px}
.hero-panel{background:radial-gradient(ellipse at 9% 110%,#20523c 0%,transparent 52%),var(--pine-dark);box-shadow:0 14px 42px #1c3b2520}
.hero-panel::before{width:435px;height:435px;left:-190px;bottom:-270px;border:1px solid #d8e4bc18}
.hero-content{padding:42px 18px 25px 46px}
.hero-kicker{color:#f5d688}
.hero-content h1{font-weight:860;letter-spacing:-2.35px}
.hero-content h1 em{color:var(--sun)}
.hero-copy{font-size:15px;line-height:1.66;max-width:395px;color:#e3efe7}
.hero-actions .btn{box-shadow:0 7px 18px #290c1028}
.hero-actions .btn:hover{box-shadow:0 13px 28px #290c1038}
.hero-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:19px;max-width:100%}
.hero-quick-links>span{display:inline-flex;align-items:center;min-height:34px;font-size:9px;letter-spacing:1.1px;font-weight:870;color:#f6d584;margin-right:5px;white-space:nowrap}
.hero-quick-links a{min-height:44px;padding:7px 10px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid #dae9d14a;color:#edf7e9;background:#ffffff14;font-size:11px;font-weight:750;transition:background .23s,border .23s,transform .23s;white-space:nowrap}
.hero-quick-links a .icon{height:13px;width:13px;filter:brightness(0) invert(1);opacity:.8;transform:rotate(-45deg)}
.hero-quick-links a:hover{background:#f6e0a129;border-color:#eed48a;transform:translateY(-2px)}
.hero-quick-links a:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.hero-foot{margin-top:auto;padding-top:15px;min-height:53px}
.hero-foot-badge{border-color:#f9df9c77}
.hero-media::after{background:linear-gradient(90deg,var(--pine-dark) 0%,#12362477 12%,transparent 42%),linear-gradient(0deg,#102c22ab 0%,transparent 48%)}
.hero-media>img{object-position:55% center}
.hero-photo-caption{left:25px;bottom:31px}
.hero-circle-sticker{box-shadow:0 12px 25px #121d1b31;border:3px solid #fff7d74d}
.hero-side{gap:17px}
.side-promo{box-shadow:0 8px 21px #1337230d;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease;position:relative}
.side-promo:hover{transform:translateY(-3px);box-shadow:0 15px 32px #13372320}
.side-promo::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,#fff8d79e,transparent 48%);opacity:.75;pointer-events:none}
.side-promo>div{z-index:2}
.side-promo h2{font-weight:850;letter-spacing:-.7px;line-height:1.16}
.side-promo .promo-link{font-size:12px;min-height:30px;display:flex;align-items:center;gap:10px}
.promo-link .icon{transition:transform .24s ease}
.side-promo:hover .promo-link .icon{transform:translateX(4px)}
.side-promo > img{width:64%;height:62%;right:-27px;bottom:-25px;border:5px solid #ffffff9c;object-position:50% 48%;border-radius:45% 0 0 0;transform:rotate(-5deg)}
.side-promo:hover > img{transform:rotate(-2deg) scale(1.04)}
.promo-yellow{background:#ffcc4c}
.promo-cream{background:#f4e8df}
/* Trust strip */
.features-strip{margin-top:18px;background:linear-gradient(115deg,#f0f5ec 0%,#fff 55%,#f0f4ec 100%);border-color:#e6ebdf;border-radius:18px;padding:17px 22px;box-shadow:0 5px 17px #204c2e09}
.features-strip>div{gap:13px}
.features-strip>div>.icon{background:#fff;box-shadow:0 4px 14px #233e2411;padding:10px;border-radius:12px;width:46px;height:46px;object-fit:contain}
.features-strip strong{font-size:13px}
.features-strip small{font-size:11.5px}
/* Category rail redesigned from circle icons to photo-led tiles */
.categories-section{padding-top:77px;padding-bottom:77px}
.categories-section .section-head{margin-bottom:24px}
.categories-section .section-head h2{font-size:clamp(30px,3vw,40px);letter-spacing:-1.4px}
.categories-section .section-sub{font-size:14px}
.category-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex:none}
.category-arrows{display:flex;gap:7px}
.category-arrow{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #d9e4d8;background:#fff;transition:background .2s,border-color .2s,transform .2s}
.category-arrow .icon{width:17px;height:17px}
.category-arrow:not(:disabled):hover{background:var(--pine);border-color:var(--pine);transform:translateY(-2px)}
.category-arrow:not(:disabled):hover .icon{filter:brightness(0) invert(1)}
.category-arrow:disabled{opacity:.32}
.category-swipe-hint{display:none}
.category-head-actions .text-link{margin-left:10px}
.category-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:5px 3px 17px;scroll-padding-inline:3px}
.category-track::-webkit-scrollbar{display:none}
.category-track:focus-visible{outline:3px solid var(--sun);outline-offset:1px}
.category-tile{flex:0 0 clamp(180px,14.9vw,200px);min-height:247px;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0 0 17px;border:1px solid #e7ebdf;border-radius:19px;background:#fff;box-shadow:0 6px 15px #25422608;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.category-tile:hover{transform:translateY(-5px);border-color:#b9d2bf;box-shadow:0 17px 28px #1b432018}
.category-photo{display:block;flex:none;width:100%;height:157px;padding:0;border:0;border-radius:0;background:#eaf0e5;overflow:hidden;transition:none}
.category-photo img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.category-tile:hover .category-photo{transform:none;border:0}
.category-tile:hover .category-photo img{transform:scale(1.085)}
.category-tile strong{font-size:15px;line-height:1.3;font-weight:840;letter-spacing:-.2px;margin:14px 15px 0;max-width:calc(100% - 38px);z-index:1}
.category-tile small{font-size:11.5px;line-height:1.4;letter-spacing:0;color:#788479;margin:3px 15px 0;max-width:calc(100% - 40px);z-index:1}
.category-tile::after{content:"↗";display:grid;place-items:center;position:absolute;right:11px;bottom:17px;width:27px;height:27px;border-radius:50%;background:#eef3e9;color:var(--pine);font-size:17px;transition:transform .25s,background .25s}
.category-tile:hover::after{transform:translate(2px,-2px);background:var(--sun)}
/* Catalog merchandising */
.merchandise-section{position:relative;background:linear-gradient(180deg,#f0f4ed 0%,#f5f7f0 100%);padding-top:74px;padding-bottom:79px}
.merchandise-section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#e4e9df}
.merchandise-section .section-head h2{font-size:clamp(31px,3.15vw,42px)}
.merchandise-section .section-head{margin-bottom:19px}
.merchandise-section .demo-inline{background:#e4efdf;max-width:100%;border:1px solid #d8e8d5;border-radius:10px;font-size:12px}
.pantry-editorial{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:226px;margin:25px 0 28px;background:var(--pine-dark);border-radius:22px;overflow:hidden;color:#fff;position:relative;box-shadow:0 14px 35px #1941271b}
.pantry-editorial::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #eef0c51c;left:-170px;bottom:-310px;z-index:1;pointer-events:none}
.pantry-editorial-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:29px 35px;gap:7px;position:relative;z-index:2}
.pantry-overline{color:#ffe18e;font-size:10px;letter-spacing:1.5px;font-weight:850}
.pantry-editorial-content>strong{display:block;font-size:clamp(25px,2.55vw,35px);letter-spacing:-1px;line-height:1.12;font-weight:850}
.pantry-editorial-content>strong em{font-family:Georgia,serif;font-weight:500;letter-spacing:-.5px;font-style:italic;color:var(--sun)}
.pantry-editorial-description{font-size:13.5px;line-height:1.6;color:#dcebe0;max-width:460px}
.pantry-editorial-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#fff;margin-top:4px;min-height:30px}
.pantry-editorial-link .icon{width:16px;height:16px;filter:brightness(0) invert(1);transition:transform .25s}
.pantry-editorial:hover .pantry-editorial-link .icon{transform:translateX(5px)}
.pantry-editorial-photo{position:relative;overflow:hidden;display:block}
.pantry-editorial-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pine-dark),transparent 30%),linear-gradient(0deg,#0e332530,transparent 55%)}
.pantry-editorial-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 48%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.pantry-editorial:hover .pantry-editorial-photo img{transform:scale(1.065)}
.product-grid{gap:18px}
.product-card{border-radius:19px;border-color:#e1e8dc;box-shadow:0 3px 8px #19432308;transition:transform .27s cubic-bezier(.22,1,.36,1),box-shadow .27s,border-color .27s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px #193d2818;border-color:#cbdcca}
.product-art{aspect-ratio:1.12;overflow:hidden;background:#eaf1e5}
.product-art>img{object-fit:cover}
.product-badge{background:#fdfdf5;color:#244434;box-shadow:0 2px 12px #13382424;border-radius:7px;font-size:10px;padding:7px 10px;top:13px;left:13px}
.product-imagery-tag{background:#133c2ddc;color:#fff;letter-spacing:1px;padding:6px 9px;font-size:9px;border-radius:7px;right:12px;bottom:12px;backdrop-filter:blur(6px)}
.product-detail{padding:18px 18px 17px;min-height:173px}
.product-category{font-size:10px;letter-spacing:1.2px}
.product-name{font-size:16px;font-weight:800;min-height:44px;letter-spacing:-.35px}
.product-unit{font-size:12px;color:#849087}
.product-price{font-size:23px;font-weight:870}
.product-bottom{border-top:1px solid #f0f2ed;margin-top:16px;padding-top:13px;align-items:center}
.add-cart{border-radius:9px;min-height:44px;padding:0 14px;gap:6px;font-size:12px}
.add-cart:hover{box-shadow:0 5px 14px #cf183724}
.add-cart:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.add-cart .icon{width:17px;height:17px}
.merchandise-section .center-actions{margin-top:33px}
/* Editorial story */
.story-section{padding-top:104px;padding-bottom:106px;grid-template-columns:1fr 1fr;gap:8%}
.story-images{min-height:485px;isolation:isolate}
.story-img-main{border-radius:24px 145px 24px 24px;box-shadow:0 22px 42px #20352224;object-position:50% 52%}
.story-img-inset{position:absolute;z-index:2;right:-26px;top:-30px;width:35%;height:42%;max-height:230px;object-fit:cover;border:7px solid var(--cream);border-radius:24px;box-shadow:0 15px 40px #1b2e2423;transform:rotate(5deg)}
.story-stamp{z-index:3;right:-26px;bottom:-25px;box-shadow:0 10px 25px #1c35171b}
.story-copy h2{font-size:clamp(40px,3.85vw,54px);letter-spacing:-2.1px}
.story-copy>p:not(.section-overline){font-size:15px}
.story-points span{font-size:14px}
.story-points .icon{width:24px;height:24px;padding:5px}
.closing-cta{min-height:340px;margin-bottom:92px;background:#f2e5ca;border-radius:24px;box-shadow:0 12px 32px #2036230e}
.closing-cta-content{padding:44px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.closing-cta h2{font-size:clamp(34px,3.4vw,48px)}
.closing-cta p:not(.section-overline){font-size:15px;line-height:1.7;margin-bottom:22px}
.closing-cta>img{min-height:340px;object-position:50% 53%}
/* Accessible navigation targets on all product, cart and checkout pages. */
.breadcrumbs a,.page-hero .breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.breadcrumbs{margin-bottom:13px}
.qty-stepper input{min-height:44px;width:48px}
.mobile-bottom-nav>a:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}
/* Shared page headers: imagery with product focus on catalogue, calmer on cart/contact */
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 105% -50%,#326444 0%,transparent 62%),var(--pine-dark);padding:58px 0 61px}
.page-hero .container{position:relative;z-index:2}
.page-hero::before{content:"";position:absolute;z-index:0;right:-125px;top:-220px;width:550px;height:550px;border-radius:50%;border:1px solid #fff3c71d;pointer-events:none}
.page-hero h1{font-size:clamp(39px,4.15vw,61px);line-height:1.09;letter-spacing:-2.2px;max-width:790px}
.page-hero p:not(.section-overline){font-size:15px;line-height:1.7;max-width:690px}
body[data-page="catalog"] .page-hero{background:#113a2b}
body[data-page="catalog"] .page-hero::after{content:"";position:absolute;z-index:1;right:0;top:0;bottom:0;width:37%;background-image:linear-gradient(90deg,#113a2b,transparent 29%),linear-gradient(0deg,#102c2266,transparent),url("../hero/hero-rempah-nusantara.webp");background-size:cover;background-position:58% 50%;opacity:.88}
body[data-page="catalog"] .page-hero h1,body[data-page="catalog"] .page-hero p{max-width:min(62%,750px)}
.catalog-sidebar{background:#fff;border-color:#e4eadf;box-shadow:0 7px 22px #193f230a;padding:22px 16px}
.catalog-sidebar a{transition:background .2s,color .2s}
.catalog-sidebar a:hover{background:#edf4e9}
.catalog-sidebar a[aria-current=page]{background:#e9f1e8;border-left:3px solid var(--pine);padding-left:9px}
.catalog-toolbar h2{font-size:23px}
.filter-pills a{min-height:44px}
.catalog-products .product-art{aspect-ratio:1.1}
.catalog-products .product-detail{min-height:183px}
.page-section{padding-top:54px;padding-bottom:94px}
.sort-form select{min-height:44px}
.detail-main-img{box-shadow:0 16px 35px #14351a17}
.detail-info h1{letter-spacing:-1.8px}
.detail-note{border-color:#ecdea9;line-height:1.7}
.cart-panel,.summary-panel,.content-panel,.contact-card{border-color:#e5eadf;box-shadow:0 10px 29px #1239270a}
.cart-empty{background:radial-gradient(ellipse at top,#f1f7ed 0%,white 60%);border-radius:18px}
.qty-stepper button{min-width:44px}
.mobile-nav:not([hidden]){overscroll-behavior:contain}
/* Footer */
.site-footer{background:radial-gradient(circle at 110% -30%,#24583b,transparent 47%),#0e3024}
.footer-body{padding-top:72px;padding-bottom:68px;gap:45px}
.footer-brand strong{font-size:25px}
.footer-about p{font-size:13.5px}
.footer-links a{transition:color .2s}
.footer-currency strong{color:var(--sun)}
.footer-bottom{min-height:72px}
/* Category-led public catalog while genuine SKU inventory is empty.
   Category inspiration has no manufactured prices or stock. */
.product-category-feature{color:var(--ink)}
.product-category-feature .product-detail{min-height:160px}
.product-category-feature .product-name{min-height:auto;display:block;margin-bottom:4px}
.product-category-feature .product-unit{font-size:12px;line-height:1.5}
.category-feature-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;color:var(--pine);font-size:13px;font-weight:800}
.category-feature-link .icon{width:17px;height:17px;transition:transform .2s}
.product-category-feature:hover .category-feature-link .icon{transform:translateX(4px)}
.contact-action-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:480px){
 .category-feature-link{font-size:12px}
 .contact-action-links>.btn{flex:1}
}
/* Mobile app-like navigation: actual route links, not hash page jumps */
.mobile-bottom-nav{display:none}
.add-cart.is-added{background:var(--pine);box-shadow:0 4px 16px #1c543044}
/* Motion: only useful reversible feedback, never hide essential content */
@keyframes ag-sticker-entrance{from{opacity:.4;transform:translateY(-9px) rotate(-3deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(12deg) scale(1)}}
.hero-circle-sticker{animation:ag-sticker-entrance .6s cubic-bezier(.2,1,.2,1) .14s both}
@media(hover:hover) and (pointer:fine){
 .category-arrow:hover{box-shadow:0 6px 16px #1d41271b}
 .mobile-bottom-nav a:hover{color:var(--red)}
}
/* Medium and tablet layouts */
@media(max-width:1190px){
 .hero-content{padding-left:31px}
 .hero-quick-links{gap:5px}
 .hero-quick-links>span{font-size:8px}
 .hero-quick-links a{font-size:10px;padding-inline:8px}
 .category-tile{flex-basis:185px}
 .product-detail{padding:16px}
 .product-price{font-size:21px}
 .pantry-editorial-content{padding:27px}
}
@media(max-width:1020px){
 .categories-section{padding-top:64px;padding-bottom:67px}
 .category-head-actions .text-link{display:none}
 .hero-content{padding-left:30px}
 .hero-foot{padding-top:9px}
 .pantry-editorial{grid-template-columns:1fr .9fr}
 .story-section{grid-template-columns:1fr 1fr;gap:6%}
 .story-images{min-height:400px}
 .story-img-inset{right:-10px;max-height:155px}
 .footer-body{gap:28px}
}
@media(max-width:960px){
 .hero-content{padding:29px 26px 22px}
 .hero-quick-links{margin-top:15px}
 .hero-quick-links>span{font-size:9px}
 .hero-quick-links a{font-size:11px}
 .hero-media{min-height:245px}
 .pantry-editorial{min-height:195px}
 .pantry-editorial-content>strong{font-size:27px}
 body[data-page="catalog"] .page-hero h1,body[data-page="catalog"] .page-hero p{max-width:67%}
}
@media(max-width:760px){
 body{padding-bottom:calc(73px + env(safe-area-inset-bottom,0px))}
 .site-header{box-shadow:0 8px 25px #112f2112}
 .mobile-menu-toggle{width:44px;height:44px}
 .mobile-menu-toggle[aria-expanded=true]{background:#f8e9e6}
 .mobile-search{border-color:#dfe7db}
 .mobile-search input{font-size:14px}
 .intro-hero{margin-top:12px}
 .hero-panel{border-radius:22px}
 .hero-content{padding:29px 25px 22px}
 .hero-content h1{font-size:clamp(36px,7.3vw,51px);letter-spacing:-1.8px}
 .hero-copy{font-size:14px;line-height:1.63}
 .hero-quick-links{margin-top:14px;gap:7px}
 .hero-quick-links>span{width:100%;margin-right:0;min-height:13px;letter-spacing:1.4px}
 .hero-quick-links a{min-height:44px;font-size:11px;padding:7px 11px}
 .hero-foot{padding-top:16px;min-height:52px}
 .hero-photo-caption{bottom:20px;left:22px}
 .hero-side{gap:11px}
 .side-promo{min-height:192px;padding:20px 17px}
 .side-promo h2{font-size:19px;max-width:95%}
 .side-promo img{height:46%;width:59%;right:-16px;bottom:-12px}
 .features-strip>div>.icon{width:42px;height:42px}
 .features-strip{border-radius:16px}
 .categories-section{padding-top:49px;padding-bottom:49px}
 .categories-section .section-head{align-items:flex-start;gap:13px}
 .category-head-actions{gap:5px}
 .category-swipe-hint{display:inline-flex;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
 .category-arrows{display:none}
 .category-track{margin-right:-15px;padding-right:15px;gap:12px}
 .category-tile{flex-basis:171px;min-height:224px;border-radius:16px}
 .category-photo{height:135px}
 .category-tile strong{font-size:14px;margin:11px 12px 0}
 .category-tile small{font-size:11px;margin:3px 12px 0}
 .category-tile::after{right:8px;bottom:13px}
 .merchandise-section{padding-top:53px;padding-bottom:56px}
 .pantry-editorial{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:200px;margin:22px 0 24px}
 .pantry-editorial-content{padding:22px}
 .pantry-editorial-content>strong{font-size:25px}
 .pantry-editorial-description{font-size:12px}
 .pantry-editorial-photo::after{background:linear-gradient(90deg,var(--pine-dark),transparent 42%)}
 .product-card{border-radius:15px}
 .product-art{aspect-ratio:1.08}
 .product-detail{padding:14px;min-height:172px}
 .product-name{font-size:15px;min-height:42px}
 .product-price{font-size:20px}
 .product-bottom{gap:7px}
 .add-cart{padding:0 11px;font-size:12px;min-height:44px}
 .product-badge{font-size:9px;padding:5px 8px;top:10px;left:10px}
 .product-imagery-tag{font-size:8px;padding:5px 7px}
 .story-section{grid-template-columns:1fr;gap:36px;padding-top:74px;padding-bottom:77px}
 .story-images{min-height:368px;margin-right:16px}
 .story-img-inset{width:33%;height:48%;max-height:175px;top:-13px;right:-16px;border-width:6px}
 .story-stamp{right:-17px}
 .story-copy h2{font-size:clamp(36px,7vw,47px)}
 .closing-cta{margin-bottom:60px}
 .closing-cta-content{padding:32px 25px}
 .page-hero{padding:41px 0 44px}
 .page-hero h1{font-size:clamp(36px,6vw,49px)}
 body[data-page="catalog"] .page-hero::after{width:50%;opacity:.33}
 body[data-page="catalog"] .page-hero h1,body[data-page="catalog"] .page-hero p{max-width:95%}
 .footer-body{padding-top:50px;padding-bottom:45px}
 .mobile-bottom-nav{position:fixed;z-index:78;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;height:calc(66px + env(safe-area-inset-bottom,0px));padding:5px max(12px,env(safe-area-inset-left,0px)) calc(5px + env(safe-area-inset-bottom,0px));background:#fffffff2;box-shadow:0 -8px 26px #09291816;border-top:1px solid #e6eadf;backdrop-filter:blur(16px)}
 .mobile-bottom-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;position:relative;border-radius:12px;min-width:0;height:54px;font-size:10.5px;font-weight:790;color:#6a786d;transition:color .2s,background .2s}
 .mobile-bottom-nav>a>.icon{width:23px;height:23px;opacity:.9}
 .mobile-bottom-nav>a[aria-current=page]{background:#e8f1e7;color:var(--pine)}
 .mobile-bottom-nav>a[aria-current=page] .icon{filter:invert(20%) sepia(30%) saturate(1111%) hue-rotate(91deg) brightness(72%);opacity:1}
 .mobile-tab-count{position:absolute;top:-1px;left:calc(50% + 6px);min-width:19px;height:19px;padding:0 3px;display:grid;place-items:center;border-radius:99px;background:var(--red);color:white;border:2px solid white;font-size:10px}
 .menu-open .mobile-bottom-nav{display:none}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:15px}
 .site-footer{margin-bottom:0}
}
@media(max-width:480px){
 .hero-panel{border-radius:20px}
 .hero-content{padding:26px 22px 22px}
 .hero-content h1{font-size:clamp(36px,9vw,43px);letter-spacing:-1.75px}
 .hero-quick-links{gap:5px}
 .hero-quick-links a{font-size:10.5px;min-height:44px;padding:7px 9px}
 .hero-quick-links a .icon{width:12px}
 .hero-foot{padding-top:11px}
 .hero-media{min-height:223px}
 .hero-circle-sticker{width:83px;height:83px}
 .side-promo{min-height:195px;padding:16px 13px}
 .side-promo h2{font-size:17px;max-width:100%}
 .side-promo .promo-kicker{font-size:9px}
 .side-promo .promo-link{font-size:11px;min-height:29px}
 .side-promo img{width:64%;height:44%;right:-14px;bottom:-12px}
 .features-strip{gap:0}
 .features-strip>div{padding:9px 0}
 .features-strip .icon{box-shadow:none}
 .categories-section .section-head h2{font-size:29px}
 .category-tile{flex-basis:164px;min-height:219px}
 .category-photo{height:129px}
 .category-tile strong{font-size:14px}
 .merchandise-section .section-head h2{font-size:31px}
 .pantry-editorial{min-height:224px;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr);border-radius:17px}
 .pantry-editorial-content{padding:18px 13px 18px 19px}
 .pantry-overline{font-size:8px;letter-spacing:.8px}
 .pantry-editorial-content>strong{font-size:22px;line-height:1.14}
 .pantry-editorial-description{font-size:11.5px;line-height:1.5}
 .pantry-editorial-link{font-size:10.5px}
 .pantry-editorial-photo img{object-position:60% center}
 .product-detail{min-height:180px;padding:12px 11px 13px}
 .product-name{font-size:14px;min-height:42px}
 .product-category{font-size:9px}
 .product-unit{font-size:11px}
 .product-price{font-size:18px}
 .product-bottom{padding-top:12px;margin-top:13px}
 .add-cart{font-size:11px;padding:0 9px;gap:4px}
 .add-cart .icon{width:14px;height:14px}
 .story-images{min-height:285px}
 .story-img-inset{max-height:130px}
 .story-stamp{width:112px;height:112px}
 .closing-cta>img{height:170px;min-height:170px}
 .footer-body{gap:26px}
}
@media(max-width:360px){
 .hero-quick-links>span{font-size:9px}
 .hero-quick-links a{font-size:10px;padding-inline:7px}
 .product-price{font-size:16px}
 .add-cart{min-width:44px;padding:0 9px}
 .add-cart span{display:none}
 .pantry-editorial-description{display:none}
 .pantry-editorial-content{gap:13px}
 .mobile-bottom-nav>a{font-size:10px}
}
/* Tablet portrait (including scrollbar-adjusted CSS viewports):
   editorial split shows headline and fresh produce together above the fold. */
@media(min-width:700px) and (max-width:960px) and (min-height:621px){
 .hero-panel{display:grid;grid-template-columns:1.03fr .97fr;min-height:440px}
 .hero-content{padding:29px 13px 22px 27px}
 .hero-content h1{font-size:clamp(37px,5.6vw,46px);line-height:1.04;letter-spacing:-1.45px}
 .hero-copy{font-size:13.5px;line-height:1.57;margin:14px 0 13px;max-width:340px}
 .hero-actions{gap:10px}
 .hero-actions .btn{min-height:46px;padding:12px 15px;font-size:12px}
 .hero-text-link{font-size:11.5px}
 .hero-quick-links{margin-top:10px;gap:5px}
 .hero-quick-links>span{display:none}
 .hero-quick-links a{min-height:40px;font-size:10.5px;padding:7px 9px}
 .hero-foot{display:none}
 .hero-media{min-height:440px}
 .hero-circle-sticker{width:80px;height:80px;font-size:10px}
 .hero-photo-caption{left:16px;bottom:20px}
 .hero-photo-caption strong{font-size:17px}
}
@media(min-width:700px) and (max-width:960px) and (max-height:620px){
 .hero-panel{grid-template-columns:1.04fr .96fr;min-height:337px}
 .hero-content{padding:21px 16px 17px 25px}
 .hero-content h1{font-size:39px}
 .hero-copy{font-size:12.5px;margin:11px 0 12px}
 .hero-quick-links{margin-top:10px}
 .hero-quick-links>span{display:none}
 .hero-foot{display:none}
 .hero-media{min-height:337px}
 .hero-photo-caption strong{font-size:17px}
}
/* Browsable inspiration cards lead to their OWN product detail page.
   These cards do not imply published SKUs, stock, or pricing. */
.product-inspiration{
  display:flex;flex-direction:column;min-width:0;color:var(--ink);
  text-decoration:none;isolation:isolate;
}
.product-inspiration .product-art{
  position:relative;display:block;overflow:hidden;
  background:#edf2e8;aspect-ratio:1.13;
}
.product-inspiration .product-art img{display:block;width:100%;height:100%;object-fit:cover}
.product-inspiration .product-detail{display:flex;flex:1;flex-direction:column;align-items:stretch;min-height:190px}
.product-inspiration .product-name{display:block;min-height:auto;font-size:17px;line-height:1.28;margin:2px 0 8px}
.product-inspiration .product-unit{
  font-size:12.5px;line-height:1.55;color:var(--muted);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  margin:0;min-height:38px;
}
.product-inspiration .inspiration-card-bottom{justify-content:flex-start;margin-top:auto;padding-top:13px}
.product-inspiration .category-feature-link{min-height:31px;font-size:12px;gap:9px}
.product-inspiration:hover .category-feature-link .icon,
.product-inspiration:focus-visible .category-feature-link .icon{transform:translateX(5px)}
.product-inspiration:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.product-inspiration:active{transform:translateY(0) scale(.99)}
/* Single product inspiration: image-led editorial with a useful enquiry path. */
.inspiration-layout{align-items:start;gap:6%}
.product-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted)}
.product-breadcrumbs a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;font-size:12px;padding-inline:2px}
.product-breadcrumbs a:hover{color:var(--red)}
.product-breadcrumbs [aria-current=page]{color:var(--pine);font-weight:750}
.inspiration-main-image{height:min(570px,43vw);min-height:380px;isolation:isolate}
.inspiration-main-image img{width:100%;height:100%;object-fit:cover}
.inspiration-main-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0c2c1f46);pointer-events:none}
.inspiration-photo-caption{
  position:absolute;bottom:23px;left:23px;z-index:2;
  color:#fff;background:#103a2bdb;border:1px solid #ffffff5c;
  border-radius:10px;padding:10px 13px;font-size:12px;letter-spacing:.3px;font-weight:820;
}
.inspiration-image-footnote{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 4px 0}
.inspiration-detail-lede{font-size:clamp(17px,1.5vw,22px);font-weight:730;letter-spacing:-.35px;color:#395342;line-height:1.48;max-width:510px;margin:2px 0 21px}
.inspiration-layout .detail-info{padding-top:24px}
.inspiration-layout .detail-info h1{font-size:clamp(38px,4vw,56px);margin-bottom:15px}
.inspiration-layout .detail-description{font-size:15px;line-height:1.8;margin:0 0 22px}
.inspiration-ideas{background:#edf4e9;border:1px solid #dbe8d6;border-radius:17px;padding:22px 23px;margin:22px 0}
.inspiration-ideas h2{font-size:17px;letter-spacing:-.3px;font-weight:850;margin:0 0 12px;color:var(--pine)}
.inspiration-ideas ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.inspiration-ideas li{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.55;color:#465a49}
.inspiration-ideas li .icon{width:21px;height:21px;flex:none;background:#d8e9d6;border-radius:50%;padding:4px}
.inspiration-actions{display:flex;gap:11px;flex-wrap:wrap;margin:24px 0 21px}
.inspiration-actions .btn{min-height:48px}
.inspiration-info-row{padding-top:17px;margin-top:7px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:11px}
.inspiration-info-row .icon{width:24px;height:24px}
.inspiration-layout + .recommendation-section{padding-top:3px}
@media(max-width:760px){
  .product-inspiration .product-detail{min-height:170px}
  .product-inspiration .product-name{font-size:15px}
  .product-inspiration .product-unit{font-size:12px;min-height:36px}
  .inspiration-layout{gap:22px}
  .inspiration-main-image{height:clamp(290px,65vw,450px);min-height:0}
  .inspiration-layout .detail-info{padding:6px 0 0}
  .inspiration-layout .detail-info h1{font-size:clamp(34px,7vw,45px)}
  .inspiration-ideas{padding:20px}
  .inspiration-actions .btn{min-width:172px}
}
@media(max-width:480px){
  .product-inspiration .product-detail{min-height:171px;padding:12px}
  .product-inspiration .product-name{font-size:14px}
  .product-inspiration .product-unit{font-size:11px;line-height:1.4;min-height:31px}
  .product-inspiration .product-badge{font-size:8px}
  .product-inspiration .category-feature-link{font-size:11px}
  .inspiration-main-image{height:300px}
  .inspiration-detail-lede{font-size:17px}
  .inspiration-actions{flex-direction:column;align-items:stretch}
  .inspiration-actions .btn{width:100%;justify-content:center}
  .product-breadcrumbs [aria-current=page]{display:none}
}
/* Media/query considerations: don't force motion for reduced-motion users */
@media(prefers-reduced-motion:reduce){
 .hero-circle-sticker,.hero-media>img,.mobile-nav:not([hidden]),.toast.is-visible{animation:none!important}
 .mobile-nav:not([hidden]),.hero-media>img{transition:none!important}
 .category-track{scroll-behavior:auto!important}
 .category-tile:hover,.side-promo:hover,.product-card:hover{transform:none}
 .story-img-inset{transform:none}
}