html{scroll-behavior:smooth}body{font-family:Inter,Sarabun,sans-serif;-webkit-font-smoothing:antialiased}main{padding-top:64px}.display{font-family:Inter Tight,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:.92}.eyebrow{font-family:JetBrains Mono,monospace;font-size:clamp(11px,.55vw + 9px,12px);letter-spacing:.18em;text-transform:uppercase}@media(min-width:1024px){.eyebrow{letter-spacing:.2em}}.dot{width:6px;height:6px;background:#e8381f;border-radius:9999px;display:inline-block;flex-shrink:0}.dot-sm{width:4px;height:4px;background:#e8381f;border-radius:9999px;display:inline-block;flex-shrink:0;vertical-align:middle}.hairline{border-color:#e5e5e5}.hover-underline{position:relative}.hover-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:currentColor;transition:width .35s ease}.hover-underline:hover:after{width:100%}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;border:1px solid #0A0A0A;background:#0a0a0a;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:all .25s;cursor:pointer;text-decoration:none}.btn:hover,.btn-ghost{background:transparent;color:#0a0a0a}.btn-ghost:hover{background:#0a0a0a;color:#fff}.btn-full{width:100%;justify-content:center;padding:1.1rem 1.4rem;font-size:13px}.var-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem 1rem;border:1px solid #E5E5E5;background:#fff;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;color:#6b6b6b}.var-btn:hover{border-color:#0a0a0a;color:#0a0a0a}.var-btn.is-active{border-color:#0a0a0a;background:#0a0a0a;color:#fff}.filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #E5E5E5;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s;color:#6b6b6b;background:#fff;white-space:nowrap}.filter-pill:hover{border-color:#0a0a0a;color:#0a0a0a}.filter-pill.is-active{border-color:#0a0a0a;background:#0a0a0a;color:#fff}.prod-card{transition:opacity .3s,transform .3s}.prod-card.is-hidden{display:none}.prod-card-img{transition:transform .7s ease}.prod-card:hover .prod-card-img{transform:scale(1.03)}.prod-card-overlay{opacity:0;transition:opacity .3s}.prod-card:hover .prod-card-overlay{opacity:1}.acc-body{overflow:hidden;max-height:0;transition:max-height .4s ease}.acc-body.is-open{max-height:800px}.acc-icon{transition:transform .3s;display:inline-block}.thumb-btn{flex:1;border-right:1px solid #E5E5E5;padding:.75rem;cursor:pointer;transition:opacity .2s}.thumb-btn:last-child{border-right:none}.thumb-btn.is-active{background:#f6f6f6}.thumb-btn:not(.is-active){opacity:.4}.thumb-btn:not(.is-active):hover{opacity:.7}#header-mobile-nav{transition:transform .35s cubic-bezier(.4,0,.2,1)}.site-header{transition:background .3s ease,border-color .3s ease,color .3s ease}.site-header.is-transparent{background:transparent;border-bottom-color:transparent;color:#fff}.site-header.is-transparent a,.site-header.is-transparent button,.site-header.is-transparent nav{color:#fff}.site-header.is-transparent .hover-underline:after{background:#fff}.site-header.is-transparent .header-logo-dark{display:none}.site-header.is-transparent .header-logo-light{display:block}.site-header:not(.is-transparent) .header-logo-dark{display:block}.site-header:not(.is-transparent) .header-logo-light{display:none}.site-header.is-scrolled{background:#fffffff2;border-bottom-color:#e5e5e5;color:#0a0a0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header.is-scrolled a,.site-header.is-scrolled button,.site-header.is-scrolled nav{color:#0a0a0a}.site-header.is-scrolled .hover-underline:after{background:#0a0a0a}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}.mileage-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mileage-hero__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mileage-hero__media-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a}.mileage-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000080,#0000 20%),linear-gradient(to top,#000000b8,#0000 50%)}.mileage-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.mileage-hero__label{margin-bottom:1.25rem;color:#ffffff80}@media(min-width:1024px){.mileage-hero__label{margin-bottom:1.5rem;gap:.6rem}}.dot-pulse{background:#e8381f;animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mileage-hero__heading{color:#fff;line-height:.88;letter-spacing:-.04em;margin-bottom:1.5rem}.mileage-hero__body{font-size:clamp(14px,.6vw + 11px,16px);color:#ffffffa6;line-height:1.65;margin-bottom:2rem;max-width:440px}@media(min-width:1024px){.mileage-hero__body{line-height:1.7;max-width:520px;margin-bottom:2.25rem;color:#ffffffbf}}.mileage-hero__actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.btn-hero{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;color:#fff;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .25s}.btn-hero:hover{opacity:.6}@media(min-width:1024px){.btn-hero{font-size:15px;letter-spacing:.1em;gap:.6rem;font-weight:700}.btn-hero-ghost{font-size:13px;padding:1rem 1.75rem;letter-spacing:.14em}.mileage-hero__actions{gap:1rem}}.btn-hero-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffa6;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .25s,color .25s}.btn-hero-ghost:hover{border-color:#ffffff80;color:#fff}.slide-ind{display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0 12px 0 0;cursor:pointer;color:#ffffff59;transition:color .2s;text-align:left}.slide-ind:last-child{padding-right:0}.slide-ind:hover{color:#ffffffa6}.slide-ind.is-active{color:#fff}.slide-ind .num{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap}@media(max-width:767px){.slide-ind .num{display:none}.slide-ind{padding-right:4px}.slide-ind .bar{min-width:32px;max-width:60px}}.slide-ind .bar{width:100%;min-width:40px;max-width:120px;height:1px;background:#fff3;position:relative;overflow:hidden}.slide-ind .bar .fill{position:absolute;left:0;top:0;height:100%;width:0;background:#fff}.slide-ind.is-active .bar .fill{animation:slideProgress var(--hero-slide-speed, 6s) linear forwards}@keyframes slideProgress{0%{width:0}to{width:100%}}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:JetBrains Mono,monospace;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s}.nav-btn:hover{background:#fff3;border-color:#ffffff80}.sci-tab{transition:opacity .25s}.sci-tab:not(.is-tab-active){opacity:.4}.sci-tab.is-tab-active{opacity:1}.sci-tab:hover:not(.is-tab-active){opacity:.7}.prose h2{font-family:Inter Tight,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.03em;margin-top:2.5rem;margin-bottom:.75rem;color:#0a0a0a}.prose p{font-size:15px;line-height:1.75;color:#1a1a1a;margin-bottom:1.2rem}.prose ul{margin-bottom:1.4rem;padding-left:0;list-style:none}.prose ul li{font-size:15px;line-height:1.75;color:#1a1a1a;padding-left:1.2rem;position:relative;margin-bottom:.5rem}.prose ul li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;background:#e8381f;border-radius:50%}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:14px}.prose th{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:.65rem 1rem;border-bottom:2px solid #0A0A0A;color:#6b6b6b}.prose td{padding:.65rem 1rem;border-bottom:1px solid #E5E5E5;vertical-align:top;line-height:1.5}.prose tr:last-child td{border-bottom:none}.qty-wrap{display:inline-flex;flex-direction:column;align-items:center;border:1px solid #0A0A0A}.qty-btn{width:36px;padding:5px 0;background:none;border:none;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;color:#6b6b6b;line-height:1;text-align:center}.qty-btn:hover{color:#0a0a0a}.qty-input{width:36px;text-align:center;border:none;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;font-family:JetBrains Mono,monospace;font-size:13px;padding:6px 0;outline:none;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:lang(th) .display,:lang(th) .mileage-hero__heading,:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.45}:lang(th) .prose h2{line-height:1.45}:lang(th) body{line-height:1.75;font-size:1.0625em}:lang(th) .display,:lang(th) .mileage-hero__heading,:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) [class*=tracking-]{letter-spacing:0!important}:lang(th) .display,:lang(th) .mileage-hero__heading,:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.45!important}:lang(th) .prose h2{line-height:1.45!important}:lang(th) body{line-height:1.75!important;font-size:1.0625em}:lang(th) .eyebrow,:lang(th) [class*=font-mono]{letter-spacing:0!important;text-transform:none!important}:lang(th) .acc-toggle .eyebrow{font-family:Sarabun,sans-serif!important;font-size:15px!important;font-weight:600!important}:lang(th) body,:lang(th) .display,:lang(th) .eyebrow,:lang(th) .btn,:lang(th) [class*=font-mono]{font-family:Sarabun,sans-serif!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.site-header .display,.site-logo{font-family:Bebas Neue,Inter Tight,sans-serif!important;font-size:24px!important;letter-spacing:.08em!important}:lang(th) .article-body h1,:lang(th) .article-body h2,:lang(th) .article-body h3,:lang(th) .article-body p,:lang(th) .article-body li,:lang(th) .article-body td,:lang(th) .article-body th,:lang(th) .article-body strong,:lang(th) .article-body blockquote,:lang(th) .article-body figcaption{font-family:Sarabun,sans-serif!important;letter-spacing:0!important}:lang(th) .article-body h2,:lang(th) .article-body h3{line-height:1.5!important}:lang(th) .article-page table th,:lang(th) .article-page table td,:lang(th) .article-page table b,:lang(th) .article-page table strong{font-family:Sarabun,sans-serif!important;letter-spacing:0!important}:lang(th) .mg-article,:lang(th) .mg-article *{font-family:Sarabun,sans-serif!important;letter-spacing:0!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/theme.css.map */