/* Supplied logo artwork stays unchanged; SVG viewports frame each original mark. */
:root{--ink:#19232d;--muted:#687582;--paper:#f3f5f8;--line:#dce3eb;--light:#edf1f6}
body{background:var(--paper)}
.header{background:rgba(255,255,255,.98)}
.utility,footer{background:#19232d}
.official-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1}
.official-brand .wooil-wordmark{display:block;width:181px;height:auto;aspect-ratio:600/145;overflow:hidden;stroke:none;fill:none}
.brand.official-brand>.official-tagline{font-size:13px;font-weight:650;letter-spacing:.15px;line-height:1.3;color:#394858;white-space:nowrap}
.hero{gap:42px}
h1>span{color:#536a80}
.hero-description{color:#627080}
.hero-art.hero-logo-panel{height:auto;min-height:0;aspect-ratio:1.3;clip-path:none;border:1px solid #dce3eb;border-radius:7px;background:#fff;padding:22px;display:flex;align-items:center;justify-content:center;margin:0;box-shadow:0 15px 40px rgba(28,46,65,.045)}
.hero-logo-panel:after{display:none}
.hero-logo-panel .wooil-brand-board{display:block;width:100%;height:auto;aspect-ratio:900/680;stroke:none;fill:none;overflow:hidden}
.search-strip{background:#e5ecf3;border-color:#d6e0eb}
.search-inner form{border-color:#d4dee9}
.category{background:#edf2f7;border-color:#d7e0e9}
.category:hover{background:#e1eaf3}
.category-icon{stroke:#4f657b}
.category-link{border-color:#d4dee9}
.brand-section{background:#fff;padding-block:34px 28px}
.brand-grid.brand-marks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 18px;align-items:center}
.brand-logo{display:flex;align-items:center;justify-content:center;background:#fff;min-width:0;height:78px;padding:13px 17px;border:1px solid #e5eaf0;border-radius:4px}
.brand-logo>svg{display:block;width:100%;height:100%;max-width:166px;stroke:none;fill:none;overflow:hidden}
.brand-logo[title="Hyundai Mobis"]>svg{max-width:122px}
.brand-logo[title="Cummins"]>svg{width:61px;max-width:100%}
.brand-disclaimer{font-size:10px;color:#788592}
.sourcing-section{background:#243342}
.sourcing-details article{border-color:#43566a}
.sourcing-details p{color:#b8c7d6}
.sourcing-title>.eyebrow{color:#c3cfdb}
.quote-section{background:#e6edf4;border-color:#d6e0eb}
.quote-form{background:#fff;border-color:#d4dee9;box-shadow:0 8px 28px rgba(27,46,66,.025)}
.quote-form input,.quote-form textarea{border-color:#d5dfe9}
.contact-links>a{border-color:#cbd8e4}
.person-initials{background:#d9e3ee;border-color:#c8d6e4}
.korea-tag{border-color:#c7d5e2}
.enquiry-ready{border-color:#b9cadd;background:#edf3f9}
.enquiry-ready>p{color:#5d7389}
.ready-actions button{color:#405c79}
.button-outline{border-color:#c4d1de}
.button-outline:hover{background:#e9f0f7}
.button-light:hover{background:#e3ebf4}
.footer-brand.official-brand{background:transparent;border-radius:0;padding:0;width:fit-content;gap:10px}
.footer-brand.official-brand .wooil-wordmark{width:204px}
.footer-brand.brand.official-brand>.official-tagline{font-size:14px;letter-spacing:.15px;line-height:1.4;color:#fff}
.footer-top>p{color:#d5dfe9}
.footer-address{color:#fff;font-size:13px}.footer-address>span{font-size:11px}.footer-address address{line-height:1.7}.business-registration{margin:13px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:1.6}.business-registration strong{font-weight:650;letter-spacing:.4px}
.footer-bottom{border-color:#3b4d60;color:#98aabd}
.footer-bottom a{color:#c0cedd}
.floating-whatsapp{background:#264655;border-color:#728e9a}
.floating-whatsapp:hover{background:#315c70}
@media(max-width:1100px){.official-brand .wooil-wordmark{width:162px}.brand.official-brand>.official-tagline{font-size:13px;letter-spacing:.15px}.hero{gap:26px}.hero-art.hero-logo-panel{padding:16px}.brand-grid.brand-marks{gap:12px}.brand-logo{height:72px;padding:12px}.brand-logo[title="Hyundai Mobis"]>svg{max-width:110px}.brand-logo[title="Cummins"]>svg{width:54px}}
@media(max-width:800px){.official-brand .wooil-wordmark{width:158px}.brand.official-brand>.official-tagline{font-size:12px;letter-spacing:.1px}.hero{gap:23px}.hero-art.hero-logo-panel{padding:12px}.brand-grid.brand-marks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-logo{height:72px;padding:12px 14px}.brand-disclaimer{font-size:9px}}
@media(max-width:560px){.hero{gap:26px}.hero-art.hero-logo-panel{aspect-ratio:1.3;padding:14px;border-radius:5px}.brand-section{padding-block:27px 23px}.brand-grid.brand-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-logo{height:62px;padding:10px 8px}.brand-logo[title="Hyundai Mobis"]>svg{max-width:90px}.brand-logo[title="Cummins"]>svg{width:43px}.brand-disclaimer{font-size:8px}.footer-brand.official-brand .wooil-wordmark{width:190px}.footer-brand.brand.official-brand>.official-tagline{font-size:13px;letter-spacing:.1px}}

@media(min-width:801px) and (max-width:980px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:1px solid #ccd4db;width:40px;height:37px;padding:10px}.menu-toggle span{height:1.5px;background:var(--ink);width:18px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}nav{display:none;position:absolute;top:91px;left:0;right:0;background:var(--paper);padding:12px 28px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 16px #0001}nav.open{display:flex}nav>a:not(.button){padding:13px 5px;border-bottom:1px solid var(--line);font-size:14px}nav>.button{margin-top:15px;justify-content:space-between}}
@media(max-width:560px){.nav-inner{gap:14px}.brand.official-brand>.official-tagline{font-size:12px;letter-spacing:0}.footer-brand.brand.official-brand>.official-tagline{font-size:13px;letter-spacing:0}}
@media(max-width:360px){.brand.official-brand>.official-tagline{font-size:11px}.footer-brand.brand.official-brand>.official-tagline{font-size:12px}}

.hero-description .hero-lead{display:block;font-weight:650;color:#34495e;margin-bottom:8px}
.hero-description .hero-support{display:block;margin-top:7px}
.quote-aside strong{display:block;font-size:14px;font-weight:650;color:#31465c;margin-bottom:8px}
.quote-aside a{font-weight:650;color:#31465c;text-decoration:underline;text-underline-offset:3px}
.quote-aside .spreadsheet-reminder{display:block;margin-top:10px}
.postal-code{display:inline-block;margin-top:3px}

/* Five supply categories keep equal-height enquiry links across each row. */
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.category{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.category h3{min-height:2.5em}
.category-link{margin-top:auto;width:100%}
@media(min-width:801px) and (max-width:1100px){
  .category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .category{grid-column:span 2}
  .category:nth-child(3){border-right:0}
  .category:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .category:nth-child(n+4){grid-column:span 3}
}
@media(max-width:800px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid .category{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .category-grid .category:nth-child(even){border-right:0}
  .category-grid .category:last-child{grid-column:1/-1;border:0;min-height:240px}
  .category-grid .category:last-child h3{min-height:0}
}