:root{--bg-deepest: #0c0e14;--bg-primary: #0f1117;--bg-card: #181b23;--bg-surface: #1e222d;--bg-elevated: #252a36;--bg-hover: #2a3040;--accent-50: #e6faf5;--accent-100: #b3f0e0;--accent-200: #80e6cb;--accent-300: #4ddcb6;--accent-400: #1ad2a1;--accent-500: #00d4aa;--accent-600: #00b894;--accent-700: #009d7e;--accent-800: #007d64;--accent-900: #005e4b;--cta-50: #fff3ed;--cta-100: #ffd9c2;--cta-200: #ffb896;--cta-300: #ff986b;--cta-400: #ff7f47;--cta-500: #ff6b35;--cta-600: #e55a2b;--cta-700: #cc4a22;--cta-800: #b23a19;--cta-900: #992b10;--text-primary: #f0f1f5;--text-secondary:#9ea3b0;--text-tertiary: #5c6173;--text-muted: #3d4253;--border-subtle: #1e222d;--border-default:#2a2f3d;--border-strong: #3a4055;--border-accent: #00d4aa33;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #3b82f6;--shopee: #ee4d2d;--shopee-dark: #d73211;--lazada: #0f146d;--lazada-light: #1a1faa;--font-display: "Kanit", sans-serif;--font-body: "Noto Sans Thai", "Inter", sans-serif;--font-numbers: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 30px;--text-3xl: 42px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full:9999px;--shadow-card: 0 2px 12px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);--shadow-elevated: 0 12px 40px rgba(0,0,0,.55);--shadow-accent: 0 0 0 1px rgba(0,212,170,.25), 0 8px 32px rgba(0,0,0,.45), 0 0 28px rgba(0,212,170,.18);--shadow-glow-sm: 0 0 16px rgba(0,212,170,.25);--shadow-glow-lg: 0 0 40px rgba(0,212,170,.3);--ease-default: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 35% at 50% -5%,rgba(0,212,170,.07) 0%,transparent 65%),var(--bg-deepest);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-500);text-decoration:none}a:hover{color:var(--accent-400)}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.container-sm{max-width:900px;margin:0 auto;padding:0 var(--space-5)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-default);text-decoration:none}.btn-accent{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-400) 100%);color:var(--bg-primary);box-shadow:0 0 18px #00d4aa33}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-300) 100%);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 28px #00d4aa59}.btn-cta{background:linear-gradient(135deg,var(--cta-500) 0%,var(--cta-400) 100%);color:#fff;box-shadow:0 0 16px #ff6b3533}.btn-cta:hover{background:linear-gradient(135deg,var(--cta-400) 0%,var(--cta-300) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 0 24px #ff6b3559}.btn-outline{background:#ffffff08;border:1px solid var(--border-strong);color:var(--text-primary);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:#00d4aa80;color:var(--accent-400);background:#00d4aa0f;box-shadow:0 0 12px #00d4aa1f}.btn-shopee{background:var(--shopee);color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.btn-shopee:hover{background:var(--shopee-dark);color:#fff}.btn-lazada{background:var(--lazada);color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.btn-lazada:hover{background:var(--lazada-light);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:var(--radius-full)}.badge-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));color:var(--bg-primary)}.badge-outline{border:1px solid rgba(0,212,170,.4);color:var(--accent-400);background:#00d4aa14}.badge-sale{background:linear-gradient(135deg,var(--cta-500),var(--cta-400));color:#fff}.badge-new{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));color:var(--bg-primary)}.badge-rating{background:#ffd7001f;color:gold;border:1px solid rgba(255,215,0,.2)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-default);box-shadow:var(--shadow-card)}.card:hover{border-color:#00d4aa73;box-shadow:var(--shadow-accent);transform:translateY(-4px)}.section{padding:var(--space-12) var(--space-5)}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--accent-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-2)}.section-eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:linear-gradient(90deg,var(--accent-500),transparent);border-radius:2px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.5px;line-height:1.2}.section-title .accent{color:var(--accent-500)}.section-link{font-size:var(--text-sm);color:var(--accent-500);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.prose{font-size:var(--text-md);line-height:1.8;color:var(--text-secondary)}.prose>*+*{margin-top:var(--space-4)}.prose h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(0,212,170,.4) 0%,transparent 60%) 1;scroll-margin-top:80px;letter-spacing:-.3px}.prose h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose p{color:var(--text-secondary)}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--accent-500);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-800)}.prose a:hover{color:var(--accent-400);text-decoration-color:var(--accent-500)}.prose ul,.prose ol{padding-left:var(--space-6);color:var(--text-secondary)}.prose li{margin-top:var(--space-2)}.prose li::marker{color:var(--accent-500)}.prose blockquote{border-left:3px solid var(--accent-500);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-secondary)}.prose blockquote strong{color:var(--accent-400)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:1px 6px;color:var(--accent-300)}.prose pre{background:var(--bg-deepest);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.prose pre code{background:none;border:none;padding:0;color:var(--text-primary)}.prose img{border-radius:var(--radius-lg);border:1px solid var(--border-default);margin:var(--space-5) 0}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-base);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.prose thead{background:var(--bg-surface)}.prose th{text-align:left;font-weight:600;color:var(--text-primary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong)}.prose td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:var(--bg-surface)}.img-zone{position:relative;aspect-ratio:16 / 9;background:radial-gradient(120% 120% at 50% 0%,rgba(0,212,170,.08) 0%,transparent 60%),var(--bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.img-zone img{width:100%;height:100%;object-fit:cover}.img-zone.is-product{aspect-ratio:1 / 1}.img-zone.is-product img{object-fit:contain;padding:var(--space-2)}.img-zone .img-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-muted)}.img-zone .img-placeholder i{font-size:40px;color:var(--border-strong)}.img-zone .img-placeholder span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.img-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(0,212,170,.05) 50%,transparent 60%);pointer-events:none}.glow-host{position:relative;isolation:isolate}.glow-host>.glow{position:absolute;z-index:-1;border-radius:var(--radius-full);filter:blur(80px);opacity:.5;pointer-events:none;background:radial-gradient(circle,rgba(0,212,170,.25) 0%,transparent 70%)}.gradient-text{background:linear-gradient(135deg,var(--accent-300) 0%,var(--accent-500) 50%,var(--accent-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{border:1px solid rgba(0,212,170,.35);box-shadow:0 0 0 1px #00d4aa14,inset 0 1px #ffffff0d}.divider-accent{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,170,.3) 40%,rgba(0,212,170,.3) 60%,transparent 100%);margin:var(--space-8) 0}.site-nav[data-astro-cid-5blmo7yk]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--bg-card);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100}.nav-logo[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);flex-shrink:0}.nav-logo[data-astro-cid-5blmo7yk]:hover{color:var(--text-primary)}.nav-logo-icon[data-astro-cid-5blmo7yk]{width:32px;height:32px;border-radius:var(--radius-md);display:block;object-fit:cover}.nav-logo-text[data-astro-cid-5blmo7yk]{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:-.5px}.nav-logo-text[data-astro-cid-5blmo7yk] .highlight[data-astro-cid-5blmo7yk]{color:var(--accent-500)}.nav-links[data-astro-cid-5blmo7yk]{display:flex;gap:var(--space-5);list-style:none}.nav-links[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400;transition:color var(--duration-fast)}.nav-links[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover,.nav-links[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk].active{color:var(--accent-500)}.nav-right[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-3)}.nav-search[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);width:200px}.nav-search[data-astro-cid-5blmo7yk]:hover{border-color:var(--border-strong);color:var(--text-secondary)}.nav-toggle[data-astro-cid-5blmo7yk]{display:none;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);width:38px;height:38px;font-size:20px;cursor:pointer;align-items:center;justify-content:center}@media(max-width:900px){.nav-search[data-astro-cid-5blmo7yk] span[data-astro-cid-5blmo7yk]{display:none}.nav-search[data-astro-cid-5blmo7yk]{width:auto}.nav-toggle[data-astro-cid-5blmo7yk]{display:inline-flex}.nav-links[data-astro-cid-5blmo7yk]{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-card);border-bottom:1px solid var(--border-default);max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-default)}.nav-links[data-astro-cid-5blmo7yk].open{max-height:420px}.nav-links[data-astro-cid-5blmo7yk] li[data-astro-cid-5blmo7yk]{border-top:1px solid var(--border-subtle)}.nav-links[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]{display:block;padding:var(--space-4) var(--space-5);font-size:var(--text-md)}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--bg-card);border-top:1px solid var(--border-default);padding:var(--space-10) var(--space-5)}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand[data-astro-cid-sz7xmlte] .nav-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.nav-logo-icon[data-astro-cid-sz7xmlte]{width:32px;height:32px;border-radius:var(--radius-md);display:block;object-fit:cover}.nav-logo-text[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.nav-logo-text[data-astro-cid-sz7xmlte] .highlight[data-astro-cid-sz7xmlte]{color:var(--accent-500)}.footer-brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3);color:var(--text-primary)}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:var(--space-2)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--text-tertiary)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent-500)}.footer-disclosure[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.6;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.footer-disclosure[data-astro-cid-sz7xmlte] i[data-astro-cid-sz7xmlte]{color:var(--accent-500)}.footer-bottom[data-astro-cid-sz7xmlte]{padding-top:var(--space-6);border-top:1px solid var(--border-default);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:768px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media(max-width:480px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr}}