/* SSK STORE V4.1.78 — HERO SLIDER PRO
 * Desktop: image is given a dedicated visual layer so uploaded banners
 * remain bright and products stay inside the frame as much as possible.
 * Mobile keeps the existing V4.1.74 behavior.
 */

/* Base: never darken the uploaded image with CSS filters. */
.ssk-slider .ssk-slide-bg{
  filter:none!important;
  background-repeat:no-repeat!important;
  background-color:#08070b!important;
  will-change:background-position,background-size;
}

/* Desktop hero: use a wider, calmer frame and keep the focal/product area visible. */
@media (min-width: 768px){
  html body.ssk-premium-v40 .ssk-slider{
    min-height:280px!important;
    height:280px!important;
    max-height:280px!important;
    overflow:hidden!important;
  }
  html body.ssk-premium-v40 .ssk-slider-track,
  html body.ssk-premium-v40 .ssk-slide{
    min-height:280px!important;
    height:280px!important;
    max-height:280px!important;
  }
  html body.ssk-premium-v40 .ssk-slide-bg{
    /* cover fills the frame without letterboxing; the focal point is centered. */
    background-size:cover!important;
    background-position:center center!important;
  }
  html body.ssk-premium-v40 .ssk-slide-inner{
    min-height:280px!important;
    height:280px!important;
    padding-left:62px!important;
    padding-right:62px!important;
  }
  html body.ssk-premium-v40 .ssk-slide-copy{
    width:min(52%,650px)!important;
    position:relative!important;
    z-index:3!important;
    text-shadow:0 2px 14px rgba(0,0,0,.72)!important;
  }
  html body.ssk-premium-v40 .ssk-slide-copy h1{margin-bottom:10px!important;}
  html body.ssk-premium-v40 .ssk-slider-arrow{z-index:30!important;}
}

/* Extra-wide desktop: slightly taller frame prevents the common product crop. */
@media (min-width: 1400px){
  html body.ssk-premium-v40 .ssk-slider,
  html body.ssk-premium-v40 .ssk-slider-track,
  html body.ssk-premium-v40 .ssk-slide{
    height:310px!important;
    min-height:310px!important;
    max-height:310px!important;
  }
  html body.ssk-premium-v40 .ssk-slide-inner{height:310px!important;min-height:310px!important;}
}

/* Mobile: preserve the working mobile slider dimensions; remove darkening only. */
@media (max-width: 767px){
  html body.ssk-premium-v40 .ssk-slide-bg{
    background-size:cover!important;
    background-position:center center!important;
    filter:none!important;
  }
  html body.ssk-premium-v40 .ssk-slide-copy{text-shadow:0 2px 12px rgba(0,0,0,.72)!important;}
}

/* Uploaded slider images should never be hidden by generic pseudo overlays. */
.ssk-slider .ssk-slide-bg::after,
.ssk-slider .ssk-slide-bg::before{display:none!important;content:none!important;}
.ssk-slider .ssk-slide-bg{opacity:1!important;}