:root{--commerce-color-brand-navy-900:#001541;--commerce-color-brand-navy-800:#00194f;--commerce-color-brand-blue-700:#00266f;--commerce-color-brand-blue-600:#002f87;--commerce-color-brand-blue-500:#073b98;--commerce-color-brand-red-600:#b60017;--commerce-color-brand-red-500:#e30620;--commerce-color-brand-red-400:#ff394b;--commerce-color-whatsapp:#25d366;--commerce-color-yellow-accent:#ffd52a;--commerce-color-canvas:#eef2f8;--commerce-color-surface:#ffffff;--commerce-color-soft:#f6f7f9;--commerce-color-elevated:#eef1f5;--commerce-color-line:#dce3ef;--commerce-color-text-strong:#111d36;--commerce-color-text-default:#3c4654;--commerce-color-text-muted:#687386;--commerce-color-icon-muted:#80899a;--commerce-color-bg-canvas:var(--commerce-color-canvas);--commerce-color-bg-surface:var(--commerce-color-surface);--commerce-color-bg-soft:var(--commerce-color-soft);--commerce-color-bg-elevated:var(--commerce-color-elevated);--commerce-color-border:var(--commerce-color-line);--commerce-color-text:var(--commerce-color-text-strong);--commerce-color-text-body:var(--commerce-color-text-default);--commerce-color-text-subtle:var(--commerce-color-text-muted);--commerce-color-action-primary:var(--commerce-color-brand-blue-600);--commerce-color-action-promotion:var(--commerce-color-brand-red-500);--commerce-color-hero-fallback:var(--commerce-color-brand-blue-700);--commerce-color-campaign-label:var(--commerce-color-brand-red-600);--commerce-color-campaign-code:var(--commerce-color-brand-navy-800);--commerce-color-confetti:var(--commerce-color-yellow-accent);--commerce-canvas:var(--commerce-color-bg-canvas);--commerce-soft:var(--commerce-color-bg-soft);--commerce-card:var(--commerce-color-bg-surface);--commerce-elevated:var(--commerce-color-bg-elevated);--commerce-hairline:var(--commerce-color-border);--commerce-text:var(--commerce-color-text);--commerce-body:var(--commerce-color-text-body);--commerce-muted:var(--commerce-color-text-subtle);--commerce-blue-light:var(--commerce-color-brand-blue-500);--commerce-blue:var(--commerce-color-action-primary);--commerce-red:var(--commerce-color-action-promotion);--commerce-font-sans:Inter,"Noto Sans Lao","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--commerce-type-campaign-mobile:clamp(1.8125rem,8vw,2.25rem);--commerce-type-campaign-desktop:clamp(4rem,6vw,4.75rem);--commerce-type-section:clamp(1rem,2vw,1.25rem);--commerce-type-product:clamp(0.6875rem,1.4vw,0.875rem);--commerce-type-price:clamp(0.6875rem,1.5vw,1rem);--commerce-type-utility:clamp(0.5rem,1vw,0.6875rem);--commerce-type-body:clamp(0.75rem,1.5vw,1rem);--commerce-leading-campaign:0.92;--commerce-leading-body:1.5;--commerce-weight-regular:400;--commerce-weight-medium:600;--commerce-weight-bold:700;--commerce-weight-extra:800;--commerce-weight-black:900;--commerce-space-1:0.25rem;--commerce-space-2:0.5rem;--commerce-space-3:0.75rem;--commerce-space-4:1rem;--commerce-space-5:1.25rem;--commerce-space-6:1.5rem;--commerce-space-7:1.75rem;--commerce-space-8:2rem;--commerce-space-10:2.5rem;--commerce-space-12:3rem;--commerce-space-14:3.5rem;--commerce-radius-image:0.75rem;--commerce-radius-image-compact:0.5rem;--commerce-radius-product:0.75rem;--commerce-radius-button:0.75rem;--commerce-radius-card:1rem;--commerce-radius-module:1.5rem;--commerce-radius-campaign:1.75rem;--commerce-radius-campaign-compact:1.375rem;--commerce-radius-campaign-large:1.875rem;--commerce-radius-pill:9999px;--commerce-shadow-card:0 8px 22px rgba(0,31,99,0.08);--commerce-shadow-card-hover:0 14px 30px rgba(0,31,99,0.14);--commerce-shadow-module:0 12px 30px rgba(0,47,135,0.17);--commerce-shadow-nav:0 12px 34px rgba(0,25,85,0.24);--commerce-shadow-floating:0 18px 45px rgba(0,0,0,0.28);--commerce-shadow-brand-mark:0 8px 22px rgba(0,0,0,0.2);--commerce-gradient-reference-shell:linear-gradient(118deg,#d8001d,#b60017 34%,#001541 68%,#073b98);--commerce-background-reference-hero:radial-gradient(circle at 18% 72%,rgba(28,95,221,0.72),transparent 34%),radial-gradient(circle at 82% 18%,rgba(28,95,221,0.45),transparent 28%),linear-gradient(132deg,#001541,#002f87 56%,#001541);--commerce-color-reference-canvas:#f4f6fb;--commerce-color-reference-line:#cbd7eb;--commerce-shadow-reference-module:0 8px 22px rgba(0,31,99,0.13);--commerce-gradient-header:linear-gradient(118deg,#e30620,#bf0017 42%,#073b98 43%,#001f63);--commerce-gradient-hero:linear-gradient(130deg,#05184f,#002f87 52%,#001541);--commerce-gradient-coupon:linear-gradient(115deg,#e30620,#b60017);--commerce-gradient-promotion:linear-gradient(180deg,#ff394b,#b60017);--commerce-gradient-product-image:linear-gradient(145deg,#ffffff,#f0f4fb);--commerce-background-hero-art:radial-gradient(circle at 86% 25%,rgba(255,255,255,0.95) 0 24px,transparent 25px),radial-gradient(circle at 12% 82%,rgba(47,122,255,0.7),transparent 31%),var(--commerce-gradient-hero);--commerce-color-trust-surface:rgba(0,38,111,0.8);--commerce-color-preference-surface:rgba(0,25,79,0.95);--commerce-shadow-promotion-badge:0 8px 20px rgba(0,0,0,0.28);--commerce-shadow-confetti:108px -52px 0 var(--commerce-color-brand-red-500),210px 74px 0 var(--commerce-color-yellow-accent),286px -18px 0 var(--commerce-color-brand-red-400);--commerce-layout-max:90rem;--commerce-layout-gutter:1.5rem;--commerce-layout-gutter-pair:3rem;--commerce-control-min:2.5rem;--commerce-focus-ring:0 0 0 3px var(--commerce-color-brand-blue-600);--commerce-motion-fast:150ms;--commerce-motion-base:200ms;--commerce-motion-slow:300ms;--commerce-ease-standard:cubic-bezier(0.4,0,0.2,1);--commerce-z-base:0;--commerce-z-raised:10;--commerce-z-sticky:40;--commerce-z-nav:50;--commerce-z-overlay:60}.commerce-bright{--commerce-color-bg-canvas:var(--commerce-color-canvas);--commerce-color-bg-surface:var(--commerce-color-surface);--commerce-color-bg-soft:var(--commerce-color-soft);--commerce-color-bg-elevated:var(--commerce-color-elevated);--commerce-color-border:var(--commerce-color-line);--commerce-color-text:var(--commerce-color-text-strong);--commerce-color-text-body:var(--commerce-color-text-default);--commerce-color-text-subtle:var(--commerce-color-text-muted)}.commerce-dark{--commerce-color-bg-canvas:#000000;--commerce-color-bg-surface:#1a1a1a;--commerce-color-bg-soft:#0d0d0d;--commerce-color-bg-elevated:#262626;--commerce-color-border:#3c3c3c;--commerce-color-text:#ffffff;--commerce-color-text-body:#bbbbbb;--commerce-color-text-subtle:#7e7e7e}@media (prefers-reduced-motion:reduce){:root{--commerce-motion-fast:0ms;--commerce-motion-base:0ms;--commerce-motion-slow:0ms}}