:root{--shop-header-h:124px;--shop-ink:#29235c;--shop-body:#6e667c;--shop-surface-2:#f8f8fb;--shop-surface-3:#f0eef6}.shop-body{font-family:'Kanit',sans-serif;font-weight:400;color:#29235c;padding-top:var(--shop-top)}.shop-body .vh{top:var(--shop-banner-h)}.shop-body h1,.shop-body h2,.shop-body h3,.shop-h1,.shop-h2,.shop-pcard-title{font-family:'Poppins',sans-serif}.shop-body button,.shop-body input,.shop-body select,.shop-body textarea{font-family:'Kanit',sans-serif}.shop-subnav{background:#fff;border-bottom:1px solid #e3dfeb;z-index:70}.shop-hdr-brand{font:500 13px 'Kanit';letter-spacing:.5px;color:#29235c}.shop-search{background:#f6f5f9;border:1px solid #e2dfeb}.cat-hero{position:relative;background:#f3f2f7;color:#29235c;overflow:hidden;padding:58px 0;min-height:340px;border-bottom:1px solid #e4e1eb}.cat-hero>.container{position:relative;z-index:1;padding-right:48%}.cat-hero .shop-h1{font:600 clamp(34px,3.5vw,50px)/1.2 'Poppins';letter-spacing:-1.5px;color:#29235c;margin:20px 0}.cat-hero-sub{color:#716a80;max-width:500px;font-size:16px;line-height:1.8}.cat-hero-meta{color:#756b84;font-size:12px;margin-top:23px}.cat-hero-meta strong{color:#29235c}.cat-brand-scene{position:absolute;right:3%;top:0;width:46%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cat-hero .shop-breadcrumb,.cat-hero .shop-breadcrumb a,.cat-hero .shop-breadcrumb .current{color:#716a80!important}.cat-layout{gap:32px;padding-top:35px}.cat-aside{background:#fff;border:1px solid #e5e1ec;border-radius:5px;padding:24px}.shop-pcard{border:1px solid #e4e1eb!important;border-radius:7px!important;background:#fff;box-shadow:none!important;transition:transform .2s,border-color .2s!important}.shop-pcard:hover{transform:translateY(-4px);border-color:#f39200!important}.shop-pcard-media{background:#f2f1f5}.shop-pcard-body{padding:20px}.shop-pcard-title{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.3px}.shop-btn{border-radius:4px;font-weight:500}.shop-btn--primary{background:#29235c;color:#fff}.shop-price{color:#29235c}.shop-main{padding-bottom:65px}.shop-body .vf{margin-top:0}.shop-body .shop-drawer,.shop-body .shop-express{z-index:1200}.shop-body .shop-scrim{z-index:1100}.shop-body .cookie-banner{z-index:1300}.shop-body .vmenu{z-index:1000}.shop-body .vh{z-index:1001}.shop-body.menu-open{overflow:hidden}
@media(max-width:1040px){:root{--shop-header-h:110px}.shop-body .vmenu{padding-top:calc(140px + var(--shop-banner-h))}}
@media(max-width:760px){.cat-hero{padding:32px 0 220px;min-height:0}.cat-hero>.container{padding-right:0}.cat-hero .shop-h1{font-size:35px;margin:15px 0}.cat-brand-scene{height:220px;width:100%;right:0;top:auto;bottom:0}.cat-hero-sub{font-size:14px}.cat-hero-meta{margin-top:16px}.shop-subnav-inner{gap:12px}.shop-hdr-brand{font-size:11px}.shop-subnav-actions{gap:8px}.shop-pcard-body{padding:14px}.shop-pcard-title{font-size:14px}.exp-b2b-grid{grid-template-columns:1fr 1fr!important;gap:12px}.exp-b2b-item{padding:12px 0!important;gap:8px}.exp-b2b-ic{flex-basis:30px;height:34px}.exp-b2b-item strong{font-size:11px}.exp-b2b-item small{font-size:10px}.cat-layout{padding-top:22px}}

.shop-body .shop-subnav,.shop-body .shop-commerce{margin-top:0}.shop-body .shop-drawer-backdrop{z-index:1100}.shop-body .shop-modal{z-index:1200}.shop-body .shop-demo-banner{z-index:1002}.shop-pcard-name{font-family:Poppins,sans-serif!important;font-weight:500!important}.shop-body .cat-hero:before,.shop-body .cat-hero:after{display:none}