@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/beyond/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai Fallback;src:local("Arial");ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.00%;size-adjust:106.33%}.__className_4fc67b{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.__variable_4fc67b{--font-sans:"Noto Sans Thai","Noto Sans Thai Fallback"}:root{color-scheme:light;--primary:#0d3b91;--primary-2:#1d6fd6;--primary-soft:#eaf3ff;--accent:#ff7a1a;--accent-2:#ff9a3d;--accent-soft:#fff1e4;--bg:#f5f8fe;--surface:#ffffff;--surface-blue:#eef5ff;--text:#10204b;--text-2:#5b6888;--text-3:#8a95b0;--line:#e1e9f5;--success:#0f8a5f;--success-soft:#e6f6ef;--warning:#a65f00;--warning-soft:#fff5e0;--danger:#c43a3a;--danger-soft:#fdecec;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--shadow-sm:0 2px 10px rgba(17,52,104,.06);--shadow:0 10px 30px rgba(17,52,104,.10);--shadow-lg:0 18px 40px rgba(11,31,73,.22);--tap:48px;--content:640px;--gutter:12px;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:60px;--ease:cubic-bezier(.2,.8,.2,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans),"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3{margin:0;letter-spacing:-.01em;line-height:1.25}p{margin:0}:focus-visible{outline:3px solid var(--primary-2);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{max-width:var(--content);margin:0 auto;min-height:calc(100dvh / var(--zoom));background:var(--bg);position:relative;overflow-x:clip}.shell.has-nav{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px)}.shell.has-actionbar,.shell.has-cartbar{padding-bottom:calc(var(--safe-bottom) + 84px)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:6px var(--gutter);min-height:54px;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line)}.topbar,.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .brand{min-width:0;flex:1 1}.topbar .brand img{width:38px;height:38px;object-fit:contain}.brand-word{display:flex;flex-direction:column;line-height:1.05}.brand-word strong{font-size:19px;letter-spacing:.2em;background:linear-gradient(90deg,#ff6a00,#ff9a1f 42%,#1f7ae0 52%,#0d5bc4);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-word span,.brand-word strong{font-family:Georgia,Times New Roman,serif;font-weight:700}.brand-word span{font-size:10px;letter-spacing:.42em;color:var(--primary-2)}.auth-logo{display:block;width:min(64%,240px);height:auto;margin:4px auto 18px}.topbar h1{font-size:17px;font-weight:800;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:var(--r-sm);background:var(--surface);display:grid;place-items:center;color:var(--primary);box-shadow:var(--shadow-sm);cursor:pointer}.icon-btn.ghost{background:transparent;box-shadow:none}.role-chip{font-size:11px;font-weight:800;padding:6px 10px;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary);white-space:nowrap}.demo-ribbon{background:var(--warning-soft);color:var(--warning);font-size:12px;text-align:center;padding:6px 12px;font-weight:600}.bottom-nav{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,var(--content));height:calc(var(--nav-h) + var(--safe-bottom));padding:6px 6px var(--safe-bottom);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}.nav-item{position:relative;display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px;min-height:48px;border-radius:var(--r-sm);color:var(--text-3);font-size:11px;font-weight:600}.nav-item[aria-current=page]{color:var(--primary)}.nav-item[aria-current=page] svg{stroke-width:2.4}.nav-badge{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.actionbar{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,var(--content));padding:8px var(--gutter) calc(8px + var(--safe-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.actionbar .price-block{flex:0 0 auto;line-height:1.15}.actionbar .price-block small{display:block;color:var(--text-2);font-size:12px}.actionbar .price-block strong{font-size:22px;font-weight:800;color:var(--primary)}.actionbar .btn{flex:1 1}.btn{min-height:var(--tap);border:0;border-radius:var(--r-md);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;transition:transform .12s var(--ease),opacity .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 18px rgba(13,59,145,.22)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 18px rgba(255,122,26,.28)}.btn-dark{background:var(--text);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--primary)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-success{background:var(--success);color:#fff}.btn-block{width:100%}.btn-lg{min-height:56px;font-size:16px;border-radius:var(--r-lg)}.btn-sm{min-height:44px;padding:0 14px;font-size:14px;border-radius:var(--r-sm)}.field{display:grid;grid-gap:4px;gap:4px;margin-bottom:10px}.field>label,.field>span{font-size:13px;font-weight:700;color:var(--text-2)}.field small{color:var(--text-3);font-size:12px}.input,.select,.textarea{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:0 14px;font-size:16px}.textarea{padding:12px 14px;min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(29,111,214,.16)}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:13px;font-weight:600}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:10px 0}.check input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:var(--primary)}.section{padding:10px var(--gutter) 2px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:2px 0 8px}.section-title h2{font-size:18px;font-weight:800}.section-title .link,.section-title a{font-size:13px;color:var(--primary-2);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:8px}.stack{display:grid;grid-gap:8px;gap:8px}.row{gap:10px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:12px}.muted{color:var(--text-2)}.small{font-size:13px}.tiny{font-size:12px}.bold{font-weight:800}.center{text-align:center}.hr{height:1px;background:var(--line);margin:12px 0;border:0}.scroll-x{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px var(--gutter) 10px;margin:0 calc(-1 * var(--gutter))}.scroll-x::-webkit-scrollbar{display:none}.searchbar{margin:8px var(--gutter) 4px;display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-3)}.searchbar input{border:0;outline:0;flex:1 1;min-width:0;background:transparent;font-size:16px;color:var(--text)}.product-row,.scroll-x{scroll-padding-inline:var(--gutter)}.hero{margin:4px var(--gutter) 6px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);display:block;background:#d6eaff}.hero-banner img{display:block;width:100%;height:auto;aspect-ratio:1200/693}.hero-banner:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.promo-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 var(--gutter) 6px}.promo-strip::-webkit-scrollbar{display:none}.promo-card{flex:0 0 82%;max-width:360px;border-radius:var(--r-lg);padding:16px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;position:relative;overflow:hidden}.promo-card:after{content:"";position:absolute;width:140px;height:140px;right:-40px;bottom:-60px;border-radius:50%;background:var(--accent);opacity:.35}.promo-card strong{display:block;font-size:18px}.promo-card span{font-size:13px;opacity:.85}.promo-card code{display:inline-block;margin-top:10px;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:8px;font-weight:800;letter-spacing:.06em}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}@media (min-width:560px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.product-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.product-card,.product-card>a{display:flex;flex-direction:column}.product-card>a{flex:1 1}.pimg{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#f6fbff,#dcecff);overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover}.pimg.fallback{display:grid;place-items:center;color:var(--primary-2)}.pimg.fallback:after{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;right:-18%;bottom:-30%;background:var(--accent);opacity:.16}.ptag{position:absolute;top:6px;left:6px;z-index:1;background:rgba(255,255,255,.92);color:var(--primary);padding:4px 8px;border-radius:var(--r-sm);font-size:10.5px;font-weight:800}.ptag.hot{background:var(--accent);color:#fff}.pbody{padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px;flex:1 1}.pname{font-weight:800;font-size:15px;line-height:1.25}.prating{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:4px;min-width:0;padding-right:48px}.prating>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prating svg{color:#f5a623}.pprice{margin-top:auto;padding-top:6px;padding-right:50px;display:flex;flex-direction:column;line-height:1.1}.pprice strong{font-weight:800;color:var(--primary)}.pprice s{font-size:12px;color:var(--text-3)}.add-btn{position:absolute;width:44px;height:44px;border:0;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(255,122,26,.35);cursor:pointer;transition:transform .15s var(--ease)}.add-btn:active{transform:scale(.9)}.add-btn.added{background:var(--success);box-shadow:0 6px 14px rgba(15,138,95,.3)}.product-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px var(--gutter) 8px;margin:0 calc(-1 * var(--gutter));scroll-snap-type:x proximity}.product-row::-webkit-scrollbar{display:none}.product-row .product-card{flex:0 0 44%;max-width:220px;scroll-snap-align:start}.notice{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-sm);padding:10px 12px}.notice.warn{color:var(--warning);background:var(--warning-soft)}.notice.ok{color:var(--success);background:var(--success-soft)}.notice.err{color:var(--danger);background:var(--danger-soft)}.notice svg{flex:0 0 auto;margin-top:1px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--surface-blue)}.gallery::-webkit-scrollbar{display:none}.gallery>*{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/3}.gallery img{width:100%;height:100%;object-fit:cover}.detail-card{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:-14px;position:relative;padding:14px var(--gutter) 6px}.detail-card h1{font-size:22px;font-weight:800}.detail-price{display:flex;align-items:baseline;gap:10px;margin-top:8px}.detail-price strong{font-size:28px;color:var(--primary);font-weight:800}.detail-price s{color:var(--text-3)}.rating-line{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);margin-top:6px;min-height:44px}.stars{color:#f5a623;display:inline-flex;gap:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--text-2)}.chip.blue{background:var(--primary-soft);color:var(--primary)}.chip.blue,.chip.orange{border-color:transparent}.chip.orange{background:var(--accent-soft);color:#b25000}.chip.green{background:var(--success-soft);color:var(--success)}.chip.green,.chip.red{border-color:transparent}.chip.red{background:var(--danger-soft);color:var(--danger)}.chip.amber{background:var(--warning-soft);color:var(--warning);border-color:transparent}.checklist{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.checklist li{display:flex;gap:10px;align-items:flex-start;font-size:14px}.checklist li svg{color:var(--success);flex:0 0 auto;margin-top:2px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.info-tile{background:var(--surface-blue);border-radius:var(--r-md);padding:10px}.info-tile small{display:block;color:var(--text-2);font-size:12px}.info-tile strong{font-size:15px}details.faq{border-bottom:1px solid var(--line)}details.faq summary{list-style:none;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:14.5px}details.faq summary::-webkit-details-marker{display:none}details.faq summary svg{transition:transform .2s;flex:0 0 auto;color:var(--text-3)}details.faq[open] summary svg{transform:rotate(180deg)}details.faq p{padding:0 0 14px;color:var(--text-2);font-size:14px}.review-summary{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--primary-soft),#fff);border-radius:var(--r-lg);padding:10px 12px;margin-bottom:8px}.review-summary .big{font-size:34px;font-weight:800;color:var(--primary);line-height:1}.filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.filter-chip[aria-pressed=true]{background:var(--text);color:#fff;border-color:var(--text)}.filter-chip .n{font-size:11px;opacity:.7}.review-list{display:grid;grid-gap:8px;gap:8px}.review-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.review-head{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft),#dbe9ff);color:var(--primary);display:grid;place-items:center;font-weight:800}.review-head .who{flex:1 1;min-width:0}.review-head .who strong{display:block;font-size:14.5px}.review-head .who span{font-size:12px;color:var(--text-3)}.review-text{margin:6px 0;font-size:14.5px;line-height:1.6;white-space:pre-line}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vbadge{color:var(--success);background:var(--success-soft)}.sbadge,.vbadge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:var(--r-sm)}.sbadge{color:var(--primary);background:var(--primary-soft)}.demo-badge{display:inline-flex;font-size:11px;font-weight:700;color:var(--warning);background:var(--warning-soft);padding:3px 8px;border-radius:var(--r-sm)}.source-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;color:var(--primary-2);font-weight:800}.review-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}.review-media img{width:100%;object-fit:cover;border-radius:var(--r-sm)}.ba,.review-media img{aspect-ratio:1;background:var(--surface-blue)}.ba{position:relative;border-radius:var(--r-md);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:8px}.ba img{width:100%;height:100%;object-fit:cover;pointer-events:none}.ba .after-wrap,.ba img{position:absolute;inset:0}.ba .after-wrap{overflow:hidden}.ba .divider{top:0;bottom:0;width:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);transform:translateX(-50%)}.ba .divider,.ba .knob{position:absolute;background:#fff;pointer-events:none}.ba .knob{top:50%;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--primary);box-shadow:var(--shadow)}.ba .lbl{position:absolute;top:10px;background:rgba(16,32,75,.78);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:var(--r-sm)}.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.ba-caption{font-size:12px;color:var(--text-2);margin-top:6px}.audio{display:flex;align-items:center;gap:12px;background:var(--surface-blue);border-radius:var(--r-md);padding:8px 10px;margin-top:6px}.audio .play{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer}.wave{flex:1 1;display:flex;align-items:center;gap:2px;height:32px;min-width:0}.wave i{flex:1 1;background:#b8cdec;border-radius:2px;min-width:2px}.wave i.on{background:var(--primary-2)}.audio time{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-2)}.video{position:relative;border-radius:var(--r-md);overflow:hidden;background:#000;margin-top:8px;aspect-ratio:9/12;max-height:420px}.video video{width:100%;height:100%;object-fit:contain}.cart-item{display:flex;gap:10px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.cart-item .thumb{width:76px;height:76px;flex:0 0 76px;border-radius:var(--r-sm);overflow:hidden}.cart-item .thumb .pimg{aspect-ratio:auto;height:100%}.cart-item .info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.cart-item .name{font-weight:800;font-size:14.5px;line-height:1.25}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.stepper button{width:44px;height:40px;border:0;background:transparent;display:grid;place-items:center;color:var(--primary);cursor:pointer}.stepper button:disabled{color:var(--text-3)}.stepper output{min-width:28px;text-align:center;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14.5px;color:var(--text-2)}.sum-row strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-row.discount strong{color:var(--success)}.sum-row.total{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;color:var(--text);font-size:18px;font-weight:800}.sum-row.total strong{font-size:22px;color:var(--primary)}.steps{display:flex;gap:6px;padding:12px var(--gutter) 0}.steps span{flex:1 1;height:4px;border-radius:4px;background:var(--line)}.steps span.on{background:var(--primary-2)}.pay-methods{display:flex;flex-wrap:wrap;gap:6px}.pay-methods span{font-size:12px;font-weight:700;padding:6px 10px;border-radius:10px;background:var(--surface-blue);color:var(--primary)}.order-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--r-sm);white-space:nowrap}.st-wait{background:var(--warning-soft);color:var(--warning)}.st-ok{background:var(--success-soft);color:var(--success)}.st-info{background:var(--primary-soft);color:var(--primary)}.st-bad{background:var(--danger-soft);color:var(--danger)}.st-mute{background:#eef1f6;color:var(--text-2)}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-gap:0;gap:0}.timeline li{display:flex;gap:12px;position:relative;padding-bottom:16px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline .dot{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--line);display:grid;place-items:center;color:#fff;position:relative;z-index:1}.timeline li.done .dot{background:var(--success)}.timeline li.now .dot{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.timeline .t{font-weight:700;font-size:14px}.timeline .d{font-size:12px;color:var(--text-3)}.pay-status{text-align:center;padding:20px 12px}.pay-status .icon{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center}.pay-status .icon.ok{background:var(--success-soft);color:var(--success)}.pay-status .icon.wait{background:var(--warning-soft);color:var(--warning)}.pay-status .icon.bad{background:var(--danger-soft);color:var(--danger)}.pay-status h2{font-size:22px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skel{background:linear-gradient(90deg,#e9eff8 25%,#f5f8fd 50%,#e9eff8 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:32px 16px;color:var(--text-2)}.empty .ic{width:72px;height:72px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin:0 auto 12px}.empty h3{color:var(--text);font-size:18px;margin-bottom:6px}.sheet-backdrop{background:rgba(16,32,75,.45);animation:fade .2s}.sheet{max-height:90dvh;overflow:auto;padding:10px var(--gutter) calc(20px + var(--safe-bottom));animation:up .26s var(--ease)}.sheet-handle{width:44px;height:5px;border-radius:9px;background:#d5deec;margin:0 auto 14px}@keyframes up{0%{transform:translateY(40px);opacity:.4}}.toast{position:fixed;z-index:80;left:50%;top:calc(12px + env(safe-area-inset-top, 0px));transform:translateX(-50%);background:var(--text);color:#fff;padding:12px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;box-shadow:var(--shadow-lg);animation:drop .25s var(--ease);max-width:calc(100% - 32px)}@keyframes drop{0%{transform:translate(-50%,-12px);opacity:0}}.offline{position:-webkit-sticky;position:sticky;top:60px;z-index:19;background:var(--danger);color:#fff;font-size:13px;font-weight:700;text-align:center;padding:6px}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}@media (min-width:560px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px}.kpi small{color:var(--text-2);font-size:12px;font-weight:700;display:block}.kpi strong{display:block;font-size:22px;font-weight:800;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi.hl{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0}.kpi.hl small{color:rgba(255,255,255,.8)}.list{display:grid;grid-gap:6px;gap:6px}.field,.info-grid>*,.input,.kpi-grid>*,.list>*,.menu-grid>*,.select,.stack>*,.textarea,details.card>summary>span{min-width:0}.list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-height:56px}.list-item .grow{flex:1 1;min-width:0}.list-item .grow strong{display:block;font-size:14.5px}.list-item .grow span{display:block;font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:8px;background:var(--surface-blue);overflow:hidden;margin-top:6px}.bar,.bar i{border-radius:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary-2),var(--accent))}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t td,table.t th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}table.t th{font-size:12px;color:var(--text-2);background:var(--surface-blue)}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px var(--gutter) 10px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.tab[aria-current=page]{background:var(--text);border-color:var(--text);color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.menu-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;display:grid;grid-gap:6px;gap:6px;min-height:92px}.menu-tile svg{color:var(--primary)}.menu-tile strong{font-size:15px}.menu-tile span{font-size:12px;color:var(--text-2)}.qr-box{background:#fff;border-radius:var(--r-lg);padding:16px;display:grid;place-items:center;border:1px solid var(--line)}.qr-box img{width:220px;height:220px;image-rendering:pixelated}.copy-line{display:flex;gap:8px;align-items:center;background:var(--surface-blue);border-radius:var(--r-sm);padding:6px 6px 6px 12px;font-size:12.5px}.copy-line code{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:900px){.shell.wide{--content:960px}}.link-btn{justify-self:start;align-self:flex-start;background:none;border:0;padding:6px 0;min-height:32px;color:var(--primary-2);font:inherit;font-weight:600;cursor:pointer}.link-btn:disabled{color:var(--text-3);cursor:default}.otp-input{font-size:22px;letter-spacing:.4em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar{min-height:60px}.topbar .brand img{width:40px;height:40px}.brand-word em{font-style:normal;font-size:6.5px;letter-spacing:.12em;color:var(--text-2);margin-top:3px;white-space:nowrap}.top-actions{display:flex;gap:2px;flex:0 0 auto}.round-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--primary);border:1.5px solid var(--primary);background:var(--surface)}.top-actions .round-btn+.round-btn{margin-left:2px}@media (max-width:370px){.top-actions .round-btn{width:36px;height:36px}.brand-word em{display:none}}.kiosk{display:grid;grid-template-columns:78px minmax(0,1fr);grid-gap:8px;gap:8px;padding:8px var(--gutter) 0 6px;align-items:start}.side-rail{position:-webkit-sticky;position:sticky;top:68px;max-height:calc(100dvh / var(--zoom) - 68px - 84px - var(--safe-bottom));overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none;overscroll-behavior:contain}.side-rail::-webkit-scrollbar{display:none}.side-item{position:relative;display:grid;justify-items:center;align-content:center;grid-gap:4px;gap:4px;min-height:84px;padding:10px 2px;text-align:center;color:var(--text);font-size:11.5px;font-weight:600;line-height:1.15}.side-item svg{color:var(--primary)}.side-item+.side-item:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--line)}.side-item.on{color:#fff;border-radius:var(--r-lg);background:linear-gradient(160deg,#ff9a3d,#ff6a00);box-shadow:0 8px 18px rgba(255,106,0,.3)}.side-item.on svg{color:#fff}.side-item.on+.side-item:before,.side-item.on:before{display:none}.side-item span{overflow-wrap:anywhere}.kiosk-main .hero{margin:0;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.picks{padding:12px 0 4px}.picks-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}.picks-title h1,.picks-title h2{font-size:26px;font-weight:800;color:#0b1f5c;letter-spacing:-.01em;line-height:1.1}.picks-title h1{font-size:21px}.picks-title h2.sm{font-size:18px}.picks-title span{font-size:12px;color:var(--primary-2);white-space:nowrap}.kiosk-main .product-grid{gap:8px}.kiosk-main .scroll-x{margin:0}.disclaimer{display:flex;justify-content:center;align-items:center;gap:6px;margin:10px 0 2px;font-size:11.5px;color:var(--primary-2);text-align:center}.pimg{aspect-ratio:5/3}.pbody{padding:6px 8px 8px 10px;gap:0}.pname{font-weight:600;font-size:13.5px;line-height:1.2;color:var(--text);padding-right:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pprice{padding-top:0;padding-right:48px}.pprice strong{font-size:19px;color:#0b1f5c}.add-btn{width:40px;height:40px;border-radius:50%;right:8px;bottom:8px;background:linear-gradient(160deg,#ff9a3d,#ff6a00);box-shadow:0 5px 12px rgba(255,106,0,.35)}.cartbar{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,var(--content));display:flex;align-items:center;gap:10px;padding:10px var(--gutter) calc(10px + var(--safe-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);color:var(--text)}.cartbar .bag{position:relative;color:var(--primary);flex:0 0 auto;display:grid;place-items:center;width:40px}.cartbar .bag .nav-badge{top:-4px;left:auto;right:-6px}.cartbar .copy{flex:1 1;min-width:0;line-height:1.25}.cartbar .copy strong{display:block;font-size:15px;font-weight:800;color:#0b1f5c}.cartbar .copy small{display:block;font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cartbar .go{flex:0 0 auto;height:48px;padding:0 14px;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:6px;background:#d9e8ff;color:var(--primary-2);font-weight:700;font-size:14px}.cartbar.has .go{background:var(--primary);color:#fff}.check>span{display:grid;grid-gap:1px;gap:1px}.check>span small{color:var(--text-3);font-size:12px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(11,31,73,.38);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{width:min(100%,var(--content));max-height:86dvh;overflow-y:auto;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:14px var(--gutter) calc(14px + var(--safe-bottom));box-shadow:var(--shadow-lg);animation:sheet-up .24s var(--ease)}.sheet h2{font-size:17px;font-weight:800;gap:8px}.sheet-sub{font-size:14px;font-weight:800;color:#0b1f5c;margin:12px 0 6px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.nudges{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.nudge{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;border-radius:var(--r-md);background:var(--accent-soft);color:#7a3a00;font-size:13px;font-weight:600}.nudge>svg{flex:0 0 auto;color:var(--accent)}.nudge>span{flex:1 1;min-width:0}.nudge .btn{flex:0 0 auto}.sheet-related{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.sheet-related::-webkit-scrollbar{display:none}.mini-card{position:relative;flex:0 0 132px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.mini-card .mini-body{display:grid;line-height:1.2;padding:6px 48px 8px 8px}.mini-card .mini-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card strong{font-size:14px;color:#0b1f5c}.mini-card .add-btn{width:36px;height:36px;right:6px;bottom:6px}.tier-box{margin-top:10px;border:1px solid #ffd9b8;background:var(--accent-soft);border-radius:var(--r-md);padding:10px 12px;display:grid;grid-gap:4px;gap:4px;font-size:13px}.tier-box>strong{color:#7a3a00;font-size:13.5px}.tier-row{display:flex;justify-content:space-between;gap:8px}.tier-row b{color:#0b1f5c}.tier-row em{font-style:normal;color:var(--success);font-weight:700;margin-left:4px}.line-price{display:grid;line-height:1.15}.line-price strong{color:var(--primary)}.line-price s{font-size:12px;color:var(--text-3)}.line-price small{font-size:11px;color:var(--success);font-weight:700}.mw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px}.mw-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:4px}.mw-strip::-webkit-scrollbar{display:none}.mw-strip .mw-tile{flex:0 0 31%;scroll-snap-align:start}.mw-tile{position:relative;aspect-ratio:3/4;border:0;padding:0;border-radius:var(--r-sm);overflow:hidden;background:#dfeaf8;cursor:pointer;display:block;width:100%}.mw-tile img,.mw-tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.mw-play{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.mw-demo,.mw-play{background:rgba(11,31,73,.55);color:#fff}.mw-demo{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px}.mw-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,31,73,.55);color:#fff;font-size:20px;font-weight:800}.mv{position:fixed;inset:0;z-index:80;background:#05070d;color:#fff;flex-direction:column;touch-action:pan-y}.mv,.mv-top{display:flex}.mv-top{justify-content:space-between;align-items:center;padding:calc(6px + env(safe-area-inset-top, 0px)) 8px 6px 16px;font-size:13px;opacity:.9}.mv-stage{flex:1 1;min-height:0;position:relative}.mv-stage img,.mv-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mv-btn{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}.mv-next,.mv-prev{position:absolute;top:45%}.mv-prev{left:8px}.mv-next{right:8px}.mv-caption{padding:12px 16px calc(14px + var(--safe-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6) 30%);display:grid;grid-gap:6px;gap:6px;font-size:14px}.mv-caption p{margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mv-verify{gap:4px;font-size:12px;color:#8ff0c4}.mv-link,.mv-verify{display:inline-flex;align-items:center}.mv-link{gap:2px;color:#ffcf9f;font-weight:700;font-size:13px;min-height:32px}.mv .stars{color:#ffc34d}:root{--zoom:1}@media (min-width:700px) and (pointer:fine){:root{--zoom:.85}html{zoom:var(--zoom)}}.review-media-btn{position:relative;border:0;padding:0;background:none;cursor:zoom-in;border-radius:var(--r-sm);overflow:hidden}.review-media-btn img{display:block}