@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-thai-wght-normal.35a9qnauvobla.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-ext-wght-normal.0dnd662bub_gf.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-wght-normal.3sa71yz_9i4ni.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.tsk-header-layer{display:contents}.tsk-header-layer[data-home]{z-index:50;height:0;display:block;position:sticky;top:0}:root:not(:has([data-home-hero],[data-home-hero-pending])) .tsk-header-layer[data-home]{height:auto}.tsk-main-header{isolation:isolate}.tsk-main-header:before{z-index:-1;background:color-mix(in srgb, var(--card) 96%, transparent);opacity:0;content:"";pointer-events:none;transition:opacity var(--tsk-motion-fade) var(--tsk-ease-color);position:absolute;inset:0}.tsk-main-header:is([data-scrolled],[data-menu-open]):before{opacity:1}.tsk-main-header button[aria-label=ถาม\ AI]{background:var(--muted);color:var(--foreground)}.tsk-main-header button[aria-haspopup=dialog]{color:var(--foreground);background:0 0;border:0}.tsk-main-header button[aria-haspopup=dialog]:is(:hover,[data-state=open]){background:var(--muted)}.tsk-main-header .nav-link:after{background:var(--signal);transform-origin:0;border-radius:0;height:2px;inset:auto 12px 4px;transform:scaleX(0)}.tsk-main-header .nav-link:is(:hover,.is-active):after{opacity:1;transform:scaleX(1)}:root[data-reduce-motion] .tsk-main-header:before{transition:none}.tsk-main-header{--background:#fff;--card:#fff;--foreground:#111;--muted-foreground:#525252;--muted:#f5f5f5;--border:#e5e5e5;--primary:#111;--primary-foreground:#fff;--popover:#fff;--popover-foreground:#111;--tsk-ink:#111;--tsk-ink-2:#404040;--tsk-field-bg:#f5f5f5;--tsk-field-placeholder:#737373;color:var(--foreground);background:#fff}html[data-theme=dark] .tsk-main-header{--background:#111;--card:#111;--foreground:#fff;--muted-foreground:#d4d4d4;--muted:#262626;--border:#404040;--primary:#fff;--primary-foreground:#111;--popover:#171717;--popover-foreground:#fff;--tsk-ink:#fff;--tsk-ink-2:#ddd;--tsk-field-bg:#262626;background:#111}.tsk-main-header .nav-link,.tsk-main-header .nav-link:is(:hover,.is-active){color:var(--foreground)}.tsk-main-header input,.tsk-main-header input:focus{background:var(--muted);color:var(--foreground)}.tsk-main-header button[aria-label=ค้นหา]{background:var(--signal);color:var(--signal-ink)}.tsk-main-header button[aria-label=ค้นหา]:hover{background:var(--signal-hover)}:root:not([data-tsk-below-hero]):has([data-home-hero]) :is(.tsk-chat-dock,.tsk-float-panel,.back-to-top,.tsk-live-float,.tsk-music,.tsk-pwa-prompt,.tsk-dock){opacity:0;visibility:hidden;pointer-events:none}:where(:root:has([data-home-hero])) .tsk-main-header[data-over-hero]{--foreground:#0a0a0a;--muted:#0000000f;background:0 0}:root[data-tsk-hero-dark]:where(:has([data-home-hero])) .tsk-main-header[data-over-hero]{--foreground:#fff;--muted:#ffffff1f}:where(:root:has([data-home-hero])) .tsk-main-header[data-over-hero]:before{opacity:0}:root:has([data-home-hero]) .tsk-main-header[data-over-hero] :is(.tsk-header-search,.tsk-header-phone-search,.tsk-header-navigation){display:none}:root:has([data-home-hero]) .tsk-main-header[data-over-hero] .tsk-header-actions>:not([data-cart-target],[data-hero-keep]){display:none}:where(:root:has([data-home-hero])) .tsk-main-header[data-over-hero] .tsk-hero-search{order:1;display:grid}:where(:root:has([data-home-hero])) .tsk-main-header[data-over-hero] .tsk-hero-menu,.tsk-main-header[data-hero-bar] .tsk-hero-menu{color:var(--foreground);display:grid}:where(:root:has([data-home-hero])) .tsk-main-header[data-over-hero] .tsk-header-actions{color:var(--foreground)}.tsk-main-header[data-scrolled] .tsk-header-row{padding-block:8px}.tsk-live-icon{width:40px;height:40px;color:var(--foreground);transition:background-color var(--tsk-motion-hover) var(--tsk-ease-color), color var(--tsk-motion-hover) var(--tsk-ease-color), transform var(--tsk-motion-hover-move) var(--tsk-sys-ease);border-radius:9999px;place-items:center;display:grid;position:relative}.tsk-live-icon:hover{background:var(--muted);transform:translateY(-1px)}.tsk-live-icon[data-on-air]{color:#fff;background:#dc2626}.tsk-live-icon[data-on-air]:hover{background:#b91c1c}.tsk-live-icon[data-on-air]:before{border-radius:inherit;content:"";pointer-events:none;border:2px solid #dc2626;animation:1.8s ease-out infinite tsk-live-ring;position:absolute;inset:0}@keyframes tsk-live-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.tsk-live-icon:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}:root[data-reduce-motion] .tsk-live-icon[data-on-air]:before{animation:none}@media (max-width:719px){.tsk-main-header[data-own-bar]{display:none}.tsk-main-header .tsk-header-row{min-height:56px;padding-inline:12px;position:relative}.tsk-main-header:not([data-home]) .tsk-header-row>a[href=\/]{display:none}.tsk-phone-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 128px);font-size:17px;font-weight:800;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.tsk-main-header .tsk-header-phone-search button[aria-label=ค้นหา]{color:var(--foreground);background:0 0}}.tsk-main-header form[toolname=search_products]{--muted:#fff;--foreground:#111;--background:#fff;--muted-foreground:#525252;--tsk-ink:#111;--tsk-ink-2:#404040;--tsk-field-bg:#fff;--tsk-field-border:#0000001f;--tsk-field-placeholder:#737373;color:#111}.tsk-main-header form[toolname=search_products] button[aria-label=ค้นหา]{background:var(--signal);color:var(--signal-ink)}.tsk-main-header form[toolname=search_products] button[aria-label=ค้นหา]:hover{background:var(--signal-hover)}.tsk-main-header form[action=\/products] input[name=q],.tsk-main-header form[action=\/products] input[name=q]:focus{--tsk-field-bg:#fff;--tsk-field-border:#d4d4d4;--tsk-ink:#111;--tsk-field-placeholder:#737373;-webkit-text-fill-color:#111}.tsk-phone-menu__veil{z-index:79;animation:tsk-menu-veil var(--tsk-sys-hover) var(--tsk-sys-ease) both;background:#0006;border:0;position:fixed;inset:0}.tsk-phone-menu{z-index:80;overscroll-behavior:contain;background:var(--card);width:min(86vw,400px);padding:calc(.75rem + env(safe-area-inset-top)) 1.5rem calc(2rem + env(safe-area-inset-bottom)) 2rem;color:var(--foreground);animation:tsk-menu-in var(--tsk-sys-panel) var(--tsk-sys-ease) both;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px #0000002e}@keyframes tsk-menu-in{0%{transform:translate(100%)}}@keyframes tsk-menu-veil{0%{opacity:0}}.tsk-phone-menu__top{justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;margin-right:-.5rem;display:flex}.tsk-phone-menu__back{align-items:center;gap:.25rem;min-height:2.75rem;margin-left:-.375rem;font-size:1rem;font-weight:600;display:inline-flex}.tsk-phone-menu__main,.tsk-phone-menu__sub{animation:tsk-menu-step var(--tsk-sys-panel) var(--tsk-sys-ease) both}@keyframes tsk-menu-step{0%{opacity:0;transform:translate(16px)}}.tsk-phone-menu__mainlist{gap:.25rem;padding:1.75rem 0 2rem;display:grid}.tsk-phone-menu__big{width:100%;min-height:3.25rem;color:var(--foreground);text-align:left;justify-content:space-between;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;line-height:1.2;display:flex}.tsk-phone-menu__big:active,.tsk-phone-menu__mid:active,.tsk-phone-menu__row:active{opacity:.6}.tsk-phone-menu__title{margin:1rem 0 1.25rem;font-size:1.5rem;font-weight:700}.tsk-phone-menu__sub{padding-bottom:2rem;display:grid}.tsk-phone-menu__mid{min-height:2.75rem;color:color-mix(in srgb, var(--foreground) 75%, transparent);align-items:center;font-size:1.0625rem;font-weight:600;display:flex}.tsk-phone-menu__mid--all{color:var(--foreground);text-underline-offset:4px;margin-top:.75rem;text-decoration:underline}.tsk-phone-menu__list{padding:.25rem 0;display:grid}.tsk-phone-menu__list--more{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.75rem}.tsk-phone-menu__row{width:100%;min-height:2.75rem;color:var(--foreground);text-align:left;align-items:center;gap:.875rem;font-size:.9375rem;font-weight:600;display:flex}.tsk-phone-menu__row[aria-current=page]{font-weight:800}.tsk-phone-menu__badge{border-radius:var(--radius);color:#fff;text-align:center;background:#e11d2a;min-width:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:800;line-height:1.25rem}.tsk-phone-menu__contact{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:.5rem;padding:.75rem 0 1rem}.tsk-phone-menu__contact .tsk-phone-menu__row{min-height:2.25rem;font-size:.875rem;font-weight:500}:root[data-reduce-motion] :is(.tsk-phone-menu,.tsk-phone-menu__veil,.tsk-phone-menu__main,.tsk-phone-menu__sub){animation:none}.tsk-search-cancel{display:none}@media (min-width:1024px){.tsk-main-header{min-height:72px;transition:grid-template-columns var(--tsk-sys-reveal) var(--tsk-sys-ease);grid-template-columns:auto minmax(0,3fr) minmax(0,1fr) auto;align-items:center;column-gap:20px;padding:10px 32px;display:grid}.tsk-main-header>.tsk-header-row{display:contents}.tsk-main-header .tsk-header-row>a[href=\/]{grid-area:1/1}.tsk-main-header .tsk-hero-menu{display:none}.tsk-main-header .tsk-header-navigation{min-width:0;transition:opacity var(--tsk-sys-hover) var(--tsk-sys-ease), visibility var(--tsk-sys-hover);grid-area:1/2;justify-self:center}.tsk-main-header .tsk-header-navigation>div{padding-inline:0}.tsk-main-header .tsk-header-search{grid-area:1/3;width:100%}.tsk-main-header .tsk-header-actions{grid-area:1/4;margin-left:0;position:relative}.tsk-main-header .tsk-header-actions>*{transition:opacity var(--tsk-sys-hover) var(--tsk-sys-ease), visibility var(--tsk-sys-hover)}.tsk-main-header:not([data-search-open]) .tsk-header-search button[aria-label=ถาม\ AI]{display:none}.tsk-main-header[data-search-open]{grid-template-columns:auto minmax(0,0fr) minmax(0,1fr) auto}.tsk-main-header[data-search-open] .tsk-header-navigation,.tsk-main-header[data-search-open] .tsk-header-actions>:not(.tsk-search-cancel){opacity:0;visibility:hidden}.tsk-search-cancel{min-height:44px;color:var(--foreground);white-space:nowrap;opacity:0;visibility:hidden;background:0 0;border:0;padding:0 8px;font-weight:700;display:block;position:absolute;top:50%;right:0;translate:0 -50%}.tsk-main-header[data-search-open] .tsk-search-cancel{opacity:1;visibility:visible}}:root[data-reduce-motion] .tsk-main-header{transition:none}.tsk-main-header .tsk-header-actions>:is(a,button):not(.tsk-search-cancel),.tsk-main-header .tsk-header-actions>span>:is(a,button){border-radius:var(--radius);border:0;min-width:40px;min-height:40px}.tsk-main-header .tsk-header-actions>:is(a,button):not(.tsk-search-cancel,[data-on-air]):hover,.tsk-main-header .tsk-header-actions>span>:is(a,button):not([data-on-air]):hover{background:var(--muted)}.tsk-main-header form[toolname=search_products] button[aria-label=ค้นหา]{border-radius:9999px}.tsk-phone-more{inset:auto;top:calc(env(safe-area-inset-top) + 56px);border:1px solid var(--border);background:var(--card);width:min(240px,100vw - 20px);color:var(--foreground);border-radius:14px;margin:0;padding:6px;position:fixed;right:10px;box-shadow:0 18px 40px -16px #00000059}.tsk-phone-more__row{border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:.9375rem;font-weight:600;display:flex}a.tsk-phone-more__row:active{background:var(--muted)}.tsk-phone-more__row .tsk-theme-toggle{border:0;width:28px;height:28px;margin-left:-4px}
/*! © THAISERKIT SUPPLY. All rights reserved. Unauthorized copying, scraping or reuse of this code or content is prohibited. */