/* COSTAN V6.5 — requested homepage polish only */

/* Made to be worn: keep NEW badge above product/video media */
.product,
.product-media{
  position:relative !important;
}
.product .badge,
.product-media .badge,
.badge{
  position:absolute !important;
  z-index:20 !important;
  top:14px !important;
  left:14px !important;
  transform:none !important;
  pointer-events:none;
}

/* Ensure media never paints over the badge */
.product-media img,
.product-media video{
  position:relative;
  z-index:1;
}

/* 04 / Why COSTAN — reduce excessive vertical height/spacing */
.why,
.why-costan,
section[id="why"],
section.why-section{
  min-height:0 !important;
  height:auto !important;
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.why .why-inner,
.why-costan .why-inner,
section[id="why"] .why-inner{
  min-height:0 !important;
  height:auto !important;
}

/* Tablet */
@media(max-width:1024px){
  .why,
  .why-costan,
  section[id="why"],
  section.why-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .product .badge,
  .product-media .badge,
  .badge{
    top:12px !important;
    left:12px !important;
    z-index:20 !important;
  }
  .why,
  .why-costan,
  section[id="why"],
  section.why-section{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }
}