/* WCAGO Banner Refresh — V1.70
   Uses wide cinematic banner images with left-side negative space for copy.
   Loaded after page CSS so existing page content remains intact. */

/* Shared cinematic treatment */
.home-hero-bg,
.products-v168 .products-hero-bg,
.curved-v144 .airbike-hero-glow,
.air-v145 .airbike-hero-glow,
.spin-v146 .airbike-hero-glow,
.smith-v147 .airbike-hero-glow,
.power-v148 .airbike-hero-glow,
.homegym150-page .airbike-hero-glow,
.oem158 .odm-hero-bg,
.wc-solutions-page .sol-hero-bg,
.ab160 .ab-hero-bg,
.hw161 .hw2-hero-bg,
.mk163 .mk-hero-bg,
.rs164 .rs164-hero-bg,
.wc-contact-page .ct-hero-bg,
.wc-production-page .pc-hero-bg,
.wc-quality-page .qc-hero-glow,
.mq162 .mq162-hero-bg {
  inset:0 !important;
  opacity:1 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
}

/* Home */
.home-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.97) 0%,rgba(5,8,9,.82) 34%,rgba(5,8,9,.18) 68%),url('../images/banners/home.webp') !important;
}
.home-hero,.home-hero .hero-layout{min-height:700px}
.home-hero .hero-copy{position:relative;z-index:2;max-width:720px}

/* Products hub */
.products-v168 .products-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.97) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.12) 68%),url('../images/banners/products.webp') !important;
}
.products-v168 .products-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px;align-items:center}
.products-v168 .products-hero-note{display:none !important}
.products-v168 .products-hero-copy{max-width:720px;position:relative;z-index:2}

/* Main cardio / strength category banners */
.curved-v144 .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/curved.webp') !important}
.air-v145 .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/air-bike.webp') !important}
.spin-v146 .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/spin-bike.webp') !important}
.smith-v147 .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/smith.webp') !important}
.power-v148 .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/power-rack.webp') !important}
.homegym150-page .airbike-hero-glow{background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/home-gym.webp') !important}

.curved-v144 .category-hero-grid,
.air-v145 .category-hero-grid,
.spin-v146 .category-hero-grid,
.smith-v147 .category-hero-grid,
.power-v148 .category-hero-grid,
.homegym150-page .category-hero-grid{
  grid-template-columns:minmax(0,720px) !important;
  min-height:650px !important;
  align-items:center !important;
}
.curved-v144 .category-hero-copy,
.air-v145 .category-hero-copy,
.spin-v146 .category-hero-copy,
.smith-v147 .category-hero-copy,
.power-v148 .category-hero-copy,
.homegym150-page .category-hero-copy{max-width:700px;position:relative;z-index:3}
.curved-v144 .category-hero-visual,
.air-v145 .category-hero-visual,
.spin-v146 .category-hero-visual,
.smith-v147 .category-hero-visual,
.power-v148 .category-hero-visual,
.homegym150-page .category-hero-visual{display:none !important}

/* Benches */
.wc-bench-page .wc-bench-hero{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.78) 34%,rgba(5,8,9,.08) 66%),url('../images/banners/benches.webp') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;
}
.wc-bench-page .wc-bench-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.wc-bench-page .wc-bench-hero-copy{max-width:700px;position:relative;z-index:3}
.wc-bench-page .wc-bench-hero-visual{display:none !important}

/* Manufacturing & Quality */
.mq162 .mq162-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 35%,rgba(5,8,9,.13) 69%),url('../images/banners/manufacturing.webp') !important;
}
.mq162 .mq162-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:680px !important;align-items:center !important}
.mq162 .mq162-hero-copy{max-width:720px;position:relative;z-index:3}
.mq162 .mq162-hero-visual{display:none !important}

/* Production / Quality Control */
.wc-production-page .pc-hero-bg,
.wc-quality-page .qc-hero-glow{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 35%,rgba(5,8,9,.13) 69%),url('../images/banners/manufacturing.webp') !important;
}
.wc-production-page .pc-hero-grid,
.wc-quality-page .qc-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.wc-production-page .pc-hero-copy,
.wc-quality-page .qc-hero-copy{max-width:700px;position:relative;z-index:3}
.wc-production-page .pc-hero-visual,
.wc-quality-page .qc-hero-visual{display:none !important}

/* OEM / ODM */
.oem158 .odm-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 35%,rgba(5,8,9,.12) 69%),url('../images/banners/oem-engineering.webp') !important;
}
.oem158 .odm-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.oem158 .odm-hero-copy{max-width:700px;position:relative;z-index:3}
.oem158 .odm-hero-visual{display:none !important}

/* Solutions / Markets */
.wc-solutions-page .sol-hero-bg,
.mk163 .mk-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.82) 34%,rgba(5,8,9,.10) 68%),url('../images/banners/global-market.webp') !important;
}
.wc-solutions-page .sol-hero-grid,
.mk163 .mk-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.wc-solutions-page .sol-hero-copy,
.mk163 .mk-hero-copy{max-width:700px;position:relative;z-index:3}
.wc-solutions-page .sol-hero-visual,
.mk163 .mk-hero-visual{display:none !important}

/* About */
.ab160 .ab-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 36%,rgba(5,8,9,.12) 70%),url('../images/banners/company.webp') !important;
}
.ab160 .ab-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.ab160 .ab-hero-copy{max-width:700px;position:relative;z-index:3}
.ab160 .ab-hero-visual{display:none !important}

/* How We Work */
.hw161 .hw2-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 36%,rgba(5,8,9,.12) 70%),url('../images/banners/workflow.webp') !important;
}
.hw161 .hw2-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.hw161 .hw2-hero-copy{max-width:700px;position:relative;z-index:3}
.hw161 .hw2-hero-visual{display:none !important}

/* Resources */
.rs164 .rs164-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 36%,rgba(5,8,9,.12) 70%),url('../images/banners/oem-engineering.webp') !important;
}
.rs164 .rs164-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.rs164 .rs164-hero-copy{max-width:700px;position:relative;z-index:3}
.rs164 .rs164-hero-visual{display:none !important}

/* Contact */
.wc-contact-page .ct-hero-bg{
  background-image:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.80) 36%,rgba(5,8,9,.12) 70%),url('../images/banners/contact.webp') !important;
}
.wc-contact-page .ct-hero-grid{grid-template-columns:minmax(0,720px) !important;min-height:650px !important;align-items:center !important}
.wc-contact-page .ct-hero-copy{max-width:700px;position:relative;z-index:3}
.wc-contact-page .ct-hero-visual{display:none !important}

/* Keep existing unmatched category hero visuals, but make them cleaner and more banner-like. */
.el156 .el-hero-visual,
.ski155 .ski-hero-visual,
.bc152 .bc-hero-visual,
.arm153 .arm-hero-visual,
.sp154 .sp-hero-visual,
.lb151 .category-hero-visual{border-radius:0 !important;box-shadow:none !important}

/* Mobile: background remains, image stays right; copy gets a stronger dark backing. */
@media(max-width:900px){
  .home-hero-bg,
  .products-v168 .products-hero-bg,
  .curved-v144 .airbike-hero-glow,
  .air-v145 .airbike-hero-glow,
  .spin-v146 .airbike-hero-glow,
  .smith-v147 .airbike-hero-glow,
  .power-v148 .airbike-hero-glow,
  .homegym150-page .airbike-hero-glow,
  .oem158 .odm-hero-bg,
  .wc-solutions-page .sol-hero-bg,
  .ab160 .ab-hero-bg,
  .hw161 .hw2-hero-bg,
  .mk163 .mk-hero-bg,
  .rs164 .rs164-hero-bg,
  .wc-contact-page .ct-hero-bg,
  .wc-production-page .pc-hero-bg,
  .wc-quality-page .qc-hero-glow,
  .mq162 .mq162-hero-bg{
    background-position:64% center !important;
  }
  .home-hero .hero-layout,
  .products-v168 .products-hero-grid,
  .curved-v144 .category-hero-grid,
  .air-v145 .category-hero-grid,
  .spin-v146 .category-hero-grid,
  .smith-v147 .category-hero-grid,
  .power-v148 .category-hero-grid,
  .homegym150-page .category-hero-grid,
  .wc-bench-page .wc-bench-hero-grid,
  .mq162 .mq162-hero-grid,
  .wc-production-page .pc-hero-grid,
  .wc-quality-page .qc-hero-grid,
  .oem158 .odm-hero-grid,
  .wc-solutions-page .sol-hero-grid,
  .ab160 .ab-hero-grid,
  .hw161 .hw2-hero-grid,
  .mk163 .mk-hero-grid,
  .rs164 .rs164-hero-grid,
  .wc-contact-page .ct-hero-grid{min-height:580px !important}
}

@media(max-width:680px){
  .home-hero-bg,
  .products-v168 .products-hero-bg,
  .curved-v144 .airbike-hero-glow,
  .air-v145 .airbike-hero-glow,
  .spin-v146 .airbike-hero-glow,
  .smith-v147 .airbike-hero-glow,
  .power-v148 .airbike-hero-glow,
  .homegym150-page .airbike-hero-glow,
  .oem158 .odm-hero-bg,
  .wc-solutions-page .sol-hero-bg,
  .ab160 .ab-hero-bg,
  .hw161 .hw2-hero-bg,
  .mk163 .mk-hero-bg,
  .rs164 .rs164-hero-bg,
  .wc-contact-page .ct-hero-bg,
  .wc-production-page .pc-hero-bg,
  .wc-quality-page .qc-hero-glow,
  .mq162 .mq162-hero-bg{
    background-position:70% center !important;
  }
}