/* All category styling is fenced by the server-rendered id19 class. */
body#category #js-product-list-header.p11-v8-car-header {margin-bottom:8px!important;min-width:0;}
body#category #js-product-list-header.p11-v8-car-header > .block-category {
  margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important;
}
body#category #js-product-list-header.p11-v8-car-header .category-cover {display:none!important;}
body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-banner {
  box-sizing:border-box;border:1px solid #164563;border-radius:12px;overflow:hidden;
  background:#031829 url('../img/v8/car-banner.webp') right center/cover no-repeat;
  padding:22px 24px;margin:0 0 10px;min-height:210px;display:flex;align-items:center;
}
body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-copy {width:66%;min-width:0;}
body#category #js-product-list-header.p11-v8-car-header h1.p11-v8-car-title {
  display:block!important;font:800 clamp(22px,2.3vw,38px)/1.12 Arial,sans-serif!important;
  text-transform:none!important;color:#fff!important;margin:0 0 8px!important;text-shadow:2px 2px 2px #000;
}
body#category .p11-v8-car-header .p11-v8-car-copy > p {font:400 clamp(15px,1.5vw,22px)/1.3 Arial,sans-serif;color:#dce5ed;margin:0 0 14px;}
body#category .p11-v8-car-header .p11-v8-call {
  display:inline-flex;align-items:center;gap:9px;max-width:100%;box-sizing:border-box;
  padding:9px 14px;border-radius:14px;background:linear-gradient(#ff7900,#ff5b00);color:#fff;
  text-decoration:none;box-shadow:0 2px 5px #0008;
}
body#category .p11-v8-car-header .p11-v8-call svg {width:38px;height:38px;flex:none;fill:#fff;stroke:#000;stroke-width:1.4;stroke-linejoin:round;}
body#category .p11-v8-car-header .p11-v8-call b,
body#category .p11-v8-car-header .p11-v8-call small {
  display:block;color:#fff;-webkit-text-stroke:1.8px #000;paint-order:stroke fill;
  text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;
}
body#category .p11-v8-car-header .p11-v8-call b {font:900 clamp(24px,2.6vw,38px)/1.05 Arial,sans-serif;white-space:nowrap;}
body#category .p11-v8-car-header .p11-v8-call small {font:800 clamp(9px,.85vw,12px)/1.3 Arial,sans-serif;margin-top:3px;}
body#category .p11-v8-car-header .p11-v8-brands {display:flex;align-items:center;gap:10px;margin:8px 0 0;min-width:0;}
body#category .p11-v8-car-header .p11-v8-brands h2 {flex:0 0 135px;font:700 14px/1.3 Arial,sans-serif;color:#fff;margin:0;text-transform:none;}
body#category .p11-v8-car-header .p11-v8-brands ul {display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0;min-width:0;}
body#category .p11-v8-car-header .p11-v8-brands li {margin:0;}
body#category .p11-v8-car-header .p11-v8-brand {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:112px;height:49px;padding:5px;background:#fff;border:2px solid #d2dce3;border-radius:9px;color:#06152b;font-weight:700;text-decoration:none;}
body#category .p11-v8-car-header .p11-v8-brand.active {border-color:#ff690c;box-shadow:0 0 0 1px #ff690c;}
body#category .p11-v8-car-header .p11-v8-brand:focus-visible {outline:3px solid #ff690c;outline-offset:2px;}
body#category .p11-v8-car-header .p11-v8-brand img {display:block;max-width:100%;width:100%;height:34px;object-fit:contain;}
/* Three additional supplied logos are used directly as a sprite from the approved reference, never redrawn. */
body#category .p11-v8-car-header .p11-v8-sprite {display:block;background-image:url('../img/v8/approved-reference.png');background-repeat:no-repeat;flex:none;}
body#category .p11-v8-car-header .p11-v8-logo-fiamm {width:76px;height:36px;background-position:-1320px -498px;}
body#category .p11-v8-car-header .p11-v8-logo-powerhd {width:100px;height:32px;background-size:1507.9px 753.95px;background-position:-1236px -426px;}
body#category .p11-v8-car-header .p11-v8-logo-rocket {width:100px;height:36px;background-size:1596.6px 798.3px;background-position:-1461px -450px;}
@media (max-width:991px) {
 body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-banner {padding:16px;min-height:190px;}
 body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-copy {width:72%;}
 body#category .p11-v8-car-header .p11-v8-brands {display:block;}
 body#category .p11-v8-car-header .p11-v8-brands h2 {margin-bottom:7px;}
}
@media (max-width:767px) {
 body#category:has(.p11-v8-car-header) #cb4-p08-category-title {display:none!important;}
 body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-banner {padding:14px 12px;min-height:198px;background-position:64% center;}
 body#category #js-product-list-header.p11-v8-car-header .p11-v8-car-copy {width:100%;}
 body#category #js-product-list-header.p11-v8-car-header h1.p11-v8-car-title {max-width:78%;font-size:24px!important;}
 body#category .p11-v8-car-header .p11-v8-car-copy > p {max-width:70%;font-size:14px;text-shadow:1px 1px #000;}
 body#category .p11-v8-car-header .p11-v8-call b {font-size:26px;}
 body#category .p11-v8-car-header .p11-v8-call small {font-size:9px;}
 body#category .p11-v8-car-header .p11-v8-call svg {width:28px;height:32px;}
 body#category .p11-v8-car-header .p11-v8-call {padding:8px 10px;gap:7px;}
 body#category .p11-v8-car-header .p11-v8-brands ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
 body#category .p11-v8-car-header .p11-v8-brand {width:100%;height:46px;overflow:hidden;}
}

/* V8 logo hotfix: native manufacturer names such as SeBang/Rocket must wrap,
   rather than disappear outside the fixed mobile tile. No filter/name changes. */
body#category .p11-v8-car-header .p11-v8-brand:not(:has(img)):not(:has(.p11-v8-sprite)) {
  white-space:normal;overflow-wrap:anywhere;word-break:normal;
  text-align:center;font-size:13px;line-height:1.15;min-width:0;
}

/* V8 final: existing logo assets/URLs and filter markup stay unchanged. */
@media (min-width:992px) {
 body#category .p11-v8-car-header .p11-v8-brands {display:block;}
 body#category .p11-v8-car-header .p11-v8-brands h2 {margin:0 0 6px;font-size:14px;}
 body#category .p11-v8-car-header .p11-v8-brands ul {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:100%;min-width:0;}
 body#category .p11-v8-car-header .p11-v8-brands li {min-width:0;}
 body#category .p11-v8-car-header .p11-v8-brand {width:100%;min-width:0;height:40px;padding:4px;}
 body#category .p11-v8-car-header .p11-v8-brand img {height:26px;max-width:100%;object-fit:contain;}
 body#category .p11-v8-car-header .p11-v8-sprite {transform:scale(.72);transform-origin:center;}
}
@media (min-width:992px) and (max-width:1279px) {
 body#category .p11-v8-car-header .p11-v8-sprite {transform:scale(.62);}
}
/* The one id19 description is already below pagination in server HTML. */
body#category .p11-v8-bottom-description {margin:10px 0 0;color:#d7e5f2;min-width:0;}
body#category .p11-v8-bottom-description > summary {cursor:pointer;color:#ff690c;font:700 14px/1.5 Arial,sans-serif;padding:4px 0;}
body#category .p11-v8-bottom-description .p11-v8-less {display:none;}
body#category .p11-v8-bottom-description[open] .p11-v8-more {display:none;}
body#category .p11-v8-bottom-description[open] .p11-v8-less {display:inline;}
body#category .p11-v8-bottom-description .p11-v8-description-content {margin-top:8px;overflow-wrap:anywhere;}
body#category .p11-v8-bottom-description .p11-v8-description-content img {max-width:100%;height:auto;}
