/* Light retail reference edition. Group -5503942545. No catalog writes. */
:root{--ink:#11233c;--ink-2:#354b65;--muted:#61738a;--line:#e1ebf3;--line-strong:#c6d9e7;--paper:#fff;--canvas:#f2f7fc;--navy:#11233c;--navy-2:#194267;--brand:#008849;--brand-dark:#007440;--brand-pale:#e1f6ed;--success:#008849;--shadow:0 14px 36px #315d8910;--shadow-soft:0 7px 24px #315d890d;--radius:20px;--container:min(1180px,calc(100% - 40px))}
html,body{background:#f2f7fc;color:#11233c}body{background:radial-gradient(ellipse at 5% 16%,#e1f5edaa,transparent 34%),radial-gradient(ellipse at 98% 30%,#ddebfb88,transparent 38%),linear-gradient(180deg,#eaf3fc,#f7fafc 1000px);font-family:Anuphan,"Noto Sans Thai",Tahoma,sans-serif;line-height:1.7}body::before{display:none}
h1,h2,h3,h4,.section h2,.brand-name{color:#11233c}p,.muted,.hero-lead,.catalog-footer,.pay-note{color:#435b73}.eyebrow,.kicker{color:#7290aa;font-weight:600;letter-spacing:.08em}.nowrap{white-space:nowrap}
.site-header{background:#ffffffed;border-bottom:1px solid #e5edf5;box-shadow:none;backdrop-filter:blur(14px)}.nav-wrap{height:74px;gap:18px}.brand::after{display:none}.brand img{width:56px!important;height:56px!important;border-radius:50%;object-fit:contain}.nav-wrap nav{gap:8px}.nav-wrap nav a{padding:13px 12px;font-size:13px;color:#21364f;border-radius:14px}.nav-wrap nav a:hover,.nav-wrap nav a.home-active{background:#e3f5ed;color:#008849}.nav-wrap nav a.home-active::after{left:14px;right:14px;background:#008849;bottom:0}.header-account,.account-login,.account-cart{color:#21364f}.account-divider{background:#d8e4ed}.button.line{background:#009652;color:#fff;border:0;border-radius:99px;box-shadow:0 4px 12px #00884920}.trust-bar{display:none}.menu-toggle span{background:#21364f}.mobile-menu{background:#fff;color:#21364f}.mobile-menu a{color:#21364f}.button.primary{background:#009b54;color:#fff;border-color:#009b54;box-shadow:0 5px 15px #0088491a}.button.primary:hover{background:#007c42}.button.ghost{background:#ffffffc4;color:#163e35;border-color:#82bda5}.button{border-radius:99px}.tag{background:#fff;color:#087746;border:0}.section{padding-top:32px;padding-bottom:36px}.section h2{font-size:30px}.section-heading{margin-bottom:24px}.section-heading h2::after{content:"";display:block;width:34px;height:3px;margin-top:13px;background:#00a05a;border-radius:2px}
.reference-hero{display:grid;grid-template-columns:1.85fr 1fr;gap:18px;padding-top:24px;padding-bottom:0}.ref-main,.ref-accessories{position:relative;overflow:hidden;border:2px solid #ffffffd9;border-radius:18px;min-height:320px;box-shadow:var(--shadow-soft)}.ref-main{background:radial-gradient(ellipse at 18% 100%,#9ae6c49c,transparent 60%),linear-gradient(110deg,#f6fcf7,#ddf7ed);padding:28px 30px;display:flex;align-items:center}.ref-copy{position:relative;z-index:2;width:66%}.ref-main .eyebrow,.ref-accessories .eyebrow{display:inline-block;background:#ffffffd9;border-radius:99px;padding:5px 12px;color:#263a51;font-size:10px;letter-spacing:0;margin:0 0 15px}.ref-main h1{font-size:clamp(25px,2.6vw,38px);line-height:1.3;margin:0 0 18px;letter-spacing:-.025em;color:#0d1830}.ref-main h1 span{color:#008849}.ref-perks{display:flex;gap:16px;list-style:none;padding:0;margin:0 0 22px;font-size:12px;color:#25403c}.ref-perks li{display:flex;gap:7px;align-items:center}.ref-perks b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#009b54;color:#fff;font-size:17px}.ref-main .hero-actions{margin:0;gap:10px}.ref-main .button{font-size:13px;padding:11px 17px}.ref-main-art{position:absolute;width:43%;height:92%;right:0;bottom:0;object-fit:cover;object-position:center;mix-blend-mode:multiply}.ref-accessories{background:linear-gradient(125deg,#c5e5ff,#9fc8f3);padding:30px 24px;display:flex;align-items:center}.ref-accessories .ref-copy{width:59%}.ref-accessories h2{font-size:29px;line-height:1.1;margin:0 0 14px;color:#07316a;letter-spacing:-.035em}.ref-accessories p{font-size:15px;color:#20436a;line-height:1.5;margin:0 0 18px}.ref-accessories .button{background:#075cbe;color:#fff;border:0;font-size:13px;box-shadow:0 5px 12px #074f9420}.ref-accessory-art{position:absolute;width:46%;height:80%;right:3px;bottom:10px;object-fit:contain;mix-blend-mode:multiply}.ref-art-note{position:absolute;bottom:7px;right:10px;font-size:9px;color:#48687b;background:#ffffffb8;border-radius:4px;padding:1px 5px}
.reference-shortcuts{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;padding-top:16px;padding-bottom:14px}.ref-shortcut{display:flex;align-items:center;gap:16px;min-height:116px;background:#ffffffdf;border:2px solid #fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-soft)}.ref-shortcut:nth-child(2){background:#f0faf7}.ref-shortcut:nth-child(3){background:#eef7ff}.ref-shortcut .ref-icon{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#d9f4e7;color:#009652}.ref-shortcut:nth-child(3) .ref-icon{background:#dceeff;color:#0877d3}.ref-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.ref-shortcut h2{font-size:18px;line-height:1.4;margin:0 0 2px}.ref-shortcut p{font-size:12px;margin:0;color:#57708a}.ref-shortcut small{font-size:12px;color:#008849}.ref-shortcut .ref-arrow{margin-left:auto;color:#008849}
.catalog-toolbar{background:#ffffffd9;border:1px solid #fff;border-radius:17px;box-shadow:var(--shadow-soft);padding:10px;gap:12px;flex-wrap:wrap;top:88px}.search-box{background:#f8fafc;border-radius:11px;border:0;flex:1;min-width:260px;color:#253e58}.search-box input{color:#233b55;background:transparent}.category-tabs{gap:8px}.category-tabs button{background:#eaf2fa!important;color:#314a66!important;border-radius:99px;padding:10px 18px;font-weight:600;min-height:44px}.category-tabs button.active{background:#009b54!important;color:#fff!important}.filter-toggle{background:#009b54;color:#fff;border:0;border-radius:11px;padding:10px 14px;min-height:44px;font-size:12px}.catalog-filters{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #e3edf3;padding-top:14px}.catalog-filters[hidden]{display:none!important}.filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-group strong{font-size:12px;color:#314a66}.filter-chip{display:inline-flex;align-items:center;gap:5px;background:#f2f7fb;color:#314a66;border:1px solid #dbe7f0;border-radius:99px;padding:5px 10px;font-size:12px;cursor:pointer}.filter-chip:has(input:checked){background:#dff5e9;color:#00743c;border-color:#009b54}.filter-chip input{accent-color:#008849}.filter-chip.is-color{color:var(--chip-ink,#314a66)}.filter-chip.is-color span{text-shadow:0 0 1px #8994a7}.product-card,.loading-card,.empty-state{background:#fff;border:1px solid #e6eef5;border-radius:17px;box-shadow:var(--shadow-soft);color:#253e58}.empty-state h3,.empty-state p{color:#435b73}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-media{background:#fff}.product-info h3{color:#11233c}.price{color:#009b54}.result-count{background:#fff;color:#557086;border:0}.catalog-footer p{font-size:12px;color:#698299}.soft-bg,#services{background:#eef5fa;color:#20364e}.service-grid article{background:#fff!important;border:1px solid #e3edf4;border-radius:18px;color:#20364e;box-shadow:var(--shadow-soft)}#services h2,#services h3{color:#11233c}#services .eyebrow,#services .service-grid a{color:#008849}#services .service-grid p{color:#536b82}.service-grid .icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e0f6ea;color:#009652}.service-grid .icon svg{width:32px;height:32px;fill:none}.service-grid .icon .stroke{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-grid .icon .accent{fill:currentColor}.steps li,.faq-list details,.lead-form,.cart-item,.cart-summary,.order-summary{background:#fff;border-color:#e1ebf3;color:#213b55}.steps h3,.faq-list summary{color:#213b55}.apply-section{background:linear-gradient(115deg,#e5f6ee,#edf6ff)}.contact-section{background:#eef6fb}.contact-section h2,.contact-section h3,.contact-section p{color:#213b55}.contact-grid .bento{background:#fff;border-color:#dce8f1}.footer{background:#fff;color:#334f67;border-top:1px solid #e3edf4}.footer p,.footer a{color:#4d667e}footer{background:#fff;color:#334f67;border-top:1px solid #e3edf4}footer p,footer a{color:#4d667e}.contact-section .button{background:#fff;color:#008849;border-color:#b9ddcc}.contact-section .button.primary{background:#009b54;color:#fff}.contact-section .eyebrow{color:#008849}.catalog-page-hero,.page-heading,.cart-page,.checkout-page{color:#11233c}.pay-metrics span{background:#eef6fb;color:#3a5874}input,select,textarea{background:#fff;color:#203b53}input::placeholder,textarea::placeholder{color:#879aae}.catalog-filters input[type=checkbox]{width:auto}.float-cta a{box-shadow:0 5px 16px #315d8922}
@media(min-width:1060px){.nav-wrap nav{display:flex}.nav-wrap>.brand{margin-right:12px}}
@media(max-width:1050px){.reference-hero{grid-template-columns:1.6fr 1fr}.ref-main{padding:24px}.ref-main h1{font-size:29px}.ref-perks{gap:8px;font-size:11px}.ref-accessories{padding:24px 18px}.ref-accessories h2{font-size:24px}.reference-shortcuts{gap:12px}.ref-shortcut{padding:16px;gap:12px}.ref-shortcut .ref-icon{width:46px;height:46px}.ref-shortcut h2{font-size:16px}}
@media(max-width:760px){:root{--container:calc(100% - 24px)}.nav-wrap{height:64px;gap:10px}.site-header{position:sticky}.brand img{width:46px!important;height:46px!important}.reference-hero{grid-template-columns:1fr;gap:12px;padding-top:14px}.ref-main{min-height:285px;padding:25px 20px}.ref-main h1{font-size:30px}.ref-copy{width:69%}.ref-perks{flex-wrap:wrap;font-size:11px;gap:8px 12px}.ref-main-art{width:40%;height:90%;opacity:.9}.ref-main .hero-actions .button{width:auto;padding:10px 14px;font-size:12px}.ref-accessories{min-height:225px;padding:22px}.ref-accessories h2{font-size:29px}.ref-accessories .ref-copy{width:65%}.ref-accessory-art{width:36%;height:91%;right:15px}.reference-shortcuts{grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.ref-shortcut:first-child{grid-column:1/-1;min-height:86px}.ref-shortcut{min-height:100px;padding:14px;gap:10px}.ref-shortcut h2{font-size:15px}.ref-shortcut p{font-size:11px}.ref-shortcut .ref-icon{width:42px;height:42px}.ref-icon svg{width:25px;height:25px}.section{padding-top:26px;padding-bottom:28px}.catalog-toolbar{position:static;display:flex}.search-box{min-width:180px;flex-basis:70%}.category-tabs{width:100%;padding-top:2px}.category-tabs button{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section h2{font-size:26px}.header-account{gap:8px}.account-login span{display:none}.nav-wrap>.button.line{font-size:11px;padding:10px 12px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:18px}.hero-actions{flex-wrap:wrap}.ref-shortcut .ref-arrow{display:none}}
@media(max-width:380px){.ref-main h1{font-size:26px}.ref-main-art{opacity:.55}.ref-copy{width:78%}.nav-wrap{gap:7px}.ref-shortcut{gap:8px;padding:10px}.ref-shortcut .ref-icon{width:34px;height:34px}.service-grid{grid-template-columns:1fr}.filter-toggle{font-size:11px;padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Responsive composition: distinct text and image tracks on every screen. */
.reference-hero{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:stretch}
.ref-main,.ref-accessories{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:center}
.ref-main>.ref-copy,.ref-accessories>.ref-copy{width:auto;min-width:0}
.ref-main-art,.ref-accessory-art{position:static;width:100%;height:auto;max-height:300px;object-fit:contain;opacity:1;align-self:center;mix-blend-mode:multiply}
.ref-main h1{font-size:clamp(25px,2.5vw,36px);line-height:1.4;overflow-wrap:normal;word-break:normal}
.ref-accessories{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.ref-accessories h2{font-size:clamp(20px,2.1vw,28px);line-height:1.25}
.ref-perks{flex-wrap:wrap;gap:12px;font-size:12px}
.ref-main .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.ref-main .hero-actions .button,.ref-accessories .button{min-height:44px;white-space:nowrap;width:auto;max-width:100%;display:inline-flex;align-items:center;justify-content:center}
.ref-art-note{bottom:4px;font-size:8px}
.ref-shortcut{min-width:0}.ref-shortcut>div{min-width:0}
.nav-wrap{min-width:0}.nav-wrap>.brand{flex-shrink:0}.header-account{flex-shrink:0}
@media(min-width:1060px) and (max-width:1230px){.nav-wrap{gap:10px}.nav-wrap nav{gap:2px}.nav-wrap nav a{padding:12px 7px;font-size:12px}.nav-wrap>.button.line{padding:10px 12px;font-size:12px}}
@media(max-width:1050px){.reference-hero{grid-template-columns:1fr}.ref-main,.ref-accessories{min-height:280px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:24px}.ref-main h1{font-size:32px}.ref-accessories h2{font-size:30px}.ref-main-art,.ref-accessory-art{max-height:240px}.ref-accessories .ref-copy{width:auto}.ref-main .hero-actions .button{width:auto}}
@media(max-width:760px){.reference-hero{gap:14px}.ref-main,.ref-accessories{grid-template-columns:1fr;padding:22px 20px;gap:18px;min-height:0}.ref-main>.ref-copy,.ref-accessories>.ref-copy{width:100%}.ref-main h1{font-size:clamp(25px,6.6vw,32px);line-height:1.4;margin-bottom:18px;letter-spacing:-.02em}.ref-main .eyebrow,.ref-accessories .eyebrow{max-width:100%;font-size:10px;padding:5px 10px}.ref-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:11px;margin-bottom:20px}.ref-perks li{gap:6px;align-items:flex-start}.ref-perks b{width:24px;height:24px;font-size:14px}.ref-main .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-main .hero-actions .button{width:100%;min-height:46px;font-size:12px;padding:10px 8px}.ref-main-art{max-height:220px;width:auto;max-width:100%;justify-self:center;border-radius:12px}.ref-accessories{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}.ref-accessories h2{font-size:clamp(20px,5.3vw,28px)}.ref-accessories p{font-size:13px}.ref-accessory-art{width:100%;max-height:170px}.reference-shortcuts{grid-template-columns:1fr}.ref-shortcut:first-child{grid-column:auto}.ref-shortcut{min-height:88px}.ref-shortcut .ref-arrow{display:block}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-wrap>.button.line{display:none}.nav-wrap{gap:12px;justify-content:space-between}.nav-wrap>.brand{margin-right:auto}.menu-toggle{margin-left:0}.header-account{gap:12px;margin-left:0}.float-cta{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}.float-cta a{width:44px;height:44px;min-width:44px;min-height:44px}.float-cta svg{width:22px;height:22px}.search-box{min-width:0;flex:1 1 65%}.catalog-toolbar{gap:8px}.category-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.category-tabs button{flex-shrink:0}.footer-grid{min-width:0}footer nav{flex-wrap:wrap}}
@media(max-width:380px){.ref-main,.ref-accessories{padding:20px 16px}.ref-main-art{opacity:1;width:auto;max-height:190px}.ref-perks{gap:7px;font-size:10px}.ref-perks li{gap:5px}.ref-perks b{width:21px;height:21px}.ref-accessories{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.ref-accessories h2{font-size:20px}.service-grid{grid-template-columns:1fr}.ref-main .hero-actions{grid-template-columns:1fr}.header-account{gap:8px}}