/* Campaign art is bundled with the theme; mobile uses a separate readable text layout. */
body .ks-hero-carousel{margin:20px auto 10px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box;font-family:var(--sans,Arial,sans-serif)}
body .ks-hero-carousel [hidden]{display:none!important}
body .ks-hero-track{overflow:hidden;border-radius:16px;background:#073b47;isolation:isolate;touch-action:pan-y}
body .ks-hero-slide{margin:0;padding:0}
body .ks-hero-link{display:block;text-decoration:none!important;color:#fff!important}
body .ks-hero-link:focus-visible{outline:4px solid #f6c75b;outline-offset:-5px}
body .ks-hero-art{position:relative;aspect-ratio:3/1;overflow:hidden}
body .ks-hero-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0}
body .ks-hero-mobile-copy{display:none}
body .ks-hero-controls{display:flex;justify-content:center;align-items:center;gap:6px;margin:5px 0 0;min-height:44px}
body .ks-hero-controls button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;background:transparent;color:#087f8c;border:0;padding:0;margin:0;width:44px;height:44px;min-width:44px;box-shadow:none;line-height:1;border-radius:50%;font-family:Arial,sans-serif}
body .ks-hero-controls button:hover{background:#edf7f6}
body .ks-hero-controls button:focus-visible{outline:2px solid #087f8c;outline-offset:1px}
body .ks-hero-controls .ks-hero-arrow{font-size:34px;font-weight:500}
body .ks-hero-dots{display:flex;align-items:center;gap:0}
body .ks-hero-dots button span{display:block;width:9px;height:9px;border-radius:50%;background:#bccacc}
body .ks-hero-dots button[aria-pressed=true] span{width:23px;border-radius:8px;background:#087f8c}
body .ks-hero-controls .ks-hero-toggle{font-size:16px;margin-left:6px}
body.ks-reference-style .ks-home-intro.ks-home-carousel-intro{background:#fff!important;color:#14283f!important;border:0!important}
body.ks-reference-style .ks-home-carousel-intro .ks-home-intro-inner{display:block;padding-top:24px!important;padding-bottom:0!important}
body.ks-reference-style .ks-home-carousel-intro .ks-home-intro-copy h1{text-align:center!important;color:#14283f!important;margin:0 auto!important;font-size:clamp(25px,2.7vw,36px);line-height:1.2}
@media(max-width:760px){
 body .ks-hero-carousel{margin-top:16px!important}
 body .ks-hero-track{border-radius:12px}
 body .ks-hero-art{aspect-ratio:2.6/1}
 /* Show just the illustrative right half; the mobile headline is real, reflowing text below. */
 body .ks-hero-art img{position:absolute;right:0;top:50%;width:200%;height:auto;transform:translateY(-50%);object-fit:initial}
 body .ks-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#073b47 0%,transparent 22%,transparent 100%);pointer-events:none}
 body .ks-hero-mobile-copy{display:block;background:#073b47;padding:20px 20px 24px;color:#fff}
 body .ks-hero-mobile-copy .ks-hero-eyebrow{display:block;font-size:10px;letter-spacing:3px;line-height:1.4;margin-bottom:10px;color:#d9eeee}
 body .ks-hero-mobile-copy h2{font-family:var(--sans,Arial,sans-serif);font-size:clamp(25px,6.7vw,32px)!important;line-height:1.15!important;letter-spacing:-.025em;font-weight:750;color:#fff!important;margin:0 0 12px!important;text-align:left}
 body .ks-hero-mobile-copy p{font-size:14px;line-height:1.5;color:#e5f2f2!important;margin:0 0 16px!important;max-width:none}
 body .ks-hero-mobile-button{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border-radius:26px;background:#087f8c;color:#fff;font-size:14px;line-height:1.3;font-weight:700;box-sizing:border-box}
 body .ks-hero-mobile-button>span{font-size:23px;line-height:1}
 body.ks-reference-style .ks-home-carousel-intro .ks-home-intro-inner{padding-top:20px!important}
 body.ks-reference-style .ks-home-carousel-intro .ks-home-intro-copy h1{font-size:26px!important}
}

/* 1.7.90: full-width carousel strip with adjacent-slide previews. */
body .ks-hero-wide{position:relative;width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;overflow:hidden;margin-top:20px!important}
body .ks-hero-wide .ks-hero-track{position:relative;width:80%;max-width:1600px;margin:0 auto;overflow:visible;border-radius:0;background:transparent}
body .ks-hero-wide .ks-hero-link{overflow:hidden;border-radius:16px;background:#073b47}
body .ks-hero-peek{position:absolute;top:0;width:100%;height:100%;background-size:cover;background-position:center;border-radius:16px;pointer-events:none}
body .ks-hero-peek-prev{left:calc(-100% - 24px)}
body .ks-hero-peek-next{left:calc(100% + 24px)}
@media(min-width:761px){
 body .ks-hero-wide .ks-hero-arrow{position:absolute;top:calc((100% - 49px)/2 - 22px);z-index:2;background:#ffffffcc;color:#073b47;box-shadow:0 1px 6px #0002}
 body .ks-hero-wide .ks-hero-arrow:hover{background:#fff}
 body .ks-hero-wide [data-ks-hero-prev]{left:max(calc(10% + 12px),calc((100% - 1600px)/2 + 12px))}
 body .ks-hero-wide [data-ks-hero-next]{right:max(calc(10% + 12px),calc((100% - 1600px)/2 + 12px))}
}
@media(max-width:760px){
 body .ks-hero-wide .ks-hero-track{width:calc(100% - 32px);max-width:none}
 body .ks-hero-wide .ks-hero-link{border-radius:12px}
 body .ks-hero-wide .ks-hero-peek{display:none}
}

/* 1.7.91: use one shared desktop frame for active and neighbouring slides. */
@media(min-width:761px){
 body .ks-hero-wide .ks-hero-track{aspect-ratio:3/1;height:auto!important;min-height:0!important;padding:0!important}
 body .ks-hero-wide .ks-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
 body .ks-hero-wide .ks-hero-slide .ks-hero-link,
 body .ks-hero-wide .ks-hero-slide .ks-hero-art{display:block;width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box}
 body .ks-hero-wide .ks-hero-slide .ks-hero-art{aspect-ratio:auto!important}
 body .ks-hero-wide .ks-hero-slide .ks-hero-art img{width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover;vertical-align:top}
 body .ks-hero-wide .ks-hero-peek{top:0!important;bottom:0!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box}
}

/* 1.8.08: mobile image card and curved caption, with dots-only navigation. */
@media(max-width:760px){
 body .ks-hero-wide .ks-hero-track{width:calc(100% - 24px)}
 body .ks-hero-wide .ks-hero-link{border-radius:9px;isolation:isolate}
 body .ks-hero-wide .ks-hero-art{aspect-ratio:2/1}
 body .ks-hero-wide .ks-hero-art::after{display:none}
 body .ks-hero-wide .ks-hero-mobile-copy{position:relative;z-index:1;display:flex;align-items:center;min-height:88px;padding:14px 16px 16px;background:#073b47;box-sizing:border-box}
 body .ks-hero-wide .ks-hero-mobile-copy::before{content:"";position:absolute;z-index:-1;left:-10%;top:-16px;width:120%;height:32px;border-radius:50% 50% 0 0/100% 100% 0 0;background:#073b47;pointer-events:none}
 body .ks-hero-wide .ks-hero-mobile-copy h2{font-size:clamp(18px,5vw,23px)!important;line-height:1.35!important;font-weight:750;letter-spacing:0;margin:0!important;text-align:left}
 body .ks-hero-wide .ks-hero-mobile-copy p,
 body .ks-hero-wide .ks-hero-mobile-button,
 body .ks-hero-wide .ks-hero-arrow,
 body .ks-hero-wide .ks-hero-toggle{display:none!important}
 body .ks-hero-wide .ks-hero-controls{gap:0;margin-top:0;height:36px!important;min-height:36px!important}
 body .ks-hero-wide .ks-hero-dots button{width:28px;min-width:28px;height:36px;border-radius:0}
 body .ks-hero-wide .ks-hero-dots button span{width:9px;height:9px;background:#e4e7e9}
 body .ks-hero-wide .ks-hero-dots button[aria-pressed=true]{width:42px;min-width:42px}
 body .ks-hero-wide .ks-hero-dots button[aria-pressed=true] span{width:30px;height:9px;border-radius:9px;background:#454b50}
 body .ks-hero-wide .ks-hero-dots button:hover{background:transparent}
}

/* 1.8.12: compact neutral pagination matching the supplied reference. */
body .ks-hero-wide .ks-hero-controls{position:relative;gap:0}
body .ks-hero-wide .ks-hero-dots{gap:0;justify-content:center}
body .ks-hero-wide .ks-hero-dots button{width:28px;min-width:28px;height:44px;border-radius:0;background:transparent}
body .ks-hero-wide .ks-hero-dots button span{width:10px;height:10px;border-radius:50%;background:#e4e7e9}
body .ks-hero-wide .ks-hero-dots button[aria-pressed=true]{width:58px;min-width:58px}
body .ks-hero-wide .ks-hero-dots button[aria-pressed=true] span{width:40px;height:10px;border-radius:10px;background:#454b50}
body .ks-hero-wide .ks-hero-dots button:hover{background:transparent}
@media(min-width:761px){body .ks-hero-wide .ks-hero-controls .ks-hero-toggle{position:absolute;left:calc(50% + 75px);margin-left:0}}

/* 1.8.17: Perfumania store feature with real product photography. */
body .ks-hero-store-slide .ks-hero-link{position:relative;background:#382c4d}
body .ks-hero-store-copy{position:absolute;inset:0 auto 0 6%;width:33%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,2vw,30px);color:#fff}
body .ks-hero-store-copy .ks-hero-store-logo{width:clamp(120px,18vw,280px);height:auto;background:#fff;padding:14px 18px;border-radius:10px;box-sizing:border-box}
body .ks-hero-store-copy h2{font-family:var(--sans,Arial,sans-serif);font-size:clamp(22px,2.55vw,43px)!important;line-height:1.16!important;font-weight:700;letter-spacing:-.02em;color:#fff!important;margin:0!important;text-align:left}
body .ks-hero-store-cta{font-size:clamp(14px,1.3vw,21px);font-weight:650;display:flex;gap:14px;align-items:center}
body .ks-hero-store-cta span{font-size:1.6em;line-height:1}
@media(max-width:760px){
 body .ks-hero-store-copy{display:none}
 body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy{background:#382c4d;padding-top:30px;min-height:108px}
 body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy::before{background:#382c4d}
 body .ks-hero-mobile-store-logo{position:absolute;left:16px;top:-28px;width:148px;height:auto;box-sizing:border-box;background:#fff;padding:12px;border-radius:10px;box-shadow:0 2px 10px #0001}
}

/* 1.8.19: equal, shorter mobile cards using the reference's 3:2 proportions. */
@media(max-width:760px){
 body .ks-hero-wide .ks-hero-slide .ks-hero-link{display:flex;flex-direction:column;aspect-ratio:3/2;height:auto;min-height:0}
 body .ks-hero-wide .ks-hero-slide .ks-hero-art{flex:1 1 0;min-height:0;aspect-ratio:auto;width:100%}
 body .ks-hero-wide .ks-hero-slide .ks-hero-mobile-copy{flex:0 0 80px;height:80px;min-height:0;padding:24px 16px 10px;box-sizing:border-box}
 body .ks-hero-wide .ks-hero-mobile-copy h2{font-size:clamp(16px,4.5vw,20px)!important;line-height:1.3!important}
 body .ks-hero-wide .ks-hero-mobile-store-logo{width:130px;padding:10px;top:-28px}
}

/* 1.8.21: wpautop may clone the slide anchor into an empty paragraph.
   Empty clones must never inherit the mobile card aspect ratio. */
body .ks-hero-carousel .ks-hero-slide .ks-hero-link:empty,
body .ks-hero-carousel .ks-hero-slide p:empty{display:none!important;margin:0!important;padding:0!important}
body .ks-hero-carousel .ks-hero-slide>p{margin:0!important;padding:0!important}