.BKZvCa_hero{isolation:isolate;aspect-ratio:16/9;color:#fff;background:#111;align-items:center;width:100%;min-height:480px;max-height:80svh;display:flex;position:relative;overflow:hidden}.BKZvCa_poster,.BKZvCa_video,.BKZvCa_shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.BKZvCa_poster,.BKZvCa_video{z-index:-2}.BKZvCa_poster img,.BKZvCa_video{object-fit:cover;object-position:center;width:100%;height:100%}.BKZvCa_video{opacity:0;transition:opacity var(--tsk-sys-reveal) var(--tsk-ease-color)}.BKZvCa_playing{opacity:1}.BKZvCa_shade{z-index:-1;background:linear-gradient(95deg,#000000d1,#0000008f 45%,#0000001a 85%)}.BKZvCa_content{width:100%;padding:156px var(--tsk-gutter) 104px;margin:0 auto}.BKZvCa_title{text-wrap:balance;max-width:760px;margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:800;line-height:1.35}.BKZvCa_lead{max-width:560px;font-size:var(--fs-body);color:#fff;margin-top:20px;font-weight:600;line-height:1.85}.BKZvCa_actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.BKZvCa_primary,.BKZvCa_secondary{border-radius:var(--radius);min-height:48px;font-size:var(--fs-button);transition:background-color var(--tsk-sys-hover) var(--tsk-ease-color), color var(--tsk-sys-hover) var(--tsk-ease-color);border:1px solid #fff;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-flex}.BKZvCa_primary{color:#111;background:#fff}.BKZvCa_secondary{color:#fff;background:#00000059}.BKZvCa_primary:hover{background:#e5e5e5}.BKZvCa_secondary:hover{color:#111;background:#fff}.BKZvCa_hero a:focus-visible{outline-offset:4px;outline:2px solid #fff}.BKZvCa_hero[data-middle]{aspect-ratio:16/9;min-height:0;max-height:none}.BKZvCa_hero[data-middle] .BKZvCa_content{padding-block:64px}.BKZvCa_hero.BKZvCa_feature{--feature-logo-height:clamp(54px, 12cqh, 100px);--feature-logo-gap:clamp(12px, 2cqh, 20px);block-size:min(56.25vw,70svh);aspect-ratio:16/9;background:#05090b;min-height:0;max-height:70svh;display:block;container-type:size}.BKZvCa_hero[data-middle],.BKZvCa_hero.BKZvCa_feature{--seam:clamp(16px, 5%, 56px);--seam-dark:#05090bb3;background:#05090b}.BKZvCa_hero[data-middle]:after,.BKZvCa_hero.BKZvCa_feature:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--seam-dark), #05090b00) top / 100% var(--seam) no-repeat, linear-gradient(#05090b00, var(--seam-dark)) bottom / 100% var(--seam) no-repeat;position:absolute;inset:0}.BKZvCa_featureLink{color:#fff;width:100%;height:100%;text-decoration:none;display:block;position:relative}.BKZvCa_feature .BKZvCa_poster img{aspect-ratio:16/9}.BKZvCa_featureShade{background:linear-gradient(90deg,#05090b 0%,#05090bf0 15%,#05090bb3 41%,#05090b1f 78%)}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureShade{background:linear-gradient(270deg,#05090b 0%,#05090bf5 17%,#05090bb8 40%,#05090b0a 77%)}.BKZvCa_featureCopy{text-shadow:0 3px 2px #000000a6;position:absolute;inset:13.5% 27% auto 7%}.BKZvCa_featureEyebrow{letter-spacing:.23em;color:#e5e7eb;align-items:center;gap:2.4cqh;margin:0;font-size:2.4cqh;font-weight:400;display:flex}.BKZvCa_featureEyebrow:before{content:"";background:var(--cta);border-radius:10px;flex-shrink:0;width:8cqh;height:.7cqh}.BKZvCa_featureTitle{letter-spacing:-.025em;margin:5.8cqh 0 0;font-size:11.7cqh;font-weight:800;line-height:1.15}.BKZvCa_featureTitle span,.BKZvCa_featureLead strong,.BKZvCa_featureLead span{display:block}.BKZvCa_featureTitle span:last-child{color:var(--cta)}.BKZvCa_featureLead{margin:6.1cqh 0 0;font-size:3.5cqh;line-height:1.55}.BKZvCa_featureLead strong{font-weight:700}.BKZvCa_featureLead span{color:#e5e7eb;font-weight:400}.BKZvCa_featureBenefits{border-top:.25cqh solid var(--cta);align-items:center;gap:4.8cqh;margin:5cqh 0 0;padding:3cqh 0 0;font-size:3cqh;font-weight:700;list-style:none;display:flex}.BKZvCa_featureBenefits li+li{align-items:center;gap:2.5cqh;display:flex}.BKZvCa_featureBenefits li+li:before{content:"";background:var(--cta);border-radius:50%;flex-shrink:0;width:.9cqh;height:.9cqh}.BKZvCa_featureSignature{letter-spacing:.23em;color:#e5e7eb;margin:0;font-size:2.4cqh;font-weight:400;position:absolute;inset:auto auto 7.9% 7%}.BKZvCa_featureBrands{width:min(86%, calc((var(--feature-logo-height) * 2 + var(--feature-logo-gap)) * 4.6));height:var(--feature-logo-height);position:absolute;bottom:1.5%;right:5%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000040 18%,#000 42% calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000 0%,#00000040 18%,#000 42% calc(100% - 24px),#0000)}.BKZvCa_featureBrandTrack{width:max-content;height:100%;animation:BKZvCa_feature-brand-scroll calc(var(--feature-logo-count) * 6s) linear infinite;animation-play-state:paused;display:flex}.BKZvCa_featureBrands[data-moving] .BKZvCa_featureBrandTrack{animation-play-state:running}.BKZvCa_featureBrandGroup{align-items:center;gap:var(--feature-logo-gap);padding:0 var(--feature-logo-gap) 0 0;flex:none;margin:0;list-style:none;display:flex}.BKZvCa_featureBrandItem{box-sizing:border-box;width:calc(var(--feature-logo-height) * 2);height:var(--feature-logo-height);flex:none}.BKZvCa_featureBrandLink{border-radius:var(--radius);opacity:.85;width:100%;height:100%;transition:opacity var(--tsk-motion-hover) var(--tsk-ease-color);display:block}.BKZvCa_featureBrandLink:hover,.BKZvCa_featureBrandLink:focus-visible{opacity:1}.BKZvCa_hero .BKZvCa_featureBrandLink:focus-visible{outline-offset:-2px}.BKZvCa_featureLogo{object-fit:contain;filter:url(#tsk-logo-light);place-items:center;width:100%;height:100%;display:grid}.BKZvCa_feature[data-feature-brands] .BKZvCa_featureSignature{bottom:calc(1.5% + var(--feature-logo-height) + 2cqh)}@keyframes BKZvCa_feature-brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureCopy{inset:14% 5.7% auto 58%}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureTitle{margin-top:8cqh;font-size:11.5cqh;line-height:1.25}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureLead{margin-top:3.5cqh;font-size:3.3cqh}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureBenefits{gap:3.2cqh;margin-top:7cqh;font-size:2.8cqh}.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureSignature{left:58%}.BKZvCa_feature[data-feature-state=waiting] :is(.BKZvCa_featureShade,.BKZvCa_featureEyebrow,.BKZvCa_featureTitle,.BKZvCa_featureLead,.BKZvCa_featureBenefits,.BKZvCa_featureSignature,.BKZvCa_featureBrands){opacity:0}.BKZvCa_feature[data-feature-state=revealed] .BKZvCa_featureShade{animation:BKZvCa_feature-shade var(--tsk-sys-reveal) var(--tsk-sys-ease) backwards}.BKZvCa_feature[data-feature-state=revealed] :is(.BKZvCa_featureEyebrow,.BKZvCa_featureTitle,.BKZvCa_featureLead,.BKZvCa_featureBenefits,.BKZvCa_featureSignature,.BKZvCa_featureBrands){animation:BKZvCa_feature-copy var(--tsk-sys-reveal) var(--tsk-sys-ease) backwards}.BKZvCa_feature[data-feature-state=revealed] .BKZvCa_featureEyebrow{animation-delay:var(--tsk-sys-hover)}.BKZvCa_feature[data-feature-state=revealed] .BKZvCa_featureTitle{animation-delay:calc(var(--tsk-sys-hover) * 2)}.BKZvCa_feature[data-feature-state=revealed] .BKZvCa_featureLead{animation-delay:calc(var(--tsk-sys-hover) * 3)}.BKZvCa_feature[data-feature-state=revealed] .BKZvCa_featureBenefits{animation-delay:calc(var(--tsk-sys-hover) * 4)}.BKZvCa_feature[data-feature-state=revealed] :is(.BKZvCa_featureSignature,.BKZvCa_featureBrands){animation-delay:calc(var(--tsk-sys-hover) * 5)}.BKZvCa_feature[data-reduced] :is(.BKZvCa_featureShade,.BKZvCa_featureEyebrow,.BKZvCa_featureTitle,.BKZvCa_featureLead,.BKZvCa_featureBenefits,.BKZvCa_featureSignature,.BKZvCa_featureBrands){opacity:1;animation:none;transform:none}@keyframes BKZvCa_feature-shade{0%{opacity:0}to{opacity:1}}@keyframes BKZvCa_feature-copy{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:719px){.BKZvCa_hero.BKZvCa_feature{block-size:70svh}.BKZvCa_feature .BKZvCa_featureCopy,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureCopy{inset:9% 20px auto}.BKZvCa_featureEyebrow{font-size:12px}.BKZvCa_featureTitle,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureTitle{margin-top:3.5cqh;font-size:clamp(28px,8.5cqh,52px)}.BKZvCa_featureLead,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureLead{margin-top:4cqh;font-size:clamp(12px,2.7cqh,17px)}.BKZvCa_featureBenefits,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureBenefits{justify-content:space-between;gap:10px;margin-top:5cqh;font-size:clamp(11px,2.5cqh,14px)}.BKZvCa_featureBenefits li+li{gap:8px}.BKZvCa_featureSignature,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureSignature{font-size:12px;left:20px}.BKZvCa_feature[data-feature-brands] .BKZvCa_featureSignature{bottom:calc(3% + var(--feature-logo-height) + 12px)}.BKZvCa_featureBrands{width:calc(100% - 40px);bottom:3%;right:20px}.BKZvCa_feature .BKZvCa_featureShade,.BKZvCa_feature[data-feature-side=right] .BKZvCa_featureShade{background:linear-gradient(90deg,#05090bf5,#05090bbf 55%,#05090b59)}.BKZvCa_hero{aspect-ratio:auto;align-items:flex-end;height:64svh;min-height:0;max-height:none}.BKZvCa_shade{background:linear-gradient(#0000001a,#0009 40%,#000000eb)}.BKZvCa_content{padding:120px 20px 28px}.BKZvCa_title{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.3}.BKZvCa_lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.BKZvCa_actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.BKZvCa_primary,.BKZvCa_secondary{text-overflow:ellipsis;white-space:nowrap;min-height:44px;padding:10px 12px;font-size:13px;overflow:hidden}.BKZvCa_hero[data-middle]{aspect-ratio:16/9;height:auto;min-height:420px}.BKZvCa_hero[data-middle] .BKZvCa_content{padding:40px 20px 72px}}.BKZvCa_hero[data-reduced] .BKZvCa_video{transition:none}@media (min-width:720px){.BKZvCa_hero[data-middle]{aspect-ratio:auto;grid-template-columns:7fr 3fr;align-items:stretch;display:grid}.BKZvCa_hero[data-middle]:before{content:"";aspect-ratio:16/9;grid-area:1/1}.BKZvCa_hero[data-middle] :is(.BKZvCa_poster,.BKZvCa_video,.BKZvCa_shade){width:70%}.BKZvCa_hero[data-middle]:after{background:linear-gradient(var(--seam-dark), #05090b00) top / 100% var(--seam) no-repeat, linear-gradient(#05090b00, var(--seam-dark)) bottom / 100% var(--seam) no-repeat, linear-gradient(90deg, #05090b00, var(--seam-dark)) right / var(--seam) 100% no-repeat;width:70%}.BKZvCa_hero[data-middle] .BKZvCa_content{grid-area:1/2;align-self:center;padding:32px}.BKZvCa_hero[data-middle] .BKZvCa_title{font-size:clamp(1.5rem,2.1vw,2.5rem)}.BKZvCa_hero[data-middle] .BKZvCa_lead{font-size:14px}.BKZvCa_hero[data-middle] .BKZvCa_actions{gap:10px;margin-top:20px}.BKZvCa_hero[data-middle] :is(.BKZvCa_primary,.BKZvCa_secondary){width:100%;padding-inline:12px}}.BKZvCa_featureWrap{position:relative}.BKZvCa_featureWhy{z-index:2;color:#fff;width:min(38%,620px);position:absolute;top:14%;right:5%}.BKZvCa_featureWhyTitle{text-shadow:0 3px 2px #000000a6;margin:0 0 clamp(10px,1.1vw,18px);font-size:clamp(18px,1.9vw,34px);font-weight:800;line-height:1.2}.BKZvCa_featureWhyTitle span{color:var(--cta)}.BKZvCa_featureWhyList{border-radius:var(--radius);background:#ffffff29;border:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.BKZvCa_featureWhyItem{color:#fff;background:#05090bc7;align-content:start;gap:4px;height:100%;padding:clamp(10px,1vw,18px) clamp(12px,1.1vw,20px);text-decoration:none;display:grid;position:relative}.BKZvCa_featureWhyItem strong{transition:color var(--tsk-motion-hover) var(--tsk-ease-color);padding-right:22px;font-size:clamp(13px,1vw,18px);font-weight:700;line-height:1.35}.BKZvCa_featureWhyItem>span{color:#d1d5db;font-size:clamp(12px,.88vw,15px);line-height:1.5}.BKZvCa_featureWhyArrow{color:var(--cta);transition:transform var(--tsk-motion-hover-move) var(--tsk-sys-ease);position:absolute;top:clamp(12px,1.05vw,20px);right:clamp(10px,.9vw,16px)}@media (hover:hover) and (pointer:fine){.BKZvCa_featureWhyItem:hover strong{color:var(--cta)}.BKZvCa_featureWhyItem:hover .BKZvCa_featureWhyArrow{transform:translate(4px)}}.BKZvCa_featureWhyItem:focus-visible{outline:2px solid var(--cta);outline-offset:-2px}:root[data-reduce-motion] .BKZvCa_featureWhyArrow{transition:none}@media (max-width:719px){.BKZvCa_featureWhy{background:#05090b;width:auto;padding:20px 20px 28px;position:static}.BKZvCa_featureWhyList{grid-template-columns:minmax(0,1fr)}}
.tsk-homepage{background:var(--card);color:var(--foreground);overflow-x:clip}.tsk-homepage .sec-head{align-items:center;margin-bottom:24px}.tsk-homepage .sec-head h2{font-size:var(--fs-section);letter-spacing:0;font-weight:700}.tsk-homepage section.tsk-home-card{border-bottom:1px solid var(--border);margin-top:0;padding-block:40px}.tsk-homepage #home-brands{padding-block:32px;scroll-margin-top:160px}.tsk-homepage #home-brands .tsk-grow-brand{border-radius:var(--radius);background:var(--card)}.tsk-homepage #shopping-shortcuts{padding-block:24px 0}@media (max-width:719px){.tsk-homepage section.tsk-home-card,.tsk-homepage #home-brands{padding-block:24px}.tsk-homepage #shopping-shortcuts{padding-top:20px}.tsk-homepage .sec-head{gap:12px;margin-bottom:20px}.tsk-homepage .sec-head a{font-size:var(--fs-fine)}}.tsk-homepage :is(.tsk-home-content,section.max-w-7xl,.max-w-7xl){width:100%;max-width:none;padding-inline:var(--tsk-gutter);margin-inline:auto}.tsk-homepage #home-flash{padding-inline:0}@media (min-width:1024px){.tsk-homepage{--tsk-home-inset:max(7vw, calc((100% - 1360px) / 2))}.tsk-homepage :is(.tsk-home-content,section.max-w-7xl,.max-w-7xl),.tsk-homepage #home-flash{padding-inline:var(--tsk-home-inset)}.tsk-homepage section.tsk-home-card{width:100%;margin-inline:0}}.tsk-homepage :is(#home-brands,.tsk-home-categories){box-shadow:none;border:0}.tsk-homepage #home-brands .tsk-grow-brand{background:0 0;border:0}.tsk-homepage #home-brands .tsk-rail__track{background:var(--card)}.tsk-homepage #home-brands .tsk-grow-brand>span{filter:url(#tsk-logo-sticker)}.tsk-homepage #home-brands .tsk-rail__track img{mix-blend-mode:normal}.tsk-homepage #home-brands .tsk-rail{--rail-gap:1.5rem}@media (min-width:720px){.tsk-homepage #home-brands .tsk-rail{--rail-gap:2rem}}@media (hover:hover){.tsk-homepage #home-brands .tsk-rail:is(:hover,:focus-within) .tsk-rail__track{animation-play-state:paused}}.tsk-home-campaign{padding-block:32px}.tsk-home-campaign [aria-roledescription=carousel]>:is(button,[aria-label=เลือกสไลด์]){opacity:0;transition:opacity var(--tsk-motion-hover) var(--tsk-ease-color)}.tsk-home-campaign [aria-roledescription=carousel]>.absolute.inset-x-0{opacity:0;background:0 0;inset-inline:auto 16px}.tsk-home-campaign :is(:hover,:focus-within)[aria-roledescription=carousel]>:is(button,.absolute){opacity:1}.tsk-home-feature-image{border:0;width:100%;margin:0;padding:0}.tsk-homepage .prod-card{height:100%}@media (max-width:719px){.tsk-homepage :is(.tsk-home-content,section.max-w-7xl){padding-inline:20px}.tsk-home-campaign{padding-block:24px}}@media (hover:none){.tsk-home-campaign [aria-roledescription=carousel]>.absolute.inset-x-0{opacity:1}}.tsk-homepage section[aria-label=Flash\ Sale]:not(:has([data-flash-box])):not(:has([role=status])){display:none}@media (max-width:719px){.tsk-homepage section.tsk-home-categories{border-bottom:0;padding-block:14px 6px}}
/*! © THAISERKIT SUPPLY. All rights reserved. Unauthorized copying, scraping or reuse of this code or content is prohibited. */