/* Chance Product Detail 1.4.1
 * Scoped to .cpf-detail. Elementor/Theme continue to own Header/Footer.
 */
.cpf-detail{
  --cpf-detail-width:1400px;
  --cpf-navy:#0d2943;
  --cpf-cyan:#00c7df;
  --cpf-cyan-dark:#00a8c2;
  --cpf-line:#c7d6e0;
  --cpf-soft-line:#dce7ed;
  --cpf-page:#edf5f9;
  --cpf-white:#fff;
  --cpf-muted:#718399;
  --cpf-table-head:#e1f7fb;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:100vw;
  margin:0;
  padding:0;
  color:var(--cpf-navy);
  background:var(--cpf-page);
  font-family:inherit;
  font-size:14px;
  line-height:1.45;
}
.cpf-detail *,.cpf-detail *::before,.cpf-detail *::after{box-sizing:border-box}
.cpf-detail button,.cpf-detail input,.cpf-detail select{font:inherit}
.cpf-detail a{text-decoration:none}
.cpf-detail [hidden]{display:none!important}
.cpf-detail-inner{width:min(var(--cpf-detail-width),calc(100vw - 56px));margin:0 auto}
.elementor-widget-shortcode:has(.cpf-detail),
.elementor-widget-shortcode:has(.cpf-detail)>.elementor-widget-container{overflow:visible!important}

/* Breadcrumb + return */
.cpf-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:18px}
.cpf-detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:12px;color:var(--cpf-muted)}
.cpf-detail-breadcrumb a,.cpf-detail-breadcrumb span{color:var(--cpf-muted)}
.cpf-detail-breadcrumb span{margin:0 6px}
.cpf-detail-breadcrumb a:hover{color:var(--cpf-cyan-dark)}
.cpf-detail-back{flex:0 0 auto;color:var(--cpf-cyan-dark);font-size:12px;font-weight:700}
.cpf-detail-back:hover{color:var(--cpf-navy)}

/* Hero */
.cpf-detail-hero{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:56px;align-items:stretch;padding:0 0 30px}
.cpf-detail-image-card{min-height:478px;background:var(--cpf-white);border:1px solid var(--cpf-line);border-radius:8px;padding:50px 52px 26px;display:flex;flex-direction:column}
.cpf-detail-image{height:350px;border:1px solid var(--cpf-line);background:#f4f8fb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cpf-detail-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.cpf-detail-image-caption{text-align:center;color:var(--cpf-muted);font-size:11px;margin-top:20px;letter-spacing:.02em}
.cpf-detail-summary{padding:8px 0 6px;align-self:center;width:100%;max-width:760px}
.cpf-detail-kicker{color:var(--cpf-cyan-dark);font-weight:800;font-size:12px;margin-bottom:17px;text-transform:uppercase}
.cpf-detail-primary-brand{font-size:16px;color:#536a81;margin-bottom:23px;font-weight:600}
.cpf-detail-primary-brand strong{font-weight:800}
.cpf-detail-summary h1{font-size:40px;line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;color:var(--cpf-navy);font-weight:800;max-width:760px}
.cpf-detail-code-label{font-size:10px;line-height:1.2;color:var(--cpf-muted);font-weight:800;margin:16px 0 5px;text-transform:uppercase}
.cpf-detail-code{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cpf-line);padding:0 0 10px;font-size:20px;min-height:38px}
.cpf-detail-code button,.cpf-table-copy{border:0!important;padding:0!important;background:transparent!important;color:var(--cpf-cyan-dark)!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer;box-shadow:none!important;text-transform:uppercase}
.cpf-detail-code button:hover,.cpf-table-copy:hover{color:var(--cpf-navy)!important}
.cpf-detail-oe-label{margin-top:18px}
.cpf-detail-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.cpf-detail-chips span,.cpf-detail-chips button{border:1px solid #d4e0e7!important;background:#f8fbfd!important;border-radius:4px;padding:7px 11px!important;color:var(--cpf-navy)!important;font-size:11px!important;font-weight:700!important;line-height:1.2;cursor:pointer;box-shadow:none!important}
.cpf-detail-chips button:hover{border-color:var(--cpf-cyan)!important}
.cpf-detail-application-summary{font-size:16px;font-weight:800;margin:0 0 20px;color:var(--cpf-navy)}
.cpf-detail-actions{display:flex;align-items:center;gap:24px;margin-top:18px;flex-wrap:wrap}
.cpf-detail-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:48px;background:var(--cpf-cyan);color:#08263e!important;padding:12px 30px;font-weight:800;letter-spacing:.02em}
.cpf-detail-btn-primary:hover{background:#10d0e6;color:#08263e!important}
.cpf-detail-btn-link{color:var(--cpf-cyan-dark)!important;font-weight:700;font-size:12px}
.cpf-detail-btn-link:hover{color:var(--cpf-navy)!important}

/* Section navigation */
.cpf-detail-tabbar{width:100%;background:#fff;border-top:1px solid var(--cpf-line);border-bottom:1px solid var(--cpf-line)}
.cpf-detail-tabs{display:flex;align-items:stretch;gap:72px;min-height:48px}
.cpf-detail-tabs button{position:relative;border:0!important;background:transparent!important;color:#50667c!important;padding:16px 0 14px!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer;box-shadow:none!important;text-transform:uppercase;white-space:nowrap}
.cpf-detail-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}
.cpf-detail-tabs button.is-active,.cpf-detail-tabs button:hover{color:var(--cpf-navy)!important}
.cpf-detail-tabs button.is-active::after{background:var(--cpf-cyan)}

/* Main detail sections */
.cpf-detail-main{background:var(--cpf-page);min-height:480px}
.cpf-detail-body{padding-top:42px;padding-bottom:78px}
.cpf-detail-section{margin:0 0 46px;scroll-margin-top:24px}
.cpf-detail-section-last{margin-bottom:0}
.cpf-detail-section h2{font-size:24px;line-height:1.2;margin:0 0 13px;color:var(--cpf-navy);font-weight:800;letter-spacing:.01em}
.cpf-detail-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cpf-detail-section table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff;table-layout:fixed}
.cpf-detail-section th,.cpf-detail-section td{border:1px solid var(--cpf-line);padding:12px 14px;text-align:left;vertical-align:middle;font-size:12px;color:#334b62;line-height:1.45}
.cpf-detail-section th{background:var(--cpf-table-head);font-size:10px;color:var(--cpf-navy);font-weight:800;text-transform:uppercase}
#cpf-product-details th:first-child,#cpf-product-details td:first-child{width:30%}
#cpf-oe-references th:nth-child(1),#cpf-oe-references td:nth-child(1){width:30%}
#cpf-oe-references th:nth-child(2),#cpf-oe-references td:nth-child(2){width:53%}
#cpf-oe-references th:nth-child(3),#cpf-oe-references td:nth-child(3){width:17%}
#cpf-vehicle-applications th,#cpf-vehicle-applications td{width:33.333%}
.cpf-detail-inline-value{margin-right:14px}
.cpf-detail-show-all{border:0!important;background:transparent!important;color:var(--cpf-cyan-dark)!important;padding:11px 0 0!important;font-size:11px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.cpf-detail-show-all:hover{color:var(--cpf-navy)!important}

@media(max-width:1100px){
  .cpf-detail-inner{width:min(var(--cpf-detail-width),calc(100vw - 36px))}
  .cpf-detail-hero{grid-template-columns:minmax(320px,44%) 1fr;gap:34px}
  .cpf-detail-image-card{padding:34px 34px 24px;min-height:420px}
  .cpf-detail-image{height:300px}
  .cpf-detail-summary h1{font-size:34px}
  .cpf-detail-tabs{gap:42px}
}
@media(max-width:767px){
  .cpf-detail-inner{width:calc(100vw - 28px)}
  .cpf-detail-topbar{align-items:flex-start;padding-top:18px;padding-bottom:14px}
  .cpf-detail-breadcrumb{font-size:11px}
  .cpf-detail-back{font-size:11px}
  .cpf-detail-hero{grid-template-columns:1fr;gap:24px;padding-bottom:26px}
  .cpf-detail-image-card{min-height:auto;padding:20px;border-radius:6px}
  .cpf-detail-image{height:290px}
  .cpf-detail-image-caption{margin-top:13px}
  .cpf-detail-summary{padding:0}
  .cpf-detail-kicker{margin-bottom:10px}
  .cpf-detail-primary-brand{font-size:14px;margin-bottom:14px}
  .cpf-detail-summary h1{font-size:29px;line-height:1.12;margin-bottom:16px}
  .cpf-detail-code{font-size:18px}
  .cpf-detail-application-summary{font-size:14px}
  .cpf-detail-actions{gap:16px}
  .cpf-detail-btn-primary{width:100%;min-width:0}
  .cpf-detail-tabs{gap:28px;overflow-x:auto;scrollbar-width:none}
  .cpf-detail-tabs::-webkit-scrollbar{display:none}
  .cpf-detail-body{padding-top:30px;padding-bottom:54px}
  .cpf-detail-section{margin-bottom:36px}
  .cpf-detail-section h2{font-size:21px}
  .cpf-detail-section table{min-width:620px;table-layout:auto}
  .cpf-detail-section th,.cpf-detail-section td{padding:11px 12px}
}

/* v1.4.7: sticky section navigation for long product-detail pages. */
.cpf-detail{
  --cpf-detail-sticky-top:0px;
  --cpf-detail-tabbar-height:49px;
}
.cpf-detail-tabbar{
  position:-webkit-sticky;
  position:sticky;
  top:var(--cpf-detail-sticky-top);
  z-index:80;
  transition:box-shadow .18s ease,background-color .18s ease;
}
.cpf-detail-tabbar.is-stuck{
  box-shadow:0 4px 14px rgba(13,41,67,.10);
}
.cpf-detail-section{
  scroll-margin-top:calc(var(--cpf-detail-sticky-top) + var(--cpf-detail-tabbar-height) + 18px);
}
@media(max-width:767px){
  .cpf-detail-tabbar{z-index:90}
}

/* v1.4.8: inline Elementor Pro inquiry panel. */
.cpf-detail-btn-primary{border:0!important;cursor:pointer!important;font-family:inherit}
.cpf-inquiry-panel{margin:4px 0 30px;overflow:hidden;opacity:1;will-change:height,opacity}
.cpf-inquiry-panel.is-animating{transition:height .25s ease,opacity .20s ease}
.cpf-inquiry-shell{background:#f4f8fb;border:1px solid var(--cpf-line);border-top:6px solid var(--cpf-cyan);padding:30px 34px 24px}
.cpf-inquiry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.cpf-inquiry-eyebrow{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--cpf-muted);margin-bottom:6px}
.cpf-inquiry-heading h2{font-size:22px;line-height:1.2;margin:0;color:var(--cpf-navy);font-weight:800}
.cpf-inquiry-close{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;color:var(--cpf-cyan-dark)!important;font-size:10px!important;font-weight:800!important;cursor:pointer;text-transform:uppercase;white-space:nowrap}
.cpf-inquiry-close:hover{color:var(--cpf-navy)!important}
.cpf-inquiry-product-context{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,2.2fr) minmax(180px,1.2fr);align-items:center;gap:24px;border:1px solid var(--cpf-line);background:#fff;border-radius:6px;padding:16px 18px;margin-bottom:24px;color:#334b62}
.cpf-inquiry-product-context span{display:block;font-size:9px;font-weight:800;color:var(--cpf-muted);margin-bottom:5px;letter-spacing:.03em}
.cpf-inquiry-product-context strong{color:var(--cpf-navy);font-weight:800}
.cpf-inquiry-product-name{font-weight:800;color:var(--cpf-navy);min-width:0;overflow-wrap:anywhere}
.cpf-inquiry-product-brand{text-align:right;font-size:12px}
.cpf-inquiry-elementor{min-width:0}
.cpf-inquiry-elementor .elementor{margin:0!important}
.cpf-inquiry-elementor .elementor-section,
.cpf-inquiry-elementor .e-con{margin-top:0!important;margin-bottom:0!important}
.cpf-inquiry-elementor form.elementor-form{margin:0}
.cpf-inquiry-elementor .elementor-field-group{margin-bottom:14px}
.cpf-inquiry-elementor .elementor-field-textual,
.cpf-inquiry-elementor input[type="text"],
.cpf-inquiry-elementor input[type="email"],
.cpf-inquiry-elementor input[type="tel"],
.cpf-inquiry-elementor input[type="number"],
.cpf-inquiry-elementor textarea,
.cpf-inquiry-elementor select{min-height:44px}
.cpf-inquiry-elementor textarea{min-height:96px;resize:vertical}
.cpf-inquiry-footnote{margin:12px 0 0;font-size:10px;color:var(--cpf-muted)}

@media(max-width:767px){
  .cpf-inquiry-panel{margin-bottom:24px}
  .cpf-inquiry-shell{padding:22px 18px 18px}
  .cpf-inquiry-heading{gap:14px}
  .cpf-inquiry-heading h2{font-size:18px}
  .cpf-inquiry-product-context{grid-template-columns:1fr;gap:10px;padding:14px}
  .cpf-inquiry-product-brand{text-align:left}
}