/* =========================================================
   VANCE CEYLON — CUSTOMER SECOND-SECTION MEDIA SLIDER
   Add-on only. Existing .video-panel design remains the base.
   ========================================================= */

.video-panel.vance-second-slider{
  position:relative;
  overflow:hidden;
  min-height:var(--vance-second-height, clamp(380px, 56vw, 720px));
  isolation:isolate;
}

.video-panel.vance-second-slider .vance-second-original-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.vance-second-slider-stage{
  position:absolute;
  inset:0;
  z-index:0;
  background:#050505;
}

.vance-second-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  visibility:hidden;
  transform:scale(1.015);
  transition:opacity .65s ease, visibility .65s ease, transform 1.1s ease;
}

.vance-second-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
}

.video-panel.vance-second-slider .video-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.video-panel.vance-second-slider .video-copy{
  position:relative;
  z-index:3;
}

.vance-second-slider-controls{
  position:absolute;
  right:clamp(16px,3vw,42px);
  top:50%;
  z-index:4;
  display:flex;
  gap:8px;
  transform:translateY(-50%);
}

.vance-second-slider-controls button{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(0,0,0,.38);
  color:#fff;
  font:300 29px/1 Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(9px);
}

.vance-second-slider-dots{
  position:absolute;
  left:50%;
  bottom:22px;
  z-index:4;
  display:flex;
  gap:7px;
  transform:translateX(-50%);
}

.vance-second-slider-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}

.vance-second-slider-dots button.is-active{
  width:22px;
  background:#fff;
}

@media (max-width:700px){
  .video-panel.vance-second-slider{
    min-height:var(--vance-second-height, 470px);
  }

  .vance-second-slider-controls{
    right:12px;
  }

  .vance-second-slider-controls button{
    width:36px;
    height:36px;
    font-size:25px;
  }

  .vance-second-slider-dots{
    bottom:16px;
  }
}

@media (prefers-reduced-motion:reduce){
  .vance-second-slide{
    transition:none;
    transform:none;
  }
}
/* =========================================================
   VANCE CEYLON — MADE FOR EVERY DAY POSITION FIX
   Bottom-left of second media section
   ========================================================= */

#landing .video-panel .video-copy {
    position: absolute !important;

    left: clamp(22px, 5vw, 75px) !important;
    bottom: clamp(28px, 6vh, 70px) !important;

    top: auto !important;
    right: auto !important;

    transform: none !important;

    z-index: 10 !important;

    width: auto !important;
    max-width: 85% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

/* Keep the title completely visible */
#landing .video-panel .video-copy h2 {
    margin: 8px 0 0 !important;
    padding: 0 !important;

    line-height: 0.9 !important;

    position: relative !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;
}

/* VANCE CEYLON small text above title */
#landing .video-panel .video-copy .eyebrow {
    margin: 0 0 12px !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
}

/* =========================================================
   VANCE CEYLON — SECOND SLIDER FULL-BLEED CLEAN FIX
   - touches left and right screen edges
   - removes arrow buttons
   - removes slider dots / round marks
   - keeps automatic slide rotation
   ========================================================= */

#landing .video-panel.vance-second-slider{
    width:100vw !important;
    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    border-radius:0 !important;

    left:auto !important;
    right:auto !important;

    overflow:hidden !important;
}

/* Make media fill the entire full-bleed frame */
#landing .video-panel.vance-second-slider .vance-second-slider-stage,
#landing .video-panel.vance-second-slider .vance-second-slide{
    width:100% !important;
    height:100% !important;
    border-radius:0 !important;
}

#landing .video-panel.vance-second-slider .vance-second-slide{
    object-fit:cover !important;
    object-position:center !important;
}

/* Remove manual controls completely */
#landing .video-panel.vance-second-slider .vance-second-slider-controls,
#landing .video-panel.vance-second-slider .vance-second-slider-dots{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Keep text safely inside the image even though image is edge-to-edge */
#landing .video-panel.vance-second-slider .video-copy{
    left:clamp(22px, 5vw, 76px) !important;
    right:auto !important;
}

@media(max-width:700px){
    #landing .video-panel.vance-second-slider{
        width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        border-radius:0 !important;
    }
}