: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: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--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 8px rgba(0,0,0,.3);--shadow-elevated: 0 8px 24px rgba(0,0,0,.4);--shadow-accent: 0 0 20px rgba(0,212,170,.15);--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: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:var(--accent-500);color:var(--bg-primary)}.btn-accent:hover{background:var(--accent-400);color:var(--bg-primary);transform:translateY(-1px)}.btn-cta{background:var(--cta-500);color:#fff}.btn-cta:hover{background:var(--cta-400);color:#fff;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-500);color:var(--accent-500)}.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:10px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.badge-accent{background:var(--accent-500);color:var(--bg-primary)}.badge-outline{border:1px solid var(--accent-500);color:var(--accent-500);background:transparent}.badge-sale{background:var(--cta-500);color:#fff}.badge-new{background:var(--accent-500);color:var(--bg-primary)}.badge-rating{background:#ffd70026;color:gold}.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)}.card:hover{border-color:var(--accent-500);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.section{padding:var(--space-12) var(--space-5)}.section-eyebrow{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-2)}.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-xl);font-weight:600}.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:600;color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default);scroll-margin-top:80px}.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-sm);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 .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%)}.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;background:var(--accent-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--bg-primary)}.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;align-items:center;gap:var(--space-8);list-style:none}.nav-item[data-astro-cid-5blmo7yk]{position:relative}.nav-link[data-astro-cid-5blmo7yk]{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:var(--text-md);color:var(--text-secondary);font-weight:400;line-height:1;background:none;border:none;cursor:pointer;padding:var(--space-2) 0;transition:color var(--duration-fast)}.nav-link[data-astro-cid-5blmo7yk]:hover,.nav-link[data-astro-cid-5blmo7yk].active{color:var(--accent-500)}.chev[data-astro-cid-5blmo7yk]{font-size:15px;transition:transform var(--duration-fast) var(--ease-default)}.dropdown[data-astro-cid-5blmo7yk]{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%) translateY(-6px);min-width:230px;list-style:none;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--space-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);z-index:200}.has-dropdown[data-astro-cid-5blmo7yk]:hover .dropdown[data-astro-cid-5blmo7yk],.has-dropdown[data-astro-cid-5blmo7yk]:focus-within .dropdown[data-astro-cid-5blmo7yk],.has-dropdown[data-astro-cid-5blmo7yk].open .dropdown[data-astro-cid-5blmo7yk]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.has-dropdown[data-astro-cid-5blmo7yk]:hover .chev[data-astro-cid-5blmo7yk],.has-dropdown[data-astro-cid-5blmo7yk].open .chev[data-astro-cid-5blmo7yk]{transform:rotate(180deg)}.dropdown-link[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;transition:all var(--duration-fast)}.dropdown-link[data-astro-cid-5blmo7yk] i[data-astro-cid-5blmo7yk]{font-size:18px;color:var(--accent-500);width:20px;text-align:center}.dropdown-link[data-astro-cid-5blmo7yk]:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown-link[data-astro-cid-5blmo7yk].active{color:var(--accent-500)}.dropdown-all[data-astro-cid-5blmo7yk]{color:var(--text-primary);font-weight:500;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:var(--space-1)}.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;align-items:stretch;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:560px;overflow-y:auto}.nav-item[data-astro-cid-5blmo7yk]{border-top:1px solid var(--border-subtle)}.nav-link[data-astro-cid-5blmo7yk]{width:100%;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-md)}.dropdown[data-astro-cid-5blmo7yk]{position:static;transform:none;min-width:0;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:none;border-radius:0;background:var(--bg-surface);padding:0;max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-default)}.has-dropdown[data-astro-cid-5blmo7yk].open .dropdown[data-astro-cid-5blmo7yk]{max-height:400px;transform:none}.dropdown-link[data-astro-cid-5blmo7yk]{padding:var(--space-3) var(--space-8);border-radius:0}.dropdown-all[data-astro-cid-5blmo7yk]{border-radius:0}}.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;background:var(--accent-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--bg-primary)}.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}}