/* MAROCSTOR full width hero slider - isolated to home hero */
.ms-v3{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.ms-premium-carousel{position:relative;width:100%;overflow:hidden;background:#f3f6f2;aspect-ratio:2107/704;min-height:240px;isolation:isolate}
.ms-premium-slide{position:absolute;inset:0;opacity:0;transform:translateX(3%);transition:opacity .7s ease,transform .7s ease;pointer-events:none;visibility:hidden}
.ms-premium-slide.is-active{opacity:1;transform:translateX(0);pointer-events:auto;visibility:visible;z-index:1}
.ms-premium-img{width:100%;height:100%;object-fit:fill;display:block}
.ms-premium-overlay{position:absolute;z-index:2;top:8%;left:4%;width:48%;max-width:780px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.1vw,16px);color:#074b33}
.ms-premium-overlay h1{font-size:clamp(20px,3.1vw,58px)!important;line-height:1.2!important;margin:0!important;color:#075438!important;text-shadow:0 2px 8px #ffffffc9;font-weight:900!important}
.ms-premium-overlay p{font-size:clamp(12px,1.45vw,25px);margin:0;font-weight:700;text-shadow:0 1px 7px white}
.ms-premium-kicker{font-weight:900;font-size:clamp(11px,1.4vw,23px)}
.ms-premium-offers{display:flex;align-items:center;gap:8px;font-weight:900;font-size:clamp(11px,1.25vw,23px)}
.ms-premium-offers b{background:#05764c;color:white;border-radius:9px;padding:3px 12px;font-size:clamp(18px,2.6vw,44px)}
.ms-premium-offers .ms-premium-red{background:#c71932}
.ms-premium-overlay a{display:inline-flex;text-decoration:none;background:#006d49;color:#fff;padding:clamp(8px,1vw,16px) clamp(14px,2vw,36px);border-radius:11px;font-weight:900;font-size:clamp(12px,1.25vw,21px);box-shadow:0 7px 22px #003e2b38}
.ms-premium-slide.is-active .ms-premium-overlay>*{animation:ms-premium-text 5s ease-in-out both infinite}
.ms-premium-slide.is-active .ms-premium-overlay>*:nth-child(2){animation-delay:.12s}
.ms-premium-slide.is-active .ms-premium-overlay>*:nth-child(3){animation-delay:.24s}
.ms-premium-slide.is-active .ms-premium-overlay>*:nth-child(4){animation-delay:.36s}
.ms-premium-slide.is-active .ms-premium-overlay>*:nth-child(5){animation-delay:.48s}
@keyframes ms-premium-text{0%,7%{opacity:0;transform:translateY(12px)}18%,78%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(-8px)}}
.ms-premium-image-link{position:absolute;inset:0;z-index:2}
.ms-premium-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:0;border-radius:50%;background:#00583fdc;color:white;width:clamp(34px,3.7vw,58px);height:clamp(34px,3.7vw,58px);font-size:22px;cursor:pointer}
.ms-premium-prev{left:1.4%}.ms-premium-next{right:1.4%}
.ms-premium-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:9px;direction:ltr}
.ms-premium-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ffffffb0;cursor:pointer;padding:0;box-shadow:0 1px 4px #0005}
.ms-premium-dots button.is-active{background:#06764b;width:24px;border-radius:10px}
.ms-v3 .ms-v3-perks{max-width:1280px;margin:20px auto 42px;padding:0 24px}
@media(max-width:700px){.ms-premium-carousel{aspect-ratio:2107/704;min-height:135px}.ms-premium-overlay{top:4%;left:4%;width:51%;gap:2px}.ms-premium-kicker{font-size:8px}.ms-premium-offers{font-size:8px;gap:3px}.ms-premium-offers b{font-size:11px;padding:1px 4px;border-radius:4px}.ms-premium-overlay h1{font-size:clamp(11px,3vw,19px)!important}.ms-premium-overlay p{font-size:8px;line-height:1.2}.ms-premium-overlay a{font-size:9px;padding:5px 8px;border-radius:5px}.ms-premium-arrow{width:26px;height:26px;font-size:13px}.ms-premium-dots{bottom:5px;gap:5px}.ms-premium-dots button{width:6px;height:6px}.ms-premium-dots button.is-active{width:14px}}
@media(prefers-reduced-motion:reduce){.ms-premium-slide{transition:none}.ms-premium-slide.is-active .ms-premium-overlay>*{animation:none!important}}

/* Clear white copy over the original green hero */
.ms-premium-overlay{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.ms-premium-overlay h1,.ms-premium-overlay p,.ms-premium-kicker,.ms-premium-offers>span{color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.85)!important}
.ms-premium-overlay a:hover,.ms-premium-overlay a:focus-visible{background:#c92236!important;color:#fff!important}

/* Persistent, gently animated discount badges on BOTH hero slides. */
.ms-premium-slide.is-active .ms-premium-overlay>.ms-premium-offers {
 animation:none!important;opacity:1!important;transform:none!important;
}
.ms-premium-offers b{
 display:inline-block;opacity:1!important;
 animation:ms-discount-soft-glow 2.8s ease-in-out infinite!important;
 will-change:transform;transform-origin:center;
}
.ms-premium-offers b.ms-premium-red{animation-delay:1.4s!important}
@keyframes ms-discount-soft-glow{
 0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.14)}
 50%{transform:scale(1.045);box-shadow:0 8px 20px rgba(0,0,0,.23)}
}
.ms-premium-offers-second{
 position:absolute;z-index:3;top:8%;right:4%;display:flex;gap:10px;
 pointer-events:none;direction:ltr;
}
.ms-premium-offers-second b{background:#05764c;color:white;border-radius:10px;padding:5px 12px;font-size:clamp(18px,2.5vw,38px);font-weight:900;text-shadow:0 2px 4px #0007}
.ms-premium-offers-second b.ms-premium-red{background:#c71932}
@media(max-width:700px){
 .ms-premium-offers-second{top:5%;right:3%;gap:4px}
 .ms-premium-offers-second b{font-size:clamp(11px,3vw,17px);padding:2px 5px;border-radius:5px}
}
@media(prefers-reduced-motion:reduce){.ms-premium-offers b{animation:none!important;transform:none!important}}

/* Fast transitions, animated text on the second slide; discounts always visible. */
.ms-premium-slide{transition:opacity .38s ease-out,transform .38s ease-out!important;transform:translateX(5%)}
.ms-premium-slide.is-active{transform:translateX(0)}
.ms-premium-slide:nth-child(2) .ms-premium-img{object-fit:fill}
.ms-second-copy{position:absolute;z-index:3;left:3.8%;top:12%;width:43%;height:auto;max-width:660px;box-sizing:border-box;padding:clamp(12px,2vw,30px);border-radius:clamp(10px,1.4vw,22px);background:linear-gradient(120deg,rgba(0,64,45,.94),rgba(0,75,52,.88));box-shadow:0 14px 40px #001e1d60;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(5px,.85vw,12px);pointer-events:none}
.ms-second-copy .ms-second-kicker{font-weight:800;color:#e6f7ec;font-size:clamp(10px,1.25vw,20px)}
.ms-second-copy h2{font-size:clamp(17px,2.8vw,46px)!important;color:#fff!important;font-weight:900!important;line-height:1.25!important;margin:0!important;text-shadow:0 2px 6px #002b1b}
.ms-second-copy p{font-size:clamp(11px,1.45vw,23px);font-weight:700;line-height:1.5;color:#fff;margin:0}
.ms-second-cta{display:inline-block;background:#c91d35;color:#fff;border-radius:9px;padding:clamp(5px,.75vw,12px) clamp(9px,1.5vw,22px);font-weight:900;font-size:clamp(10px,1.25vw,20px)}
.ms-premium-slide.is-active .ms-second-copy>*{animation:msSecondText 3.5s ease-in-out infinite both}
.ms-premium-slide.is-active .ms-second-copy>*:nth-child(2){animation-delay:.12s}
.ms-premium-slide.is-active .ms-second-copy>*:nth-child(3){animation-delay:.24s}
.ms-premium-slide.is-active .ms-second-copy>*:nth-child(4){animation-delay:.36s}
@keyframes msSecondText{0%,7%{opacity:0;transform:translateY(14px)}18%,76%{opacity:1;transform:translateY(0)}90%,100%{opacity:0;transform:translateY(-10px)}}
.ms-premium-offers-second{z-index:4}
.ms-premium-image-link{z-index:2}
@media(max-width:700px){.ms-second-copy{top:9%;left:3%;width:47%;padding:5px 6px;border-radius:7px;gap:2px}.ms-second-copy .ms-second-kicker{font-size:7px}.ms-second-copy h2{font-size:clamp(10px,3vw,16px)!important}.ms-second-copy p{font-size:7px;line-height:1.2}.ms-second-cta{font-size:7px;padding:3px 6px;border-radius:4px}.ms-premium-offers-second{right:3%;top:4%}}
@media(prefers-reduced-motion:reduce){.ms-premium-slide.is-active .ms-second-copy>*{animation:none!important;opacity:1!important;transform:none!important}}

/* No extra panel on second slide: original artwork remains unobscured. */
.ms-v3 .ms-second-copy{display:none!important}
.ms-v3 .ms-premium-slide:nth-child(2) .ms-premium-offers-second{z-index:3;top:4%;right:3%;}
/* Full-bleed carousel and comfortable mobile navigation controls. */
.ms-v3 .ms-premium-carousel{width:100%;max-width:100%;overflow:hidden}
.ms-v3 .ms-premium-arrow{background:#006b49;color:#fff;border:2px solid #fff;box-shadow:0 4px 16px #001d1540;transition:background .2s,transform .2s}
.ms-v3 .ms-premium-arrow:hover,.ms-v3 .ms-premium-arrow:focus-visible{background:#c71932;outline:2px solid #fff;outline-offset:2px}
@media(max-width:700px){.ms-v3 .ms-premium-arrow{width:34px;height:34px;min-width:34px;min-height:34px;font-size:18px}.ms-v3 .ms-premium-dots button{width:10px;height:10px}.ms-v3 .ms-premium-dots button.is-active{width:23px}}
