@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";
:root{--ink:#20174e;--ink-soft:#20174e9e;--hair:#20174e14;--bg:linear-gradient(180deg, #f3e9e6 0%, #e6d6ec 45%, #cdb3e0 75%, #b99ad8 100%);--bg-calm:linear-gradient(180deg, #f6eeeb 0%, #efe4f1 100%);--glass:#ffffff8c;--glass-border:#fff9;--violet:linear-gradient(160deg, #8b6cf0 0%, #b49af7 100%);--cyan:#00f0ff;--r-card:16px;--r-input:12px;--r-pill:100px;--font:"Inter", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg-calm);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;font-size:16px}body.dusk{background:var(--bg);background-attachment:fixed}.page{max-width:1120px;margin:0 auto;padding:24px 16px 96px}.display{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(40px,6vw,56px);font-weight:300;line-height:1.05}h2,.h2{letter-spacing:-.01em;margin:0 0 12px;font-size:32px;font-weight:300;line-height:1.15}h3,.h3{margin:0 0 8px;font-size:20px;font-weight:500}.muted,small{color:var(--ink-soft);font-size:13px}.num{font-variant-numeric:tabular-nums}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-card);-webkit-backdrop-filter:blur(18px);padding:20px}.tile-violet{background:var(--violet);color:#fff;border-radius:var(--r-card);padding:20px}.pill-nav{scrollbar-width:none;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(18px);flex-wrap:nowrap;gap:4px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:6px;display:flex;overflow-x:auto}.pill-nav a{white-space:nowrap;border-radius:var(--r-pill);color:var(--ink);flex:none;padding:10px 16px;font-size:15px;text-decoration:none}.pill-nav a[aria-current=page]{background:#fff}.btn{border-radius:var(--r-pill);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-light{color:var(--ink);background:#fff}.field{width:100%;min-height:44px;font:inherit;color:var(--ink);border:1px solid var(--glass-border);border-radius:var(--r-input);background:#ffffffb3;padding:10px 14px}.btn:focus-visible,.field:focus-visible,.pill-nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{text-align:left;color:var(--ink-soft);padding:8px 10px;font-size:13px;font-weight:500}.table td{border-top:1px solid var(--hair);padding:12px 10px}.table td.num,.table th.num{text-align:right}.table-wrap{overflow-x:auto}.badge{border-radius:var(--r-pill);background:#ffffffb3;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.badge-live:before{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:720px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.sticky-cart{justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:16px}