/*
 * CFMOTO QUAD — Static V2 fidelity patch
 * Reversible, scoped to existing Elementor Quad Single and Archive templates.
 * ACF fields and shortcode functions are not modified.
 */
.cfq-archive-page, .cfa-single {
  --cfq-ink:#071013;
  --cfq-cyan:#00a9c4;
  --cfq-paper:#eff3f4;
  --cfq-gutter:clamp(20px,4.2vw,64px);
}
.cfq-archive-page .cfq-archive-hero{
  position:relative!important;
  overflow:hidden!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:640px!important;
  padding:clamp(65px,7vw,110px) var(--cfq-gutter)!important;
  background-color:#edf2f3!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-size:min(61vw,880px) auto!important;
  background-position:right 3.5vw center!important;
  color:#0b1315!important;
}
.cfq-archive-page .cfq-archive-hero:after{
  content:'QUAD';
  position:absolute;right:-1%;bottom:-18%;
  font:800 clamp(140px,23vw,330px)/1 Inter,Arial,sans-serif;
  letter-spacing:-.09em;color:rgba(7,16,19,.025);
  pointer-events:none;z-index:0;
}
.cfq-archive-page .cfq-archive-hero > .elementor-widget:not(.cfq-archive-hero-image){
  position:relative;z-index:2;max-width:46%!important;
}
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-image{
  position:absolute!important;
  right:4%!important;top:15%!important;
  height:77%!important;width:58%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:1!important;pointer-events:none;
}
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-image .elementor-widget-container,
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-image img{
  width:100%;height:100%;
}
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-image img{
  object-fit:contain;
}
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-cta{margin-top:25px!important}
.cfq-archive-page .cfq-archive-hero .cfq-archive-hero-cta .elementor-button{
  background:transparent!important;
  color:#071013!important;
  padding:11px 0!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid #071013!important;
  font:800 11px/1.3 Inter,Arial,sans-serif!important;
  letter-spacing:.075em!important;
}
.cfq-archive-page .cfq-archive-eyebrow .elementor-heading-title{
  font-size:11px!important;letter-spacing:.15em!important;
  font-weight:800!important;color:#586b72!important;
}
.cfq-archive-page .cfq-archive-title .cfq-archive-label{
  font:800 clamp(58px,6.9vw,104px)/.99 Inter,Arial,sans-serif!important;
  letter-spacing:-.065em!important;color:#081013!important;
  margin:17px 0 24px!important;
}
.cfq-archive-page .cfq-archive-description,
.cfq-archive-page .cfq-archive-description p{
  max-width:440px!important;color:#66777d!important;
  font:400 clamp(14px,1.1vw,17px)/1.8 Inter,Arial,sans-serif!important;
}
.cfq-archive-page .cfq-archive-content{
  padding-top:34px!important;
}
.cfq-archive-page .cfq-archive-tabs{
  display:flex!important;gap:clamp(12px,2vw,30px)!important;
  flex-wrap:wrap!important;
  border-bottom:1px solid #dfe6e8!important;
  padding-bottom:0!important;
  margin-bottom:45px!important;
}
.cfq-archive-page .cfq-archive-tabs a{
  border:0!important;box-shadow:none!important;
  background:transparent!important;
  color:#64767c!important;
  padding:12px 0 14px!important;
  border-radius:0!important;
  font-size:12px!important;font-weight:750!important;letter-spacing:.025em;
  text-transform:none!important;
  position:relative!important;
}
.cfq-archive-page .cfq-archive-tabs a:hover,
.cfq-archive-page .cfq-archive-tabs a.active{
  color:#071013!important;background:transparent!important;
}
.cfq-archive-page .cfq-archive-tabs a.active:after{
  content:'';position:absolute;left:0;bottom:-1px;width:100%;
  height:2px;background:#071013;
}
.cfq-archive-page .cfq-product-card{
  transition:transform .22s ease, box-shadow .22s ease;
}
.cfq-archive-page .cfq-product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(7,16,19,.09);
}
/* Product hero; keep ACF dynamic title, pricing and media. */
.cfa-single .cfa-single-hero{
  min-height:clamp(740px,60vw,855px)!important;
  isolation:isolate;
  background-color:#071013!important;
}
.cfa-single .cfa-single-name .elementor-heading-title{
  font-family:Inter,Arial,sans-serif!important;
  font-weight:650!important;
  letter-spacing:-.064em!important;
  line-height:.98!important;
  font-size:clamp(66px,6.5vw,102px)!important;
}
.cfa-single .cfa-single-intro,
.cfa-single .cfa-single-intro p{
  color:#a7b7bd!important;
  font-size:15px!important;line-height:1.8!important;
  max-width:405px;
}
.cfa-single .cfa-single-price .elementor-heading-title{
  font:800 21px/1.3 Inter,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
}
.cfa-single .cfa-single-overline .elementor-heading-title{
  font-size:11px!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.cfa-single .cfa-single-hero .cfa-single-art img{
  transform:scale(1.12);
  transform-origin:center center;
}
.cfa-single .cfa-single-metrics-host{
  position:relative!important;
  z-index:3!important;
  margin-top:-126px!important;
  /* background:transparent!important; */
  background: #071013 !important;
  padding-inline:var(--cfq-gutter) !important;
}
.cfa-single .cfq-metrics{
  border-top:1px solid rgba(255,255,255,.18)!important;
  background:#071013!important;
  color:white!important;
  min-height:105px!important;
}
.cfa-single .cfq-metric-value{
  color:#fff!important;
  font-weight:800!important;
}
.cfa-single .cfq-metric-value small{
  color:#a5b6bb!important;
}
.cfa-single .cfq-metric .cfq-kicker{
  color:#8a9da2!important;
}
.cfa-single .cfa-single-body{
  padding-top:clamp(70px,8vw,110px)!important;
}
.cfa-single .cfa-single-section-heading .elementor-heading-title{
  letter-spacing:-.056em!important;
}
@media(max-width:900px){
  .cfq-archive-page .cfq-archive-hero{
    background-size:66vw auto!important;
    background-position:right -2vw center!important;
  }
  .cfa-single .cfa-single-hero .cfa-single-art img{
    transform:scale(1.05);
  }
}
@media(max-width:767px){
  .cfq-archive-page{--cfq-gutter:20px;}
  .cfq-archive-page .cfq-archive-hero{
    min-height:760px!important;
    justify-content:flex-start!important;
    padding:90px 20px 395px!important;
    background-position:center bottom 30px!important;
    background-size:104% auto!important;
  }
  .cfq-archive-page .cfq-archive-hero > .elementor-widget:not(.cfq-archive-hero-image){max-width:100%!important}
  .cfq-archive-page .cfq-archive-hero .cfq-archive-hero-image{
    right:-5%!important;left:-5%!important;
    top:auto!important;bottom:20px!important;
    width:110%!important;height:360px!important;
  }
  .cfq-archive-page .cfq-archive-title .cfq-archive-label{
    font-size:clamp(48px,13vw,77px)!important;
  }
  .cfq-archive-page .cfq-archive-tabs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    gap:23px!important;
    scrollbar-width:none;
  }
  .cfq-archive-page .cfq-archive-tabs::-webkit-scrollbar{display:none;}
  .cfq-archive-page .cfq-archive-tabs a{flex:0 0 auto!important}
  .cfa-single{--cfq-gutter:18px;}
  .cfa-single .cfa-single-hero{
    min-height:720px!important;
  }
  .cfa-single .cfa-single-name .elementor-heading-title{
    font-size:clamp(49px,12.2vw,70px)!important;
    line-height:.96!important;
    font-weight:600!important;
  }
  .cfa-single .cfa-single-price .elementor-heading-title{
    font-size:20px!important;
  }
  .cfa-single .cfa-single-hero .cfa-single-art img{
    transform:scale(1.1);
  }
  .cfa-single .cfa-single-metrics-host{
    margin-top:-60px!important;
    padding-inline:18px!important;
  }
  .cfa-single .cfq-metrics{
    min-height:108px!important;
    background:#071013!important;
  }
  .cfa-single .cfa-single-body{padding-top:70px!important;}
}
@media(prefers-reduced-motion:reduce){
 .cfq-archive-page .cfq-product-card{transition:none!important}
}

/* Metric tiles must remain dark when rendered in the product-hero band. */
.cfa-single .cfq-metrics .cfq-metric{
  background:#071013!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
.cfa-single .cfq-metrics .cfq-metric .cfq-metric-value{
  color:#fff!important;
}
.cfa-single .cfq-metrics .cfq-metric .cfq-kicker{
  color:#9fb0b5!important;
}