/* Background images fix - exact match from original */

/* === HERO SECTION === */
.s01.s01-alt.s01-alt2a {
  background-image: url(../img/bg/s1-btm.jpg), url(../img/bg/s1-alt-6.jpg) !important;
  background-size: 1920px, 110% !important;
  background-position: 50% 100%, 50% 0% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #0f0f11 !important;
}

/* === RED SECTIONS (.secred) === */
.secred {
  background-image: linear-gradient(180deg, rgba(158,29,58,0) calc(100% - 120px), #9e1d3a), url(../img/bg/redbg.jpg) !important;
  background-size: 100%, 100% !important;
  background-position: 50% 0%, 50% 0% !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* === S18 (darker red) === */
.s18.secred {
  background-image: linear-gradient(180deg, rgba(106,20,38,0) calc(100% - 120px), #6a1426), url(../img/bg/s18bg.jpg) !important;
  background-size: 100%, 100% !important;
  background-position: 50% 0%, 50% 0% !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* === S05 (woman in bed) === */
.s05 {
  background-image: url(../img/bg/s05.jpg) !important;
  background-size: 100% !important;
  background-position: 50% 0% !important;
  background-repeat: no-repeat !important;
  background-color: rgb(46, 60, 65) !important;
}

/* === S06 (dark scene) === */
.s06 {
  background-image: url(../img/bg/s06.jpg), url(../img/bg/s06-btm.jpg) !important;
  background-size: 1920px, 1920px !important;
  background-position: 0px 0px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #1c1c1c !important;
}

/* === S08 (doctor - fixed attachment) === */
.s08 {
  background-image: url(../img/bg/s08bg.jpg) !important;
  background-size: 100% !important;
  background-position: 50% 0% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: rgb(24, 36, 42) !important;
}

/* === TRANSITION CHEVRONS - exact from original === */
.trans,
.to-white-chevron {
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
}

.to-white-chevron {
  height: 67px;
  background-image: url(../img/transition/to-white.png) !important;
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.from-white-chevron {
  width: 100%;
  height: 59px;
  background-image: url(../img/transition/from-white.png) !important;
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.to-black-slash {
  background-image: url(../img/transition/blackslash.png) !important;
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  height: 42px;
}

.from-red-chevron {
  width: 100%;
  height: 67px;
  background-image: url(../img/transition/from-red-white.png) !important;
  background-size: 1920px;
  background-position: center top;
  background-repeat: no-repeat;
}

/* Mobile transitions */
@media (min-width: 1px) and (max-width: 767px) {
  .to-white-chevron {
    background-size: 100%;
    height: 3vw;
    margin-bottom: 20px;
  }
  .from-white-chevron {
    background-size: 100%;
    height: 3vw;
  }
  .to-black-slash {
    background-size: 1920px;
    height: 42px;
    margin-bottom: 0;
  }
  .from-red-chevron {
    background-size: 100%;
    height: 3vw;
    margin-bottom: 20px;
  }
}

/* Large screens */
@media (min-width: 1921px) {
  .from-red-chevron,
  .from-white-chevron,
  .to-black-slash,
  .to-white-chevron,
  .trans {
    background-size: 100%;
  }
}

/* === Testimonial images === */
.t1 { background-image: url(../img/fig/s21-t1.jpg) !important; }
.t2 { background-image: url(../img/fig/s21-t2.jpg) !important; }
.t3 { background-image: url(../img/fig/s21-t3.jpg) !important; }

/* === Checkout product images - match original sizing === */
.bottles {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bottles .prod {
  height: 260px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* === Mobile checkout card order (6 bottles first) === */
@media (max-width: 1024px) {
  .buttons .button-holder .button-card.bottle-button-6 { order: 1 !important; }
  .buttons .button-holder .button-card.bottle-button-3 { order: 2 !important; }
  .buttons .button-holder .button-card.bottle-button-2 { order: 3 !important; }
}

/* === Lazy loaded images - show immediately === */
img[data-original] { opacity: 1 !important; }