.cxl-shell{--cxl-navy:#061f45;--cxl-blue:#00a8e4;--cxl-yellow:#f5b91f;--cxl-red:#c82531;--cxl-green:#0ca574;color:#172033;margin:0 auto;max-width:1520px;padding:18px 22px 76px}
.cxl-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;min-height:42px}.cxl-status{background:#eaf8ff;border:1px solid #a8dcf3;border-radius:999px;color:#07598a;font-size:10px;font-weight:900;letter-spacing:.07em;padding:9px 13px;text-transform:uppercase}
.cxl-hero{background:radial-gradient(circle at 77% 30%,rgba(0,168,228,.34),transparent 25%),radial-gradient(circle at 92% 77%,rgba(245,185,31,.34),transparent 26%),linear-gradient(120deg,#04162f 0%,#072c55 58%,#074d72 100%);border:1px solid #2a618d;border-radius:24px;box-shadow:0 18px 42px rgba(6,31,69,.25);color:#fff;display:flex;flex-direction:column;gap:22px;justify-content:center;min-height:465px;overflow:hidden;padding:38px clamp(28px,4vw,54px);position:relative}.cxl-hero:before{background:linear-gradient(118deg,transparent 51%,rgba(255,255,255,.12) 51.5%,transparent 52%),linear-gradient(112deg,transparent 64%,rgba(255,255,255,.09) 64.5%,transparent 65%);content:"";inset:0;pointer-events:none;position:absolute}.cxl-hero:after{background:linear-gradient(90deg,var(--cxl-yellow) 0 22%,var(--cxl-red) 22% 43%,var(--cxl-blue) 43% 67%,var(--cxl-green) 67% 84%,#fff 84%);bottom:0;content:"";height:7px;left:0;position:absolute;width:100%}.cxl-hero-copy{max-width:675px;position:relative;z-index:3}.cxl-hero-logo{border:1px solid rgba(255,255,255,.34);border-radius:12px;height:86px;object-fit:cover;object-position:center;width:282px}.cxl-kicker{color:#ffd45a;display:block;font-size:12px;font-weight:900;letter-spacing:.16em;margin-top:18px;text-transform:uppercase}.cxl-hero h1{color:#fff!important;font-size:clamp(2.35rem,4.2vw,4.35rem);letter-spacing:-.046em;line-height:.98;margin:8px 0 14px;max-width:680px;text-shadow:0 3px 20px rgba(0,15,38,.48)}.cxl-hero p{color:#f4f9ff;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.55;margin:0;max-width:640px;text-shadow:0 2px 12px rgba(0,20,45,.45)}
.cxl-facts{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(115px,1fr));max-width:570px;position:relative;width:100%;z-index:3}.cxl-fact{backdrop-filter:blur(8px);background:rgba(0,27,60,.76);border:1px solid rgba(255,255,255,.34);border-radius:17px;min-width:120px;padding:17px}.cxl-fact strong,.cxl-fact span{display:block}.cxl-fact strong{color:#fff;font-size:1.55rem}.cxl-fact span{color:#ddecfb;font-size:10px;font-weight:850;margin-top:4px;text-transform:uppercase}
.cxl-hero-products{bottom:0;height:96%;pointer-events:none;position:absolute;right:-1%;width:48%;z-index:1}.cxl-hero-product{filter:drop-shadow(0 22px 18px rgba(0,12,34,.5));object-fit:contain;position:absolute}.cxl-hero-engine{bottom:4%;right:11%;transform:rotate(5deg);width:35%;z-index:5}.cxl-hero-atf{bottom:2%;right:42%;transform:rotate(-7deg);width:31%;z-index:4}.cxl-hero-truck{right:3%;top:5%;transform:rotate(-3deg);width:30%;z-index:3}.cxl-hero-grease{bottom:1%;right:72%;transform:rotate(4deg);width:24%;z-index:2}
.cxl-source-note{align-items:center;background:#ecf9ff;border:1px solid #b9e0f1;border-radius:18px;color:#16405e;display:flex;gap:18px;margin:18px 0;padding:15px 18px}.cxl-source-note strong{color:#07598a;font-size:12px;white-space:nowrap}.cxl-source-note span{font-size:12px;line-height:1.45}
.cxl-controls{background:#fff;border:1px solid #dce2e8;border-radius:22px;box-shadow:0 12px 30px rgba(17,24,39,.07);display:grid;gap:20px;margin:20px 0 28px;padding:22px}.cxl-search{display:grid;gap:8px}.cxl-search>span,.cxl-filter-label{color:#4b5563;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cxl-search-input{background:#f8fafc;border:1px solid #cfd6df;border-radius:14px;color:#111827;font:inherit;font-size:16px;min-height:52px;outline:none;padding:0 17px;width:100%}.cxl-search-input:focus{border-color:var(--cxl-blue);box-shadow:0 0 0 4px rgba(0,168,228,.13)}.cxl-filter-block{display:grid;gap:9px}
.cxl-category-grid{display:grid;gap:11px;grid-template-columns:repeat(5,minmax(0,1fr))}.cxl-category{background:linear-gradient(145deg,#06244c,#0088c6);border:2px solid transparent;border-bottom-color:var(--cxl-blue);border-radius:17px;color:#fff;cursor:pointer;font:inherit;min-height:190px;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cxl-category:nth-child(3n+2){background:linear-gradient(145deg,#7e1425,#d52c35);border-bottom-color:#f06568}.cxl-category:nth-child(3n){background:linear-gradient(145deg,#785200,#f2b712);border-bottom-color:#ffd35b}.cxl-category:nth-child(4n){background:linear-gradient(145deg,#075d4b,#0cac79);border-bottom-color:#4fe0af}.cxl-category:hover,.cxl-category:focus-visible,.cxl-category.is-active{border-color:var(--cxl-yellow);box-shadow:0 12px 27px rgba(17,24,39,.24);transform:translateY(-2px)}.cxl-category-image{bottom:-7%;filter:saturate(.78) contrast(1.12);height:75%;object-fit:contain;opacity:.2;padding:8px;position:absolute;right:-3%;transition:opacity .24s ease,filter .24s ease,transform .24s ease;width:72%}.cxl-category:hover .cxl-category-image,.cxl-category:focus-visible .cxl-category-image,.cxl-category.is-active .cxl-category-image{filter:saturate(1.08) contrast(1.02);opacity:1;transform:scale(1.035)}.cxl-category-shade{background:linear-gradient(145deg,rgba(2,17,42,.98) 0 36%,rgba(2,17,42,.58) 55%,transparent 80%);inset:0;pointer-events:none;position:absolute}.cxl-category-copy{display:flex;flex-direction:column;gap:6px;left:15px;max-width:88%;position:absolute;top:15px;z-index:2}.cxl-category-copy strong{color:#fff;font-size:clamp(1.12rem,1.35vw,1.45rem);line-height:1.02;text-shadow:0 2px 5px #000,0 0 16px rgba(0,0,0,.95)}.cxl-category-copy span{color:#fff;font-size:.76rem;font-weight:850;line-height:1.18;text-shadow:0 2px 4px #000,0 0 14px rgba(0,0,0,.98)}
.cxl-results-head{align-items:end;display:flex;justify-content:space-between;margin-bottom:16px}.cxl-results-heading{display:grid;gap:5px}.cxl-results-title{color:#07598a;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cxl-results-priority{color:#5d6672;font-size:12px;font-weight:750}.cxl-results-count{color:#667085;font-size:14px}.cxl-product-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.cxl-product{background:#fff;border:1px solid #dce2e8;border-radius:20px;box-shadow:0 10px 28px rgba(17,24,39,.07);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.cxl-product:before{background:linear-gradient(90deg,var(--cxl-yellow),var(--cxl-red),var(--cxl-blue));content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:4}.cxl-product-media{align-items:center;background:radial-gradient(circle at 50% 44%,#fff 0 36%,transparent 70%),linear-gradient(145deg,#eaf8ff,#f8fbfd 55%,#eaf1f5);display:flex;justify-content:center;min-height:270px;padding:14px;position:relative}.cxl-product-media .rp-catalog-gallery{height:240px;width:100%}.cxl-product-media .rp-catalog-gallery__stage{background:transparent!important;background-image:none!important;height:240px;overflow:hidden;padding:28px 20px 26px;width:100%}.cxl-product-media .rp-catalog-gallery__image{display:block;filter:drop-shadow(0 14px 16px rgba(15,23,42,.2));height:100%;image-rendering:auto;max-height:188px;max-width:100%;object-fit:contain;object-position:center;width:100%}.cxl-product-media .rp-catalog-gallery__zoom{bottom:auto;right:10px;top:9px;z-index:3}.cxl-fallback-image{filter:drop-shadow(0 14px 16px rgba(15,23,42,.2));height:200px;object-fit:contain;width:100%}.cxl-image-note{bottom:15px;color:#5a7080;font-size:8px;font-weight:850;left:16px;position:absolute;text-transform:uppercase;z-index:2}
.cxl-product-body{display:flex;flex:1;flex-direction:column;padding:18px}.cxl-meta{display:flex;flex-wrap:wrap;gap:6px}.cxl-badge{background:#eef1f4;border-radius:999px;color:#52606d;font-size:9px;font-weight:900;padding:6px 8px;text-transform:uppercase}.cxl-badge-section{background:#e4f5ff;color:#07598a}.cxl-product-title{color:#111827;font-size:1.14rem;line-height:1.27;margin:12px 0 5px}.cxl-product-type{color:#07598a;font-size:11px;font-weight:850;line-height:1.4;margin:0 0 8px;text-transform:uppercase}.cxl-specifications{color:#667085;font-size:11px;line-height:1.45;margin:0 0 14px;min-height:4.7em}.cxl-choose{color:#4b5563;font-size:9px;font-weight:900;letter-spacing:.09em;margin-bottom:7px;text-transform:uppercase}.cxl-variants{display:grid;gap:8px;margin-bottom:14px}.cxl-variant{background:#f8fafc;border:1px solid #dce2e8;border-radius:12px;color:#172033;cursor:pointer;display:grid;font:inherit;gap:7px;padding:10px 11px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.cxl-variant:hover,.cxl-variant:focus-visible{background:#fff8dc;border-color:#e6b416;transform:translateY(-1px)}.cxl-variant-head,.cxl-variant-details{align-items:center;display:flex;justify-content:space-between}.cxl-variant-head strong{color:#07598a;font-size:14px;letter-spacing:.025em}.cxl-variant-head span{background:#fff;border:1px solid #dce2e8;border-radius:999px;font-size:10px;font-weight:900;padding:4px 7px}.cxl-variant-details{color:#697586;font-size:9px;text-transform:uppercase}.cxl-variant-details b{color:#9a6300;font-size:10px}.cxl-footer{align-items:flex-start;border-top:1px solid #e7ebef;display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:13px}.cxl-tech-link{color:#07598a;font-size:11px;font-weight:900;text-decoration:none}.cxl-tech-link:hover{text-decoration:underline}.cxl-commerce-note{color:#7a6100;font-size:9px;font-weight:800}.cxl-empty{background:#fff;border:1px dashed #bcc5cf;border-radius:18px;grid-column:1/-1;padding:40px;text-align:center}.cxl-pager{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:28px}.cxl-page-button{background:#fff;border:1px solid #c8d0d9;border-radius:12px;color:#07598a;cursor:pointer;font:inherit;font-size:12px;font-weight:900;min-height:42px;padding:9px 15px}.cxl-page-button:hover:not(:disabled){background:var(--cxl-navy);color:#fff}.cxl-page-button:disabled{cursor:not-allowed;opacity:.45}.cxl-page-label{color:#667085;font-size:12px;font-weight:800}
.cxl-return{align-items:center;background:#eaf7ff;border:1px solid #b9ddf0;border-radius:15px;color:#263445;display:flex;font-family:Outfit,Arial,sans-serif;gap:18px;justify-content:space-between;margin:0 0 18px;padding:14px 16px}.cxl-return-copy{display:flex;flex-direction:column;gap:3px}.cxl-return-copy strong{color:#07598a;font-size:14px}.cxl-return-copy span{color:#667085;font-size:12px}.cxl-return-actions{display:flex;gap:8px}.cxl-return-actions button{border-radius:999px;cursor:pointer;font:850 11px/1 Outfit,Arial,sans-serif;min-height:38px;padding:0 13px}.cxl-return-primary{background:var(--cxl-navy);border:1px solid var(--cxl-navy);color:#fff}.cxl-return-secondary{background:#fff;border:1px solid #cbd2da;color:#374151}
.ccat-card:has(.ccat-logo-xenergy-lubricants) .ccat-logo-box{background:linear-gradient(145deg,#061f45,#0b4f7d);border-color:#f5b91f}.ccat-logo-xenergy-lubricants{height:108px!important;max-height:108px!important;max-width:270px!important;object-fit:cover!important;object-position:center!important;width:240px!important}
@media(max-width:1260px){.cxl-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cxl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cxl-hero-products{opacity:.7;right:-7%;width:52%}.cxl-hero-copy{max-width:590px}}
@media(max-width:760px){.cxl-shell{padding:12px 12px 78px}.cxl-topbar{align-items:flex-start;flex-direction:column;gap:10px}.cxl-status{line-height:1.35;max-width:100%;white-space:normal}.cxl-hero{border-radius:20px;gap:20px;min-height:0;padding:28px 20px}.cxl-hero-logo{height:auto;max-width:100%;width:230px}.cxl-hero h1{font-size:clamp(2rem,10vw,2.75rem)}.cxl-hero-products{bottom:auto;height:215px;opacity:1;position:relative;right:auto;width:100%}.cxl-hero-engine{bottom:0;right:2%;width:35%}.cxl-hero-atf{bottom:0;right:34%;width:32%}.cxl-hero-truck{right:0;top:-5%;width:30%}.cxl-hero-grease{bottom:0;right:68%;width:27%}.cxl-facts{grid-template-columns:1fr 1fr;width:100%}.cxl-fact:last-child{grid-column:1/-1}.cxl-source-note{align-items:flex-start;flex-direction:column;gap:5px}.cxl-source-note strong{white-space:normal}.cxl-controls{padding:16px}.cxl-category-grid{grid-template-columns:1fr 1fr}.cxl-category{min-height:170px}.cxl-product-grid{grid-template-columns:1fr}.cxl-results-head{align-items:flex-start;flex-direction:column;gap:6px}.cxl-return{align-items:flex-start;flex-direction:column}.cxl-return-actions{flex-wrap:wrap}}
@media(max-width:639px){body.brand-v4.rp-c2-canary #page-app #main-content:has(>.cxl-shell){box-sizing:border-box!important;margin-left:64px!important;max-width:calc(100vw - 64px)!important;overflow-x:clip!important;padding:12px 8px 80px!important;width:calc(100vw - 64px)!important}.cxl-shell{box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;padding:0 0 78px;width:100%}.cxl-category-grid{grid-template-columns:1fr}.cxl-category{min-height:158px}.cxl-controls{padding:12px}.cxl-hero{padding:24px 16px}.cxl-fact{min-width:0;padding:13px}.cxl-fact strong{font-size:1.3rem}.cxl-source-note{padding:14px}.cxl-product-body{padding:15px}.cxl-return-actions{width:100%}.cxl-return-actions button{width:100%}}
@media(max-width:440px){.cxl-pager{justify-content:space-between}.cxl-page-button{padding:8px 10px}}