/* EcuProject: shop catalogue help popup, 2026-10-23. */
html.ecu-shop-help-open { overflow: hidden; }
#ecu-shop-help {
  box-sizing: border-box; position: fixed; inset: 0; margin: auto;
  width: min(560px, calc(100% - 32px)); max-width: none;
  max-height: calc(100dvh - 32px); padding: 0;
  border: 1px solid #49323b; border-top: 3px solid #ed001b;
  border-radius: 8px; background: #151214; color: #fff;
  box-shadow: 0 24px 90px rgba(0,0,0,.7); overflow: hidden;
  font-family: Montserrat, sans-serif; text-align: center;
}
#ecu-shop-help:not([open]) { display: none; }
#ecu-shop-help[open] { display: block; }
#ecu-shop-help::backdrop { background: rgba(4,3,4,.76); backdrop-filter: blur(5px); }
#ecu-shop-help * { box-sizing: border-box; }
#ecu-shop-help .esh-content {
  max-height: calc(100dvh - 38px); overflow-y: auto; overflow-x: hidden;
  padding: 32px 34px 0; scrollbar-width: thin; scrollbar-color: #6a3946 #151214;
}
#ecu-shop-help .esh-close {
  position: absolute; z-index: 3; top: 10px; right: 10px;
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  color: #fff; background: #211b20; border: 1px solid #59424d;
  border-radius: 6px; cursor: pointer; transition: background .18s, border-color .18s;
}
#ecu-shop-help .esh-close:hover { background: #a50015; border-color: #ed001b; }
#ecu-shop-help .esh-close svg { display: block; width: 19px; height: 19px; }
#ecu-shop-help .esh-brand { display: flex; flex-direction: column; align-items: center; margin: 0 32px 24px; }
#ecu-shop-help .esh-logo { display: block; width: 258px; max-width: 100%; height: auto; overflow: hidden; }
#ecu-shop-help .esh-tagline {
  margin: 5px 0 0; color: #c6bdc5; font-family: 'Bai Jamjuree', sans-serif;
  font-size: 11px; font-style: italic; font-weight: 300; line-height: 1.5;
  letter-spacing: .33em; text-indent: .33em; white-space: nowrap;
}
#ecu-shop-help h2 {
  margin: 0 0 15px; color: #fff; font-family: 'Bai Jamjuree', sans-serif;
  font-size: 30px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em;
  text-transform: none;
}
#ecu-shop-help .esh-copy { margin: 0 auto 23px; max-width: 450px; color: #cdc5cb; font-size: 14px; line-height: 1.8; }
#ecu-shop-help .esh-copy strong { color: #fff; font-weight: 700; }
#ecu-shop-help .esh-cta {
  display: inline-flex; justify-content: center; align-items: center; gap: 13px;
  min-height: 48px; max-width: 100%; padding: 14px 25px;
  background: #ed001b; color: #fff; border: 1px solid #ed001b;
  font-size: 11px; font-weight: 800; line-height: 1.5;
  text-decoration: none; text-transform: uppercase; transition: background .18s, box-shadow .18s;
}
#ecu-shop-help .esh-cta:hover { background: #b90016; color: #fff; box-shadow: 0 0 22px rgba(237,0,27,.25); }
#ecu-shop-help :is(button,a):focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#ecu-shop-help .esh-portrait { position: relative; isolation: isolate; margin: 20px -12px 0; height: clamp(145px, 23vh, 210px); }
#ecu-shop-help .esh-portrait::before {
  content: ''; position: absolute; z-index: -1; inset: 12% 8% 0;
  background: radial-gradient(ellipse at 50% 85%, rgba(181,0,25,.26), transparent 66%);
}
#ecu-shop-help .esh-portrait img { display: block; width: auto; height: 100%; max-width: 100%; object-fit: contain; margin: 0 auto; }
@media(max-width: 600px) {
  #ecu-shop-help { width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  #ecu-shop-help .esh-content { padding: 30px 23px 0; max-height: calc(100dvh - 30px); }
  #ecu-shop-help .esh-close { top: 7px; right: 7px; width: 40px; height: 40px; }
  #ecu-shop-help .esh-brand { margin: 0 23px 22px; }
  #ecu-shop-help .esh-logo { width: 230px; }
  #ecu-shop-help .esh-tagline { font-size: 9px; letter-spacing: .28em; text-indent: .28em; }
  #ecu-shop-help h2 { font-size: 27px; margin-bottom: 13px; }
  #ecu-shop-help .esh-copy { font-size: 13px; line-height: 1.75; margin-bottom: 20px; }
  #ecu-shop-help .esh-cta { width: 100%; padding-inline: 14px; }
  #ecu-shop-help .esh-portrait { margin-top: 16px; height: clamp(135px, 22vh, 185px); }
}
@media(prefers-reduced-motion: reduce) {
  #ecu-shop-help :is(.esh-close,.esh-cta) { transition: none; }
}
/* End EcuProject shop catalogue help popup. */


/* EcuProject: dedicated parts inquiry page, 2026-10-23. */
body:has(#ecu-shop-inquiry) #sp-main-body { padding: 48px 0 60px; }
body:has(#ecu-shop-inquiry) #sp-component .article-details { display: block!important; }
body:has(#ecu-shop-inquiry) #sp-component .article-details>:is(.article-header,.article-info,.article-full-image,.article-ratings-social-share,.article-can-edit) { display: none!important; }
#ecu-shop-inquiry { color: #cfc5cd; font: 14px/1.8 Montserrat,sans-serif; }
#ecu-shop-inquiry * { box-sizing: border-box; }
#ecu-shop-inquiry .esi-header { max-width: 790px; margin: 0 auto 42px; text-align: center; }
#ecu-shop-inquiry .esi-brand { display:flex;flex-direction:column;align-items:center;margin:0 0 25px; }
#ecu-shop-inquiry .esi-brand svg { display:block;width:258px;height:auto;overflow:hidden; }
#ecu-shop-inquiry .esi-brand p { font:italic 300 11px/1.6 'Bai Jamjuree',sans-serif;letter-spacing:.33em;text-indent:.33em;margin:5px 0 0;color:#c6bdc5; }
#ecu-shop-inquiry .esi-kicker { margin:0 0 12px;color:#f01832;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.15em; }
#ecu-shop-inquiry h1,#ecu-shop-inquiry h2 { color:#fff;font-family:'Bai Jamjuree',sans-serif;font-weight:700;line-height:1.15;text-transform:none;letter-spacing:-.025em; }
#ecu-shop-inquiry h1 { font-size:clamp(30px,3.2vw,42px);margin:0 0 20px; }
#ecu-shop-inquiry h2 { font-size:30px;margin:0 0 20px; }
#ecu-shop-inquiry p { margin:0 0 18px; }
#ecu-shop-inquiry .esi-grid { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:45px;align-items:start; }
#ecu-shop-inquiry .esi-form { padding:28px;background:#1a1519;border:1px solid #4b3441;min-width:0; }
#ecu-shop-inquiry .esi-hint { font-size:12px;line-height:1.8;margin-bottom:24px;color:#beb1bc; }
#ecu-shop-inquiry label { display:block;color:#f2eaf0;font-size:10px;font-weight:700;letter-spacing:.055em;line-height:1.6;text-transform:uppercase;margin:0 0 18px; }
#ecu-shop-inquiry label>span { color:#ff314c; }
#ecu-shop-inquiry input,#ecu-shop-inquiry select,#ecu-shop-inquiry textarea { display:block;width:100%;max-width:100%;margin-top:7px;border:1px solid #71515f;background:#110e10;color:#fff;border-radius:0;padding:12px;font:400 12px/1.6 Montserrat,sans-serif;letter-spacing:normal;text-transform:none;box-shadow:none; }
#ecu-shop-inquiry input,#ecu-shop-inquiry select { min-height:46px; }
#ecu-shop-inquiry select { appearance:auto; }
#ecu-shop-inquiry option { background:#171015;color:#fff; }
#ecu-shop-inquiry textarea { min-height:132px;height:132px;resize:vertical; }
#ecu-shop-inquiry :is(input,textarea)::placeholder { color:#a89ba5;opacity:1; }
#ecu-shop-inquiry :is(input,select,textarea):focus-visible { outline:2px solid #ed001b;outline-offset:2px;border-color:#ed001b; }
#ecu-shop-inquiry .esi-row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
#ecu-shop-inquiry .esi-contact-row { grid-template-columns:minmax(0,2fr) minmax(100px,1fr); }
#ecu-shop-inquiry .esi-topic-hint { font-size:11px;line-height:1.6;margin:-9px 0 23px;color:#c1b1bc; }
#ecu-shop-inquiry input[name=vin] { text-transform:uppercase; }
#ecu-shop-inquiry input[name=vin]::placeholder { text-transform:none; }
#ecu-shop-inquiry .esi-upload small { font-size:10px;font-weight:400;color:#bdaeb8;text-transform:none;letter-spacing:normal; }
#ecu-shop-inquiry .esi-upload>small:last-child { display:block;margin-top:6px; }
#ecu-shop-inquiry input[type=file] { padding:9px;background:#171216; }
#ecu-shop-inquiry input[type=file]::file-selector-button { padding:7px 10px;margin-right:10px;border:0;background:#4a3541;color:white;font:600 10px Montserrat,sans-serif;cursor:pointer; }
#ecu-shop-inquiry .esi-trap { position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; }
#ecu-shop-inquiry .esi-privacy { font-size:10px;line-height:1.7;color:#b8aab4;margin:20px 0; }
#ecu-shop-inquiry button[type=submit] { display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:48px;padding:14px 18px;border:1px solid #ed001b;background:#ed001b;color:#fff;font:800 11px/1.6 Montserrat,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .2s; }
#ecu-shop-inquiry button[type=submit]:hover { background:#bd0016; }
#ecu-shop-inquiry button[type=submit]:disabled { opacity:.65;cursor:wait; }
#ecu-shop-inquiry button[type=submit]:focus-visible,#ecu-shop-inquiry a:focus-visible { outline:2px solid #fff;outline-offset:4px; }
#ecu-shop-inquiry .esi-status { margin:16px 0 0;font-size:12px;line-height:1.8;color:#e8e0e5; }
#ecu-shop-inquiry .esi-status:empty { display:none; }
#ecu-shop-inquiry .esi-status[data-error=true] { color:#ff91a2; }
#ecu-shop-inquiry .esi-aside { border-left:2px solid #ed001b;padding:8px 0 0 26px; }
#ecu-shop-inquiry .esi-aside>p { font-size:13px; }
#ecu-shop-inquiry .esi-aside .esi-kicker { font-size:9px; }
#ecu-shop-inquiry .esi-vin-note { padding-top:8px;color:#a79ba5; }
#ecu-shop-inquiry .esi-phone { display:block;color:#fff;font:700 27px/1.5 'Bai Jamjuree',sans-serif;text-decoration:none;margin:22px 0 15px; }
#ecu-shop-inquiry .esi-back { display:inline-block;color:#d9cbd5;font-size:11px;text-decoration:none;border-bottom:1px solid #76505f;padding-bottom:4px; }
#ecu-shop-inquiry .esi-aside figure { margin:26px 0 0;background:transparent; }
#ecu-shop-inquiry .esi-aside img { display:block;width:220px;max-width:100%;height:auto;margin:0 auto;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%); }
@media(max-width:991px) { #ecu-shop-inquiry .esi-grid { gap:28px;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr); } #ecu-shop-inquiry .esi-form { padding:22px; } }
@media(max-width:767px) { body:has(#ecu-shop-inquiry) #sp-main-body { padding:30px 0 60px; } body:has(#ecu-shop-inquiry) #mode_switcher { top:88px;right:8px; } #ecu-shop-inquiry .esi-header { margin-bottom:30px; } #ecu-shop-inquiry .esi-brand svg { width:230px; } #ecu-shop-inquiry .esi-grid { grid-template-columns:1fr;gap:35px; } #ecu-shop-inquiry .esi-row { grid-template-columns:1fr;gap:0; } #ecu-shop-inquiry .esi-aside { padding-left:20px; } #ecu-shop-inquiry .esi-form { padding:20px; } }
/* The inquiry sidebar already provides the personal contact callout. */
body:has(#ecu-shop-inquiry) #sp-footer1 .wptb-banner3 { display:none!important; }
body:has(#ecu-shop-inquiry) #section-id-5813a2af-cab3-4f9f-ad6c-02a78639605d { padding-top:60px!important; }
/* End EcuProject dedicated parts inquiry page. */


/* EcuProject: products ordered through a message, 2026-10-23. */
.ecu-purchase { margin:26px 0 12px;padding:23px;background:#1a1519;border:1px solid #49313d;border-top:2px solid #ed001b; }
.ecu-purchase a,.ecu-card-buy { display:flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 22px;background:#ed001b;color:#fff!important;text-decoration:none!important;font:800 13px/1.5 Montserrat,sans-serif;text-transform:uppercase;transition:background .2s,box-shadow .2s; }
.ecu-purchase a:hover,.ecu-card-buy:hover { background:#bb0016;box-shadow:0 0 20px #ed001b33; }
.ecu-purchase a:focus-visible,.ecu-card-buy:focus-visible { outline:2px solid #fff;outline-offset:4px; }
.ecu-purchase p { color:#cec3cc;font:12px/1.8 Montserrat,sans-serif;margin:14px 0 0; }
.ecu-purchase p strong { color:#fff; }
.ecuproduct-summary:has(.ecu-purchase) #hikashop_product_quantity_alt { display:none!important; }
.ecu-card-buy { margin:16px 0 0;font-size:11px;min-height:42px;padding:10px 14px; }
#ecu-shop-inquiry .esi-order-note { margin:0 0 27px;padding:22px 25px;border:1px solid #70404e;border-left:3px solid #ed001b;background:#20151c; }
#ecu-shop-inquiry .esi-order-note h2 { font-size:23px;margin:0 0 12px; }
#ecu-shop-inquiry .esi-order-note p { margin:0 0 10px;font-size:13px; }
#ecu-shop-inquiry .esi-order-note a { color:#eee4eb;text-decoration:underline;text-underline-offset:4px; }
#ecu-shop-inquiry .esi-order-note p:last-child { margin-bottom:0; }
/* Avoid any reddish rectangle behind the transparent portrait. */
#ecu-shop-inquiry .esi-aside figure { background:transparent!important; }
@media(max-width:767px) { .ecu-purchase { padding:18px; } #ecu-shop-inquiry .esi-order-note { padding:19px; } }
