/* Export JOOHOO Auto Parts preview. Kept separate from the domestic B2C preview. */
.export-v2-orders{max-width:1500px;min-height:720px;margin:0 auto;padding:34px}
.export-v2-nav-actions{align-items:center}.export-v2-language{display:flex;align-items:center}.export-v2-language select{min-width:72px;height:34px;padding:0 8px;border:1px solid #d8e0db;border-radius:5px;background:#fff;color:#17392d;font-size:13px;cursor:pointer}.export-v2--dark .export-v2-language select{border-color:#4e7968;background:#003326;color:#fff}.export-v2 .commerce-export-detail-dialog .commerce-b2c-dialog-media{min-height:300px}.export-v2 .commerce-export-detail-dialog .commerce-b2c-dialog-layout h3{max-width:470px;margin:10px 0 16px;font-size:16px;line-height:1.45;color:#52665c}.export-v2 .commerce-export-dialog-boundary{margin:18px 0;padding:12px 14px;border-left:3px solid #0b694a;background:#f2f8f4;color:#41594d;font-size:13px;line-height:1.5}
.export-v2{--ink:#102d25;--green:#004b34;--deep:#003326;--line:#dce3df;--muted:#64706a;background:#fff;color:#15211d;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.export-v2 *{box-sizing:border-box}.export-v2 a{color:inherit;text-decoration:none}body:has(.export-v2) .internal-preview-banner{display:none}.export-v2-nav{height:86px;padding:0 4.25%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #e7ebe8;background:#fff;position:relative;z-index:2}.export-v2--dark .export-v2-nav{background:#003326;border-color:#1c4c3e;color:#fff}.export-v2-brand{display:grid;min-width:265px;line-height:.9}.export-v2-brand strong{font-size:42px;letter-spacing:-2px;color:#075237;font-style:italic;font-weight:900;transform:skew(-10deg)}.export-v2-brand small{margin-top:10px;color:#24352f;font-size:9px;font-weight:800;letter-spacing:2px}.export-v2--dark .export-v2-brand strong,.export-v2--dark .export-v2-brand small{color:#fff}.export-v2-nav nav{display:flex;align-items:stretch;gap:0;height:100%}.export-v2-nav nav a{min-width:126px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:16px;border-bottom:4px solid transparent;white-space:nowrap}.export-v2-nav nav a.is-active{color:var(--green);border-bottom-color:var(--green)}.export-v2--dark .export-v2-nav nav a.is-active{color:#fff;border-bottom-color:#7bcba7}.export-v2-nav-actions{margin-left:auto;display:flex;gap:12px}.export-v2 button,.export-v2 select,.export-v2 input,.export-v2 textarea{font:inherit}.export-v2-nav-actions button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:13px}
.export-v2-home{max-width:1536px;margin:auto}.export-v2-home-hero{min-height:494px;display:grid;grid-template-columns:44% 56%;position:relative;overflow:hidden;background:#f6f7f5}.export-v2-home-copy{padding:104px 0 65px 68px;position:relative;z-index:1}.export-v2-home-copy h1{margin:0 0 20px;color:#053d2b;font-size:64px;line-height:1.03;letter-spacing:-2.5px}.export-v2-home-copy p{max-width:610px;margin:0;color:#172420;font-size:25px;line-height:1.43}.export-v2-home-copy>div{display:flex;gap:18px;margin-top:34px}.export-v2-button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 34px;gap:20px;border:2px solid #073d2d;border-radius:6px;color:#073d2d;font-size:18px;font-weight:700;cursor:pointer;background:#fff}.export-v2-button.is-solid{background:#074a34;color:#fff}.export-v2-home-image{min-width:0;display:flex;align-items:stretch;overflow:hidden}.export-v2-home-image img{width:100%;height:100%;object-fit:cover;object-position:center right}.export-v2-trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e4e9e6;min-height:102px;padding:0 5%;align-items:center}.export-v2-trust div{min-height:48px;padding:4px 28px;border-right:1px solid #dfe5e1;display:grid;gap:7px}.export-v2-trust div:last-child{border-right:0}.export-v2-trust b{color:#0b402e;font-size:18px}.export-v2-trust span{color:#516058;font-size:13px}.export-v2-home-cards{max-width:1400px;margin:32px auto 42px;padding:0 4%;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.export-v2-home-cards article{min-height:300px;padding:18px 18px 16px;border:1px solid #e4e7e5;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;background:#fff}.export-v2-home-cards img{width:100%;height:192px;object-fit:contain}.export-v2-home-cards h2{margin:10px 12px;color:#0b3d2d;font-size:23px}.export-v2-home-cards a{margin:0 12px;font-size:16px;color:#39463f}
.export-v2-products-banner{height:auto;min-height:165px;padding:23px max(4.5%,40px);background:#111 url("../assets/website/export-products-banner-v1.png") center/cover no-repeat;color:#fff;display:flex;align-items:center}.export-v2-products-banner p{margin:0 0 10px;font-size:14px}.export-v2-products-banner h1{margin:0;font-size:52px;letter-spacing:-1px}.export-v2-products-banner>div>span{display:block;margin-top:6px;font-size:18px}.export-v2-products-layout{display:grid;grid-template-columns:310px 1fr;min-height:720px}.export-v2-filter{padding:29px 28px;border-right:1px solid var(--line)}.export-v2-filter h2{margin:0 0 16px;color:#183d32;font-size:14px;text-transform:uppercase}.export-v2-filter label{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:7px 0;font-size:15px}.export-v2-filter label small{color:#657169}.export-v2-filter hr{margin:25px 0;border:0;border-top:1px solid #e5e8e5}.export-v2-filter select,.export-v2-filter input{width:100%;height:39px;margin-bottom:11px;padding:0 12px;border:1px solid #d7dfda;border-radius:5px;background:#fff;color:#55635b}.export-v2-inline-search{display:grid;grid-template-columns:1fr 46px}.export-v2-inline-search input{margin:0;border-radius:5px 0 0 5px}.export-v2-inline-search button{border:0;border-radius:0 5px 5px 0;background:#064633;color:#fff}.export-v2-filter>button{width:100%;min-height:42px;border:1px solid #d5ddd8;background:#fff;border-radius:5px;color:#183d32}.export-v2-product-main{padding:21px 34px 38px;min-width:0}.export-v2-category-strip{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.export-v2-category-card{min-width:130px;border:1px solid #e1e6e3;border-radius:6px;overflow:hidden;background:#fff;text-align:center}.export-v2-category-card img{width:100%;height:145px;object-fit:contain;display:block}.export-v2-category-card b{display:block;background:#004b34;color:#fff;padding:10px 4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-v2-product-sort{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px;color:#55635d}.export-v2-product-sort label{display:flex;align-items:center;gap:12px}.export-v2-product-sort select{width:212px;height:40px;border:1px solid #d8dfdb;border-radius:6px;padding:0 11px}.export-v2-product-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px}.export-v2-product-card{border:1px solid #e2e6e3;border-radius:6px;padding:12px 16px 16px;display:flex;flex-direction:column}.export-v2-product-card img{width:100%;height:200px;object-fit:contain}.export-v2-product-card h2{margin:9px 0;font-size:22px}.export-v2-product-card p{margin:0 0 16px;color:#48564f;min-height:40px}.export-v2-product-card strong{color:#183d32}.export-v2-product-card small{margin-top:6px;min-height:38px;line-height:1.4;color:#4f5e56}.export-v2-product-card div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.export-v2-product-card a{min-height:40px;display:grid;place-items:center;border:1px solid #064633;border-radius:4px;color:#064633;font-weight:700}.export-v2-product-card a.is-solid{background:#064633;color:#fff}.export-v2-pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:26px}.export-v2-pagination button{min-width:36px;height:36px;border:1px solid #dde4df;background:#fff;border-radius:4px;color:#26352e}.export-v2-pagination button.is-active{background:#004b34;color:#fff}
.export-v2-detail-grid{max-width:1240px;margin:42px auto 70px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.export-v2-detail-image{border:1px solid #e0e6e2;border-radius:10px;display:grid;place-items:center;min-height:440px}.export-v2-detail-image img{width:100%;max-height:430px;object-fit:contain}.export-v2-detail-grid h1{font-size:46px;margin:6px 0 14px;color:#133a2d}.export-v2-detail-grid p{color:#526058;font-size:19px;line-height:1.5}.export-v2-kicker{color:#08714e!important;font-weight:800;font-size:12px!important;letter-spacing:1.5px}.export-v2-detail-grid dl{border-top:1px solid #dce4df;margin:25px 0}.export-v2-detail-grid dl div{padding:16px 0;border-bottom:1px solid #dce4df}.export-v2-detail-grid dt{font-weight:800;color:#123d2e}.export-v2-detail-grid dd{margin:6px 0 0;color:#57655d}
.export-v2-inquiry{max-width:1500px;margin:0 auto;padding:25px 34px 0}.export-v2-inquiry>header h1{margin:0;color:#07412e;font-size:42px}.export-v2-inquiry>header p{margin:7px 0 18px;color:#56655e;font-size:16px}.export-v2-inquiry-grid{display:grid;grid-template-columns:270px 1fr 360px;gap:18px}.export-v2-steps{padding:20px 18px;border:1px solid #dce5df;border-radius:9px}.export-v2-steps>article{display:grid;grid-template-columns:48px 1fr;gap:14px;min-height:112px}.export-v2-steps>article>b{width:40px;height:40px;display:grid;place-items:center;border:2px solid #0b4c35;border-radius:50%;background:#fff;color:#0b4c35}.export-v2-steps h2{margin:4px 0 7px;font-size:17px}.export-v2-steps p{margin:0;color:#647068;font-size:14px;line-height:1.35}.export-v2-steps>section{margin-top:8px;padding:16px;background:#f0f7f3;border:1px solid #cfded6;border-radius:8px}.export-v2-steps>section h2{color:#0b4b35}.export-v2-inquiry-form,.export-v2-inquiry-summary section{border:1px solid #dce5df;border-radius:9px;background:#fff}.export-v2-inquiry-form>h2{margin:0;padding:19px 24px;color:#0a412e;font-size:20px}.export-v2-inquiry-form>article{display:grid;grid-template-columns:164px 1fr 126px 30px;gap:20px;align-items:center;margin:0 22px;padding:14px 0;border-top:1px solid #e4e9e6}.export-v2-inquiry-form img{width:150px;height:104px;object-fit:contain;border:1px solid #edf0ee;border-radius:7px}.export-v2-inquiry-form h3{margin:0 0 10px;font-size:18px}.export-v2-inquiry-form article b{color:#0d5c41;font-size:13px}.export-v2-inquiry-form article p{margin:4px 0;color:#637169;font-size:13px}.export-v2-inquiry-form article label{display:grid;gap:7px;color:#5c6861;font-size:12px}.export-v2-inquiry-form article label span{display:flex;height:36px;border:1px solid #dce4df;border-radius:5px;overflow:hidden}.export-v2-inquiry-form article label button{width:34px;border:0;background:#fff}.export-v2-inquiry-form article label b{display:grid;flex:1;place-items:center;color:#23372e}.export-v2-inquiry-form article>button{border:0;background:transparent;color:#526059;font-size:12px}.export-v2-add-product{display:inline-block;margin:16px 22px;padding:9px 14px;border:1px solid #0a583e;border-radius:5px;color:#075039;font-size:14px}.export-v2-application{border-top:1px solid #dfe6e1;padding:16px 22px 22px}.export-v2-application h2{margin:0 0 12px;color:#0a412e;font-size:18px}.export-v2-application div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.export-v2-application select,.export-v2-application textarea{width:100%;min-height:43px;padding:10px;border:1px solid #dce4df;border-radius:5px;background:#fff}.export-v2-application textarea{margin-top:12px;height:82px;resize:vertical}.export-v2-inquiry-summary{display:grid;gap:14px}.export-v2-inquiry-summary section{padding:18px 22px}.export-v2-inquiry-summary h2{margin:0 0 15px;color:#0c452f;font-size:21px}.export-v2-inquiry-summary section>p{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#59675f}.export-v2-inquiry-summary section>p b{text-align:right;color:#263c31}.export-v2-inquiry-summary .export-v2-button{width:100%;min-height:50px;border:0;margin:10px 0 8px;font-size:16px}.export-v2-inquiry-summary small{display:block;color:#738078;line-height:1.4}.export-v2-inquiry-summary article{display:grid;gap:5px;padding:13px;margin-top:9px;border:1px solid #e4e8e5;border-radius:7px}.export-v2-inquiry-summary article.is-active{border-color:#0b5a40;background:#f6fbf8}.export-v2-inquiry-summary article b{color:#173a2d}.export-v2-inquiry-summary article span{color:#6b776f;font-size:13px}
.export-v2-contact-banner{min-height:188px;padding:35px max(4.5%,50px);display:flex;align-items:center;background:#003326 url("../assets/website/export-products-banner-v1.png") right center/58% auto no-repeat;color:#fff}.export-v2-contact-banner h1{margin:0;font-size:55px;letter-spacing:-1px}.export-v2-contact-banner p{margin:10px 0 0;max-width:690px;font-size:20px}.export-v2-contact-grid{max-width:1400px;margin:22px auto 42px;padding:0 4%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.export-v2-contact-form,.export-v2-contact-info article{padding:24px;border:1px solid #e0e7e2;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.035)}.export-v2-contact-form h2{margin:0 0 20px;color:#0b432f;text-transform:uppercase;font-size:20px}.export-v2-contact-form>div{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.export-v2-contact-form label{display:grid;gap:8px;margin:0 0 15px;color:#34463e;font-size:13px}.export-v2-contact-form input,.export-v2-contact-form select,.export-v2-contact-form textarea{width:100%;min-height:45px;padding:0 14px;border:1px solid #d9e2dc;border-radius:5px;color:#617067;background:#fff}.export-v2-contact-form textarea{min-height:104px;padding-top:12px;resize:vertical}.export-v2-contact-submit{display:flex!important;grid-template-columns:1fr 1.15fr!important;margin-top:8px}.export-v2-contact-submit button:first-child{background:#fff;border:1px dashed #8d9a92;border-radius:5px;color:#4c5b53}.export-v2-contact-submit .export-v2-button{min-height:54px;border:0}.export-v2-contact-form>small{display:block;margin-top:18px;color:#6d786f}.export-v2-contact-info{display:grid;gap:12px}.export-v2-contact-info article{min-height:95px;padding:17px 22px;display:grid;grid-template-columns:1fr 150px;align-items:center;gap:24px}.export-v2-contact-info h2{margin:0 0 5px;color:#0d4c36;font-size:20px}.export-v2-contact-info p{margin:0;color:#5b685f}.export-v2-contact-info article>b{color:#526057;font-size:13px}.export-v2-contact-info article>b span{color:#07553b;font-size:14px}.export-v2-contact-address{grid-template-columns:1fr .95fr!important;align-items:stretch!important}.export-v2-map{min-height:175px;display:grid;place-items:center;color:#0a513a;font-size:14px;background:linear-gradient(135deg,#d4e7df 0 1px,transparent 1px 25px),linear-gradient(45deg,#eef7f3 0 1px,transparent 1px 25px),#eaf3ef;border-radius:7px}.export-v2-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:30px 4%;background:linear-gradient(100deg,#013526,#005440);color:#fff}.export-v2-footer div{padding:6px 26px;border-right:1px solid rgba(255,255,255,.25);display:grid;gap:7px}.export-v2-footer div:last-child{border-right:0}.export-v2-footer b{font-size:17px}.export-v2-footer span{color:#d6e7df;font-size:13px}
@media(max-width:900px){.export-v2-nav{height:auto;min-height:64px;padding:12px 16px;gap:18px;flex-wrap:wrap}.export-v2-brand{min-width:154px}.export-v2-brand strong{font-size:28px}.export-v2-brand small{margin-top:7px;font-size:7px;letter-spacing:1px}.export-v2-nav nav{order:3;width:100%;height:42px;overflow-x:auto;gap:0}.export-v2-nav nav a{min-width:105px;font-size:14px}.export-v2-nav-actions{margin-left:auto}.export-v2-home-hero{grid-template-columns:1fr}.export-v2-home-copy{padding:45px 26px 18px}.export-v2-home-copy h1{font-size:42px;letter-spacing:-1px}.export-v2-home-copy p{font-size:19px}.export-v2-home-copy>div{flex-wrap:wrap;margin-top:22px}.export-v2-button{min-height:48px;padding:0 20px;font-size:15px}.export-v2-home-image{min-height:260px}.export-v2-trust{grid-template-columns:1fr 1fr;padding:14px 20px}.export-v2-trust div{padding:10px 13px}.export-v2-home-cards{grid-template-columns:1fr 1fr;padding:0 16px;gap:12px}.export-v2-home-cards article{min-height:220px;padding:10px}.export-v2-home-cards img{height:130px}.export-v2-home-cards h2{margin:8px 5px;font-size:16px}.export-v2-home-cards a{margin:0 5px;font-size:13px}.export-v2-products-banner{height:auto;min-height:140px;padding:20px}.export-v2-products-banner h1{font-size:40px}.export-v2-products-banner>div>span{font-size:15px}.export-v2-products-layout,.export-v2-inquiry-grid,.export-v2-contact-grid,.export-v2-detail-grid{grid-template-columns:1fr}.export-v2-filter{border-right:0;border-bottom:1px solid var(--line)}.export-v2-product-main{padding:16px}.export-v2-category-strip{grid-template-columns:repeat(6,130px)}.export-v2-product-grid{grid-template-columns:1fr}.export-v2-inquiry{padding:20px 16px 0}.export-v2-steps{display:none}.export-v2-inquiry-form>article{grid-template-columns:100px 1fr;gap:12px}.export-v2-inquiry-form article label,.export-v2-inquiry-form article>button{display:none}.export-v2-application div{grid-template-columns:1fr}.export-v2-contact-grid{padding:0 16px}.export-v2-contact-form>div{grid-template-columns:1fr;gap:0}.export-v2-contact-submit{grid-template-columns:1fr!important}.export-v2-contact-info article,.export-v2-contact-address{grid-template-columns:1fr!important}.export-v2-footer{grid-template-columns:1fr 1fr;padding:22px 16px}.export-v2-footer div{padding:8px;border-right:0}}

@media(max-width:1400px) and (min-width:901px){.export-v2-nav{padding:0 2%;gap:16px}.export-v2-brand{min-width:205px}.export-v2-brand strong{font-size:34px}.export-v2-nav nav a{min-width:auto;padding:0 14px;font-size:14px}.export-v2-nav-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.export-v2-language select{min-width:62px}.export-v2-inquiry,.export-v2-orders{max-width:100%;padding-left:20px;padding-right:20px}}