/* SSK Store V4.1.130 — Slider CTA buttons at bottom
 * Desktop only: moves existing slider CTAs into a centered bottom rail.
 * No markup or slider behavior changes; mobile keeps the existing layout.
 */
@media (min-width: 768px){
  html body.ssk-premium-v40 .ssk-slide-inner{
    position:relative!important;
  }

  /* Keep the copy available for the headline/text while the CTA rail uses the full slide width. */
  html body.ssk-premium-v40 .ssk-slide-copy{
    position:static!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions{
    position:absolute!important;
    left:50%!important;
    bottom:30px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:calc(100% - 140px)!important;
    margin:0!important;
    padding:6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    z-index:25!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:16px!important;
    background:rgba(5,5,9,.58)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 24px rgba(242,26,134,.12)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions a{
    min-height:42px!important;
    height:42px!important;
    padding:0 22px!important;
    border-radius:11px!important;
    font-size:12px!important;
    letter-spacing:.15px!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions .ssk-primary-btn{
    background:linear-gradient(135deg,var(--pink),var(--pink2))!important;
    box-shadow:0 7px 20px rgba(242,26,134,.28)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions .ssk-outline-btn{
    border:1px solid rgba(114,223,112,.45)!important;
    background:rgba(20,28,20,.62)!important;
    color:#fff!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions .ssk-outline-btn:hover{
    border-color:#72df70!important;
    background:rgba(40,80,40,.72)!important;
  }

  /* Keep navigation dots underneath the button rail, centered. */
  html body.ssk-premium-v40 .ssk-slider-dots{
    bottom:7px!important;
    z-index:30!important;
  }

  html body.ssk-premium-v40 .ssk-slider-dots button{
    width:7px!important;
    height:7px!important;
  }

  html body.ssk-premium-v40 .ssk-slider-dots button.is-active{
    width:22px!important;
  }
}

@media (min-width: 1400px){
  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions{
    bottom:34px!important;
  }
  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions a{
    min-height:44px!important;
    height:44px!important;
    padding:0 25px!important;
    font-size:13px!important;
  }
}
