/* SSK Store V4.1.108 — Minimal desktop slider copy
 * Reduces text footprint so the uploaded banner image remains the visual focus.
 * Mobile is intentionally untouched.
 */
@media (min-width: 768px){
  html body.ssk-premium-v40 .ssk-slide-copy{
    width:40%!important;
    max-width:520px!important;
    padding:12px 0 22px!important;
    position:relative;
    z-index:3;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-eyebrow{
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:2px!important;
    margin:0 0 5px!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy h1{
    font-size:clamp(27px,2.8vw,40px)!important;
    line-height:1.02!important;
    letter-spacing:-1.4px!important;
    margin:4px 0 8px!important;
    max-width:500px!important;
    text-wrap:balance;
  }

  html body.ssk-premium-v40 .ssk-slide-copy p{
    font-size:11px!important;
    line-height:1.4!important;
    max-width:350px!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
  }

  /* Two compact CTAs: shopping + WhatsApp, without taking over the banner. */
  html body.ssk-premium-v40 .ssk-slide-copy .ssk-hero-actions{
    margin-top:10px!important;
    gap:7px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-primary-btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 15px!important;
    border-radius:8px!important;
    font-size:11px!important;
    white-space:nowrap;
  }

  html body.ssk-premium-v40 .ssk-slide-copy .ssk-outline-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }

  /* Prevent a long admin-entered title from dominating the banner. */
  html body.ssk-premium-v40 .ssk-slide-copy h1,
  html body.ssk-premium-v40 .ssk-slide-copy p{
    overflow-wrap:anywhere;
  }
}

@media (min-width: 1200px){
  html body.ssk-premium-v40 .ssk-slide-copy{
    width:38%!important;
  }
}