.m_17884d0f{--carousel-height:auto;position:relative}.m_a2dae653{overflow:hidden}.m_a2dae653,.m_fcd81474{height:var(--carousel-height)}.m_fcd81474{display:flex;flex-direction:row}:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=vertical]){margin-bottom:calc(var(--carousel-slide-gap) * -1)}:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=horizontal]){margin-inline-end:calc(var(--carousel-slide-gap) * -1)}.m_fcd81474:where([data-orientation=vertical]){flex-direction:column}.m_39bc3463{position:absolute;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none}.m_39bc3463:where([data-orientation=vertical]){inset-inline-start:calc(50% - var(--carousel-control-size) / 2);top:0;bottom:0;flex-direction:column;padding:var(--carousel-controls-offset) 0}.m_39bc3463:where([data-orientation=horizontal]){inset-inline-start:0;inset-inline-end:0;top:calc(50% - var(--carousel-control-size) / 2);flex-direction:row;padding:0 var(--carousel-controls-offset)}.m_64f58e10{display:flex;justify-content:center;align-items:center;min-width:var(--carousel-control-size);min-height:var(--carousel-control-size);border-radius:var(--carousel-control-size);pointer-events:all;background-color:var(--mantine-color-white);color:var(--mantine-color-black);box-shadow:var(--mantine-shadow-md);border:1px solid var(--mantine-color-gray-3);transition:opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_64f58e10{opacity:.85}:where([data-mantine-color-scheme=dark]) .m_64f58e10{opacity:.65}@media (hover:hover){.m_64f58e10:hover{opacity:1}}@media (hover:none){.m_64f58e10:active{opacity:1}}.m_71ea3ab1{position:absolute;display:flex;justify-content:center;gap:calc(.5rem * var(--mantine-scale));pointer-events:none}.m_71ea3ab1:where([data-orientation=vertical]){bottom:0;top:0;inset-inline-end:var(--mantine-spacing-md);flex-direction:column}.m_71ea3ab1:where([data-orientation=horizontal]){bottom:var(--mantine-spacing-md);inset-inline-start:0;inset-inline-end:0;flex-direction:row}.m_eae68602{pointer-events:all;border-radius:var(--mantine-radius-xl);box-shadow:var(--mantine-shadow-sm);opacity:.6;background-color:var(--mantine-color-white)}@media (hover:hover){.m_eae68602:hover{opacity:1}}@media (hover:none){.m_eae68602:active{opacity:1}}.m_eae68602:where([data-active]){opacity:1}.m_eae68602:where([data-orientation=vertical]){width:calc(.3125rem * var(--mantine-scale));height:calc(1.5625rem * var(--mantine-scale))}.m_eae68602:where([data-orientation=horizontal]){width:calc(1.5625rem * var(--mantine-scale));height:calc(.3125rem * var(--mantine-scale))}.m_d98df724{position:relative;flex:0 0 var(--carousel-slide-size,100%)}.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=vertical]){padding-bottom:var(--carousel-slide-gap)}.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=horizontal]){padding-inline-end:var(--carousel-slide-gap)}.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=vertical]){margin-bottom:var(--carousel-slide-gap)}.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=horizontal]){margin-inline-end:var(--carousel-slide-gap)}:root{--primary-color:#003092;--secondary-color:#00879E;--accent-color:#FFAB5B;--text-color:#333333;--text-secondary:#666666;--light-bg:#FAF9F6;--white:#ffffff;--off-white:#FAF9F6;--cream:#FFF2DB;--card-bg:#ffffff;--shadow:0 4px 6px rgba(0,0,0,0.05);--border-color:#e9ecef;--footer-bg:#003092;--hero-bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);--hero-text-color:#1e293b;--hero-subtext-color:#64748b;--hero-orb1:rgba(0,48,146,0.08);--hero-orb2:rgba(0,135,158,0.1);--hero-grid:rgba(0,48,146,0.03);--hero-feature-bg:rgba(0,48,146,0.1);--hero-wave:linear-gradient(0deg,#ffffff,transparent)}[data-mantine-color-scheme=dark]{--primary-color:#74c0fc;--secondary-color:#63e6be;--accent-color:#ffd43b;--text-color:#e9ecef;--text-secondary:#ced4da;--light-bg:#1a1b1e;--white:#25262b;--off-white:#1a1b1e;--cream:#2c2e33;--card-bg:#2c2e33;--shadow:0 4px 6px rgba(0,0,0,0.4);--border-color:#495057;--navbar-bg:#1a1b1e;--footer-bg:#141517;--hero-bg-gradient:linear-gradient(135deg,#0a0f1e,#0d1320 50%,#111827);--hero-text-color:#f8fafc;--hero-subtext-color:#94a3b8;--hero-orb1:rgba(0,48,146,0.15);--hero-orb2:rgba(0,135,158,0.2);--hero-grid:rgba(255,255,255,0.03);--hero-feature-bg:rgba(0,48,146,0.2);--hero-wave:linear-gradient(0deg,#101113,transparent)}[data-mantine-color-scheme=dark] body{background-color:#1a1b1e!important;color:var(--text-color)}.dark-mode-toggle{background:none!important;border:none!important;outline:none!important;box-shadow:none!important}.dark-mode-toggle:hover{background:none!important;opacity:.8}.dark-mode-toggle:focus{outline:none!important;box-shadow:none!important}body{line-height:1.6;background-color:var(--off-white);margin:0;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-plex-thai),sans-serif}div,p,span{color:inherit}.hover-card{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease!important;background-color:var(--card-bg)}.hover-card:hover{transform:translateY(-5px)!important;box-shadow:var(--shadow)!important}[data-mantine-color-scheme=dark] .mantine-Card-root{background-color:var(--card-bg);border-color:var(--border-color)}[data-mantine-color-scheme=dark] .mantine-Paper-root{background-color:var(--card-bg)}[data-mantine-color-scheme=dark] .mantine-Text-root,[data-mantine-color-scheme=dark] .mantine-Title-root{color:var(--text-color)}[data-mantine-color-scheme=dark] a{color:var(--primary-color)}[data-mantine-color-scheme=dark] header,[data-mantine-color-scheme=dark] nav{background-color:var(--navbar-bg)!important;border-color:var(--border-color)!important}[data-mantine-color-scheme=dark] nav a{color:var(--text-color)!important}[data-mantine-color-scheme=dark] nav a:hover{color:var(--primary-color)!important}[data-mantine-color-scheme=dark] .mantine-Menu-dropdown{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}[data-mantine-color-scheme=dark] .mantine-Menu-item{color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-Menu-item:hover{background-color:#373a40!important}[data-mantine-color-scheme=dark] .mantine-Input-input,[data-mantine-color-scheme=dark] .mantine-NumberInput-input,[data-mantine-color-scheme=dark] .mantine-Select-input,[data-mantine-color-scheme=dark] .mantine-TextInput-input,[data-mantine-color-scheme=dark] .mantine-Textarea-input{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-Input-input::placeholder{color:var(--text-secondary)}[data-mantine-color-scheme=dark] .mantine-Select-dropdown{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}[data-mantine-color-scheme=dark] .mantine-Select-option{color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-Select-option:hover,[data-mantine-color-scheme=dark] .mantine-Select-option[data-selected]{background-color:#373a40!important}[data-mantine-color-scheme=dark] .mantine-Checkbox-label,[data-mantine-color-scheme=dark] .mantine-Radio-label{color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-SegmentedControl-root{background-color:var(--card-bg)!important}[data-mantine-color-scheme=dark] .mantine-SegmentedControl-label{color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-SegmentedControl-indicator{background-color:var(--primary-color)!important}[data-mantine-color-scheme=dark] .mantine-Card-root,[data-mantine-color-scheme=dark] .mantine-Paper-root{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}[data-mantine-color-scheme=dark] .mantine-Card-root .mantine-Text-root{color:var(--text-color)!important}[data-mantine-color-scheme=dark] .mantine-Badge-root{border-color:var(--border-color)}[data-mantine-color-scheme=dark] .mantine-Button-root[data-variant=filled][data-color=deep-blue],[data-mantine-color-scheme=dark] .mantine-Button-root[data-variant=filled][style*="003092"]{background-color:var(--primary-color)!important;color:#0a0f1e!important}.price-text{color:#e03131}[data-mantine-color-scheme=dark] .price-text{color:#ff6b6b}.page-title{color:var(--primary-color)!important}.page-title,.section-title{font-family:var(--font-plex-thai),sans-serif;font-weight:700}.section-title{color:var(--secondary-color)!important}.body-text{color:var(--text-color)}.text-muted{color:var(--text-secondary)}.theme-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:background-color .3s ease}.primary-btn{background-color:var(--primary-color)!important;color:white!important}.section-light{background-color:var(--off-white)}.section-white{background-color:var(--white)}:root{--section-bg:#ffffff;--section-alt-bg:#f1f5f9}[data-mantine-color-scheme=dark]{--section-bg:#1a1b1e;--section-alt-bg:#25262b}.section-bg{background-color:var(--section-bg)}.section-alt{background-color:var(--section-alt-bg)}[data-mantine-color-scheme=dark] [style*="color: #003092"],[data-mantine-color-scheme=dark] [style*="color: '#003092'"],[data-mantine-color-scheme=dark] [style*="color:#003092"]{color:var(--primary-color)!important}[data-mantine-color-scheme=dark] [style*="color: #00879E"],[data-mantine-color-scheme=dark] [style*="color: '#00879E'"],[data-mantine-color-scheme=dark] [style*="color:#00879E"]{color:var(--secondary-color)!important}[data-mantine-color-scheme=dark] [style*="color: #333"],[data-mantine-color-scheme=dark] [style*="color: '#333333'"],[data-mantine-color-scheme=dark] [style*="color:#333"]{color:var(--text-color)!important}[data-mantine-color-scheme=dark] [style*="color: #555"],[data-mantine-color-scheme=dark] [style*="color:#555"]{color:var(--text-secondary)!important}[data-mantine-color-scheme=dark] [style*="background-color: #fff"],[data-mantine-color-scheme=dark] [style*="background-color: white"],[data-mantine-color-scheme=dark] [style*="backgroundColor: '#fff"],[data-mantine-color-scheme=dark] [style*="backgroundColor: 'white'"]{background-color:var(--card-bg)!important}[data-mantine-color-scheme=dark] [style*="background-color: #FAF9F6"],[data-mantine-color-scheme=dark] [style*="background-color: #f8f9fa"],[data-mantine-color-scheme=dark] [style*="backgroundColor: '#FAF9F6'"],[data-mantine-color-scheme=dark] [style*="backgroundColor: '#f8f9fa'"]{background-color:var(--off-white)!important}.nav-spacer{height:80px}@media (max-width:1182px){.nav-spacer{height:64px}}@media (min-width:1183px){.nav-mobile-only{display:none!important}}@media (max-width:1182px){.nav-desktop-only{display:none!important}}.nav-logo{width:150px;height:auto;object-fit:contain}@media (max-width:1182px){.nav-logo{width:130px}}@media (max-width:400px){.nav-logo{width:90px}}.nav-bar{padding:.5rem 2rem}@media (max-width:1182px){.nav-bar{padding:.5rem 1rem}}.nav-cart-action{margin-left:1rem!important}@media (max-width:400px){.nav-cart-action{margin-left:.25rem!important}}.btn-login{background-color:var(--primary-color)!important;color:#ffffff!important;font-weight:600!important;transition:all .2s ease;border:1px solid transparent!important}.btn-login:hover{filter:brightness(.9)}[data-mantine-color-scheme=dark] .btn-login{background-color:var(--primary-color)!important;color:#003092!important}[data-mantine-color-scheme=dark] .btn-login:hover{background-color:#5aa9e6!important;color:#003092!important}[data-mantine-color-scheme=dark] [style*="background: linear-gradient(135deg, #f8fafc"],[data-mantine-color-scheme=dark] [style*="background:linear-gradient(135deg, #f8fafc"]{background:linear-gradient(135deg,#0a0f1e,#0d1320 50%,#111827)!important}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEmojiFloat{0%,to{transform:translate(0) rotate(0deg)}30%{transform:translate(8px,-20px) rotate(5deg)}70%{transform:translate(-5px,-10px) rotate(-4deg)}}.hero-animate-in{animation:heroFadeUp .6s ease both}.hero-animate-down{animation:heroFadeDown .5s ease both}.sr-hidden{opacity:0;transition:opacity .6s ease,transform .6s ease}.sr-bottom{transform:translateY(50px)}.sr-left{transform:translateX(-50px)}.sr-right{transform:translateX(50px)}.sr-visible{opacity:1!important;transform:none!important}.hero-emoji{opacity:.15;pointer-events:none;user-select:none;animation:heroEmojiFloat var(--float-dur,8s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}[data-mantine-color-scheme=dark] .hero-emoji{opacity:.08}.hero-feat-icon{color:#003092}[data-mantine-color-scheme=dark] .hero-feat-icon{color:#60a5fa}.hero-feat-text{color:#475569}[data-mantine-color-scheme=dark] .hero-feat-text{color:#e2e8f0}.hero-subtext{color:#475569}[data-mantine-color-scheme=dark] .hero-subtext{color:#cbd5e1}.hero-accent{color:#e08a3a}[data-mantine-color-scheme=dark] .hero-accent{color:#FFAB5B}.hero-item-carousel{width:110%;overflow:hidden}@media (max-width:767px){.hero-item-carousel{width:100%;overflow:hidden;margin-top:0!important}.hero-stack{gap:10px!important}.hero-container{padding-top:70px!important;padding-bottom:24px!important}.hero-item-description .mantine-Text-root{font-size:.875rem!important;line-height:1.55!important}.hero-item-shipping .mantine-Text-root{font-size:1rem!important}.hero-cta-btn{height:44px!important;padding-left:1rem!important;padding-right:1rem!important;font-size:.875rem!important}.hero-contact-btn{min-height:44px!important;padding:.6rem 1rem!important;font-size:.875rem!important}.hero-contact-btn svg{width:18px!important;height:18px!important}}@media (prefers-reduced-motion:reduce){.hero-animate-down,.hero-animate-in{animation:none!important;opacity:1!important;transform:none!important}.sr-hidden{transition:none!important}}