@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--navy:#071f3d;--navy2:#103b66;--blue:#1765a8;--gold:#e5bd62;--gold2:#f5dc9c;--ink:#172639;--muted:#607084;--line:#dbe4ed;--pale:#f4f7fa;--white:#fff;--green:#177b58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,"Noto Sans Thai",sans-serif;line-height:1.65}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#e6eef7;font-size:13px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;gap:10px}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:800;color:var(--navy);line-height:1.2}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:4px}.links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.links a{text-decoration:none}.links a:hover{color:var(--blue)}.button{border:0;border-radius:7px;padding:12px 18px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.button.gold{background:var(--gold);color:#10233a}.button.gold:hover{background:var(--gold2);transform:translateY(-1px)}.button.outline{border:1px solid #ffffff80;color:white;background:#ffffff10}.button.blue{background:var(--blue);color:white}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071f3d 0%,#071f3de8 42%,#071f3d30 100%),url('assets/brand-cover.png') center/cover;opacity:.95}.hero .container{position:relative;min-height:490px;display:flex;align-items:center}.herotext{max-width:660px;padding:60px 0}.eyebrow{color:var(--gold2);font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 18px}.hero p{font-size:17px;line-height:1.8;color:#d7e4f2;max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;color:#dce8f3;font-size:13px}.proof span::before{content:"✓";color:var(--gold);font-weight:900;margin-right:7px}.section{padding:76px 0}.section.pale{background:var(--pale)}.section.dark{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}.section-head{max-width:700px;margin-bottom:34px}.section-head h2{font-size:clamp(27px,3vw,38px);line-height:1.25;margin:8px 0 12px;color:var(--navy)}.dark .section-head h2{color:white}.section-head p{margin:0;color:var(--muted)}.dark .section-head p{color:#d1deeb}.kicker{color:var(--blue);font-size:12px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:12px;padding:22px;background:white;min-height:205px;transition:.2s}.product:hover{box-shadow:0 14px 30px #0c315015;transform:translateY(-3px)}.product .icon{width:44px;height:44px;border-radius:11px;background:#eaf3fb;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:14px}.product h3{margin:0 0 7px;color:var(--navy);font-size:19px}.product p{margin:0;color:var(--muted);font-size:14px}.product a{display:inline-block;margin-top:14px;color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo{width:100%;border-radius:15px;box-shadow:0 18px 50px #081d3526;display:block}.checklist{display:grid;gap:13px;margin:22px 0 0;padding:0;list-style:none}.checklist li{display:flex;gap:11px;align-items:flex-start}.checklist li::before{content:"✓";color:var(--green);font-weight:900;background:#e8f6ef;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex:none}.dark .checklist li::before{background:#174c43}.dark .checklist li{color:#e4edf6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#ffffff0c;border:1px solid #ffffff25;border-radius:12px;padding:23px}.step b{display:block;color:var(--gold2);font-size:13px;letter-spacing:.1em}.step h3{margin:7px 0;color:white}.step p{font-size:14px;color:#d2dfeb;margin:0}.fitment{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.chip{border:1px solid #ccdceb;background:#fff;color:#24415f;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:700}.dark .chip{background:#ffffff12;border-color:#ffffff38;color:white}.faq{display:grid;gap:12px;max-width:850px}.faq details{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:white}.faq summary{cursor:pointer;font-weight:700;color:var(--navy)}.faq p{margin:10px 0 0;color:var(--muted)}.formwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contactcard{background:var(--navy);color:white;padding:26px;border-radius:14px}.contactcard h3{margin:0 0 10px}.contactcard p{color:#d1deeb}.form{background:white;padding:26px;border-radius:14px;box-shadow:0 8px 30px #0c315012}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#4c5f73}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:7px;padding:11px 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff;width:100%}.field textarea{min-height:88px;resize:vertical}.formnote{font-size:12px;color:var(--muted);margin:12px 0 0}.footer{background:#06182d;color:#b9c8d8;padding:35px 0}.footin{display:flex;justify-content:space-between;gap:20px;align-items:center}.footbrand{color:white;font-weight:800}.footer small{display:block;font-size:12px;margin-top:5px}.footer a{color:#e5bd62}.breadcrumb{font-size:13px;color:var(--muted);padding:19px 0}.pagehero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:white;padding:64px 0}.pagehero h1{font-size:clamp(33px,4vw,52px);line-height:1.15;margin:9px 0 14px}.pagehero p{max-width:760px;color:#d8e5f2;font-size:17px}.contact-fallback{display:none}.lang{font-size:13px;text-decoration:none;border-left:1px solid var(--line);padding-left:18px;color:var(--blue)}@media(max-width:850px){.links{gap:12px}.links>a:not(.button):not(.lang){display:none}.split,.formwrap{grid-template-columns:1fr;gap:28px}.grid3{grid-template-columns:repeat(2,1fr)}.hero .container{min-height:430px}.steps{grid-template-columns:1fr}.section{padding:58px 0}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.topbar .container{font-size:11px}.navin{height:66px}.brand img{width:41px;height:41px}.links{gap:8px}.links .button{padding:10px 12px;font-size:12px}.lang{padding-left:9px}.hero .container{min-height:460px}.herotext{padding:48px 0}.hero h1{font-size:37px}.hero p{font-size:15px}.grid3{grid-template-columns:1fr}.product{min-height:0}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.footin{align-items:flex-start;flex-direction:column}.photo{max-height:330px;object-fit:cover}}

.catalog-search{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:24px 0 12px}.catalog-search input,.catalog-search select{border:1px solid var(--line);border-radius:8px;padding:13px;font:inherit;background:white;color:var(--ink);min-width:0}.catalog-count{font-size:14px;color:var(--muted);margin:10px 0 18px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.model-card{border:1px solid var(--line);border-radius:11px;padding:18px;background:white}.model-card h3{margin:5px 0;color:var(--navy)}.model-card p,.catalog-note{font-size:13px;color:var(--muted)}.catalog-note{padding:16px;background:#fff7df;border-left:4px solid var(--gold);border-radius:8px;margin-top:22px}.model-card .button{padding:9px 12px;font-size:13px;margin-top:8px}@media(max-width:800px){.catalog-search{grid-template-columns:1fr 1fr}.catalog-search input{grid-column:1/-1}.model-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.catalog-search,.model-grid{grid-template-columns:1fr}.catalog-search input{grid-column:auto}}

.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.poster-card{display:grid;gap:10px;text-decoration:none;color:var(--navy);font-weight:700;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fbfe}.poster-card img{width:100%;height:420px;object-fit:contain;background:#fff;border-radius:8px}.poster-card:hover{box-shadow:0 12px 28px #0c315015}@media(max-width:800px){.poster-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.poster-grid{grid-template-columns:1fr}.poster-card img{height:520px}}

.price-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}.price-table{border-collapse:collapse;width:100%;min-width:620px}.price-table th,.price-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.price-table th{background:var(--navy);color:white;font-size:13px}.price-table td:last-child{font-weight:800;color:var(--navy);white-space:nowrap}.price-table tr:last-child td{border-bottom:0}.price-terms{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.price-terms article{display:grid;gap:6px;background:white;border:1px solid var(--line);border-radius:10px;padding:17px}.price-terms strong{font-size:18px;color:var(--navy)}.price-terms span,.price-footnote{font-size:13px;color:var(--muted)}.price-footnote{margin:15px 0 20px}@media(max-width:560px){.price-terms{grid-template-columns:1fr}}

.language-selector{position:relative;z-index:30;font-size:13px}.language-selector summary{list-style:none;cursor:pointer;color:var(--blue);border:1px solid var(--line);border-radius:7px;padding:8px 9px;white-space:nowrap}.language-selector summary::-webkit-details-marker{display:none}.language-options{position:absolute;right:0;top:calc(100% + 7px);display:grid;gap:2px;min-width:125px;padding:6px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #071f3d24}.language-options a{padding:9px 10px;color:var(--navy);text-decoration:none;border-radius:5px}.language-options a:hover{background:#eef5fb}@media(max-width:560px){.language-selector summary{padding:7px 6px;font-size:12px}.language-options{right:0}}
.catalog-product-photo{height:150px;margin:-18px -18px 16px;border-radius:10px 10px 0 0;background:#f1f4f8;display:grid;place-items:center;overflow:hidden}
.catalog-product-photo img{width:100%;height:100%;object-fit:contain;background:#fff}
.catalog-product-empty{color:var(--muted);font-size:14px;font-weight:650;text-align:center;padding:16px}
.catalog-price-card .button{margin-top:4px}
@media(max-width:560px){.catalog-product-photo{height:130px}}
.catalog-search{grid-template-columns:minmax(220px,1.8fr) minmax(130px,.9fr) minmax(170px,1.35fr) minmax(160px,1.2fr)}
.catalog-search select:disabled{opacity:.68;cursor:not-allowed}
#resultCount{scroll-margin-top:24px}
@media(max-width:800px){.catalog-search{grid-template-columns:1fr 1fr}.catalog-search input{grid-column:1/-1}}
@media(max-width:560px){.catalog-search{grid-template-columns:1fr}.catalog-search input{grid-column:auto}}
.fitment-warning{display:grid;gap:5px;margin:22px 0 16px;padding:17px 20px;background:#fff6dd;border:1px solid #e8c869;border-left:6px solid #d59b24;border-radius:10px;color:#3c321c}
.fitment-warning strong{font-size:16px;color:#3d2c07}
.fitment-warning span{font-size:14px;line-height:1.7}
.catalog-fitment-meta{padding:9px 10px;background:#f3f6f9;border-radius:7px;color:#394e63!important;font-size:12px!important;line-height:1.8}
.fitment-card-note{padding:9px 10px;background:#fff6dd;border-radius:7px;color:#654b08!important;font-size:12px!important;font-weight:700}

/* Catalog price hierarchy, compatibility notice and undistorted category imagery. */
.catalog-product-photo{height:170px;margin:-18px -18px 16px;border-radius:10px 10px 0 0;background:linear-gradient(145deg,#f5f7fa,#e8edf3);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.catalog-product-photo img{width:100%;height:100%;object-fit:contain;background:transparent}
.catalog-product-sprite:before{content:"";display:block;height:100%;aspect-ratio:1;background-image:url('assets/part-product-sheet.png');background-size:300% 300%;background-position:var(--product-crop,0% 0%);background-repeat:no-repeat}
.catalog-product-sprite span{position:absolute;left:10px;bottom:8px;padding:3px 8px;border-radius:20px;background:#ffffffd9;color:#617286;font-size:10px}
.catalog-price-panel{display:grid;gap:2px;margin:14px 0 11px;padding:13px 15px;border:1px solid #f0dfaf;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#fff3d4);color:#3e321b}
.catalog-price-panel>span{font-size:11px;color:#77633a;font-weight:700;letter-spacing:.03em}
.catalog-price-panel>strong{font-size:26px;line-height:1.15;color:#102f50;letter-spacing:-.035em}
.catalog-price-panel>strong small{font-size:12px;font-weight:600;letter-spacing:0;color:#596b7d}
.catalog-price-panel.is-quote{background:#f4f7fa;border-color:#dbe4ed}
.catalog-price-panel.is-quote>strong{color:#1765a8}
.catalog-converted-price{font-size:19px;font-weight:800;line-height:1.25;color:#1765a8}
.catalog-converted-price small{display:block;font-size:10px;font-weight:600;color:#66788b;line-height:1.4}
.catalog-moq{font-size:12px!important;line-height:1.65;margin:0 0 11px}
.catalog-specs{margin:10px 0;border:1px solid #e6ecf2;border-radius:8px;background:#fafbfd}
.catalog-specs summary{padding:9px 11px;color:#254c70;font-size:12px;font-weight:700;cursor:pointer}
.catalog-specs dl{margin:0;padding:0 11px 10px;display:grid;gap:8px}
.catalog-specs dl div{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr);gap:10px;font-size:12px;line-height:1.5}
.catalog-specs dt{color:#728196}.catalog-specs dd{margin:0;color:#253c54;overflow-wrap:anywhere}
.fitment-card-note{background:#fff6dd;border-left:4px solid #d59b24;padding:9px 11px;border-radius:6px;color:#5b4510!important;font-size:12px!important;font-weight:650;line-height:1.55}
.catalog-more{grid-column:1/-1;justify-self:center;margin:16px auto 0}
@media(max-width:560px){.catalog-product-photo{height:154px}.catalog-price-panel>strong{font-size:24px}.catalog-converted-price{font-size:18px}.catalog-specs dl div{grid-template-columns:1fr;gap:1px}}

/* Universal language switch: globe plus multilingual writing mark. */
.language-selector summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;border:1px solid #cbd2db;border-radius:9px;background:#fff;color:#263442;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;list-style:none;transition:border-color .18s,box-shadow .18s}.language-selector summary::-webkit-details-marker{display:none}.language-selector summary:hover,.language-selector[open] summary{border-color:#258df4;box-shadow:0 0 0 3px #258df422}.language-selector summary .language-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.language-selector summary .language-letters{font-size:12px;letter-spacing:.015em}.language-selector summary .language-chevron{font-size:10px;color:#59636f}