@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAcwABUAAAAADVQAAAbBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkQbgR4cLj9IVkFSYD9NVkFSRgZgP1NUQVSBECcqAFwvZBEICoMkgnELFAAwhH4BNgIkAyIEIAWGEAdnDAcboAsonoWxMy2MW9VSU/H2d24ggnj6P7/qdF8kHtj4XCsDah+E/KT39YIFcHcr5mdFZwLNDw9CeW4KlnBLVwQRet6nWJGSNRWvjZZM5AF9/V+YzdmiNbWZhBUUSOGWSLhW2RoXvEtYlxCEfCMrFAA6BuFam7oKRUZVCFWhRR/qJMlMiCgVZ/4ca0sETSHYgDJIJKezg6AEeH4/UIDkWQgqQABAB41AABe1VKK6dOsdhehnpalC9DfR1iEaDRCEADJ7qqmDPyCAYODEgeBAUIADRQ2tgB4qkWgAgOBp5BnH2tUEgA3ErCKtimIziMYx+tZRkDo+B2CcYroAUAMQQMOC/DExNOyf1AIEqIEEKgEKoAEFyK2JYdUjqxX9gAAwZpyto8zKVlMAICtmCHZvvscvU9uhetlltjPXxFCpcgAT1C41AqC3NxEZR3GGgPFsQPEn9Dv9AAEV1gUdEnSDES/lADn+6DGoZioeqIBCEBwIUIQ/UAa5fLpoEwZQQLIclVoNmiUiAMTkNhAAsaQOgAYUSg6A+hsQAHFIasTfqUaMdhH93bqCn0dv0Y1Mxwz/rMEkngeFGyecLPOg2jTgjVHHlnFn1ePPoBCvIU0PgI97z1hU0OQ8V6Iq/BwEUU8EQ4OB4FQdyadBEOByAhRAIhThj4OXDnAXcgDG2hAxxIQMtyzUgY0DcCA1wwnPy+biZg5xg64AiKelqxEkCD8ATgAKAdzAdMBJoAx4e5naGUU9jSAGahwNjTq+8W7DtfwYMsuPz6g1XPyMe4OHcM9wzZ544OVL2fjTo1fDhz95JRtfunY9r+B6JRd3737xgg3f338+ZMjD5wE2vLjmvqrsfi7KpklBNhwDNs4hLtfZB1nVo/LtXbteDo7bGL+x9LnOu7gSi0s45CJc/mquZ+53Had/3dvtr8Ybttd9ifzjnXq4Zb+pTblf584tP9A9sdAIX89W9cqWOy8urXS6243Og4UTLSdNOtqi74T6Wi+zp5Xr6RpTqLOrX2Wp2FTquoyMtjObjK4jpZMt84p3bd218fcnDp+IoMbXTl0+vgP56caMH6fVqeP+OKNQ34WDI8PmIJDVIAAbW7oRW9vBIzQAYINeo695N38DAQQF1BAAQB1AaXV6TEEMP0RLzQ5ctUHhwY/gB6cDpZRWWNvhvV7xtTdCTx62RTr+t9EROf52+4hqwKoHM4/P3FgXpe6yLMD76VNExDcBX1jIH3Yp7lSX+fKlzCapUmWPbtYsN7eRA47ZYTVbbEp/xcTqp40a3d8kgcC2lmDn2kCI59VnWx1NAZbGgyDNV1vAFJu5FO3miyhkCFmswIrSVn+m4cGofr9T0gtXmTw09dO1a16PkZUSH/IBkrx9G5qSFfLgxvTvUt01arz+FBpnGCEhx00R2RZKkZ2alp0fzE1LDbpKNhShcYSQv0hQG1qZDr/fmZca/ghYVGJxlLKSkix/drZ/c6tCgVkxImp4WHxugc/XJo8s3HRlyqfYLHfRckwVJGlsXycqqOGwidPXFPr25z/Nmxau/p9Rr57aFGS1RW4u7iIFAw1tFS5Mxb/8VkR5k5cXVEauSXY2pXVWSkRkklGk1rBYI0tr8nLTSpb8G+5yhXMADzyTaevXgL1Zp6VZlh0QM3fsx6LChf9nUFEe5Rfxel+//BCekJby74034cm1Sj0pKdGfMTg6JQXHolu80R26VNVeFRGjTGrML/a3KLdYsfRSwdIdF/wS97oFBJCflu4t3XhyfFibNIfWkQCf9r4tAJ9v5YH5D/L/t64YRwELBYDAz9xlvaUoc/8UQJDdHboro2Mz9jFInPDh9H5qASpKQgBOzmMzgG87VkOtVdB9GjGcwLdyIEJCoawjhU8WkKZZWpFBpZQgk2Guk0Ul58N9NCPHEwMP48ikiG6ycNGBbHyygBx4aEJOCsggFw7KkJtCAo/uwQV0olqyQtFmHZtpSTNMxXktRyAaKYo+cK9zaHpJBCK7ld6ZnAkoolP/ZzYvSzUPD8sKk8TLZmFYJCoGZhJ4DGjXa4xuGebQcRBOoWGIwKFaYhqHmCwSTJeiCKMCq0gNAc+GYSrLDBajCqNYJQYHcZXJJ0A4xapUqMKZ6z2NlL69lfVr0u8Nccx9YwPV6tkC81rPZI+nqPdmFSuWYpQISRkjH5QNMRmyUjejicO9FXMknCLnOWQIJNp0jmWMFZiWYyRwhQrhmdU9JWEPp+eCXCSYbnA0cgpOoIp7UWjRYogpltVxkolc5Ld0nsQ2aGrgvbG4QXMT38TJjo3+3UW3hhd38NKijMZseaj+FQn2vbEXAA==)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff8ee;--surface:#fff;--surface-2:#fdefdc;--surface-3:#f8e2c4;--line:#f1e1cb;--line-strong:#e2c9a8;--ink:#1f2547;--ink-2:#4b506f;--ink-3:#6b6f8a;--placeholder:#9a9cb0;--accent:#d63c22;--accent-hover:#b9301a;--accent-soft:#ffe4dc;--accent-text:#b5321b;--on-accent:#fff;--sun:#ffc23d;--sun-soft:#fff1c9;--leaf:#1f8a4c;--leaf-soft:#def3e5;--indigo-soft:#e6e8f6;--on-solid:#fff;--inverse-bg:var(--accent);--inverse-fg:#fff;--inverse-muted:#ffffffd1;--brand:var(--accent);--brand-soft:var(--accent-soft);--success:#1c7a43;--success-soft:var(--leaf-soft);--warning:#8a5300;--warning-soft:var(--sun-soft);--danger:#b4261c;--danger-hover:#951e16;--danger-soft:#fde2de;--info:#2c3f8f;--info-soft:var(--indigo-soft);--r-xs:8px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:32px;--r-full:999px;--shadow-1:0 1px 2px #783c140f, 0 2px 6px #783c140d;--shadow-2:0 4px 10px #783c1412, 0 14px 32px #783c141a;--shadow-3:0 20px 50px #7832142e, 0 6px 14px #7832141a;--focus:0 0 0 3px #ffc23db3;--scrim:#1f254773;--glass:#fff8eee0;--glass-strong:#fffffff0;--font-body:"Onest Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Unbounded Variable", "Onest Variable", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.15s;--t-base:.24s;--header-h:64px;--tabbar-h:66px;--safe-bottom:env(safe-area-inset-bottom,0px);--gutter:16px;--z-sticky:20;--z-header:40;--z-floating:45;--z-tabbar:50;--z-modal:100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.55}@media (width>=640px){:root{--gutter:24px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:radial-gradient(1200px 520px at 100% -10%, #ffc23d38, transparent 60%), radial-gradient(900px 480px at -10% 0%, #d63c2214, transparent 60%), var(--bg);background-attachment:fixed;min-width:320px;min-height:100dvh;margin:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{text-wrap:balance;line-height:1.15}p{text-wrap:pretty}h1,h2{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.08}h3{letter-spacing:-.01em;font-size:1rem;font-weight:600}svg{flex-shrink:0}:focus-visible{box-shadow:var(--focus);border-radius:var(--r-xs);outline:none}::selection{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:calc(var(--z-modal) + 1);border-radius:var(--r-sm);background:var(--inverse-bg);color:var(--inverse-fg);transition:transform var(--t-base) var(--ease-out);padding:10px 16px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.container{width:min(1180px, 100% - 2 * var(--gutter));margin-inline:auto}.page{flex-direction:column;gap:20px;padding-block:20px 48px;display:flex}.page.narrow,.narrow{max-width:760px}.container.narrow{width:min(760px, 100% - 2 * var(--gutter))}.stack{flex-direction:column;gap:16px;display:flex}.muted{color:var(--ink-3)}.small{font-size:.875rem}.price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.price.lg{font-size:1.25rem}.with-icon{align-items:center;gap:6px;display:flex}.with-icon svg{width:16px;height:16px}.grow{flex:1}.eyebrow{color:var(--accent-text);letter-spacing:.01em;margin-bottom:4px;font-size:.8125rem;font-weight:700;display:inline-block}.optional{color:var(--ink-3);margin-left:4px;font-size:.8125rem;font-weight:500}.link{color:var(--accent-text);font-size:.875rem;font-weight:600}.link:hover{text-decoration:underline}.spin{animation:.8s linear infinite spin}.pulse{animation:1.6s ease-in-out infinite pulse}.mobile-only{display:block}.screen-center{place-items:center;min-height:40dvh;display:grid}@media (width>=900px){.mobile-only{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.product-card,.how-cell,.order-card,.admin-order{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}}}.spinner span:first-child{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:block}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 45%, var(--surface-2) 65%);background-size:200% 100%;animation:1.4s linear infinite shimmer}.skeleton-line{width:70%;height:20px}.skeleton-line.lg{width:60%;height:36px}.skeleton-line.sm{width:40%}.skeleton-block{height:140px}.skeleton-row{height:84px}.skeleton-gallery{aspect-ratio:1}.product-card-skeleton{height:128px}@media (width>=640px){.product-card-skeleton{height:340px}}.button{--btn-bg:var(--surface);--btn-fg:var(--ink);--btn-border:var(--line-strong);border-radius:var(--r-full);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);white-space:nowrap;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.9375rem;font-weight:650;line-height:1.2;display:inline-flex}.button svg{width:18px;height:18px}.button:hover:not(:disabled){--btn-bg:var(--surface-2)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.45}.button.primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-border:var(--accent);box-shadow:inset 0 1px #ffffff40,0 6px 16px #d63c2247}.button.primary:hover:not(:disabled){--btn-bg:var(--accent-hover);--btn-border:var(--accent-hover)}.button.secondary{--btn-bg:var(--surface);--btn-border:var(--line-strong)}.button.ghost{--btn-bg:transparent;--btn-border:transparent}.button.ghost:hover:not(:disabled){--btn-bg:var(--surface-2)}.button.danger{--btn-bg:var(--danger);--btn-fg:var(--on-solid);--btn-border:var(--danger)}.button.danger:hover:not(:disabled){--btn-bg:var(--danger-hover);--btn-border:var(--danger-hover)}.button.success{--btn-bg:var(--success);--btn-fg:var(--on-solid);--btn-border:var(--success)}.button.danger-text{color:var(--danger)}.button.success-text{color:var(--success);border-color:var(--success)}.button.sm{min-height:36px;padding:0 12px;font-size:.875rem}.button.lg{min-height:52px;padding:0 26px;font-size:1rem}.button.block{width:100%}.icon-button{border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--ink);transition:background-color var(--t-fast), transform var(--t-fast);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.icon-button svg{width:20px;height:20px}.icon-button:hover:not(:disabled){background:var(--surface-2)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button.ghost{background:0 0;border-color:#0000}.icon-button:disabled{opacity:.4}.link-button{color:var(--accent-text);background:0 0;border:0;padding:4px 2px;font-size:.9375rem;font-weight:650}.link-button:hover{text-decoration:underline}.link-button.centered{margin:4px auto 0;display:block}.count-badge{border-radius:var(--r-full);background:var(--sun);min-width:20px;height:20px;color:var(--ink);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:.75rem;font-weight:800;display:inline-grid}.count-badge.light{color:#fff;background:#ffffff47}.back-link{min-height:44px;color:var(--ink-2);align-self:flex-start;align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:inline-flex}.back-link svg{width:18px;height:18px;transition:transform var(--t-fast)}.back-link:hover{color:var(--ink)}.back-link:hover svg{transform:translate(-3px)}.badge{border-radius:var(--r-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:.8125rem;font-weight:650;line-height:1.35;display:inline-flex}.tone-neutral{background:var(--surface-2);color:var(--ink-2)}.tone-info{background:var(--info-soft);color:var(--info)}.tone-warning{background:var(--warning-soft);color:var(--warning)}.tone-accent{background:var(--accent-soft);color:var(--accent-text)}.tone-success{background:var(--success-soft);color:var(--success)}.tone-danger{background:var(--danger-soft);color:var(--danger)}.alert{border-radius:var(--r-md);animation:rise var(--t-base) var(--ease-out);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9375rem;display:flex}.alert>svg{width:20px;height:20px;margin-top:1px}.alert>div{flex:1}.alert-info{background:var(--info-soft);color:var(--info)}.alert-success{background:var(--success-soft);color:var(--success)}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-close{border-radius:var(--r-xs);width:32px;height:32px;color:inherit;background:0 0;border:0;place-items:center;margin:-6px -6px -6px 0;display:grid}.alert-close:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.alert-close svg{width:16px;height:16px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.page-header h1{font-size:clamp(1.5rem,4.6vw,2.125rem)}.page-header p{color:var(--ink-2);max-width:60ch;margin-top:6px}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state-icon{border-radius:var(--r-md);background:var(--surface-2);width:56px;height:56px;color:var(--ink-2);place-items:center;margin-bottom:4px;display:grid}.empty-state-icon svg{width:26px;height:26px}.empty-state h2{font-size:1.1875rem}.empty-state p{color:var(--ink-2);max-width:42ch}.empty-state .button{margin-top:8px}.group-title{font-family:var(--font-body);letter-spacing:0;color:var(--ink-2);align-items:center;gap:8px;margin:8px 0 12px;font-size:.9375rem;font-weight:700;display:flex}.group-title span{color:var(--ink-3);font-weight:600}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:20px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-head h2,.card-title{font-family:var(--font-body);letter-spacing:0;font-size:1.0625rem;font-weight:700}.card-title{margin-bottom:14px}.card-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);flex-shrink:0;place-items:center;display:grid}.card-icon svg{width:20px;height:20px}.card-empty{color:var(--ink-3);align-items:center;gap:8px;padding:24px 0 8px;display:flex}.card-empty svg{width:18px;height:18px}.avatar{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.avatar.lg{border-radius:18px;width:64px;height:64px;font-size:1.5rem}.bar{border-radius:var(--r-full);background:var(--surface-2);height:6px;overflow:hidden}.bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s var(--ease-out);display:block}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field-label{font-size:.9375rem;font-weight:650}.field-row{gap:16px;display:grid}@media (width>=640px){.field-row{grid-template-columns:1fr 1fr}}.field-hint{color:var(--ink-3);font-size:.8125rem}.field-error{color:var(--danger);font-size:.875rem;font-weight:600}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:48px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:11px 14px;font-size:1rem}textarea{resize:vertical;min-height:88px;line-height:1.45}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:hover:not(:disabled),select:hover,textarea:hover{border-color:var(--ink-3)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}:is(input:user-invalid,textarea:user-invalid){border-color:var(--danger)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%234a554f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.input-group{align-items:center;display:flex;position:relative}.input-group>svg:first-child{width:18px;height:18px;color:var(--ink-3);pointer-events:none;position:absolute;left:14px}.input-group>svg:first-child~input{padding-left:44px}.input-group>svg:first-child~.input-prefix{color:var(--ink-2);pointer-events:none;font-weight:600;position:absolute;left:42px}.input-group>svg:first-child~.input-prefix~input{padding-left:88px}.input-group .input-suffix{color:var(--ink-3);pointer-events:none;font-size:.875rem;font-weight:600;position:absolute;right:14px}.input-group:has(.input-suffix) input{padding-right:64px}.input-group .input-action{border-radius:var(--r-xs);width:40px;height:40px;color:var(--ink-3);background:0 0;border:0;place-items:center;display:grid;position:absolute;right:4px}.input-group .input-action:hover{color:var(--ink)}.input-group .input-action svg{width:18px;height:18px}.input-group:has(.input-action) input{padding-right:48px}.otp-input{letter-spacing:.5em;font-variant-numeric:tabular-nums;font-size:1.25rem!important}.search-field{align-items:center;min-width:0;display:flex;position:relative}.search-field>svg{width:18px;height:18px;color:var(--ink-3);pointer-events:none;position:absolute;left:14px}.search-field input{border-radius:var(--r-full)!important;min-height:44px!important;padding-left:42px!important;padding-right:40px!important}.search-field button{width:36px;height:36px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;right:4px}.search-field button svg{width:16px;height:16px}input[type=search]::-webkit-search-cancel-button{display:none}.switch{appearance:none;border-radius:var(--r-full);background:var(--line-strong);cursor:pointer;width:48px;height:28px;transition:background-color var(--t-base);flex-shrink:0;margin:0;position:relative}.switch:after{content:"";background:var(--on-solid);width:22px;height:22px;box-shadow:var(--shadow-1);transition:transform var(--t-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--success)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{box-shadow:var(--focus)}.switch:disabled{opacity:.5;cursor:wait}.switch-row{color:var(--ink-2);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:.875rem;font-weight:600;display:flex}.switch-row.large span{flex-direction:column;gap:2px;display:flex}.switch-row.large strong{color:var(--ink);font-size:1rem}.switch-row.large small{color:var(--ink-3);font-weight:400}.divider{color:var(--ink-3);align-items:center;gap:12px;margin:20px 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.segmented{border-radius:var(--r-md);background:var(--surface-2);grid-auto-columns:1fr;grid-auto-flow:column;margin:16px 0 20px;padding:4px;display:grid}.segmented button{border-radius:var(--r-sm);min-height:40px;color:var(--ink-2);transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:0;font-weight:650}.segmented button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.chips{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin:-2px;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--r-full);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink-2);scroll-snap-align:start;transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:.9375rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #d63c2238}.chip[aria-selected=true] .chip-count{opacity:.85}.chip-count{opacity:.65;font-variant-numeric:tabular-nums;font-size:.8125rem}.chips-bar{top:var(--header-h);z-index:var(--z-sticky);margin-inline:calc(-1 * var(--gutter));padding:10px var(--gutter);background:var(--glass);-webkit-backdrop-filter:blur(12px);position:sticky}.toolbar{flex-direction:column;gap:12px;display:flex}@media (width>=900px){.toolbar{flex-direction:row;align-items:center}.toolbar .search-field{flex-shrink:0;width:320px}.toolbar .chips{flex:1}}.stepper{border-radius:var(--r-full);background:var(--surface-2);align-items:center;padding:3px;display:inline-flex}.stepper button{background:var(--surface);width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-1);transition:transform var(--t-fast), background-color var(--t-fast);border:0;border-radius:50%;place-items:center;display:grid}.stepper button:hover:not(:disabled){background:var(--surface-3)}.stepper button:active:not(:disabled){transform:scale(.9)}.stepper button:disabled{opacity:.35;box-shadow:none}.stepper button svg{width:18px;height:18px}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-weight:800}.stepper-sm button{width:34px;height:34px}.stepper-sm button svg{width:16px;height:16px}.stepper-sm output{min-width:28px}.modal-backdrop{z-index:var(--z-modal);background:var(--scrim);animation:fade var(--t-base) ease-out;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh;box-shadow:var(--shadow-3);animation:pop .26s var(--ease-out);outline:none;flex-direction:column;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 8px;display:flex}.modal-header h2{font-size:1.25rem}.modal-header p{color:var(--ink-2);margin-top:4px;font-size:.9375rem}.modal-header .icon-button{margin:-6px -8px 0 0}.modal-body{padding:12px 20px calc(20px + var(--safe-bottom));overscroll-behavior:contain;overflow-y:auto}.modal-text{color:var(--ink-2)}.modal-actions{flex-direction:column-reverse;gap:8px;margin-top:20px;display:flex}.modal-actions .button{min-height:48px}@media (width>=640px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:var(--r-xl);max-height:calc(100dvh - 48px)}.modal-sm{max-width:440px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-header{padding:24px 24px 8px}.modal-body{padding:12px 24px 24px}.modal-actions{flex-direction:row;justify-content:flex-end}}.logo{color:var(--accent);--logo-ink:var(--sun);align-items:center;gap:10px;display:inline-flex}.logo-mark svg{width:34px;height:34px}.logo-text{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:1.1875rem;font-weight:700}.site-header{z-index:var(--z-header);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{height:var(--header-h);align-items:center;gap:24px;display:flex}.header-logo{border-radius:var(--r-sm);display:flex}.header-nav{align-items:center;gap:4px;display:none}.header-nav a{border-radius:var(--r-full);color:var(--ink-2);transition:background-color var(--t-fast), color var(--t-fast);padding:8px 14px;font-weight:600}.header-nav a:hover{color:var(--ink);background:var(--surface-2)}.header-nav a.active{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-account{border-radius:var(--r-full);min-height:44px;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:none}.header-account svg{width:20px;height:20px}.header-account:hover{background:var(--surface-2);color:var(--ink)}.header-cart{border-radius:var(--r-full);background:var(--inverse-bg);min-height:44px;color:var(--inverse-fg);transition:background-color var(--t-fast), transform var(--t-fast);align-items:center;gap:8px;padding:0 16px;font-weight:650;display:none}.header-cart:hover{opacity:.88}.header-cart:active{transform:scale(.97)}.header-cart svg{width:19px;height:19px}.site-header .header-actions>button.header-account{display:inline-flex}.site-header .header-actions>button.header-account span{display:none}.tabbar{z-index:var(--z-tabbar);height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;position:fixed;inset:auto 0 0}.tabbar>a,.tabbar>button{color:var(--ink-3);transition:color var(--t-fast);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:650;display:flex}.tabbar svg{box-sizing:content-box;width:22px;height:22px;transition:transform var(--t-fast) var(--ease-out);padding:4px 16px}.tabbar>a.active{color:var(--accent-text)}.tabbar>a.active>svg,.tabbar>a.active .tabbar-icon>svg{box-sizing:content-box;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);padding:4px 16px}.tabbar>a:active svg,.tabbar>button:active svg{transform:scale(.9)}.tabbar-icon{position:relative}.tabbar-icon .count-badge{border:2px solid var(--surface);box-sizing:content-box;min-width:18px;height:18px;font-size:.6875rem;position:absolute;top:-4px;right:4px}body:has(.tabbar){padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}@media (width>=900px){:root{--header-h:72px}.header-nav{display:flex}.header-account,.header-cart{display:inline-flex}.site-header .header-actions>button.header-account span{display:inline}.tabbar{display:none}body:has(.tabbar){padding-bottom:0}}@media (width<=1099px){.header-cart-label{display:none}}.cart-bar{z-index:var(--z-floating);left:12px;right:12px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 10px);border-radius:var(--r-full);background:var(--inverse-bg);min-height:60px;color:var(--inverse-fg);box-shadow:var(--shadow-3);animation:pop .3s var(--ease-out);transition:transform var(--t-fast);align-items:center;gap:12px;padding:8px 18px 8px 10px;display:flex;position:fixed}.cart-bar:active{transform:scale(.98)}.cart-bar-icon{background:var(--sun);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:relative}.cart-bar-icon svg{width:20px;height:20px}.cart-bar-icon .count-badge{color:var(--accent);border:2px solid var(--accent);box-sizing:content-box;background:#fff;position:absolute;top:-5px;right:-7px}.cart-bar-text{flex-direction:column;line-height:1.25;display:flex}.cart-bar-text small{opacity:.7;font-size:.8125rem}.cart-bar-total{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.cart-bar>svg{width:18px;height:18px}body:has(.cart-bar) .site-footer{padding-bottom:96px}@media (width>=900px){.cart-bar{width:380px;bottom:24px;left:auto;right:24px}body:has(.cart-bar) .site-footer{padding-bottom:32px}}.mobile-action-bar{z-index:var(--z-floating);left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));padding:12px var(--gutter);background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;box-shadow:0 -8px 24px #783c141a}.mobile-action-bar>div{flex-direction:column;line-height:1.2;display:flex}.mobile-action-bar small{color:var(--ink-3);font-size:.8125rem}.mobile-action-bar strong{font-variant-numeric:tabular-nums;font-size:1.1875rem}.mobile-action-bar .button{flex:0 auto;min-width:150px}main:has(.mobile-action-bar){padding-bottom:110px}@media (width>=900px){.mobile-action-bar{display:none}main:has(.mobile-action-bar){padding-bottom:48px}}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);margin-top:48px;padding:32px 0;font-size:.9375rem}.footer-inner{flex-direction:column;gap:12px;display:flex}.footer-inner nav{flex-wrap:wrap;gap:6px 20px;display:flex}.footer-inner nav a{font-weight:600}.footer-inner nav a:hover{color:var(--accent-text)}.footer-inner small{color:var(--ink-3)}@media (width>=900px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.hero{gap:28px;padding-top:16px;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.hero h1{letter-spacing:-.035em;max-width:13ch;font-size:clamp(2rem,8.6vw,3.5rem);line-height:1.04}.hero h1 .hl{z-index:0;white-space:nowrap;color:var(--accent);position:relative}.hero h1 .hl:after{content:"";z-index:-1;background:var(--sun);transform-origin:0;border-radius:.2em;height:.36em;position:absolute;bottom:.06em;left:-.08em;right:-.08em;transform:rotate(-1.5deg)}.hero-copy>p{color:var(--ink-2);max-width:38ch;font-size:1.0625rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.hero-media{isolation:isolate;order:-1;width:min(100%,300px);margin:0 auto;padding:14px 14px 0;position:relative}.hero-media:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 45%, var(--sun) 0 58%, #ffc23d00 71%);border-radius:50%;position:absolute;inset:0 6% 12%}.hero-media:after{content:"";z-index:-1;aspect-ratio:1;background-image:radial-gradient(var(--accent) 22%, transparent 24%);opacity:.22;background-size:16px 16px;border-radius:50%;width:46%;position:absolute;top:-6px;right:-8px}.hero-media img{aspect-ratio:1;object-fit:cover;border-radius:999px 999px var(--r-xl) var(--r-xl);width:100%;height:auto;box-shadow:var(--shadow-3)}.stamp{background:var(--surface);width:88px;height:88px;box-shadow:var(--shadow-2);color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-14px;left:-22px}.stamp svg{width:100%;height:100%;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;fill:var(--ink);font-size:10px;font-weight:600;position:absolute;inset:0}.stamp>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.stamp>span svg{width:22px;height:22px;position:static}.status-pill{border-radius:var(--r-full);background:var(--surface);min-height:34px;color:var(--ink-2);box-shadow:var(--shadow-1);align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex}.status-pill svg{width:16px;height:16px}.status-pill.open{color:var(--success)}.status-pill.closed{color:var(--warning);background:var(--sun-soft)}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.open .status-dot:after{content:"";animation:ping 1.8s var(--ease-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}@media (width>=640px){.hero-media{width:min(100%,380px)}}@media (width>=900px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding-block:40px 24px}.hero-media{order:0;width:min(100%,440px);padding:28px 28px 0}.hero-media img{aspect-ratio:4/4.4}.stamp{width:128px;height:128px;bottom:36px;left:-10px}.stamp svg{font-size:11.5px}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .7s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-media img{animation:settle .9s var(--ease-out) both}.hero-media:before{animation:sunrise 1.1s var(--ease-out) both}.stamp{animation:pop .6s .5s var(--ease-spring) both}.stamp>svg{animation:24s linear infinite spin}.hero h1 .hl:after{animation:swipe .7s .45s var(--ease-out) both}}@keyframes settle{0%{opacity:0;transform:translateY(16px)scale(1.03)}to{opacity:1;transform:none}}@keyframes sunrise{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes swipe{0%{transform:rotate(-1.5deg)scaleX(0)}to{transform:rotate(-1.5deg)scaleX(1)}}.home{overflow-x:clip}.menu{flex-direction:column;gap:16px;padding-top:40px;display:flex}.menu-head{flex-direction:column;gap:14px;display:flex}.menu-head h2{font-size:clamp(1.375rem,4.5vw,2rem)}.menu-head p{color:var(--ink-2);margin-top:4px}.menu .chips-bar{margin-block:-4px}.menu-section{scroll-margin-top:calc(var(--header-h) + 64px);flex-direction:column;gap:12px;display:flex}.menu-section+.menu-section{margin-top:12px}.menu-section-title{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;display:flex}.menu-section-title:after{content:"";background:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 12px);border-radius:2px;flex:1;height:2px}.product-grid{gap:12px;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=900px){.menu-head{flex-direction:row;justify-content:space-between;align-items:flex-end}.menu-head .search-field{width:300px}}@media (width>=1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--t-base), transform var(--t-base) var(--ease-out);animation:rise .32s var(--ease-out) both;grid-template-columns:112px 1fr;gap:14px;padding:10px;display:grid;position:relative}.product-card:hover{box-shadow:var(--shadow-2)}.product-card.in-cart{box-shadow:0 0 0 2px var(--accent), var(--shadow-2)}.product-card-media{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);display:block;position:relative;overflow:hidden}.product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out)}.product-card:hover .product-card-media img{transform:scale(1.04)}.media-empty{width:100%;height:100%;color:var(--ink-3);place-items:center;display:grid}.media-empty svg{width:26px;height:26px}.product-card-body{flex-direction:column;gap:4px;min-width:0;padding-block:2px;display:flex}.product-card-body h3{font-size:1.0625rem;line-height:1.25}.product-card-meta{color:var(--accent-text);font-size:.8125rem;font-weight:600}.product-card-body h3 a:hover{color:var(--accent-text)}.product-card-body p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.product-card-footer .price{font-size:1.0625rem}.add-button{border-radius:var(--r-full);background:var(--accent);min-height:40px;color:var(--on-accent);transition:background-color var(--t-fast), transform var(--t-fast) var(--ease-spring);border:0;align-items:center;gap:6px;padding:0 16px 0 12px;font-size:.9375rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #d63c2242}.add-button svg{width:18px;height:18px}.add-button:hover:not(:disabled){background:var(--accent-hover)}.add-button:active:not(:disabled){transform:scale(.94)}.add-button:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none}@media (width<=380px){.add-button span{display:none}.add-button{padding:0 10px}}@media (width>=640px){.product-card{grid-template-columns:1fr;padding:0;overflow:hidden}.product-card-media{aspect-ratio:4/3;border-radius:0}.product-card-body{padding:14px 16px 16px}}.how{flex-direction:column;gap:20px;margin-top:64px;display:flex}.how h2{max-width:18ch;font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.08}.how-bento{gap:12px;display:grid}.how-cell{border-radius:var(--r-lg);background:var(--surface);min-height:180px;box-shadow:var(--shadow-1);flex-direction:column;justify-content:space-between;gap:28px;padding:22px;display:flex;position:relative;overflow:hidden}.how-cell h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.1875rem;font-weight:700;line-height:1.15}.how-cell p{color:var(--ink-2);max-width:34ch;margin-top:6px;font-size:.9375rem}.how-cell>svg{width:30px;height:30px}.how-cell.accent{background:var(--accent);color:var(--on-accent);box-shadow:none}.how-cell.accent p{color:#ffffffe0}.how-cell.inverse{background:var(--sun);color:var(--ink);box-shadow:none}.how-cell.inverse p{color:var(--ink-2)}.how-cell.muted-cell{background:var(--leaf-soft);box-shadow:none}.how-cell.muted-cell>svg{color:var(--leaf)}.how-cell:not(.accent):not(.inverse):not(.muted-cell) .how-figure{color:var(--accent)}.how-figure{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,7vw,3.5rem);font-weight:800;line-height:.9}@media (width>=640px){.how-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.how-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(220px,auto)}.how-cell.wide{grid-column:span 2}}.product-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width>=900px){.product-layout{grid-template-columns:1.1fr .9fr;gap:48px}}.product-info{flex-direction:column;gap:12px;display:flex}.product-info h1{letter-spacing:-.03em;font-size:clamp(1.625rem,5vw,2.5rem)}.product-price{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.product-meta{color:var(--ink-2);align-items:center;gap:8px;font-weight:600;display:flex}.product-meta svg{width:18px;height:18px}.product-description{color:var(--ink-2);max-width:60ch;font-size:1.0625rem;line-height:1.65}.buy-box{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}.buy-box .button{min-width:0}@media (width<=419px){.buy-box .button .price{display:none}}.in-cart-note{color:var(--ink-2);font-size:.9375rem}.in-cart-note a{color:var(--accent-text);font-weight:650}@media (width<=899px){.product-page .buy-box{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 10px);z-index:var(--z-sticky);position:sticky}body:has(.product-page) .cart-bar{display:none}}.gallery{flex-direction:column;gap:10px;display:flex}.gallery-main{aspect-ratio:1;border-radius:var(--r-xl);background:var(--surface-2);position:relative;overflow:hidden}.gallery-main img{object-fit:cover;width:100%;height:100%;animation:fade var(--t-base)}.gallery-thumbs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.gallery-thumbs button{border-radius:var(--r-md);background:var(--surface-2);opacity:.7;width:68px;height:68px;transition:opacity var(--t-fast), border-color var(--t-fast);border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.gallery-thumbs button.active,.gallery-thumbs button:hover{opacity:1}.gallery-thumbs button.active{border-color:var(--accent)}.gallery-thumbs img{object-fit:cover;width:100%;height:100%}.gallery-empty{aspect-ratio:4/3;border-radius:var(--r-xl);background:var(--surface-2);color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.gallery-empty svg{width:32px;height:32px}.split-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=900px){.split-layout{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.sticky-desktop{top:calc(var(--header-h) + 20px);position:sticky}}.cart-list{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.cart-item{grid-template-columns:64px 1fr auto;grid-template-areas:"thumb info info""thumb stepper total";align-items:center;gap:6px 14px;padding:14px;display:grid}.cart-item+.cart-item{border-top:1px solid var(--line)}.cart-thumb{border-radius:var(--r-md);background:var(--surface-2);width:64px;height:64px;color:var(--ink-3);grid-area:thumb;align-self:start;place-items:center;display:grid;overflow:hidden}.cart-thumb img{object-fit:cover;width:100%;height:100%}.cart-thumb svg{width:22px;height:22px}.cart-item-info{flex-direction:column;grid-area:info;min-width:0;display:flex}.cart-item-name{font-weight:700}.cart-item-name:hover{color:var(--accent-text)}.cart-item-info .muted{font-size:.875rem}.cart-item .stepper{grid-area:stepper;justify-self:start}.cart-item-total{text-align:right;grid-area:total}@media (width>=640px){.cart-item{grid-template-columns:72px 1fr auto 110px;grid-template-areas:"thumb info stepper total";padding:16px 20px}.cart-thumb{align-self:center;width:72px;height:72px}}.summary-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;gap:14px;padding:20px;display:flex}.summary-card h2{font-family:var(--font-body);letter-spacing:0;font-size:1.0625rem;font-weight:700}.summary-rows{flex-direction:column;gap:8px;display:flex}.summary-rows>div{color:var(--ink-2);justify-content:space-between;gap:12px;display:flex}.summary-rows dd{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;font-weight:600}.summary-rows dd.muted,.summary-rows dd .muted{color:var(--ink-3);font-weight:500}.summary-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;font-weight:700;display:flex}.summary-total strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.375rem}.summary-note{color:var(--ink-3);font-size:.8125rem}.order-lines{flex-direction:column;gap:10px;display:flex}.order-lines li{justify-content:space-between;gap:12px;display:flex}.order-lines b{font-variant-numeric:tabular-nums;color:var(--accent-text);margin-right:2px}.card .order-lines+.summary-rows{border-top:1px dashed var(--line-strong);margin-top:14px;padding-top:14px}.card .summary-total{margin-top:14px}@media (width<=899px){.split-layout:has(.mobile-action-bar) .summary-card>.button{display:none}.checkout-page .summary-card{display:none}}.checkout-steps{flex-direction:column;gap:14px;display:flex}.checkout-step{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);scroll-margin-top:calc(var(--header-h) + 16px);padding:18px}.checkout-step>header{gap:12px;margin-bottom:16px;display:flex}.checkout-step h2{font-family:var(--font-body);letter-spacing:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.checkout-step header p{color:var(--ink-2);margin-top:2px;font-size:.9375rem}.step-number{background:var(--inverse-bg);width:28px;height:28px;color:var(--inverse-fg);border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:800;display:grid}.checkout-step-body{flex-direction:column;gap:16px;display:flex}.checkout-recap{border-radius:var(--r-lg);background:var(--surface-2);padding:18px}.checkout-recap h2{font-family:var(--font-body);letter-spacing:0;margin-bottom:12px;font-size:1rem;font-weight:700}@media (width>=640px){.checkout-step{padding:24px}}.choice-grid{gap:10px;display:grid}@media (width>=480px){.choice-grid{grid-template-columns:1fr 1fr}}.choice-card{border-radius:var(--r-md);border:1.5px solid var(--line-strong);background:var(--surface);text-align:left;min-height:72px;transition:border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:12px;padding:12px 14px;display:flex}.choice-card:hover:not(:disabled){border-color:var(--ink-3)}.choice-card[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.choice-card:disabled{opacity:.5}.choice-icon{border-radius:var(--r-sm);background:var(--surface-2);width:42px;height:42px;color:var(--ink-2);transition:background-color var(--t-fast), color var(--t-fast);flex-shrink:0;place-items:center;display:grid}.choice-card[aria-checked=true] .choice-icon{background:var(--accent);color:var(--on-accent)}.choice-icon svg{width:21px;height:21px}.choice-text{flex-direction:column;flex:1;line-height:1.3;display:flex}.choice-text small{color:var(--ink-3);font-size:.8125rem}.choice-check{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.choice-card[aria-checked=true] .choice-check{background:var(--accent);border-color:var(--accent)}.choice-check svg{stroke-width:3px;width:14px;height:14px}.quote{border-radius:var(--r-md);background:var(--success-soft);color:var(--success);animation:rise var(--t-base) var(--ease-out);align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.quote svg{width:18px;height:18px}.quote strong{font-variant-numeric:tabular-nums;margin-left:auto}.map-picker{flex-direction:column;gap:8px;display:flex}.map-frame{border-radius:var(--r-md);border:1px solid var(--line-strong);position:relative;overflow:hidden}.map-canvas{background:var(--surface-2);height:280px}@media (width>=900px){.map-canvas{height:340px}}.map-locate{border-radius:var(--r-full);background:var(--surface);min-height:40px;color:var(--ink);box-shadow:var(--shadow-2);border:0;align-items:center;gap:6px;padding:0 14px;font-size:.875rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.map-locate svg{width:18px;height:18px;color:var(--accent-text)}.map-locate:disabled{opacity:.7}.map-hint{color:var(--ink-3);align-items:flex-start;gap:8px;font-size:.875rem;display:flex}.map-hint svg{width:16px;height:16px;margin-top:2px}.map-hint.done{color:var(--success);font-weight:600}.maplibregl-ctrl-group{border-radius:var(--r-sm)!important;box-shadow:var(--shadow-2)!important}.maplibregl-ctrl-group button{width:36px!important;height:36px!important}.order-group{flex-direction:column;display:flex}.order-list{flex-direction:column;gap:10px;display:flex}.order-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--t-base), transform var(--t-fast);align-items:center;gap:12px;padding:16px;display:flex}.order-card:hover{box-shadow:var(--shadow-2)}.order-card:active{transform:scale(.99)}.order-card.highlight{box-shadow:inset 4px 0 0 var(--accent), var(--shadow-1)}.order-card-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.order-card-top{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.order-card-items{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.order-card-ref{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.order-card .chevron{width:20px;height:20px;color:var(--ink-3)}.status-hero{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-2);flex-direction:column;align-items:flex-start;gap:18px;padding:20px;display:flex}.status-hero-head{justify-content:space-between;gap:16px;width:100%;display:flex}.status-hero-head .muted{font-variant-numeric:tabular-nums;font-size:.875rem}.status-hero h1{margin-top:2px;font-size:clamp(1.5rem,6vw,2.25rem)}.status-hero-head p{color:var(--ink-2);margin-top:4px}@media (width>=640px){.status-hero{padding:28px}}.timeline{flex-direction:column;width:100%;display:flex}.timeline-step{min-height:40px;color:var(--ink-3);align-items:center;gap:12px;display:flex;position:relative}.timeline-step:not(:last-child):after{content:"";background:var(--line);width:2px;height:calc(100% - 20px);position:absolute;top:30px;left:13px}.timeline-step.done:not(:last-child):after{background:var(--leaf)}.timeline-dot{z-index:1;border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:grid;position:relative}.timeline-dot svg{stroke-width:3px;width:15px;height:15px}.timeline-step.done{color:var(--ink-2)}.timeline-step.done .timeline-dot{border-color:var(--leaf);background:var(--leaf);color:#fff}.timeline-step.current{color:var(--ink);font-weight:700}.timeline-step.current .timeline-dot{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 5px var(--accent-soft)}.timeline-label{font-size:.9375rem}@media (width>=640px){.timeline{flex-direction:row}.timeline-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px}.timeline-step:not(:last-child):after{width:calc(100% - 36px);height:2px;top:13px;left:calc(50% + 18px)}.timeline-label{font-size:.8125rem}}.order-cancelled{border-radius:var(--r-md);background:var(--danger-soft);width:100%;color:var(--danger);gap:12px;padding:14px;display:flex}.order-cancelled svg{width:22px;height:22px}.order-cancelled p{font-size:.9375rem}.live-label{color:var(--accent-text);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.8125rem;font-weight:800;display:inline-flex}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--accent);animation:ping 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.live-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:1.25rem;font-weight:600}.tracking{border-radius:var(--r-md);position:relative;overflow:hidden}.tracking-map{background:var(--surface-2);height:320px}.tracking-legend{border-radius:var(--r-full);background:var(--glass-strong);box-shadow:var(--shadow-1);gap:12px;padding:6px 10px;font-size:.8125rem;font-weight:650;display:flex;position:absolute;top:10px;left:10px}.tracking-legend span{align-items:center;gap:6px;display:flex}.tracking-legend i{border-radius:50%;width:10px;height:10px}.dot-driver{background:var(--accent)}.dot-destination{background:var(--ink)}.pay-card{box-shadow:0 0 0 2px var(--accent-soft), var(--shadow-1)}.pay-card .card-head{justify-content:flex-start}.pay-card h2{font-size:1.125rem}.pay-form{gap:14px;display:grid}@media (width>=640px){.pay-form{grid-template-columns:1fr 1fr;align-items:end}.pay-form .button{grid-column:1/-1}}.detail-grid{gap:16px;display:grid}@media (width>=900px){.detail-grid{grid-template-columns:1fr 1fr}}.info-list{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.info-list li{gap:12px;display:flex}.info-list li>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.info-list small{color:var(--ink-3);font-size:.8125rem}.info-icon{border-radius:var(--r-sm);background:var(--surface-2);width:38px;height:38px;color:var(--ink-2);flex-shrink:0;place-items:center;display:grid}.info-icon svg{width:18px;height:18px}.profile-card{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-1);align-items:center;gap:16px;padding:20px;display:flex}.profile-card h1{margin-bottom:4px;font-size:1.375rem}.profile-card p{color:var(--ink-2);align-items:center;gap:6px;font-size:.9375rem;display:flex}.profile-card p svg{width:16px;height:16px}.menu-list{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}.menu-list a{min-height:56px;transition:background-color var(--t-fast);align-items:center;gap:14px;padding:0 18px;font-weight:600;display:flex}.menu-list a+a{border-top:1px solid var(--line)}.menu-list a:hover{background:var(--surface-2)}.menu-list a span{flex:1}.menu-list svg{width:20px;height:20px;color:var(--ink-3)}.auth-page{min-height:100dvh;display:grid}.auth-visual{display:none}.auth-main{padding:12px var(--gutter) 32px;flex-direction:column;display:flex}.auth-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.auth-card{flex-direction:column;width:100%;max-width:440px;margin:auto;display:flex}.auth-card h1{font-size:clamp(1.5rem,6vw,2rem)}.auth-lead{color:var(--ink-2);margin:8px 0 24px}.google-button{justify-content:center;min-height:44px;display:flex}.auth-hint{text-align:center;color:var(--ink-3);margin-top:8px;font-size:.8125rem}.email-toggle{margin-top:12px}.email-auth{margin-top:8px}.auth-legal{color:var(--ink-3);text-align:center;margin-top:24px;font-size:.8125rem}.phone-auth form{flex-direction:column;gap:16px;display:flex}.otp-sent{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.otp-sent strong{color:var(--ink);font-variant-numeric:tabular-nums}@media (width>=900px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(480px,.9fr)}.auth-visual{height:100dvh;padding:16px;display:block;position:sticky;top:0}.auth-visual img{object-fit:cover;border-radius:var(--r-xl);width:100%;height:100%}.auth-visual:after{content:"";border-radius:var(--r-xl);background:linear-gradient(#1f254700 45%,#1f2547b8);position:absolute;inset:16px}.auth-visual-copy{z-index:1;color:#f6f6f3;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:48px;left:48px;right:48px}.auth-visual-copy .logo-text{color:#f6f6f3}.auth-quote{font-family:var(--font-display);letter-spacing:-.01em;max-width:22ch;font-size:1.375rem;line-height:1.3}.auth-main{padding:24px 48px}.auth-top-logo{display:none}}.admin-layout{min-height:100dvh}.admin-sidebar{z-index:var(--z-header);padding:10px var(--gutter) 0;background:var(--glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid;position:sticky;top:0}.admin-brand{border-radius:var(--r-sm);flex-direction:column;gap:0;display:flex}.admin-brand small{display:none}.admin-nav{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 8px;grid-column:1/-1;gap:4px;display:flex;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav a{border-radius:var(--r-full);min-height:40px;color:var(--ink-2);transition:background-color var(--t-fast), color var(--t-fast);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;font-size:.9375rem;font-weight:600;display:inline-flex}.admin-nav a svg{width:18px;height:18px}.admin-nav a:hover{background:var(--surface-2);color:var(--ink)}.admin-nav a.active{background:var(--inverse-bg);color:var(--inverse-fg)}.admin-user{grid-area:1/2;align-items:center;gap:10px;display:flex}.admin-user>div{display:none}.admin-user .avatar{border-radius:10px;width:34px;height:34px;font-size:.875rem}.admin-main{padding:20px var(--gutter) 48px}.admin-page{flex-direction:column;gap:20px;max-width:1180px;margin-inline:auto;display:flex}@media (width>=1024px){.admin-layout{grid-template-columns:260px minmax(0,1fr);display:grid}.admin-sidebar{border-bottom:0;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:stretch;gap:24px;height:100dvh;padding:24px 16px;display:flex;top:0}.admin-brand{gap:2px;padding:0 8px}.admin-brand small{color:var(--ink-3);margin-top:-4px;padding-left:44px;font-size:.8125rem;font-weight:600;display:block}.admin-nav{flex-direction:column;margin:0;padding:0;overflow:visible}.admin-nav a{border-radius:var(--r-sm);min-height:44px;padding:0 12px}.admin-nav a.active{background:var(--accent-soft);color:var(--accent-text)}.admin-user{border-top:1px solid var(--line);margin-top:auto;padding:12px 8px 0}.admin-user>div{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.admin-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.admin-user small{color:var(--ink-3);font-size:.8125rem}.admin-main{padding:32px 40px 64px}}.store-banner{border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;display:flex}.store-banner>div{flex-direction:column;flex:1;min-width:200px;display:flex}.store-banner span:not(.status-dot){opacity:.85;font-size:.9375rem}.store-banner.open{background:var(--success-soft);color:var(--success)}.store-banner.closed{background:var(--warning-soft);color:var(--warning)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=1100px){.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.stat-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}.stat-card small{color:var(--ink-2);font-size:.875rem;font-weight:600}.stat-card strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.125rem,3.4vw,1.5rem)}.stat-card p{color:var(--ink-3);font-size:.8125rem}.stat-icon{border-radius:var(--r-sm);background:var(--surface-2);width:36px;height:36px;color:var(--ink-2);place-items:center;margin-bottom:6px;display:grid}.stat-icon svg{width:18px;height:18px}.stat-card.emphasis{background:var(--accent);color:var(--on-accent);box-shadow:none}.stat-card.emphasis small,.stat-card.emphasis p{color:#ffffffd9}.stat-card.emphasis .stat-icon{color:var(--accent);background:#fff}.dashboard-grid{gap:16px;display:grid}@media (width>=1100px){.dashboard-grid{grid-template-columns:1.4fr 1fr}}.compact-list li{grid-template-columns:1fr auto;grid-template-areas:"who price""badge badge";align-items:center;gap:6px 12px;padding:12px 0;display:grid}.compact-list li+li{border-top:1px solid var(--line)}.compact-list li>div{flex-direction:column;grid-area:who;min-width:0;display:flex}.compact-list small{color:var(--ink-3);font-size:.8125rem}.compact-list .badge{grid-area:badge;justify-self:start}.compact-list .price{grid-area:price}@media (width>=640px){.compact-list li{grid-template-columns:1fr auto 110px;grid-template-areas:"who badge price"}.compact-list .price{text-align:right}}.ranking{flex-direction:column;gap:14px;display:flex}.ranking li{gap:12px;display:flex}.rank{border-radius:var(--r-xs);background:var(--surface-2);flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.875rem;font-weight:800;display:grid}.ranking li:first-child .rank{background:var(--sun);color:var(--ink)}.ranking-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ranking-row{justify-content:space-between;gap:12px;display:flex}.ranking-body small{color:var(--ink-3);font-size:.8125rem}.admin-order-list{gap:12px;display:grid}@media (width>=1100px){.admin-order-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-order{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);border-left:4px solid var(--line-strong);animation:rise .26s var(--ease-out) both;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-order.status-pending{border-left-color:var(--accent)}.admin-order.status-confirmed,.admin-order.status-ready{border-left-color:var(--info)}.admin-order.status-preparing,.admin-order.status-out_for_delivery{border-left-color:var(--accent)}.admin-order.status-delivered{border-left-color:var(--success)}.admin-order.status-cancelled{border-left-color:var(--danger);opacity:.75}.admin-order-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-order-head>div{flex-direction:column;min-width:0;display:flex}.admin-order-name{font-size:1.0625rem}.admin-order-head small{font-variant-numeric:tabular-nums;font-size:.8125rem}.admin-order-items{flex-wrap:wrap;gap:6px;display:flex}.admin-order-items span{border-radius:var(--r-xs);background:var(--surface-2);padding:4px 10px;font-size:.9375rem}.admin-order-items b{color:var(--accent-text)}.admin-order-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.875rem;display:flex}.admin-order-meta>span,.admin-order-meta>a{align-items:center;gap:6px;min-width:0;display:inline-flex}.admin-order-meta svg{width:16px;height:16px;color:var(--ink-3)}.admin-order-meta a{color:var(--ink);min-height:32px;font-weight:650}.admin-order-meta a:hover{color:var(--accent-text)}.admin-order-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.admin-order-actions{gap:8px;margin-left:auto;display:flex}.admin-order-actions .button.primary{min-height:44px;padding:0 18px}.admin-product-grid{gap:12px;display:grid}@media (width>=640px){.admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width>=1100px){.admin-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-product{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:96px 1fr;gap:14px;padding:10px;display:grid}.admin-product-media{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);position:relative;overflow:hidden}.admin-product-media img{object-fit:cover;width:100%;height:100%}.media-count{border-radius:var(--r-full);color:#fff;background:#1d2621b3;align-items:center;gap:4px;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;bottom:6px;right:6px}.media-count svg{width:12px;height:12px}.admin-product-body{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-product-top{justify-content:space-between;align-items:center;gap:8px;font-size:.8125rem;display:flex}.admin-product-body h3 a:hover{color:var(--accent-text)}.admin-product .switch-row{margin-top:auto;padding-top:8px}@media (width>=640px){.admin-product{grid-template-columns:1fr;padding:0;overflow:hidden}.admin-product-media{aspect-ratio:16/10;border-radius:0}.admin-product-body{padding:14px 16px 16px}}.facts{flex-direction:column;display:flex}.facts>div{flex-direction:column;gap:4px;padding:14px 0;display:flex}.facts>div+div{border-top:1px solid var(--line)}.facts dt{color:var(--ink-3);font-size:.8125rem;font-weight:600}.facts dd{color:var(--ink)}.upload-field{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.upload-field legend{margin-bottom:8px;padding:0;font-size:.9375rem;font-weight:650}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.upload-preview{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-preview figcaption{border-radius:var(--r-xs);background:var(--inverse-bg);color:var(--inverse-fg);padding:2px 6px;font-size:.6875rem;font-weight:700;position:absolute;bottom:6px;left:6px}.upload-preview button{background:var(--glass-strong);width:32px;height:32px;color:var(--danger);box-shadow:var(--shadow-1);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.upload-preview button svg{width:16px;height:16px}.upload-drop{aspect-ratio:1;border:1.5px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-2);text-align:center;cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8125rem;font-weight:650;display:flex}.upload-drop:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.upload-drop:focus-within{box-shadow:var(--focus)}.upload-drop svg{width:22px;height:22px}.select-list{border:0;flex-direction:column;gap:8px;max-height:320px;margin:0;padding:0;display:flex;overflow-y:auto}.select-list legend{margin-bottom:8px;padding:0;font-size:.9375rem;font-weight:650}.select-item{border-radius:var(--r-md);border:1.5px solid var(--line);cursor:pointer;min-height:60px;transition:border-color var(--t-fast), background-color var(--t-fast);align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.select-item input{opacity:0;pointer-events:none;position:absolute}.select-item:hover{border-color:var(--line-strong)}.select-item.selected{border-color:var(--accent);background:var(--accent-soft)}.select-item:has(input:focus-visible){box-shadow:var(--focus)}.select-check{border:1.5px solid var(--line-strong);color:#0000;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.select-item.selected .select-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.select-check svg{stroke-width:3px;width:14px;height:14px}.select-item>span:last-child{flex-direction:column;min-width:0;display:flex}.select-item small{color:var(--ink-3);align-items:center;gap:4px;font-size:.8125rem;display:flex}.select-item small svg{width:13px;height:13px}.advanced{margin-top:8px}.advanced summary{cursor:pointer;color:var(--ink-2);padding:6px 0;font-size:.875rem;font-weight:600}.advanced .field-row{margin-top:8px}.assignment-grid{gap:16px;display:grid}@media (width>=1100px){.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.assignment{flex-direction:column;gap:14px;display:flex}.assignment-head{align-items:center;gap:12px;display:flex}.assignment-head>div{flex:1;min-width:0}.assignment-head small{font-size:.8125rem}.stop-list{flex-direction:column;display:flex}.stop-list li{align-items:center;gap:12px;padding:10px 0;display:flex}.stop-list li+li{border-top:1px solid var(--line)}.stop-list li>div{flex-direction:column;flex:1;min-width:0;display:flex}.stop-list small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.stop-list li.done{color:var(--ink-3)}.stop-index{background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:800;display:grid}.stop-index svg{width:18px;height:18px;color:var(--success)}.user-list{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.user-row{grid-template-columns:auto 1fr;grid-template-areas:"avatar main""avatar side""avatar actions";gap:6px 14px;padding:14px 16px;display:grid}.user-row+.user-row{border-top:1px solid var(--line)}.user-row.inactive{background:var(--bg)}.user-row.inactive .user-main strong{color:var(--ink-3)}.user-row .avatar{grid-area:avatar}.user-main{flex-direction:column;grid-area:main;min-width:0;display:flex}.user-contact{color:var(--ink-2);flex-wrap:wrap;gap:2px 14px;font-size:.875rem;display:flex}.user-contact a,.user-contact span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.user-contact a:hover{color:var(--accent-text)}.user-contact svg{width:14px;height:14px;color:var(--ink-3)}.user-side{flex-wrap:wrap;grid-area:side;align-items:center;gap:4px 10px;display:flex}.user-side small{font-size:.8125rem}.user-actions{grid-area:actions;align-items:center;gap:8px;display:flex}.user-actions:empty{display:none}@media (width>=900px){.user-row{grid-template-columns:auto minmax(0,1fr) 220px 200px;grid-template-areas:"avatar main side actions";align-items:center;padding:14px 20px}.user-side{flex-direction:column;align-items:flex-start;gap:2px}.user-actions{justify-content:flex-end}}.notification-list{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.notification{align-items:flex-start;gap:14px;padding:16px;display:flex}.notification+.notification{border-top:1px solid var(--line)}.notification>div{flex:1;min-width:0}.notification p{color:var(--ink-2);font-size:.9375rem}.notification small{font-size:.8125rem}.notification-icon{border-radius:var(--r-sm);background:var(--surface-2);width:38px;height:38px;color:var(--ink-3);flex-shrink:0;place-items:center;display:grid}.notification-icon svg{width:18px;height:18px}.notification.unread{background:var(--accent-soft)}.notification.unread .notification-icon{background:var(--accent-soft);color:var(--accent-text)}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.settings{flex-direction:column;gap:28px;padding-bottom:72px;display:flex}.settings-section{gap:12px;display:grid}.settings-section h2{font-family:var(--font-body);letter-spacing:0;font-size:1.0625rem;font-weight:700}.settings-section header p{color:var(--ink-2);margin-top:2px;font-size:.9375rem}@media (width>=1100px){.settings-section{grid-template-columns:280px 1fr;gap:32px}}.save-bar{z-index:var(--z-floating);left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));border-radius:var(--r-full);background:var(--inverse-bg);color:var(--inverse-fg);box-shadow:var(--shadow-3);opacity:0;transition:transform .3s var(--ease-out), opacity .3s;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 20px;display:flex;position:fixed;transform:translateY(150%)}.save-bar.visible{opacity:1;pointer-events:auto;transform:none}.save-bar span{font-size:.9375rem;font-weight:600}@media (width>=1024px){.save-bar{max-width:1100px;margin-inline:auto;left:300px;right:40px}}.driver-assignment{flex-direction:column;gap:16px;display:flex}.driver-assignment-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.driver-assignment-head>div{flex-direction:column;display:flex}.driver-assignment-head strong{font-size:1.1875rem}.driver-assignment-head small{font-size:.875rem}.gps-banner{border-radius:var(--r-md);background:var(--success-soft);min-height:52px;color:var(--success);justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.gps-banner svg{width:20px;height:20px}.driver-stops{flex-direction:column;gap:10px;display:flex}.driver-stop{border-radius:var(--r-md);border:1.5px solid var(--line);transition:border-color var(--t-base);gap:12px;padding:14px;display:flex}.driver-stop.next{border-color:var(--accent);background:var(--accent-soft)}.driver-stop.done{opacity:.6}.driver-stop .stop-index{width:32px;height:32px}.driver-stop.next .stop-index{background:var(--accent);color:var(--on-accent)}.driver-stop-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.driver-stop-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.driver-stop-top strong{font-size:1.0625rem}.driver-stop-body p{color:var(--ink-2)}.driver-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.driver-actions .icon-button{width:100%;height:48px}.driver-actions .button{min-height:48px;padding-inline:10px}.driver-actions .button.primary{order:-1;grid-column:1/-1;min-height:56px;font-size:1.0625rem}@media (width>=640px){.driver-actions{flex-wrap:wrap;display:flex}.driver-actions .button.primary{order:0;min-height:48px}.driver-actions .icon-button{width:48px}}.pwa-install{z-index:var(--z-floating);left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-3);animation:pop .32s var(--ease-out);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 44px 14px 14px;display:grid;position:fixed}body:has(.tabbar) .pwa-install{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px)}body:has(.cart-bar) .pwa-install{display:none}.pwa-install-icon{border-radius:var(--r-md);background:var(--brand);width:44px;height:44px;color:var(--sun);place-items:center;display:grid}.pwa-install-icon svg{width:22px;height:22px}.pwa-install-copy strong{display:block}.pwa-install-copy p{color:var(--ink-2);font-size:.875rem}.pwa-install-help{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pwa-install-help svg{width:16px;height:16px}.pwa-install-action{grid-column:1/-1}.pwa-install-close{width:36px;height:36px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.pwa-install-close:hover{background:var(--surface-2)}.pwa-install-close svg{width:18px;height:18px}@media (width>=900px){.pwa-install{width:380px;bottom:24px;left:auto;right:24px}body:has(.tabbar) .pwa-install{bottom:24px}}