:root{--color-primary-900:#06351f;--color-primary-800:#064e2e;--color-primary-700:#07663b;--color-primary-600:#0a7d3f;--color-primary-500:#0e9f4f;--color-primary-400:#10b981;--color-primary-300:#34d399;--color-primary-200:#a7f3d0;--color-primary-100:#d1fae5;--color-primary-50:#ecfdf5;--chrome-gradient:linear-gradient(135deg,#f4f4f4,#d0d0d0 40%,#bdbdbd 55%,#d8d8d8 70%,#e8e8e8);--chrome-dark-gradient:linear-gradient(135deg,#e0e0e0,#b0b0b0 40%,#9e9e9e 55%,#c0c0c0 70%,#d4d4d4);--color-chrome-mid:#c8c8c8;--color-chrome-light:#ebebeb;--color-bg:#f8faf9;--color-surface:#ffffff;--color-surface-2:#f2f7f4;--color-text:#13241b;--color-text-2:#3d5c48;--color-text-3:#6b8c78;--color-text-muted:#9db8a8;--color-border:#e0ebe5;--color-border-2:#ccddd4;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-star:#f59e0b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 4px rgba(6,53,31,.06),0 1px 2px rgba(6,53,31,.04);--shadow-md:0 4px 16px rgba(6,53,31,.10),0 1px 4px rgba(6,53,31,.06);--shadow-lg:0 8px 32px rgba(6,53,31,.14),0 2px 8px rgba(6,53,31,.08);--shadow-xl:0 20px 60px rgba(6,53,31,.18),0 8px 20px rgba(6,53,31,.10);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-body:"Noto Sans Thai","Inter",system-ui,-apple-system,sans-serif;--font-display:"Inter","Noto Sans Thai",system-ui,sans-serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.checkout-page{padding-top:var(--space-10);padding-bottom:var(--space-16);min-height:65vh}.checkout-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8)}.checkout-heading h1{font-size:2rem;color:var(--color-primary-800)}.checkout-kicker{color:var(--color-primary-600);font-weight:700}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.checkout-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.checkout-card h2{margin-bottom:var(--space-5)}.checkout-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.checkout-form label{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-text-2);font-weight:600}.checkout-form input{width:100%;border:1.5px solid var(--color-border-2);border-radius:var(--radius-sm);padding:.75rem;font:inherit;outline:none}.checkout-form input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.order-summary{position:-webkit-sticky;position:sticky;top:92px}.checkout-items{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.checkout-item,.checkout-totals>div{display:flex;justify-content:space-between;gap:var(--space-3)}.checkout-item div{display:grid}.checkout-item span,.checkout-muted{color:var(--color-text-3);font-size:.88rem}.checkout-totals{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4) 0}.checkout-grand-total{font-size:1.15rem;font-weight:800;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.checkout-error{color:var(--color-danger);background:#fef2f2;border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-3) 0}.checkout-empty,.checkout-success{max-width:600px;margin:var(--space-10) auto;text-align:center;background:white;border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-md)}.checkout-success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto var(--space-4);border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-700);font-size:2rem;font-weight:800}.checkout-empty p,.checkout-success p{margin:var(--space-3) 0}.checkout-empty>div{font-size:3rem}.checkout-empty .btn{margin:var(--space-4) var(--space-2) 0}@media (max-width:800px){.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}.checkout-fields{grid-template-columns:1fr}.checkout-heading{align-items:start;gap:var(--space-3);flex-direction:column}}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}ol,ul{list-style:none}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-5)}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)}.btn,.visually-hidden{overflow:hidden;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1.4rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:600;transition:all var(--transition-normal);position:relative}.btn:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);transition:background var(--transition-fast)}.btn:hover:after{background:rgba(255,255,255,.12)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:#fff;box-shadow:0 4px 14px rgba(10,125,63,.35),0 1px 4px rgba(10,125,63,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(10,125,63,.45),0 2px 6px rgba(10,125,63,.25)}.btn-chrome{background:var(--chrome-gradient);color:var(--color-primary-800);border:1px solid var(--color-chrome-mid);box-shadow:var(--shadow-sm)}.btn-chrome:hover{background:var(--chrome-dark-gradient);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-400)}.btn-outline:hover{background:var(--color-primary-50)}.btn-ghost{background:transparent;color:var(--color-text-2)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px rgba(239,68,68,.35)}.btn-danger:hover{transform:translateY(-1px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--color-border);box-shadow:0 2px 12px rgba(6,53,31,.07)}.header-inner{gap:var(--space-4);height:68px}.header-inner,.logo-link{display:flex;align-items:center}.logo-link{gap:var(--space-3);flex-shrink:0;transition:opacity var(--transition-fast)}.logo-link:hover{opacity:.85}.logo-hex-wrap{width:44px;height:44px;flex-shrink:0}.logo-wordmark{display:flex;flex-direction:column;line-height:1}.logo-wordmark-main{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,var(--color-primary-700) 30%,var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-wordmark-sub{font-size:.6rem;font-weight:500;color:var(--color-text-3);letter-spacing:.15em;text-transform:uppercase;margin-top:1px}.header-search{flex:1 1;max-width:500px;position:relative}.header-search input{width:100%;padding:.55rem 1rem .55rem 2.8rem;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface-2);font-family:var(--font-body);font-size:.9rem;color:var(--color-text);transition:all var(--transition-normal);outline:none}.header-search input:focus{border-color:var(--color-primary-400);background:var(--color-surface);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.header-search input::placeholder{color:var(--color-text-muted)}.header-search .search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.header-nav a{padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--color-text-2);transition:all var(--transition-fast);white-space:nowrap}.header-nav a:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.cart-btn{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:.5rem 1.1rem .5rem .9rem;border-radius:var(--radius-pill);background:var(--color-primary-500);color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all var(--transition-normal);box-shadow:0 3px 10px rgba(10,125,63,.3)}.cart-btn:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:0 5px 16px rgba(10,125,63,.4)}.cart-btn:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}.cart-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:var(--radius-pill);background:#ef4444;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff;transition:transform var(--transition-fast)}.cart-badge.bump{animation:badgeBump .3s cubic-bezier(.36,.07,.19,.97)}@keyframes badgeBump{0%,to{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-900) 0,var(--color-primary-800) 35%,var(--color-primary-700) 65%,var(--color-primary-600) 100%);padding:var(--space-16) 0}.hero:before{inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(16,185,129,.18) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 15% 80%,rgba(16,185,129,.1) 0,transparent 60%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:after{width:500px;height:500px;border-radius:50%;border:60px solid rgba(16,185,129,.06);right:-120px;top:-120px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem 1rem;border-radius:var(--radius-pill);background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.35);color:var(--color-primary-300);font-size:.82rem;font-weight:600;letter-spacing:.03em}.hero-badge,.hero-title{margin-bottom:var(--space-5)}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;color:#fff;line-height:1.2}.hero-title .accent{display:block;background:linear-gradient(90deg,var(--color-primary-300),var(--color-primary-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;color:rgba(255,255,255,.75);max-width:440px;line-height:1.7;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-actions .btn{font-size:1rem;padding:.75rem 1.8rem}.hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.12)}.hero-stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:#fff}.hero-stat-label{font-size:.82rem;color:rgba(255,255,255,.6);margin-top:2px}.hero-visual{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-end}.hero-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);width:100%;max-width:420px}.hero-mini-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:transform var(--transition-normal)}.hero-mini-card:hover{transform:translateY(-4px)}.hero-mini-card .emoji{font-size:2.4rem;display:block;margin-bottom:var(--space-2)}.hero-mini-card .label{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85)}.hero-mini-card .price{font-size:.78rem;color:var(--color-primary-300);font-weight:700;margin-top:2px}.hero-mini-card-lg{grid-column:span 2;display:flex;align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-5) var(--space-6)}.hero-mini-card-lg .emoji{font-size:3rem;margin-bottom:0}.hero-mini-card-lg .info{flex:1 1}.hero-mini-card-lg .info strong{display:block;font-size:.9rem;color:rgba(255,255,255,.9);font-weight:700}.hero-mini-card-lg .info span{font-size:.8rem;color:rgba(255,255,255,.6)}.hero-mini-card-lg .badge-new{background:var(--color-primary-400);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-pill)}.section{padding:var(--space-12) 0}.section-sm{padding:var(--space-8) 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.section-title:before{content:"";width:4px;height:1.4em;border-radius:var(--radius-pill);background:linear-gradient(to bottom,var(--color-primary-400),var(--color-primary-600));flex-shrink:0}.section-link{font-size:.9rem;font-weight:600;color:var(--color-primary-500);display:flex;align-items:center;gap:4px;transition:gap var(--transition-fast);white-space:nowrap}.section-link:hover{gap:8px}.categories-strip{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.categories-inner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.categories-inner::-webkit-scrollbar{display:none}.cat-chip{display:flex;align-items:center;gap:var(--space-2);padding:.5rem 1.2rem;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-2);font-size:.88rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all var(--transition-normal)}.cat-chip:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cat-chip.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:0 4px 12px rgba(10,125,63,.3)}.cat-chip .cat-emoji{font-size:1.1rem}.promo-banner{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-700) 100%);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);position:relative;overflow:hidden;margin-bottom:var(--space-8)}.promo-banner:after{content:"🎉";position:absolute;right:160px;top:50%;transform:translateY(-50%);font-size:5rem;opacity:.15;pointer-events:none}.promo-left{z-index:1}.promo-tag{display:inline-block;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.9);font-size:.75rem;font-weight:700;padding:.2rem .7rem;border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-3)}.promo-headline{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:var(--space-2)}.promo-sub{font-size:.9rem;color:rgba(255,255,255,.75)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.product-badge-wrap{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;display:flex;flex-direction:column;gap:var(--space-1)}.product-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-hot{background:#ef4444;color:#fff}.badge-new{background:var(--color-primary-500);color:#fff}.badge-sale{background:var(--color-warning);color:#fff}.product-img-area{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.product-img-area .product-emoji{font-size:4.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));transition:transform var(--transition-normal);z-index:1;position:relative}.product-card:hover .product-emoji{transform:scale(1.1) rotate(-3deg)}.img-bg-rice{background:linear-gradient(145deg,#fef9f0,#fde68a 60%,#fcd34d)}.img-bg-oil{background:linear-gradient(145deg,#fefce8,#fef08a 60%,#fde047)}.img-bg-sauce{background:linear-gradient(145deg,#fff1f2,#fecdd3 60%,#fda4af)}.img-bg-water{background:linear-gradient(145deg,#eff6ff,#bfdbfe 60%,#93c5fd)}.img-bg-snack{background:linear-gradient(145deg,#fff7ed,#fed7aa 60%,#fdba74)}.img-bg-noodle{background:linear-gradient(145deg,#faf5ff,#e9d5ff 60%,#d8b4fe)}.img-bg-sugar{background:linear-gradient(145deg,#f0fdf4,#bbf7d0 60%,#86efac)}.img-bg-home{background:linear-gradient(145deg,#f0f9ff,#bae6fd 60%,#7dd3fc)}.product-info{padding:var(--space-4);flex:1 1;display:flex;flex-direction:column}.product-brand{font-size:.72rem;font-weight:700;color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.product-name{font-size:.95rem;font-weight:700;color:var(--color-text);line-height:1.4;margin-bottom:var(--space-2);flex:1 1}.product-weight{font-size:.78rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.product-rating{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;margin-bottom:var(--space-4)}.stars{color:var(--color-star);letter-spacing:-1px}.rating-count{color:var(--color-text-muted);font-size:.75rem}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.product-price-wrap{display:flex;flex-direction:column}.product-price-old{font-size:.75rem;color:var(--color-text-muted);text-decoration:line-through}.product-price{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-primary-600)}.add-to-cart-btn{display:flex;align-items:center;gap:var(--space-1);padding:.5rem 1rem;border-radius:var(--radius-pill);background:var(--color-primary-500);color:#fff;font-size:.82rem;font-weight:700;transition:all var(--transition-normal);white-space:nowrap;box-shadow:0 3px 8px rgba(10,125,63,.25)}.add-to-cart-btn:hover{background:var(--color-primary-600);transform:scale(1.05);box-shadow:0 4px 12px rgba(10,125,63,.4)}.add-to-cart-btn:active{transform:scale(.97)}.add-to-cart-btn:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}.features-strip{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.feature-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-50);border:2px solid var(--color-primary-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform var(--transition-normal)}.feature-item:hover .feature-icon-wrap{transform:translateY(-3px);background:var(--color-primary-100)}.feature-title{font-weight:700;font-size:.95rem;color:var(--color-text)}.feature-desc{font-size:.82rem;color:var(--color-text-3);line-height:1.5}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:all;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:2px solid var(--color-primary-200);min-width:280px;max-width:360px;position:relative;overflow:hidden;animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.toast.removing{animation:toastSlideOut .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1);max-height:100px;margin-bottom:0}to{opacity:0;transform:translateX(120%) scale(.9);max-height:0;margin-bottom:-8px}}.toast-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.toast-body{flex:1 1;min-width:0}.toast-title{font-size:.88rem;font-weight:700;color:var(--color-text);margin-bottom:2px}.toast-msg{font-size:.8rem;color:var(--color-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-check{width:24px;height:24px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500));border-radius:0 0 0 var(--radius-pill);animation:toastProgress 3s linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0}}.cart-backdrop{position:fixed;inset:0;background:rgba(13,36,27,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.cart-backdrop.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100dvh;background:var(--color-surface);z-index:201;display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.cart-drawer.open{transform:translateX(0)}.cart-header{justify-content:space-between;padding:var(--space-6);border-bottom:1.5px solid var(--color-border)}.cart-header,.cart-title{display:flex;align-items:center}.cart-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-text);gap:var(--space-2)}.cart-count-pill{background:var(--color-primary-500);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:var(--radius-pill)}.cart-close-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-3);transition:all var(--transition-fast)}.cart-close-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.cart-items{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.cart-items::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-track{background:transparent}.cart-items::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-pill)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--color-text-muted);text-align:center;padding:var(--space-10)}.cart-empty .empty-emoji{font-size:3.5rem}.cart-empty p{font-size:.95rem;font-weight:500}.cart-empty small{font-size:.82rem}.cart-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);animation:fadeInUp .2s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cart-item-img{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{font-size:.88rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.cart-item-unit{font-size:.75rem;color:var(--color-text-muted)}.cart-item-price{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--color-primary-600);white-space:nowrap}.cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.qty-control{gap:var(--space-1);background:var(--color-surface-2);border-radius:var(--radius-pill);padding:2px}.qty-btn,.qty-control{display:flex;align-items:center}.qty-btn{width:26px;height:26px;border-radius:50%;background:var(--color-surface);color:var(--color-text);font-size:1rem;font-weight:700;justify-content:center;transition:all var(--transition-fast);border:1px solid var(--color-border);line-height:1}.qty-btn:hover{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.qty-btn:focus-visible{outline:2px solid var(--color-primary-400)}.qty-num{min-width:24px;text-align:center;font-size:.88rem;font-weight:700;color:var(--color-text)}.remove-item-btn{font-size:.72rem;color:var(--color-text-muted);text-decoration:underline;transition:color var(--transition-fast)}.remove-item-btn:hover{color:var(--color-danger)}.cart-footer{padding:var(--space-6);border-top:1.5px solid var(--color-border);background:var(--color-surface)}.cart-summary{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--color-text-2);padding:3px 0}.cart-summary-row.total{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1.5px solid var(--color-border);font-size:1.05rem;font-weight:800;color:var(--color-text)}.cart-summary-row.total .total-price{font-family:var(--font-display);font-size:1.3rem;color:var(--color-primary-600)}.checkout-btn{width:100%;padding:.9rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-700) 100%);color:#fff;font-size:1rem;font-weight:700;text-align:center;transition:all var(--transition-normal);box-shadow:0 4px 16px rgba(10,125,63,.4);border:none;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(10,125,63,.5)}.checkout-btn:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(13,36,27,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-backdrop.open{opacity:1;pointer-events:all}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10);max-width:400px;width:100%;box-shadow:var(--shadow-xl),0 0 0 1px rgba(16,185,129,.1);transform:scale(.85) translateY(20px);opacity:0;transition:transform var(--transition-slow),opacity var(--transition-slow);position:relative;overflow:hidden}.modal-backdrop.open .modal{transform:scale(1) translateY(0);opacity:1}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600),var(--color-primary-400));background-size:200%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.modal-icon{width:72px;height:72px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto var(--space-6)}.modal-icon.danger{background:#fff1f2;border:2px solid #fecdd3}.modal-icon.success{background:var(--color-primary-50);border:2px solid var(--color-primary-200)}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--color-text);text-align:center;margin-bottom:var(--space-3)}.modal-body{font-size:.9rem;color:var(--color-text-3);text-align:center;line-height:1.6;margin-bottom:var(--space-6)}.modal-body strong{color:var(--color-text);font-weight:700}.modal-price-pill{display:inline-block;background:var(--color-primary-50);border:2px solid var(--color-primary-200);color:var(--color-primary-700);font-family:var(--font-display);font-size:1.5rem;font-weight:800;padding:.4rem 1.4rem;border-radius:var(--radius-pill);margin:var(--space-3) 0 var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);flex-direction:column}.modal-actions .btn{width:100%;justify-content:center;font-size:1rem;padding:.8rem 1.5rem}.chrome-divider{height:1px;background:var(--chrome-gradient);border:none;margin:var(--space-6) 0}.site-footer{background:var(--color-primary-900);color:rgba(255,255,255,.75);margin-top:var(--space-16)}.footer-top{padding:var(--space-12) 0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10)}.footer-brand .logo-link{margin-bottom:var(--space-5)}.footer-brand .logo-wordmark-main{-webkit-text-fill-color:unset;color:#fff;background:none}.footer-brand .logo-wordmark-sub{color:rgba(255,255,255,.5)}.footer-desc{font-size:.88rem;line-height:1.7;color:rgba(255,255,255,.6);max-width:280px;margin-bottom:var(--space-5)}.footer-contact-row{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:var(--space-2)}.footer-contact-row a:hover{color:var(--color-primary-300)}.footer-col-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col ul li a{font-size:.88rem;color:rgba(255,255,255,.6);transition:color var(--transition-fast)}.footer-col ul li a:hover{color:var(--color-primary-300)}.footer-bottom{padding:var(--space-5) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom p{font-size:.82rem;color:rgba(255,255,255,.45)}.footer-badges{display:flex;gap:var(--space-3)}.footer-badge{display:flex;align-items:center;gap:6px;padding:.3rem .8rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:.75rem;color:rgba(255,255,255,.65)}@media (max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-visual{align-items:center}.hero-cards-grid{max-width:100%}.features-strip{grid-template-columns:repeat(2,1fr)}.header-nav{display:none}}@media (max-width:700px){.product-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:var(--space-5)}.promo-banner{flex-direction:column;text-align:center}.promo-banner:after{display:none}.features-strip{grid-template-columns:1fr 1fr;padding:var(--space-6);gap:var(--space-4)}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.container{padding:0 var(--space-4)}.hero{padding:var(--space-10) 0}.hero-title{font-size:1.7rem}.product-info{padding:var(--space-3)}.product-name{font-size:.85rem}.product-price{font-size:1rem}.add-to-cart-btn{font-size:.75rem;padding:.4rem .7rem}.header-search{display:none}.cart-drawer{width:100vw}.modal{padding:var(--space-6);border-radius:var(--radius-lg)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:unset;max-width:100%}}.scroll-top-btn{position:fixed;bottom:var(--space-6);left:var(--space-6);width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-2);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);opacity:0;pointer-events:none;z-index:50}.scroll-top-btn.visible{opacity:1;pointer-events:all}.scroll-top-btn:hover{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:translateY(-2px)}main{max-width:none;margin:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}.logo-hex-wrap svg{width:44px;height:44px}.header-search{display:flex;align-items:center}.search-icon{position:absolute;left:16px;z-index:1;color:var(--color-text-3)}.header-search input{padding-left:42px}.product-image{background:linear-gradient(145deg,var(--color-primary-50),var(--color-chrome-light));overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-img-area.product-image{aspect-ratio:1/.78;height:auto}.product-card a:focus-visible{outline:3px solid var(--color-primary-300);outline-offset:2px}.cart-item-img.product-image{flex:0 0 64px}.cart-item-img .product-emoji{font-size:2rem}.toast{border:0;text-align:left;color:inherit}.toast-body,.toast-msg,.toast-title{display:block}.empty-state{grid-column:1/-1;padding:5rem 1rem;text-align:center;color:var(--color-text-3);background:rgba(255,255,255,.72);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.empty-state>div{font-size:3.5rem;margin-bottom:12px}.empty-state strong{display:block;font-size:1.15rem;color:var(--color-text)}.empty-state p{margin-top:6px}.skeleton{background:linear-gradient(90deg,#e7efea 25%,#f5f8f6 50%,#e7efea 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite;border-radius:10px}.skeleton-image{height:190px;border-radius:0}.skeleton-line{height:12px;width:45%;margin:8px 0}.skeleton-line.wide{width:90%;height:18px}.skeleton-line.short{width:65%}@keyframes skeleton{to{background-position:-200% 0}}.detail-page,.results-page{min-height:65vh;padding:var(--space-10) 0 var(--space-16)}.results-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:var(--space-8)}.detail-copy h1,.results-hero h1{font:800 clamp(1.8rem,4vw,3rem)/1.2 var(--font-display);margin:.3rem 0}.eyebrow{color:var(--color-primary-600);font:700 .75rem var(--font-display);letter-spacing:.14em}.results-search{display:flex;gap:.6rem;min-width:min(100%,420px)}.results-search input{min-width:0;flex:1 1;border:1.5px solid var(--color-border-2);border-radius:var(--radius-pill);padding:.7rem 1.2rem;font:inherit}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:var(--space-10)}.pagination button{padding:.65rem 1rem;border:1px solid var(--color-border-2);background:#fff;border-radius:var(--radius-pill);color:var(--color-primary-700)}.breadcrumbs{display:flex;gap:.6rem;color:var(--color-text-3);font-size:.85rem;margin-bottom:var(--space-8);white-space:nowrap;overflow:hidden}.breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);align-items:center}.detail-image-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}.detail-image-wrap .product-img-area{aspect-ratio:1}.detail-image-wrap .product-emoji{font-size:8rem}.detail-image-wrap .product-badge{position:absolute;top:18px;left:18px}.detail-rating{display:flex;gap:.6rem;align-items:center;margin:1rem 0;color:var(--color-text-3)}.detail-price{display:flex;gap:1rem;align-items:baseline;margin:1.2rem 0}.detail-price del{color:var(--color-text-muted)}.detail-price strong{font:800 2.2rem var(--font-display);color:var(--color-primary-600)}.detail-description{color:var(--color-text-2);line-height:1.8}.stock-pill{display:inline-flex;margin:1.2rem 0;padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:.84rem}.in-stock{background:var(--color-primary-50);color:var(--color-primary-700)}.out-stock{background:#fff1f2;color:#be123c}.detail-actions{display:flex;gap:.8rem;margin:.5rem 0 1.5rem}.detail-actions .btn{padding:.85rem 1.5rem}.detail-benefits{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1.2rem;border-top:1px solid var(--color-border);color:var(--color-text-3);font-size:.82rem}.detail-benefits span{padding:.4rem .65rem;background:var(--color-surface-2);border-radius:8px}.detail-image{aspect-ratio:1}.centered-btn{display:flex;width:max-content;margin:1rem auto}@media(max-width:700px){.detail-grid,.results-hero{display:grid;grid-template-columns:1fr}.results-search{width:100%;min-width:0}.detail-page{padding-top:1.5rem}.detail-copy h1{font-size:1.7rem}.detail-image-wrap .product-emoji{font-size:5rem}}@media(max-width:480px){.logo-wordmark-sub{display:none}.logo-wordmark-main{font-size:1rem}.header-inner{gap:.5rem}.cart-btn{padding:.55rem .7rem}.cart-btn>span:not(.cart-badge){display:none}.hero-mini-card{padding:.8rem}.hero-mini-card .emoji{font-size:1.8rem}.hero-mini-card-lg{padding:.8rem}.results-search{flex-direction:column}.detail-actions{display:grid}.detail-actions .btn{justify-content:center}}.payment-page{min-height:70vh;padding:var(--space-10) 0 var(--space-16)}.payment-heading{margin-bottom:var(--space-8)}.payment-heading h1{font:800 clamp(1.8rem,4vw,3rem)/1.2 var(--font-display);margin:.4rem 0}.payment-heading p{color:var(--color-text-2)}.payment-heading strong{color:var(--color-primary-700);font-size:1.3rem}.payment-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.payment-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,4vw,2rem)}.payment-card h2{font:700 1.2rem var(--font-display);margin-bottom:var(--space-5)}.bank-account-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.bank-account{display:grid;grid-gap:.3rem;gap:.3rem;padding:1rem 1.2rem;border:1px solid var(--color-primary-200);border-radius:var(--radius-md);background:var(--color-primary-50)}.bank-account b{color:var(--color-primary-700)}.bank-account span{font:800 1.25rem var(--font-display);letter-spacing:.04em}.bank-account small{color:var(--color-text-3)}.payment-upload{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.payment-upload label{font-weight:700}.payment-upload input{border:1.5px dashed var(--color-border-2);border-radius:var(--radius-md);padding:1rem;background:var(--color-surface-2)}.payment-upload small{color:var(--color-text-3)}.payment-message{padding:.8rem 1rem;background:#fff7ed;color:#9a3412;border-radius:var(--radius-md)}.payment-message.success{background:var(--color-primary-50);color:var(--color-primary-700)}@media(max-width:700px){.payment-layout{grid-template-columns:1fr}.payment-page{padding-top:1.5rem}}