/* White photo area blends with supplier images; details sit on soft grey. */
body,
main.retailHome,
main.catalogPage,
main.detailPage,
main.infoPage,
main.accountPage,
main.paymentPage {
  background: #e8edef;
}

.retailHeader {
  background: #f1f4f5;
  border-bottom-color: #d8e0e4;
}

.retailActions .headerContactButton {
  padding-right: 18px;
  border-right: 1px solid #d3dde2;
}

.simplifiedHeader .retailActions > button,
.simplifiedHeader .retailActions > a {
  color: #061522;
}

.simplifiedHeader .retailActions > button > svg,
.simplifiedHeader .retailActions > a > svg {
  color: #061522;
  stroke-width: 2;
}

.simplifiedHeader .retailActions span {
  color: #061522;
  font-size: 13px;
  font-weight: 800;
}

.simplifiedHeader .retailActions small {
  color: #304654;
  font-weight: 650;
}

@media (max-width: 1250px) {
  .retailActions .headerContactButton small {
    display: none;
  }
}

.retailHome .retailProducts {
  background: #eef2f3;
  border-radius: 14px;
}

main .productGrid .productCard,
main .catalogGrid .productCard {
  background: #f7f9f9;
  border: 1px solid #dbe3e7;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
main .productGrid .productCard:hover,
main .productGrid .productCard:focus-within,
main .catalogGrid .productCard:hover,
main .catalogGrid .productCard:focus-within {
  border-color: #dbe3e7;
  box-shadow: 0 12px 28px rgba(12, 35, 51, .10);
}
main .productGrid .productCard .imageWrap,
main .catalogGrid .productCard .imageWrap {
  background: #fff;
}
main .productGrid .productCard .productBody,
main .productGrid .productCard .priceRow,
main .catalogGrid .productCard .productBody,
main .catalogGrid .productCard .priceRow {
  background: #f7f9f9;
}
.productCard .imageWrap > img,
.productShowcase .productGallery .detailImage > img,
.productGallery .galleryThumbs img {
  border: 0;
  box-sizing: border-box;
  mix-blend-mode: normal;
}

.productShowcase .purchaseBox > p {
  color: #263e4d;
  font-size: 13px;
  font-weight: 750;
}

.productShowcase .purchaseBox > p svg {
  width: 18px;
  color: #142b3a;
}

.hubcapSetNotice {
  display: grid;
  gap: 5px;
  margin: -5px 0 20px;
  padding: 15px 17px;
  border-left: 3px solid #e52435;
  border-radius: 7px;
  background: #f1f4f5;
  color: #173041;
}

.hubcapSetNotice b {
  color: #071522;
  font-size: 15px;
}

.hubcapSetNotice span {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
}

.hubcapFitmentNote small {
  margin-top: 4px;
  color: #263e4d;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.45;
}
.withdrawalTools {max-width:860px;margin:0 auto 28px;line-height:1.65}
.withdrawalActions {display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.withdrawalActions button {min-height:46px;padding:12px 18px;cursor:pointer}
.withdrawalDocument {max-width:860px;margin:0 auto 28px;padding:36px;border:1px solid #d7e1e7;border-radius:12px;background:#fff;color:#142a3d}
.infoContent .withdrawalDocument h2 {font-size:28px;line-height:1.25;margin:0 0 24px;color:#142a3d}
.withdrawalActions .outlineButton {color:#142a3d;background:#fff;border-color:#142a3d}
.withdrawalDocument p {line-height:1.6}
.withdrawalDocument label {display:grid;gap:8px;margin:18px 0;font-size:14px;font-weight:600}
.withdrawalDocument input,.withdrawalDocument textarea {width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #b7c8d2;border-radius:6px;background:#fff;color:#142a3d;font:inherit}
.withdrawalDocument textarea {resize:vertical}
.withdrawalDocument input:focus,.withdrawalDocument textarea:focus {outline:2px solid #e52435;outline-offset:2px}
.withdrawalFields {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.withdrawalSignature {margin-top:30px}
@media(max-width:600px){.withdrawalDocument{padding:20px}.withdrawalFields{grid-template-columns:1fr;gap:0}.withdrawalActions button{width:100%}}
@media print {
  body:has(.withdrawalDocument) {background:#fff!important}
  body:has(.withdrawalDocument) main > :not(.infoContent),
  body:has(.withdrawalDocument) .infoContent > :not(.withdrawalDocument) {display:none!important}
  body:has(.withdrawalDocument) main,body:has(.withdrawalDocument) .infoContent {margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:#fff!important;border:0!important;box-shadow:none!important}
  .withdrawalDocument {max-width:none;margin:0;padding:12mm;border:0;border-radius:0;font-size:10pt}
  .withdrawalDocument h2 {font-size:19pt}
  .withdrawalDocument label {margin:10px 0;font-size:10pt}
  .withdrawalDocument input,.withdrawalDocument textarea {min-height:30px;padding:5px;border-radius:0}
  .withdrawalDocument input::placeholder {color:transparent}
  .withdrawalDocument a {color:inherit;text-decoration:none}
  .withdrawalDocument label,.withdrawalSignature {break-inside:avoid}
}
.cookieBanner{position:fixed;z-index:180;left:24px;right:24px;bottom:24px;margin:auto;max-width:980px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d8e0e5;border-radius:12px;background:#fff;color:#10283b;box-shadow:0 18px 60px rgba(3,14,24,.22)}.cookieBanner[hidden]{display:none}.cookieBanner b{font-size:17px}.cookieBanner p{margin:5px 0;color:#607482;line-height:1.45}.cookieBanner a{color:#10283b;font-size:12px;font-weight:750}.cookieBanner>span{display:flex;gap:10px;flex:0 0 auto}.cookieBanner button{padding:11px 15px;border:1px solid #bdcbd3;border-radius:6px;background:#fff;color:#10283b;font-weight:800;cursor:pointer}.cookieBanner .cookieAccept{border-color:#e52435;background:#e52435;color:#fff}@media(max-width:720px){.cookieBanner{left:12px;right:12px;bottom:12px;align-items:stretch;flex-direction:column}.cookieBanner>span{display:grid;grid-template-columns:1fr 1fr}}