@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@300;400;500;600;700&family=Prompt:wght@400;500;600;700;800&family=Caveat:wght@500;600&display=swap";@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-VariableFont_GRAD_opsz_wght.ttf) format("truetype-variations"),url(/fonts/GoogleSans-VariableFont_GRAD_opsz_wght.ttf) format("truetype");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Italic-VariableFont_GRAD_opsz_wght.ttf) format("truetype-variations"),url(/fonts/GoogleSans-Italic-VariableFont_GRAD_opsz_wght.ttf) format("truetype");font-weight:300 800;font-style:italic;font-display:swap}:root{--cream-50: #FDFAF2;--cream-100: #F7F0DF;--cream-200: #EFE3C4;--cream-300: #E3D1A0;--green-50: #EEF6E9;--green-100: #D9EBC9;--green-200: #B8DAA0;--green-300: #8FC471;--green-400: #6BAC4C;--green-500: #4E8F33;--green-600: #355F22;--orange-50: #FFF2E4;--orange-100: #FFE1C2;--orange-200: #FDC891;--orange-300: #F9A45C;--orange-400: #EF8534;--orange-500: #CF6417;--gold-50: #FBF3D8;--gold-100: #F5E4A8;--gold-200: #EBCF72;--gold-300: #D9B347;--gold-400: #A98417;--chili-100: #FADAD0;--chili-300: #E5533D;--chili-500: #B72E18;--ink-900: #2A1E10;--ink-700: #4A3A28;--ink-500: #6E5B43;--ink-300: #9A8970;--ink-100: #C9BCA3;--fg-1: var(--ink-900);--fg-2: var(--ink-700);--fg-3: var(--ink-500);--fg-muted: var(--ink-300);--fg-onDark: var(--cream-50);--fg-brand: var(--green-500);--fg-accent: var(--orange-400);--bg-page: var(--cream-50);--bg-surface: #FFFFFF;--bg-soft: var(--cream-100);--bg-sunken: var(--cream-200);--bg-brand: var(--green-300);--bg-brand-soft: var(--green-50);--bg-accent: var(--orange-300);--bg-accent-soft: var(--orange-50);--bg-gold-soft: var(--gold-50);--border-subtle: rgba(74, 58, 40, .1);--border-default: rgba(74, 58, 40, .18);--border-strong: var(--ink-700);--border-brand: var(--green-400);--status-success: var(--green-500);--status-warning: var(--gold-400);--status-danger: var(--chili-500);--status-info: #3F7EA1;--font-brand: "Google Sans", "IBM Plex Sans Thai Looped", system-ui, sans-serif;--font-thai-display: "Prompt", "Google Sans", "IBM Plex Sans Thai Looped", system-ui, sans-serif;--font-thai-body: "IBM Plex Sans Thai Looped", "Google Sans", "Prompt", system-ui, sans-serif;--font-en-sans: "Google Sans", "IBM Plex Sans Thai Looped", system-ui, sans-serif;--font-script: "Caveat", cursive;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-28: 1.75rem;--fs-32: 2rem;--fs-40: 2.5rem;--fs-48: 3rem;--fs-64: 4rem;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.45;--lh-loose: 1.7;--s-2: 2px;--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-32: 32px;--s-40: 40px;--s-56: 56px;--s-80: 80px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(74, 58, 40, .06);--shadow-sm: 0 2px 6px rgba(74, 58, 40, .08);--shadow-md: 0 8px 20px -6px rgba(74, 58, 40, .14), 0 2px 4px rgba(74, 58, 40, .06);--shadow-lg: 0 18px 36px -12px rgba(74, 58, 40, .22), 0 4px 8px rgba(74, 58, 40, .08);--shadow-inset: inset 0 1px 2px rgba(74, 58, 40, .08);--shadow-glow-orange: 0 8px 24px -8px rgba(239, 133, 52, .45);--shadow-glow-green: 0 8px 24px -8px rgba(78, 143, 51, .35);--ease-out-soft: cubic-bezier(.22, .61, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-med: .22s;--dur-slow: .36s}html,body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-thai-body);font-size:var(--fs-16);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}h1,.h1{font-family:var(--font-thai-display);font-weight:700;font-size:var(--fs-48);line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--fg-1)}h2,.h2{font-family:var(--font-thai-display);font-weight:600;font-size:var(--fs-32);line-height:var(--lh-snug);color:var(--fg-1)}h3,.h3{font-family:var(--font-thai-display);font-weight:600;font-size:var(--fs-24);line-height:var(--lh-snug)}h4,.h4{font-family:var(--font-thai-display);font-weight:600;font-size:var(--fs-20);line-height:var(--lh-snug)}p,.p{font-family:var(--font-thai-body);font-size:var(--fs-16);line-height:var(--lh-loose);color:var(--fg-2)}small,.caption{font-size:var(--fs-13);color:var(--fg-3);line-height:var(--lh-normal)}.eyebrow{font-family:var(--font-en-sans);text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-12);font-weight:600;color:var(--fg-accent)}.script{font-family:var(--font-script);font-weight:600;color:var(--fg-accent)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-thai-body)}button{font-family:inherit;cursor:pointer}a{color:inherit}.ts-app{min-height:100vh;display:flex;flex-direction:column}.ts-container{max-width:1200px;margin:0 auto;padding:0 32px;width:100%}.ts-header{position:sticky;top:0;z-index:30;background:#fdfaf2d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ts-header-row{display:flex;align-items:center;gap:24px;padding:14px 0}.ts-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-thai-display);font-weight:700;font-size:22px;color:var(--ink-900);text-decoration:none}.ts-nav{display:flex;gap:4px}.ts-nav a{text-decoration:none;color:var(--ink-700);padding:8px 14px;border-radius:var(--r-pill);font-size:15px;font-weight:500;transition:background var(--dur-med) var(--ease-out-soft),color var(--dur-med) var(--ease-out-soft)}.ts-nav a:hover{background:var(--cream-100);color:var(--ink-900)}.ts-nav a.active{background:var(--green-100);color:var(--green-500);font-weight:600}.ts-search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--cream-100);border-radius:var(--r-pill);border:1.5px solid transparent;color:var(--ink-500);font-size:14px;transition:all var(--dur-med) var(--ease-out-soft)}.ts-search:focus-within{background:#fff;border-color:var(--green-400);box-shadow:0 0 0 3px #8fc4714d;color:var(--ink-900)}.ts-search input{border:0;outline:0;background:transparent;flex:1;font-family:var(--font-thai-body);font-size:14px;color:var(--ink-900)}.ts-search input::placeholder{color:var(--ink-300)}.ts-iconbtn{width:42px;height:42px;border-radius:999px;background:var(--cream-100);color:var(--ink-700);border:0;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--dur-med) var(--ease-out-soft)}.ts-iconbtn:hover{background:var(--cream-200);color:var(--ink-900)}.ts-iconbtn .badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:var(--orange-300);color:var(--ink-900);font-family:var(--font-thai-display);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid var(--cream-50)}.ts-iconbtn.pop .badge{animation:pop .36s var(--ease-bounce)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.ts-hero{position:relative;overflow:hidden;border-radius:var(--r-2xl);background:linear-gradient(135deg,var(--green-100),var(--green-50) 60%,var(--cream-100));padding:48px 56px;margin-top:8px}.ts-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/patterns/kranok-light.svg);background-size:280px;opacity:.35;pointer-events:none}.ts-hero-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.ts-hero h1{font-family:var(--font-thai-display);font-weight:700;font-size:64px;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--ink-900)}.ts-hero h1 .accent{color:var(--green-500)}.ts-hero .sub{font-family:var(--font-thai-display);font-weight:500;font-size:22px;color:var(--ink-700);margin-top:12px;line-height:1.4;max-width:460px}.ts-hero .ctas{display:flex;gap:12px;margin-top:28px;align-items:center}.ts-hero-art{position:relative;display:flex;align-items:center;justify-content:center}.ts-hero-art .bowl{width:320px;height:320px;border-radius:999px;background:#fff;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.ts-hero-art .bowl img{width:85%;height:85%;border-radius:999px;object-fit:contain}.ts-hero-art .sticker{position:absolute;width:98px}.ts-hero-art .sticker.s1{top:-14px;right:10px;transform:rotate(10deg)}.ts-hero-art .sticker.s2{bottom:4px;left:-4px;transform:rotate(-12deg)}.ts-section{padding:72px 0 0}.ts-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:24px}.ts-section-head h2{margin:0;font-family:var(--font-thai-display);font-weight:700;font-size:34px;line-height:1.15;color:var(--ink-900)}.ts-section-head .eyebrow{display:block;margin-bottom:6px}.ts-section-head p{margin:6px 0 0;color:var(--ink-500);max-width:420px;font-size:15px;line-height:1.6}.ts-section-head .see-all{font-family:var(--font-thai-display);font-weight:600;color:var(--green-500);text-decoration:none;font-size:15px;white-space:nowrap}.ts-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ts-cat{position:relative;background:var(--bg-surface);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;border:1.5px solid transparent;transition:all var(--dur-med) var(--ease-out-soft);text-decoration:none;color:inherit}.ts-cat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#8fc47180}.ts-cat .cat-emoji{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:14px}.ts-cat h3{margin:0;font-family:var(--font-thai-display);font-weight:600;font-size:18px;color:var(--ink-900)}.ts-cat .en{font-size:13px;color:var(--ink-500);margin-top:2px}.ts-cat .count{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);margin-top:10px}.ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ts-card{position:relative;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--dur-med) var(--ease-out-soft);border:1px solid transparent;display:flex;flex-direction:column;cursor:pointer}.ts-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#8fc47166}.ts-card .img{position:relative;aspect-ratio:1/1;background:var(--cream-100);display:flex;align-items:center;justify-content:center}.ts-card .img img{width:80%;height:80%}.ts-card .tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-pill);font-family:var(--font-thai-display);font-weight:600;font-size:11px;background:var(--orange-300);color:var(--ink-900);box-shadow:var(--shadow-xs)}.ts-card .tag.new{background:var(--green-500);color:var(--cream-50)}.ts-card .heart{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:#fdfaf2eb;color:var(--ink-300);border:0;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out-soft);font-size:18px}.ts-card .heart:hover{color:var(--chili-500);background:#fff}.ts-card .heart.liked{color:var(--chili-500)}.ts-card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.ts-card .title{font-family:var(--font-thai-display);font-weight:600;font-size:16px;color:var(--ink-900);line-height:1.3}.ts-card .meta{font-size:12px;color:var(--ink-500)}.ts-card .row-b{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.ts-card .price{font-family:var(--font-thai-display);font-weight:700;font-size:20px;color:var(--orange-500)}.ts-card .price .old{font-size:13px;text-decoration:line-through;color:var(--ink-300);font-weight:500;margin-left:6px}.ts-card .add{width:38px;height:38px;border-radius:999px;background:var(--green-300);color:var(--ink-900);border:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;line-height:0;transition:all var(--dur-fast) var(--ease-out-soft);box-shadow:var(--shadow-xs)}.ts-card .add:hover{background:var(--orange-300);box-shadow:var(--shadow-glow-orange);transform:scale(1.05)}.ts-card .add:active{transform:scale(.94)}.ts-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r-pill);font-family:var(--font-thai-display);font-weight:600;font-size:15px;border:0;transition:all var(--dur-med) var(--ease-out-soft);white-space:nowrap}.ts-btn.primary{background:var(--orange-300);color:var(--ink-900);box-shadow:var(--shadow-sm)}.ts-btn.primary:hover{background:var(--orange-400);color:var(--cream-50);box-shadow:var(--shadow-glow-orange);transform:translateY(-1px)}.ts-btn.primary:active{transform:scale(.97)}.ts-btn.secondary{background:var(--green-300);color:var(--ink-900);box-shadow:var(--shadow-sm)}.ts-btn.secondary:hover{background:var(--green-400);color:var(--cream-50)}.ts-btn.ghost{background:transparent;color:var(--ink-900);border:1.5px solid var(--border-default)}.ts-btn.ghost:hover{background:var(--cream-100);border-color:var(--ink-700)}.ts-btn.big{padding:16px 28px;font-size:17px}.ts-promo{margin-top:72px;background:var(--ink-900);color:var(--cream-50);border-radius:var(--r-2xl);padding:40px 48px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;position:relative;overflow:hidden}.ts-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/patterns/kranok-light.svg);background-size:220px;opacity:.1;pointer-events:none}.ts-promo h2{margin:0;font-family:var(--font-thai-display);font-weight:700;font-size:32px;line-height:1.15}.ts-promo h2 .accent{color:var(--orange-300)}.ts-promo p{margin:8px 0 0;color:var(--cream-200);font-size:15px;line-height:1.6}.ts-promo .art{text-align:right}.ts-footer{margin-top:72px;padding:48px 0 36px;border-top:1px solid var(--border-subtle);color:var(--ink-500);font-size:14px}.ts-footer-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px}.ts-footer h5{font-family:var(--font-thai-display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-700);margin:0 0 14px}.ts-footer a{color:var(--ink-500);text-decoration:none;display:block;padding:3px 0}.ts-footer a:hover{color:var(--green-500)}.ts-footer .copy{margin-top:32px;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--ink-300);display:flex;justify-content:space-between}.ts-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#fdfaf2b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out-soft);z-index:40}.ts-drawer-scrim.open{opacity:1;pointer-events:auto}.ts-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,96vw);background:var(--cream-50);box-shadow:var(--shadow-lg);z-index:50;transform:translate(110%);transition:transform var(--dur-slow) var(--ease-out-soft);display:flex;flex-direction:column}.ts-drawer.open{transform:translate(0)}.ts-drawer-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.ts-drawer-head h3{margin:0;font-family:var(--font-thai-display);font-weight:700;font-size:22px;color:var(--ink-900)}.ts-drawer-head .count{font-size:13px;color:var(--ink-500);margin-top:2px}.ts-drawer-body{flex:1;overflow-y:auto;padding:16px 24px}.ts-drawer-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.ts-drawer-item:last-child{border-bottom:0}.ts-drawer-item .thumb{width:72px;height:72px;border-radius:var(--r-md);background:var(--cream-100);display:flex;align-items:center;justify-content:center}.ts-drawer-item .thumb img{width:90%;height:90%}.ts-drawer-item .ttl{font-family:var(--font-thai-display);font-weight:600;font-size:15px;color:var(--ink-900)}.ts-drawer-item .meta{font-size:12px;color:var(--ink-500);margin-top:2px}.ts-qty{display:inline-flex;align-items:center;background:var(--cream-100);border-radius:var(--r-pill);padding:4px;gap:2px;margin-top:6px}.ts-qty button{width:26px;height:26px;border-radius:999px;background:transparent;border:0;color:var(--ink-700);font-size:16px;font-weight:600;line-height:0;display:flex;align-items:center;justify-content:center}.ts-qty button:hover{background:var(--cream-200);color:var(--ink-900)}.ts-qty span{min-width:22px;text-align:center;font-family:var(--font-thai-display);font-weight:600;font-size:14px}.ts-drawer-item .line-price{font-family:var(--font-thai-display);font-weight:700;color:var(--orange-500)}.ts-drawer-foot{padding:20px 24px 24px;border-top:1px solid var(--border-subtle);background:#fff}.ts-drawer-foot .row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:14px;color:var(--ink-700)}.ts-drawer-foot .row.total{font-size:18px;color:var(--ink-900);font-family:var(--font-thai-display);font-weight:700;padding-top:10px;margin-top:6px;border-top:1px dashed var(--border-default)}.ts-drawer-foot .total-amount{color:var(--orange-500);font-size:26px}.ts-drawer-foot .checkout{margin-top:14px;width:100%;justify-content:center;padding:16px;font-size:16px}.ts-drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 32px;color:var(--ink-500);gap:8px}.ts-drawer-empty h4{font-family:var(--font-thai-display);color:var(--ink-900);font-size:18px;margin:16px 0 0}.ts-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,24px);background:var(--ink-900);color:var(--cream-50);padding:12px 20px;border-radius:var(--r-pill);font-family:var(--font-thai-display);font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all var(--dur-med) var(--ease-bounce);z-index:60;display:flex;gap:8px;align-items:center}.ts-toast.open{opacity:1;transform:translate(-50%)}.ts-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding-top:24px}.ts-detail .gallery{background:var(--cream-100);border-radius:var(--r-2xl);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ts-detail .gallery img{width:70%;height:70%}.ts-detail .thumbs{display:flex;gap:10px;margin-top:14px}.ts-detail .thumbs .t{width:72px;height:72px;background:var(--cream-100);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;border:1.5px solid transparent;cursor:pointer}.ts-detail .thumbs .t.active{border-color:var(--green-400)}.ts-detail .info h1{font-family:var(--font-thai-display);font-weight:700;font-size:40px;color:var(--ink-900);margin:0;line-height:1.1}.ts-detail .info .en{color:var(--ink-500);font-size:18px;margin-top:4px}.ts-detail .info .tags{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.ts-detail .info .price{font-family:var(--font-thai-display);font-weight:700;font-size:36px;color:var(--orange-500);margin-top:18px}.ts-detail .info .desc{margin-top:16px;color:var(--ink-700);line-height:1.7;font-size:15px}.ts-detail .info .qty-row{display:flex;gap:14px;align-items:center;margin-top:28px}.ts-detail .info .qty-row .ts-qty{margin:0;padding:6px}.ts-detail .info .qty-row .ts-qty button{width:34px;height:34px;font-size:20px}.ts-detail .info .qty-row .ts-qty span{min-width:28px;font-size:16px}.ts-detail .info .meta-list{margin-top:24px;padding-top:20px;border-top:1px dashed var(--border-default);display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;color:var(--ink-500)}.ts-detail .info .meta-list b{color:var(--ink-900);font-weight:600}.ts-page-head{padding-top:28px}.ts-breadcrumbs{display:flex;gap:8px;color:var(--ink-500);font-size:13px}.ts-breadcrumbs a{color:var(--ink-500);text-decoration:none}.ts-breadcrumbs a:hover{color:var(--green-500)}.ts-breadcrumbs .sep{color:var(--ink-300)}.ts-tag-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.ts-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r-pill);font-family:var(--font-thai-display);font-weight:500;font-size:14px;background:var(--bg-surface);color:var(--ink-700);border:1.5px solid var(--border-default);cursor:pointer;transition:all var(--dur-med) var(--ease-out-soft)}.ts-chip:hover{border-color:var(--ink-700)}.ts-chip.active{background:var(--green-500);color:var(--cream-50);border-color:var(--green-500)}@media (max-width: 900px){.ts-container{padding:0 20px}.ts-header-row{gap:12px;padding:12px 0}.ts-hero{padding:32px 28px;margin-top:12px}.ts-hero-inner{grid-template-columns:1fr}.ts-hero h1{font-size:44px}.ts-hero-art .bowl{width:240px;height:240px;margin:0 auto}.ts-categories,.ts-grid{grid-template-columns:repeat(2,1fr)}.ts-nav{display:none}.ts-search{flex:1;min-width:0}.ts-promo,.ts-detail{grid-template-columns:1fr}.ts-footer-row{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.ts-container{padding:0 16px}.ts-header-row{gap:8px;padding:10px 0}.ts-brand object{height:28px!important}.ts-search{padding:8px 12px}.ts-search input{font-size:13px}.ts-search input::placeholder{content:"Search"}.ts-hero{padding:28px 22px;border-radius:var(--r-xl)}.ts-hero h1{font-size:32px;line-height:1.1}.ts-hero h1 br{display:none}.ts-hero .sub{font-size:15px;max-width:100%}.ts-hero .ctas{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.ts-hero .ctas .ts-btn{width:100%;justify-content:center}.ts-hero-art{margin-top:24px}.ts-hero-art .bowl{width:200px;height:200px}.ts-hero-art .sticker{width:72px}.ts-hero-inner{gap:20px}.ts-categories,.ts-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ts-card .img img{width:90%;height:90%}.ts-card .body{padding:10px 12px 12px}.ts-card .title{font-size:14px}.ts-card .price{font-size:16px}.ts-card .add{width:32px;height:32px;font-size:18px}.ts-footer-row{grid-template-columns:1fr;gap:24px}.ts-page-head{padding-top:16px}.ts-toolbar{flex-wrap:wrap;gap:8px}.ts-detail{gap:24px}.ts-detail .info h1,.ts-detail .price{font-size:28px}.ts-detail .meta-list{grid-template-columns:1fr 1fr}.ts-drawer{width:100%;max-width:100%}.ts-modal{padding:24px 20px;border-radius:var(--r-xl)}.ts-cart-fab{right:16px;bottom:16px;height:54px;width:54px}}.ts-cart-fab{position:fixed;right:20px;bottom:20px;z-index:70;height:60px;width:60px;border-radius:999px;background:var(--orange-300);color:var(--ink-900);box-shadow:0 14px 32px #1c18143d;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-med) var(--ease-out-soft),background var(--dur-med) var(--ease-out-soft)}.ts-cart-fab:hover{background:var(--orange-400, var(--orange-300));transform:translateY(-2px)}.ts-cart-fab .badge{position:absolute;top:2px;right:2px;min-width:22px;height:22px;border-radius:999px;background:var(--ink-900);color:var(--cream-50);font-family:var(--font-thai-display);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid var(--cream-50)}.ts-cart-fab.pop{animation:pop .36s var(--ease-bounce)}.ts-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c18148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:80;padding:24px;animation:fade-in .22s var(--ease-out-soft)}.ts-modal{position:relative;background:var(--bg-surface);border-radius:var(--r-2xl);padding:36px 36px 32px;width:min(560px,100%);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:pop-in .28s var(--ease-bounce)}.ts-modal.small{width:min(420px,100%);text-align:center}.ts-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;background:var(--cream-100);color:var(--ink-700);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out-soft)}.ts-modal-close:hover{background:var(--cream-200);color:var(--ink-900)}.ts-checkout-form,.ts-checkout-receipt{display:flex;flex-direction:column;gap:14px}.ts-checkout-form h2,.ts-checkout-receipt h2{font-family:var(--font-thai-display);font-weight:700;font-size:28px;margin:6px 0 0;color:var(--ink-900)}.ts-checkout-form p,.ts-checkout-receipt p{margin:0 0 4px;color:var(--ink-500);font-size:14px;line-height:1.5}.ts-checkout-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-thai-display);font-weight:600;font-size:13px;color:var(--ink-700)}.ts-checkout-form label i{font-style:normal;color:var(--ink-300);font-weight:500}.ts-checkout-form input,.ts-checkout-form textarea{font-family:var(--font-thai-body);font-size:15px;color:var(--ink-900);background:var(--cream-100);border:1.5px solid transparent;border-radius:var(--r-md);padding:12px 14px;outline:none;transition:all var(--dur-fast) var(--ease-out-soft);resize:vertical}.ts-checkout-form input:focus,.ts-checkout-form textarea:focus{background:#fff;border-color:var(--green-400);box-shadow:0 0 0 3px #8fc47140}.ts-checkout-summary{display:flex;justify-content:space-between;align-items:center;background:var(--cream-100);padding:14px 16px;border-radius:var(--r-md);font-family:var(--font-thai-display)}.ts-checkout-summary span{color:var(--ink-500);font-weight:500}.ts-checkout-summary b{font-size:22px;color:var(--orange-500);font-weight:700}.ts-checkout-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.ts-checkout-actions .ts-btn{flex:1;justify-content:center}.ts-checkout-feedback{font-size:13px;color:var(--green-500);text-align:center;padding-top:4px}.ts-receipt{background:#fff;border:1.5px dashed var(--border-default);border-radius:var(--r-lg);padding:24px;color:var(--ink-900);font-family:var(--font-thai-body)}.ts-receipt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px dashed var(--border-default)}.ts-receipt-meta{text-align:right;font-size:12px;color:var(--ink-500);font-family:var(--font-mono)}.ts-receipt-meta b{color:var(--ink-900);font-family:var(--font-thai-display);font-size:14px;display:block}.ts-receipt-buyer{display:flex;gap:24px;padding:12px 0;border-bottom:1px dashed var(--border-default);font-size:13px}.ts-receipt-buyer span{color:var(--ink-500);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ts-receipt-buyer b{color:var(--ink-900);font-family:var(--font-thai-display);font-weight:600;font-size:15px}.ts-receipt-table{width:100%;border-collapse:collapse;margin-top:4px;font-size:13px}.ts-receipt-table th{text-align:left;padding:10px 6px;font-family:var(--font-thai-display);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);border-bottom:1px solid var(--border-default)}.ts-receipt-table th:nth-child(2),.ts-receipt-table th:nth-child(3),.ts-receipt-table th:nth-child(4){text-align:right}.ts-receipt-table td{padding:10px 6px;vertical-align:top;border-bottom:1px dashed var(--border-subtle)}.ts-receipt-table td:nth-child(2),.ts-receipt-table td:nth-child(3),.ts-receipt-table td:nth-child(4){text-align:right;font-family:var(--font-mono);white-space:nowrap}.ts-receipt-table td .name{font-family:var(--font-thai-display);font-weight:600;color:var(--ink-900)}.ts-receipt-table td .code{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);margin-top:2px}.ts-receipt-table tfoot td{font-family:var(--font-thai-display);font-weight:700;font-size:16px;color:var(--ink-900);border-bottom:0;padding-top:14px}.ts-receipt-table tfoot td:last-child{color:var(--orange-500);font-size:20px}.ts-receipt-foot{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-default);font-size:12px;color:var(--ink-500);text-align:center;line-height:1.5}.ts-receipt-foot a{color:var(--green-500);font-weight:600;text-decoration:underline}.ts-fb-modal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 4px 4px}.ts-fb-modal .ts-fb-emoji{font-size:56px;line-height:1}.ts-fb-modal h2{font-family:var(--font-thai-display);font-weight:700;font-size:24px;margin:0;color:var(--ink-900)}.ts-fb-modal p{margin:0;color:var(--ink-500);font-size:14px;line-height:1.5}.ts-fb-modal .ts-btn{width:100%;justify-content:center;margin-top:6px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.ts-brand-mark{height:44px;width:44px;object-fit:contain;display:block}.ts-brand-name{font-family:var(--font-thai-display);font-weight:700;font-size:20px;color:var(--ink-900);letter-spacing:-.01em}.ts-product-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;line-height:1}.ts-card .img .ts-product-fallback{font-size:72px}.ts-drawer-item .thumb .ts-product-fallback{font-size:32px;border-radius:var(--r-md)}.ts-detail .gallery .ts-product-fallback{font-size:160px}.ts-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.ts-steps li{display:flex;gap:14px;align-items:flex-start}.ts-steps .num{flex:0 0 32px;height:32px;border-radius:999px;background:var(--green-100);color:var(--green-500);font-family:var(--font-thai-display);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:2px}.ts-steps b{display:block;font-family:var(--font-thai-display);font-weight:600;font-size:15px;color:var(--ink-900)}.ts-steps p{margin:2px 0 0;font-size:13px;color:var(--ink-500);line-height:1.5}.ts-modal{scrollbar-width:none}.ts-modal::-webkit-scrollbar{display:none}.ts-faq{display:flex;flex-direction:column;gap:16px}.ts-faq-item{padding:14px 16px;background:var(--cream-100);border-radius:var(--r-md);border-left:3px solid var(--green-400)}.ts-faq-item b{display:block;font-family:var(--font-thai-display);font-weight:600;font-size:15px;color:var(--ink-900);margin-bottom:4px}.ts-faq-item p{margin:0;font-size:13px;color:var(--ink-500);line-height:1.55}