:root{--green:#258853;--deep:#183c2d;--mint:#eaf4e9;--orange:#ee6b43;--red:#f25445;--ink:#242b28;--muted:#8c928b;--bg:#f5f6f2;--line:#eff0eb;--nav:70px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;-webkit-tap-highlight-color:transparent}

*{box-sizing:border-box}
body{margin:0;background:#e8ede6}
button,input{font:inherit}
button{color:inherit;border:0;cursor:pointer;background:none;padding:0}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}
button:disabled{cursor:default}
a{color:inherit;text-decoration:none}
svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{max-width:500px;min-height:100dvh;background:var(--bg);margin:auto;position:relative;box-shadow:0 0 70px #234c2a0c}
main{min-height:100dvh;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 14px);outline:0}
h1,h2,h3,p{margin:0}
h1{font-size:22px}
h2{font-size:19px;letter-spacing:-.5px}
h3{font-size:16px}
.muted{color:var(--muted)}
.tiny{font-size:10px}
.demo-note{text-align:center;color:#9ca298;font-size:10px;padding:18px 0 3px;letter-spacing:.4px}
.row{display:flex;align-items:center}
.between{justify-content:space-between}
.spacer{flex:1}
.chevron{width:15px!important;height:15px!important;color:#a0a49d}
.section{margin:12px 12px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.section-title small{font-size:11px;color:#969d94;font-weight:400}
.pill{border-radius:20px;padding:4px 9px;display:inline-flex;align-items:center;font-size:10px;line-height:1.2}
.pill.green{background:#e7f3e5;color:#458547}
.pill.orange{background:#fff1e7;color:#ca8051}
.card{background:white;border-radius:16px}
.photo{background-image:url('assets/grocery-atlas.png');background-repeat:no-repeat;background-size:400% 400%;aspect-ratio:1;background-color:#fff;flex-shrink:0}
.price{color:var(--red);font-size:20px;font-weight:700;letter-spacing:-.4px}
.price small{font-size:12px;margin-right:1px}
.old-price{color:#b2b5ac;text-decoration:line-through;font-size:10px;margin-left:4px;font-weight:400}
.add-btn{border-radius:50%;width:25px;height:25px;color:#fff;background:var(--green);display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;line-height:1;flex-shrink:0}
.add-btn:active{transform:scale(.91)}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:500px;width:100%;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(18px);border-top:1px solid #e7eae2;display:flex;z-index:30}
.nav-item{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8a9089;font-size:10px;position:relative}
.nav-item .icon{width:25px;height:25px;stroke-width:1.5}
.nav-item.active{color:var(--green);font-weight:600}
.nav-item.active .icon{fill:#ddf0d8;stroke-width:1.7}
.nav-item .badge{position:absolute;top:0;left:calc(50% + 7px);background:var(--red);color:#fff;min-width:16px;height:16px;border-radius:9px;font-size:9px;line-height:16px;padding:0 4px;font-weight:500}
.top-title{padding:22px 18px 14px;background:white;display:flex;align-items:center;justify-content:space-between}
.top-title h1{font-size:21px}
.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}
.icon-btn:active{background:#edf0e8}
.home-top{background:linear-gradient(115deg,#fae6c8,#f5bb86);padding:18px 14px 0;position:relative;overflow:hidden}
.location-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.location{display:flex;align-items:center;font-size:17px;font-weight:700;gap:4px}
.location .icon{width:20px;color:#32774d;fill:#ffffff7a}
.location span{font-size:10px;font-weight:400;border:1px solid #ffffff77;border-radius:4px;padding:3px 5px;margin-left:2px;color:#7a6a53}
.location b{font-size:9px;margin-left:1px}
.notification{position:relative;color:#5a5f48}
.notification:after{content:"";position:absolute;right:6px;top:5px;width:5px;height:5px;background:#ef7950;border:2px solid #f8d1a7;border-radius:50%}
.search{height:40px;background:white;display:flex;align-items:center;border-radius:23px;padding:4px 5px 4px 12px;gap:7px;position:relative;z-index:2}
.search .icon{width:18px;height:18px;color:var(--orange)}
.search input{min-width:0;flex:1;border:0;background:none;outline:none;font-size:13px;padding:4px 0;color:#474d43}
.search input::placeholder{color:#a5a69c}
.search button{background:var(--orange);color:white;padding:7px 16px;border-radius:20px;font-size:12px}
.quick-chips{display:flex;gap:9px;white-space:nowrap;overflow:auto;scrollbar-width:none;padding:10px 0 6px}
.quick-chips button{font-size:11px;color:#9e5f38;background:#fffcf0c9;border-radius:20px;padding:3px 10px}
.hero{height:206px;margin:-2px -14px 0;background:url('assets/hotpot-hero.png') center right/cover;position:relative}
.hero-copy{position:absolute;left:20px;top:19px;max-width:45%}
.hero-kicker{font-size:10px;letter-spacing:2px;color:#b67645;margin-bottom:6px}
.hero h1{font-size:30px;line-height:1.22;letter-spacing:-1.7px;color:#af4432;font-weight:850}
.hero-copy p{font-size:12px;color:#a65c3e;margin-top:8px}
.hero-cta{background:#bd5b3c;color:white;font-size:10px;padding:7px 12px;margin-top:12px;border-radius:18px;display:inline-flex;align-items:center;gap:5px}
.hero-dots{position:absolute;left:50%;bottom:18px;display:flex;gap:4px}
.hero-dots i{width:4px;height:4px;background:#ffffff88;border-radius:3px}
.hero-dots i:first-child{width:12px;background:#fff}
.category-panel{margin:-8px 0 0;padding:14px 7px 9px;border-radius:22px 22px 0 0;background:white;position:relative;display:grid;grid-template-columns:repeat(5,1fr);row-gap:12px;z-index:1}
.category-shortcut{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;min-width:0}
.category-shortcut .photo{width:51px;height:51px;border-radius:50%;background-color:#f7faf5}
.quality-strip{background:white;display:flex;justify-content:center;gap:16px;padding:13px 8px 12px;font-size:9px;color:#638367}
.quality-strip span{display:flex;gap:3px;align-items:center}
.quality-strip .icon{width:12px;height:12px}
.member-banner{margin:0 12px;padding:13px 14px;border-radius:12px;background:linear-gradient(110deg,#d5edb7,#eff6d8 63%,#d6e5b7);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:#336d34}
.member-banner:before{content:"";width:100px;height:100px;position:absolute;right:36px;top:-63px;border:16px solid #8bb96e22;border-radius:50%}
.member-banner strong{font-size:19px;letter-spacing:1px}
.member-banner small{display:block;font-size:10px;margin-top:4px;color:#6f8b55}
.member-banner button{background:#3f804a;color:white;font-size:11px;border-radius:15px;padding:7px 11px;position:relative}
.promos{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 12px 0}
.promo{background:white;border-radius:14px;padding:13px 10px 10px;min-width:0}
.promo-head{display:flex;gap:5px;align-items:center;white-space:nowrap}
.promo h2{font-size:15px}
.countdown{display:flex;font-size:9px;gap:2px;align-items:center;color:var(--red)}
.countdown b{background:var(--red);border-radius:3px;color:white;font-weight:500;padding:2px}
.promo-note{font-size:9px;margin-top:5px;color:#a4a796}
.promo-products{display:flex;gap:4px;margin-top:7px}
.promo-product{width:50%;min-width:0;text-align:left}
.promo-product .photo{width:100%;border-radius:7px}
.promo-product .price{font-size:16px}
.promo-product .price small{font-size:10px}
.new-tag{font-size:9px;background:#e0f0d9;color:#548e47;padding:3px 5px;border-radius:8px}
.home-recommend{margin-top:19px}
.home-recommend .section-title{padding:0 3px;margin-bottom:10px}
.home-recommend h2{display:flex;align-items:center;gap:6px}
.home-recommend h2 .icon{width:18px;height:18px;color:var(--green)}
.filter-chips{display:flex;gap:7px;margin-bottom:12px;overflow:auto;scrollbar-width:none}
.filter-chips button{white-space:nowrap;background:#fff;padding:7px 13px;border-radius:20px;font-size:11px;color:#81887a;border:1px solid transparent}
.filter-chips button.selected{color:var(--green);border-color:#accb9a;background:#edf5e5;font-weight:600}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-card{background:white;border-radius:14px;padding:9px;min-width:0;position:relative}
.product-image{width:100%;display:block;position:relative}
.product-image .photo{width:100%;border-radius:9px}
.product-flag{position:absolute;left:0;top:1px;font-size:9px;background:#f7eadb;color:#a37042;padding:3px 6px;border-radius:5px}
.product-name{text-align:left;display:block;width:100%;font-size:13px;font-weight:600;line-height:1.5;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-desc{font-size:10px;color:#a0a392;height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-label{font-size:9px;color:#c98745;border:1px solid #efdabd;border-radius:3px;padding:1px 3px;display:inline-block;margin-top:2px}
.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.product-footer .price{font-size:19px}
.category-header{background:#fff;padding:18px 14px 10px;position:sticky;top:0;z-index:10}
.category-header .search{background:#f5f6f1}
.category-header .search button{display:none}
.category-header .search .icon{color:#84927f}
.category-layout{display:flex;min-height:calc(100dvh - 160px)}
.category-sidebar{width:86px;background:#f0f2ec;flex-shrink:0;padding-top:6px}
.category-sidebar button{font-size:12px;display:block;width:100%;padding:19px 4px;color:#737c71;position:relative}
.category-sidebar button.active{background:#fff;color:var(--green);font-weight:700}
.category-sidebar button.active:before{content:"";width:3px;height:20px;border-radius:2px;background:var(--green);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.category-content{background:white;flex:1;padding:12px;min-width:0}
.category-title{margin:2px 0 13px;font-size:16px}
.category-banner{background:#eef4e4;border-radius:9px;padding:12px 11px;margin-bottom:9px;color:#527140}
.category-banner strong{font-size:15px}
.category-banner p{font-size:10px;margin-top:5px;color:#8a9b73}
.sort-row{display:flex;gap:20px;font-size:11px;border-bottom:1px solid var(--line);padding:10px 0 12px;color:#9ba292}
.sort-row button.selected{color:var(--green);font-weight:600}
.list-product{display:flex;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}
.list-product>button{width:88px;flex-shrink:0}
.list-product .photo{width:100%;border-radius:8px}
.list-product .product-info{flex:1;min-width:0;display:flex;flex-direction:column}
.list-product .product-name{white-space:normal;margin-top:1px;font-size:12px}
.list-product .product-desc{font-size:10px;height:auto;line-height:1.5}
.list-product .product-footer{margin-top:auto;padding-top:8px}
.list-product .price{font-size:17px}
.list-product .add-btn{width:22px;height:22px;font-size:19px}
.recipes-top{padding:23px 18px 16px;background:#faf7ef}
.recipes-top .eyebrow{font-size:10px;color:#b7a57e;letter-spacing:2px;margin-bottom:6px}
.recipes-top h1{font-size:26px;color:#3c4e33;letter-spacing:-.7px}
.recipes-top p{font-size:11px;color:#9d9d83;margin-top:8px}
.recipe-tabs{display:flex;margin:0 14px;gap:23px;padding:16px 2px 13px}
.recipe-tabs button{font-size:13px;color:#929988;padding-bottom:5px}
.recipe-tabs button.active{color:#345b35;font-weight:700;border-bottom:3px solid #70935f}
.recipe-feature{margin:0 12px;border-radius:16px;overflow:hidden;background:#f2e3cf}
.recipe-feature-image{height:225px;background:url('assets/hotpot-hero.png') 80% center/cover;position:relative}
.recipe-feature-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#30250d8f)}
.recipe-badge{position:absolute;top:14px;left:14px;background:#ffffffeb;color:#716044;border-radius:20px;padding:5px 10px;font-size:10px;z-index:1}
.recipe-image-text{position:absolute;bottom:18px;left:18px;color:white;z-index:1;text-align:left}
.recipe-image-text small{font-size:10px;color:#f8e7d3;letter-spacing:2px}
.recipe-image-text h2{font-size:24px;margin:6px 0 7px;letter-spacing:.5px}
.recipe-image-text p{font-size:11px;color:#f0e7d9}
.recipe-feature-footer{background:#fff;padding:13px 15px;display:flex;justify-content:space-between;align-items:center}
.recipe-feature-footer span{font-size:10px;color:#999e90}
.recipe-feature-footer button{font-size:11px;color:#4b7944;background:#edf4e7;padding:7px 12px;border-radius:18px}
.recipe-small{display:flex;width:100%;text-align:left;gap:12px;padding:11px;background:white;border-radius:14px;margin-bottom:10px}
.recipe-small .photo{width:103px;border-radius:10px}
.recipe-small .recipe-small-info{display:flex;flex-direction:column;align-items:flex-start;padding:5px 0;min-width:0}
.recipe-small h3{font-size:14px}
.recipe-small p{font-size:11px;color:#9a9e8f;margin-top:7px;line-height:1.6}
.recipe-small .pill{margin-top:auto}
.cart-top{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}
.text-action{font-size:12px;color:#7b8577}
.delivery-line{padding:12px 16px;background:#edf3e5;font-size:11px;color:#678153;display:flex;align-items:center;gap:5px}
.delivery-line .icon{width:15px;height:15px}
.cart-wrap{padding:13px 12px}
.cart-group{background:white;border-radius:15px;padding:0 12px}
.cart-group-head{display:flex;align-items:center;padding:15px 0 11px;font-size:13px;gap:8px;border-bottom:1px solid var(--line)}
.cart-group-head .icon{width:17px;height:17px;color:var(--green)}
.cart-group-head small{font-size:9px;color:#b0b5a6;margin-left:auto}
.cart-row{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}
.cart-row:last-child{border-bottom:0}
.check-circle{width:19px;height:19px;border:1px solid #d8dfcf;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.check-circle.checked{background:var(--green);border-color:var(--green);color:white}
.check-circle .icon{width:13px;height:13px;stroke-width:2.3}
.cart-row>.photo-button{width:78px;flex-shrink:0}
.cart-row .photo{width:100%;border-radius:8px}
.cart-row-info{min-width:0;flex:1}
.cart-row-info h3{font-size:12px;line-height:1.5}
.cart-row-info p{font-size:10px;color:#a2a693;margin-top:3px}
.cart-price-line{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:5px}
.cart-price-line .price{font-size:17px}
.quantity{display:inline-flex;align-items:center;height:25px;border:1px solid #e9ece2;border-radius:6px;overflow:hidden;flex-shrink:0}
.quantity button{width:24px;height:25px;font-size:17px;color:#6c7862}
.quantity span{min-width:22px;font-size:11px;text-align:center;background:#f4f6f0;line-height:25px}
.coupon-row{margin-top:12px;background:white;border-radius:13px;padding:14px 12px;display:flex;align-items:center;font-size:12px;gap:7px}
.coupon-row .icon{width:16px;height:16px;color:#b18f5d}
.coupon-row span{margin-left:auto;font-size:11px;color:#c29c70}
.cart-info-note{padding:10px 3px;font-size:10px;color:#a0a691;line-height:1.7}
.cart-recommend{margin:18px 0 60px}
.cart-checkout{position:fixed;bottom:calc(var(--nav) + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:500px;width:100%;background:#fffffff5;border-top:1px solid #ecefe4;z-index:25;display:flex;align-items:center;padding:10px 13px;gap:7px;height:66px}
.cart-checkout .select-all{font-size:11px;color:#8a9381;display:flex;align-items:center;gap:5px}
.checkout-total{margin-left:auto;font-size:11px}
.checkout-total .price{font-size:22px}
.checkout-total small{display:block;font-size:9px;color:#9aa18c;text-align:right;margin-top:1px}
.primary-button{background:var(--green);color:white;padding:13px 22px;border-radius:23px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.checkout-button{margin-left:7px;padding:13px 18px}
.primary-button:active{filter:brightness(.94)}
.empty-state{text-align:center;padding:65px 10px;color:#8f9a84}
.empty-state .icon{width:52px;height:52px;stroke-width:1;color:#b7c5a7}
.empty-state h3{margin-top:15px;font-size:15px;color:#6b7a60}
.empty-state p{font-size:11px;margin:9px 0 18px;line-height:1.8}
.profile-top{background:linear-gradient(140deg,#e2ebd2,#f2f5e4);padding:18px 18px 22px}
.profile-settings{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.brand-mark{font-size:12px;color:#789066;letter-spacing:1px;display:flex;gap:4px;align-items:center}
.brand-mark .icon{width:17px;height:17px}
.profile-person{display:flex;align-items:center;gap:13px}
.avatar{width:62px;height:62px;background:linear-gradient(135deg,#b4d5a2,#8fbf76);border:3px solid #fff9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}
.avatar .icon{width:32px;height:32px;stroke-width:1.2}
.profile-person h1{font-size:22px;color:#334e2e;letter-spacing:.3px}
.profile-person p{font-size:10px;color:#8b9d77;margin-top:7px}
.profile-person>.icon{margin-left:auto;width:17px;color:#8b9e77}
.profile-stats{display:flex;justify-content:space-around;margin-top:23px}
.stat{text-align:center}
.stat strong{font-size:20px;display:block;color:#48663c}
.stat span{font-size:10px;color:#829372;display:block;margin-top:6px}
.profile-member{margin:0 12px;position:relative;top:-5px;border-radius:13px;background:linear-gradient(110deg,#304e31,#5d7641);padding:17px 15px;color:#efdfb3;display:flex;align-items:center;justify-content:space-between}
.profile-member h2{font-size:17px;font-weight:500;letter-spacing:1px}
.profile-member p{font-size:10px;color:#ced8b4;margin-top:6px}
.profile-member button{font-size:11px;background:#e5d5a7;color:#57633d;padding:7px 11px;border-radius:20px}
.profile-section{margin:10px 12px 0;padding:16px 14px}
.profile-section .section-title{margin-bottom:18px}
.profile-section h2{font-size:15px}
.order-types{display:flex;justify-content:space-around}
.order-types button{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:9px;color:#6c7661}
.order-types .icon{width:25px;height:25px;color:#737f65;stroke-width:1.4}
.order-types button:first-child .icon{color:#aa8b52}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:25px;padding:5px 0 7px}
.tools-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#7b8470}
.tools-grid .icon{color:#648454;width:24px;height:24px;stroke-width:1.4}
.green-living{margin:12px;border-radius:13px;background:#edf2e2;padding:16px;display:flex;justify-content:space-between;align-items:center}
.green-living h3{font-size:14px;color:#5b7545}
.green-living p{font-size:10px;color:#94a07e;margin-top:6px}
.green-living .icon{width:35px;height:35px;color:#96b47d;stroke-width:1.1}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%,10px);max-width:min(85vw,370px);background:#26362de8;color:white;padding:12px 18px;border-radius:12px;font-size:12px;line-height:1.6;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.modal-backdrop{position:fixed;inset:0;background:#14221a70;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#fff;width:100%;max-width:500px;border-radius:24px 24px 0 0;max-height:91dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);position:relative;animation:sheet-in .25s ease-out}
.sheet-close{position:absolute;top:14px;right:14px;z-index:2;background:#f2f4eecf;color:#64765a}
.sheet-handle{width:35px;height:4px;background:#dce1d5;border-radius:3px;margin:10px auto}
.sheet-content{padding:20px}
.sheet-content h2{font-size:21px}
.sheet-content>p{color:#8c9681;font-size:12px;margin-top:10px;line-height:1.9}
.sheet-content .primary-button{width:100%;margin-top:22px}
.sheet-product-photo{width:80%;max-width:300px;margin:10px auto 0}
.sheet-product-detail{padding:0 22px 22px}
.sheet-product-detail h2{font-size:23px;margin-top:10px}
.sheet-product-detail>p{font-size:12px;color:#9aa28b;margin-top:8px;line-height:1.7}
.sheet-product-detail .price{font-size:28px}
.detail-tags{display:flex;gap:6px;margin:17px 0}
.detail-specs{border-radius:10px;background:#f6f8f2;padding:13px;font-size:11px;color:#7e8c71;line-height:2}
.detail-action{display:flex;gap:9px;margin-top:20px}
.detail-action .primary-button{flex:1}
.outline-button{border:1px solid #b7cfa8;color:var(--green);border-radius:23px;padding:12px 19px;font-size:12px}
.sheet-recipe-hero{height:180px;background:url('assets/hotpot-hero.png') center/cover}
.ingredient{display:flex;justify-content:space-between;align-items:center;margin-top:11px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:12px}
.ingredient .photo{width:45px;border-radius:8px;margin-right:10px}
.ingredient .price{font-size:15px;margin-left:auto}
.ingredient .add-btn{margin-left:12px}
.steps{color:#79866e;font-size:12px;line-height:1.9;margin-top:12px;padding-left:20px}
.sheet-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}
.sheet-row span{color:#9aa28c}
.coupon-card{background:#fcf2e8;border:1px solid #f1dfc9;border-radius:10px;padding:17px;display:flex;gap:15px;align-items:center;margin-top:12px}
.coupon-card strong{font-size:30px;color:#c79155}
.coupon-card p{font-size:12px;color:#99764d;line-height:1.8}
.search-heading{padding:22px 15px 8px}
.search-back{font-size:12px;color:var(--green);margin-bottom:13px}
.search-heading h1{font-size:20px}
.search-heading p{font-size:11px;color:#99a18f;margin-top:8px}
.search-results{padding:12px}
.app-shell.search-mode .bottom-nav{display:flex}
.no-scroll{overflow:hidden}
.info-page{padding:10px 0 20px}
.info-page p{font-size:12px;line-height:1.9;color:#88957b;margin:13px 0}
.info-page .empty-state{padding:25px 5px}
.accessibility-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes sheet-in{from{transform:translateY(25px);opacity:.6}
to{transform:translateY(0);opacity:1}
}
@media(min-width:700px){body{background:radial-gradient(ellipse at 15% 10%,#f1e9d6,transparent 55%),#e7ede3}
.app-shell{border-left:1px solid #e0e6d9;border-right:1px solid #e0e6d9}
.hero{height:219px}
.hero-copy{left:25px;top:32px}
.hero h1{font-size:35px}
.category-shortcut .photo{width:61px;height:61px}
.category-panel{row-gap:16px}
.sheet{margin-bottom:25px;border-radius:24px;max-height:87dvh}
.modal-backdrop{align-items:center}
.category-sidebar{width:96px}
}
@media(max-width:359px){.location{font-size:15px}
.location span{font-size:9px}
.hero h1{font-size:27px}
.category-shortcut{font-size:10px}
.category-shortcut .photo{width:45px;height:45px}
.promo h2{font-size:13px}
.promo{padding:12px 8px}
.category-sidebar{width:72px}
.category-content{padding:9px}
.list-product>button{width:72px}
.list-product{gap:7px}
.quantity button{width:21px}
.cart-row{gap:6px}
.cart-row>.photo-button{width:63px}
.cart-checkout{padding:10px 9px}
.checkout-button{padding:13px 13px}
.quality-strip{gap:10px}
}