/* Black/yellow storefront. Base style.css retains content and WooCommerce layouts. */
:root{--ink:#0b1014;--yellow:#ffcc00;--max:1280px;--line:#e2e6eb}
html{scroll-padding-top:24px}body{color:var(--ink)}.container{width:100%;padding-left:40px;padding-right:40px}p{color:#5e6878}h1,h2,h3{letter-spacing:-.035em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dfab00;outline-offset:3px}.btn{min-height:44px}.btn-yellow,.product-buy{background:var(--yellow);color:#101419}.btn-yellow:hover,.product-buy:hover{background:#efb900}.btn-outline{color:var(--yellow);border:1px solid #b38e13;background:transparent}.btn-outline:hover{background:#ffcc001b}.btn-outline-dark{color:#15191d;border:1px solid #f3be00;background:white}.btn-dark{background:#ffcc00;color:#101419}
.site-header{height:auto;background:#0b1014;color:#fff;border-bottom:1px solid #3c4145}.topbar{border-bottom:1px solid #ffffff18;font-size:10px}.topbar>.container{min-height:31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar>.container>div{display:flex;gap:14px}.topbar a+a{border-left:1px solid #7e8285;padding-left:14px}.header-inner{height:72px;gap:25px}.site-logo{min-width:245px;gap:7px}.rail-mark{display:inline-flex;width:68px;height:52px;flex:0 0 68px;align-items:center;justify-content:center;transform:none}.rail-mark svg{display:block;width:100%;height:100%;overflow:visible}.logo-type strong{font-size:22px;color:#ffcf24;font-style:normal;font-weight:800}.logo-type strong span{color:#fff}.logo-type small{font-size:8px;color:#fff;letter-spacing:.16em}.header-search{display:flex;flex:1;min-width:100px;height:39px;border-radius:4px;overflow:hidden;background:#fff}.header-search input{width:100%;min-width:0;border:0;padding:0 14px;color:#15191e;font-size:12px;background:#fff}.header-search button{flex:0 0 45px;border:0;background:var(--yellow);display:grid;place-items:center}.header-quote{height:39px;min-height:39px;min-width:160px;padding:6px 20px;font-size:12px}.cart-action{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.cart-action svg{width:26px;height:26px}.cart-action small{color:#aab0b6}.nav-shell{border-top:1px solid #ffffff08}.main-nav{display:block;position:static;background:transparent;box-shadow:none}.nav-list{justify-content:space-between;gap:0;min-height:47px}.nav-list>li>a,.nav-list>li>button{display:block;padding:13px 25px;font-size:13px;color:#fff;background:transparent;border:0;font-weight:500}.nav-list>.current-menu-item>a{background:var(--yellow);color:#111;box-shadow:0 0 18px #ffcc0050}.nav-list>li>a:hover,.nav-list>li>button:hover{color:var(--yellow)}.nav-list>.current-menu-item>a:hover{color:#111}.nav-list .sub-menu{background:#12191f;color:#fff;border-color:#444}.menu-toggle span{background:#fff}
.hero{min-height:480px;background:#10171c url('../images/hero.png') center right/cover no-repeat;color:#fff}.hero .hero-visual{background:linear-gradient(90deg,#071015ed 0%,#071015bb 32%,#07101535 68%,#07101522)}.hero-container{min-height:480px;align-items:center}.hero-copy{width:72%;padding:42px 0 54px}.hero h1{font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1.14;margin:0 0 14px}.hero h1 span{color:var(--yellow);font-size:1.18em}.hero-copy>p{color:#eceef0;font-size:15px;max-width:660px;margin-bottom:24px}.hero-copy>.hero-products{font-family:Arial,sans-serif;font-size:13px;font-weight:600;margin:0 0 6px;letter-spacing:-.02em}.hero-buttons{display:flex;gap:20px;margin-top:32px}.hero-buttons .btn{min-width:190px}.hero-sideword{top:76px;right:40px;text-align:right;font:16px/1.12 Arial,sans-serif;letter-spacing:0;color:#fff}.hero-sideword strong{display:inline-block;color:var(--yellow);border-bottom:3px solid var(--yellow);padding-bottom:7px;margin-top:4px}.hero-stripes{position:absolute;right:13%;top:0;width:28px;height:150px;transform:skew(-32deg);background:#ffcc00;box-shadow:39px 0 0 #ffcc00a8;opacity:.9;pointer-events:none}
.section{padding:30px 0}.section-heading{margin-bottom:20px;gap:24px}.section-heading-main{gap:0}.section-heading h2{font-size:30px;font-weight:700;margin:0}.section-heading p{font-size:14px;color:#616d7d;margin:0}.text-arrow{font-size:13px;color:#e5a900;gap:8px}.text-arrow:hover{color:#9e7300}.category-grid{gap:13px;grid-template-columns:repeat(6,minmax(0,1fr))}.category-card{background:#fff;min-height:224px;border:1px solid var(--line);border-radius:5px;padding-bottom:14px}.category-image{height:153px;background:#fff;display:grid;place-items:center}.category-image img{object-fit:cover;width:100%;height:100%}.category-name,.category-sub{padding-left:14px;padding-right:10px}.category-name{font-size:14px;font-weight:700;margin-top:10px;line-height:1.3}.category-sub{font-size:12px;color:#657080;margin-top:4px}.coupling-symbol{display:flex;align-items:center;font:bold 65px Arial;color:#8d969e;text-shadow:1px 3px 1px #313b43;transform:rotate(-25deg)}.coupling-symbol i{height:55px;width:9px;background:#d53930;box-shadow:inset 0 0 2px #555}
.section-featured{background:#f3f5f7;padding-bottom:30px}.featured-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.product-card{border:0;background:#fff;border-radius:5px;min-width:0}.product-media{display:block;height:170px;background:#fff}.product-media img{width:100%;height:100%;object-fit:contain}.product-info{padding:8px 14px 14px}.product-name{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.product-meta{font-size:12px;color:#1573b3;margin-top:4px}.product-price{margin-top:auto;padding-top:6px;color:#ed1d24;font-size:18px;font-weight:600;line-height:1.4}.product-buy{margin-top:8px;padding:7px 8px;min-height:36px;font-size:12px;white-space:normal;text-align:center}.featured-empty{background:#fff;min-height:180px;justify-content:space-between;gap:25px}.featured-empty h3{font-size:20px}.featured-empty .btn{margin-left:0}
.benefits{background:linear-gradient(90deg,#070e12f2,#070e12c9),url('../images/hero.png') center/cover;color:#fff}.benefits-inner{display:flex;gap:35px;align-items:center;min-height:222px;padding-top:30px;padding-bottom:30px}.benefits-title{flex:0 0 36%}.benefits-title h2{font-size:30px;margin:0 0 12px;line-height:1.25}.benefits-title h2 span{color:var(--yellow)}.benefits-title p{color:#eceff1;margin:0;font-size:15px;line-height:1.45}.benefit-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.benefit-item{border-left:1px solid #c4a221;padding-left:18px}.benefit-item>span{color:var(--yellow);font:bold 31px/1.1 Arial,sans-serif}.benefit-item h3{font-size:14px;margin:10px 0 2px;line-height:1.35}.benefit-item p{font-size:12px;color:#dce0e4;line-height:1.4;margin:0}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.industry-card img{width:100%;height:145px;object-fit:cover;border-radius:5px}.industry-card h3{font-size:15px;margin:9px 0 0}.industry-card p{font:14px/1.4 Arial,sans-serif;margin:0;color:#5f6a7a}.industry-section .btn{font-size:12px;padding:8px 18px;min-height:40px}
.section-brands{background:#f3f5f7;padding-top:25px;padding-bottom:24px}.brand-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.brand-tile{height:60px;background:#fff;font-size:27px;letter-spacing:-.06em;border-radius:4px}.brand-thk{font-size:28px}.brand-tbi-motion{font-size:21px;color:#0066a6}.brand-nb{color:#ec001b;letter-spacing:0}.brand-kss{color:#0568ac;letter-spacing:-.03em}
.article-section{padding-top:25px;padding-bottom:16px}.article-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.article-photo{height:145px}.article-photo img{height:100%;object-fit:cover}.article-body{padding:13px 17px 15px}.article-body strong{font-size:15px}.article-body small{font-size:11px;margin-bottom:7px}.article-static .article-body small{color:#666}.site-footer{background:#090f13}.footer-grid{grid-template-columns:1.6fr .8fr .9fr 1.2fr;gap:42px;padding-top:28px;padding-bottom:25px}.footer-logo{color:#ffcc00;font-size:23px}.footer-logo span{color:#fff}.footer-grid h3{font-size:15px;margin:0 0 12px}.footer-grid a:not(.footer-logo){font-size:13px;margin:4px 0;line-height:1.3}.footer-grid p{font-size:13px;margin:12px 0}.footer-about small{color:#e3e6e9}.footer-bottom{padding-bottom:18px;border-color:#293139}.footer-contact{border-color:#b89016;color:#ffcc00}.quote-dialog{max-height:90vh;overflow:auto}.quote-dialog .btn{color:#111}.quote-dialog-head small{letter-spacing:.1em}
@media(min-width:1600px){.hero{background-position:center 52%}}
@media(max-width:1130px){.container{padding-left:28px;padding-right:28px}.header-inner{gap:17px}.site-logo{min-width:215px}.logo-type strong{font-size:19px}.rail-mark{font-size:55px}.header-quote{min-width:135px;padding:6px 10px}.cart-action{font-size:10px}.nav-list>li>a,.nav-list>li>button{padding:13px 18px}.hero h1{font-size:39px}.hero-copy{width:75%}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-image{height:125px}.category-card{min-height:195px}.category-name{font-size:12px}.category-sub{font-size:11px}.benefits-inner{gap:24px}.benefits-title{flex-basis:32%}.benefits-title h2{font-size:26px}.benefit-grid{gap:12px}.benefit-item{padding-left:12px}.benefit-item h3{font-size:12px}.brand-tile{font-size:23px}.brand-tbi-motion{font-size:17px}.product-media{height:140px}.product-name{font-size:12px}}
@media(max-width:935px){.header-inner{height:auto;min-height:112px;flex-wrap:wrap;padding-top:15px;padding-bottom:14px;gap:12px}.site-logo{margin-right:auto}.header-search{order:5;flex-basis:100%;height:40px}.header-quote{display:inline-flex}.cart-action{display:flex;font-size:11px}.menu-toggle{display:block}.main-nav{display:none;position:static;padding-top:8px;padding-bottom:12px}.main-nav.is-open{display:block}.nav-list{display:flex;flex-direction:column;align-items:stretch}.nav-list>li>a,.nav-list>li>button{text-align:left;width:100%;font-size:14px;padding:12px 14px;border-bottom:1px solid #ffffff12}.nav-list .sub-menu{position:static;box-shadow:none}.hero,.hero-container{min-height:445px}.hero-copy{width:83%}.hero h1{font-size:36px}.hero-sideword{right:28px;font-size:13px}.hero-stripes{right:16%;width:20px;height:115px;box-shadow:28px 0 0 #ffcc00a8}.hero-copy>.hero-products{font-size:11px;max-width:520px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-image{height:165px}.category-card{min-height:225px}.category-name{font-size:14px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-media{height:175px}.product-name{font-size:14px}.benefits-inner{display:block}.benefits-title{margin-bottom:24px}.benefits-title h2 br{display:none}.benefits-title p br{display:none}.benefit-grid{gap:20px}.benefit-item h3{font-size:14px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.industry-card img{height:180px}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-grid{gap:14px}.article-photo{height:125px}.article-body strong{font-size:13px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-about{grid-column:auto}}
@media(max-width:640px){.container{padding-left:20px;padding-right:20px}.topbar>.container{min-height:27px;font-size:8px}.topbar>.container>div{display:none}.header-inner{gap:9px;min-height:109px}.site-logo{min-width:0;gap:5px}.logo-type strong{font-size:18px}.logo-type small{font-size:6px}.rail-mark{font-size:46px}.header-quote{display:none}.cart-action span{display:none}.cart-action svg{width:24px}.menu-toggle{padding:5px}.hero,.hero-container{min-height:465px}.hero{background-position:64% center}.hero .hero-visual{background:linear-gradient(90deg,#060d13ed,#060d1390 80%),linear-gradient(0deg,#060d1355,transparent)}.hero-copy{width:100%;padding:36px 0}.hero h1{font-size:clamp(28px,6vw,36px);margin:0 0 16px;line-height:1.2}.hero-copy>p{font-size:12px;margin-bottom:18px;max-width:360px}.hero-copy>.hero-products{font-size:9px;max-width:340px;line-height:1.6}.hero-buttons{gap:12px;margin-top:24px;flex-wrap:wrap}.hero-buttons .btn{min-width:0;gap:12px;padding:12px 17px;font-size:12px}.hero-sideword{display:none}.hero-stripes{right:14%;height:100px;width:15px;opacity:.65;box-shadow:22px 0 0 #ffcc00a8}.section{padding:26px 0}.section-heading{align-items:center;gap:12px;margin-bottom:18px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.text-arrow{font-size:10px;white-space:nowrap}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-image{height:145px}.category-card{min-height:207px}.category-name{font-size:13px;padding-left:12px}.category-sub{padding-left:12px;font-size:11px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-media{height:150px}.product-info{padding:8px 10px 12px}.product-name{font-size:12px}.product-price{font-size:16px}.product-buy{min-height:44px}.featured-empty{display:block;padding:22px}.featured-empty h3{font-size:18px}.featured-empty .btn{margin-top:15px}.benefits-inner{padding-top:28px;padding-bottom:28px}.benefits-title h2{font-size:25px}.benefits-title h2 br{display:block}.benefits-title p{font-size:13px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.benefit-item{padding-left:14px}.benefit-item h3{font-size:13px}.benefit-item p{font-size:11px}.industry-grid{gap:18px 12px}.industry-card img{height:120px}.industry-card h3{font-size:12px}.industry-card p{font-size:11px}.industry-section .section-heading{display:block}.industry-section .btn{margin-top:12px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-tile{font-size:24px;height:53px}.brand-tbi-motion{font-size:16px}.article-grid{grid-template-columns:1fr;gap:17px}.article-photo{height:175px}.article-body strong{font-size:15px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding-top:30px}.footer-about{grid-column:span 2}.footer-grid p,.footer-grid a:not(.footer-logo){font-size:12px}.footer-grid>div:last-child{grid-column:span 2}.footer-bottom{display:flex;flex-wrap:wrap;font-size:9px}.form-row{grid-template-columns:1fr}.quote-dialog{padding:21px}}
@media(max-width:380px){.container{padding-left:16px;padding-right:16px}.logo-type strong{font-size:16px}.logo-type small{font-size:5.5px}.rail-mark{font-size:40px}.hero h1{font-size:27px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons .btn{min-width:185px}.hero,.hero-container{min-height:500px}.section-heading h2{font-size:22px}.text-arrow{font-size:9px}.category-image{height:125px}.category-card{min-height:190px}.category-sub{font-size:10px}.product-media{height:135px}}

/* Verified local assets: rail illustration replaces the skewed placeholder mark. */
@media(max-width:1130px){.rail-mark{width:57px;height:45px;flex-basis:57px}}
@media(max-width:640px){.rail-mark{width:47px;height:38px;flex-basis:47px}.cart-action{min-width:28px;justify-content:center}.category-image img{object-fit:contain;padding:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Consistent down chevrons independent of Thai font glyph metrics. */
.nav-list>li>a:has(>.nav-chevron){display:flex;align-items:center;gap:8px}.nav-chevron{display:block;width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

.hero-buttons .quote-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}