/* HOME: responsive landscape premium festive slider, isolated from older banner styles. */
.sale-hero{position:relative;isolation:isolate;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);align-items:center;overflow:hidden;min-height:320px;padding:32px clamp(22px,4vw,60px);background:radial-gradient(circle at 79% 46%,#c653a24a 0,transparent 31%),radial-gradient(circle at -4% 5%,#e4889b33 0,transparent 36%),linear-gradient(116deg,#2c092d 0%,#6e1a64 50%,#280b45 100%);color:#fffaf8;border-top:3px solid #f7ba6b;border-bottom:3px solid #dd9d64;box-shadow:inset 0 0 0 1px #ffe9ad19;font-family:Arial,Helvetica,sans-serif}
.sale-hero:before{content:"";position:absolute;inset:9px;border:1px solid #ffdd9440;border-radius:16px;pointer-events:none}
.sale-hero-waves{position:absolute;inset:-70%;z-index:-1;border:1px solid #ffdcaf1c;border-radius:45%;background:repeating-radial-gradient(ellipse at 55% 45%,#f7bc7312 0 1px,transparent 2px 42px);animation:saleOrbit 32s linear infinite}
.sale-hero-shine{pointer-events:none;position:absolute;top:-65%;left:-60%;width:26%;height:250%;transform:rotate(21deg);background:linear-gradient(90deg,transparent,#ffe4af14,#fff4ca44,#ffe4af14,transparent);animation:saleLightPass 10s ease-in-out infinite}
.sale-copy{position:relative;z-index:5;min-width:0;padding:4px 4px 4px 0}
.sale-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffe7b0;letter-spacing:.19em;font-size:10px;font-weight:900;margin-bottom:16px;white-space:nowrap}
.sale-eyebrow-glow,.sale-live-dot{width:7px;height:7px;background:#ffdb72;border-radius:50%;box-shadow:0 0 0 4px #fff3b525,0 0 10px #fcd671;animation:salePulse 2s ease-in-out infinite}
.sale-copy h1{font-weight:1000;letter-spacing:-.055em;line-height:1.01;margin:0 0 18px;display:flex;flex-direction:column;text-transform:uppercase;filter:drop-shadow(0 5px 14px #26092870)}
.sale-copy h1 span{color:#fff7f8;font-size:clamp(27px,4.15vw,58px)}
.sale-copy h1 strong{font-size:clamp(28px,4.55vw,64px);color:#ffdc91;background:linear-gradient(100deg,#ffbf65,#fff5cb,#eeb566);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.sale-offer-panel{display:flex;align-items:flex-start;flex-direction:column;gap:4px;width:max-content;max-width:100%;background:linear-gradient(120deg,#fff8e9 0%,#f9d792 53%,#f4ba71 100%);border:1px solid #fff7b9;border-radius:11px;padding:12px 17px;color:#6f164e;box-shadow:0 8px 0 #70214455,0 13px 23px #17032147;transform:rotate(-1.5deg)}
.sale-offer-panel>span{font-weight:900;font-size:9px;letter-spacing:.14em;white-space:nowrap}
.sale-offer-panel>b{font-size:clamp(20px,3vw,38px);white-space:nowrap;line-height:1.03;letter-spacing:-.055em;font-weight:1000}
.sale-offer-panel em{font-style:normal;color:#b80e79}
.sale-copy p{font-size:12px;margin:19px 0 16px;color:#ffe2dd;line-height:1.35}
.sale-shop-now{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 21px;border-radius:99px;border:1px solid #ffffffb8;background:#fff;color:#802067;text-decoration:none;font-weight:950;letter-spacing:.075em;font-size:12px;box-shadow:0 8px 22px #1c092e66;transition:transform .2s,background .2s;white-space:nowrap}
.sale-shop-now:hover{transform:translateY(-2px);background:#fff5e2}.sale-shop-now:focus-visible,.sale-style-card:focus-visible{outline:3px solid #ffe39d;outline-offset:2px}
.sale-shop-now span{font-size:17px}
.sale-stage{height:270px;min-width:0;position:relative;z-index:3;display:block}
.sale-stage-glow{position:absolute;inset:10% 9%;border-radius:50%;background:radial-gradient(circle,#fbd4a669,transparent 69%);filter:blur(10px);animation:saleHalo 4s ease-in-out infinite}
.sale-stage-ring{position:absolute;left:20%;top:8%;width:60%;height:84%;border:1px dashed #ffd4a97a;border-radius:50%;box-shadow:0 0 0 12px #f4c18610,0 0 0 30px #edb7770b;animation:saleOrbit 32s linear infinite}
.sale-style-card{box-sizing:border-box;position:absolute;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none;color:#681943;z-index:4;background:#fff9f6;border:3px solid #fff6e0;border-radius:15px;box-shadow:0 12px 23px #18052176,0 0 0 1px #edc79da6;will-change:transform;transition:border-color .25s,box-shadow .25s}
.sale-style-card-1{left:3%;top:18%;width:37%;height:73%;animation:saleFloatLeft 3.3s ease-in-out infinite}
.sale-style-card-2{left:32%;top:4%;width:40%;height:92%;z-index:6;box-shadow:0 17px 32px #1f052b99,0 0 22px #ffe6a55e;animation:saleFloatCenter 3.8s ease-in-out infinite}
.sale-style-card-3{left:67%;top:18%;width:35%;height:73%;animation:saleFloatRight 3.6s ease-in-out infinite}
.sale-style-card .sale-style-image{flex:1;min-height:0;width:100%;background:#fffbfa;display:grid;place-items:center;overflow:hidden}
.sale-style-card .sale-style-image img{height:100%;width:100%;display:block;object-fit:contain;transition:opacity .22s ease,scale .45s ease;scale:1}
.sale-style-card.is-switching img{opacity:.26;scale:1.09}
.sale-style-color{box-sizing:border-box;display:block;width:100%;padding:7px 3px 6px;text-align:center;background:linear-gradient(100deg,#fff1ed,#ffe3c4);color:#741c58;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-rotating-badge{position:absolute;z-index:8;top:0;right:0;display:flex;gap:6px;align-items:center;background:#fff9ec;color:#79135e;border:1px solid #f5d6a0;box-shadow:0 4px 14px #2c102644;padding:5px 8px;border-radius:50px;font-size:8px;font-weight:950;letter-spacing:.06em}
.sale-rotating-badge .sale-live-dot{background:#d93278;width:5px;height:5px;box-shadow:0 0 0 3px #ed528327}
.sale-cycle-indicator{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:5px}.sale-cycle-indicator i{width:5px;height:5px;border-radius:50%;background:#ffd7b8;opacity:.65;animation:salePulse 1.8s ease-in-out infinite}.sale-cycle-indicator i:nth-child(2){animation-delay:.3s}.sale-cycle-indicator i:nth-child(3){animation-delay:.6s}
.sale-star{position:absolute;z-index:2;color:#ffdd83;text-shadow:0 0 18px #ffd27a;animation:saleTwinkle 2.6s ease-in-out infinite;pointer-events:none}.sale-star-1{font-size:26px;right:9%;top:5%}.sale-star-2{font-size:18px;right:42%;bottom:4%;animation-delay:-.7s}.sale-star-3{font-size:19px;left:2%;bottom:8%;animation-delay:-1.3s}
/* Seamless: two identically sized groups. One full group travels per loop, so no reset gap. */
.sale-ticker{position:relative;z-index:1;overflow:hidden;max-width:100%;padding:9px 0;background:linear-gradient(90deg,#901c7d,#ba317c 48%,#82165e);color:#fff;border-bottom:2px solid #f6bf70;box-shadow:0 3px 10px #4215481c}
.sale-ticker:before,.sale-ticker:after{position:absolute;content:"";width:26px;top:0;bottom:0;z-index:2;pointer-events:none}.sale-ticker:before{left:0;background:linear-gradient(90deg,#911b7c,transparent)}.sale-ticker:after{right:0;background:linear-gradient(270deg,#82165e,transparent)}
.sale-ticker-rail{display:flex;gap:0;align-items:center;width:max-content;min-width:max-content;animation:saleTickerFlow 22s linear infinite;animation-play-state:running;will-change:transform;transform:translate3d(0,0,0)}
.sale-ticker-group{display:flex;align-items:center;gap:0;flex:0 0 auto;white-space:nowrap}.sale-ticker-group>span{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;padding-right:22px;font-weight:850;font-size:11px;letter-spacing:.09em}.sale-ticker-group strong{font-weight:1000;color:#ffe89c}.sale-ticker-group b{font-weight:850}.sale-ticker-group i{font-size:10px;font-style:normal;color:#ffd58c}
@keyframes saleTickerFlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes saleOrbit{to{transform:rotate(360deg)}}@keyframes saleHalo{50%{transform:scale(1.16);opacity:.67}}@keyframes salePulse{50%{opacity:.3;transform:scale(.8)}}@keyframes saleTwinkle{50%{opacity:.25;transform:scale(.67) rotate(15deg)}}@keyframes saleLightPass{0%,18%{left:-60%}47%,100%{left:150%}}
@keyframes saleFloatLeft{0%,100%{transform:rotate(-9deg) translateY(7px)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes saleFloatCenter{0%,100%{transform:rotate(1deg) translateY(-7px)}50%{transform:rotate(-3deg) translateY(7px)}}@keyframes saleFloatRight{0%,100%{transform:rotate(9deg) translateY(7px)}50%{transform:rotate(4deg) translateY(-8px)}}
@media(max-width:700px){
.sale-hero{min-height:0;height:clamp(205px,57vw,267px);grid-template-columns:minmax(0,53%) minmax(0,47%);gap:0;padding:12px 10px 11px 14px;border-top-width:2px;border-bottom-width:2px}
.sale-hero:before{inset:5px;border-radius:8px}.sale-copy{padding:0 2px 0 0}
.sale-eyebrow{font-size:clamp(6px,1.65vw,9px);gap:5px;letter-spacing:.095em;margin-bottom:10px}.sale-eyebrow-glow{width:5px;height:5px}
.sale-copy h1{margin:0 0 12px;line-height:1.05;letter-spacing:-.055em}.sale-copy h1 span{font-size:clamp(18px,5.2vw,31px)}.sale-copy h1 strong{font-size:clamp(17px,5.05vw,30px)}
.sale-offer-panel{padding:7px 8px 8px;border-radius:7px;gap:2px;transform:rotate(-1deg);box-shadow:0 4px 0 #70214455,0 8px 14px #17032135}
.sale-offer-panel>span{font-size:clamp(5.5px,1.5vw,8px)}.sale-offer-panel>b{font-size:clamp(14px,3.95vw,23px)}
.sale-copy p{font-size:clamp(7px,1.85vw,10px);line-height:1.2;margin:12px 0 9px;max-width:200px}
.sale-shop-now{font-size:clamp(8px,2.1vw,10px);padding:7px 10px;gap:12px}.sale-shop-now span{font-size:13px}
.sale-stage{height:100%;min-height:0;width:100%;align-self:stretch}.sale-style-card{border-width:2px;border-radius:9px}
.sale-style-card-1{left:0;top:23%;width:42%;height:63%}.sale-style-card-2{left:28%;top:9%;width:46%;height:83%}.sale-style-card-3{left:68%;top:23%;width:34%;height:63%}
.sale-style-color{padding:4px 1px 3px;font-size:clamp(5px,1.4vw,7px);letter-spacing:0}.sale-rotating-badge{top:2px;right:-1px;font-size:clamp(5px,1.3vw,7px);padding:4px 5px;gap:4px}.sale-rotating-badge .sale-live-dot{width:4px;height:4px}
.sale-cycle-indicator{bottom:3px}.sale-stage-ring{top:17%;height:62%}.sale-star-1{top:3%;right:4%;font-size:16px}.sale-star-2{font-size:13px}.sale-star-3{font-size:12px}
.sale-ticker{padding:7px 0}.sale-ticker-group>span{font-size:10px;gap:9px;padding-right:18px}
}
@media(max-width:360px){.sale-hero{height:207px;grid-template-columns:minmax(0,55%) minmax(0,45%);padding-left:10px;padding-right:7px}.sale-copy h1 span{font-size:18px}.sale-copy h1 strong{font-size:17px}.sale-offer-panel>b{font-size:14px}.sale-eyebrow{margin-bottom:7px}.sale-copy p{margin:10px 0 9px}.sale-stage .sale-style-card-2{left:27%;width:47%}}

/* Mobile-only text clarity: preserve the banner layout while avoiding soft,
   transformed type and GPU-composited ticker glyphs. */
@keyframes saleTickerFlowMobile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){
.sale-copy,.sale-copy *{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.sale-copy h1{filter:none;text-shadow:0 2px 5px #26092870}
.sale-offer-panel{transform:none}
.sale-offer-panel>span{font-size:clamp(7px,1.75vw,9px);letter-spacing:.1em;line-height:1.2}
.sale-offer-panel>b{font-size:clamp(15px,4.15vw,23px);font-weight:1000;letter-spacing:-.02em;line-height:1.08}
.sale-ticker-rail{animation-name:saleTickerFlowMobile;will-change:auto}
.sale-ticker-group>span{font-size:11px;font-weight:900;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.sale-ticker-group strong{font-weight:1000;text-shadow:0 1px 0 #6e174f}
}
/* Heart stays on photo, top RIGHT for every card, suggestions, wishlist and PDP. */
.product-card .product-heart{left:auto!important;right:9px!important;top:9px!important}
.product-gallery .pdp-product-heart{left:auto!important;right:15px!important;top:14px!important}
@media(max-width:400px){.product-card .product-heart{right:7px!important;top:7px!important}}
/* Cart is medium-large, from the very top; ONLY horizontal spacing. */
#cart-drawer.drawer{position:fixed!important;top:0!important;bottom:auto!important;left:auto!important;right:20px!important;width:min(430px,calc(100vw - 40px))!important;height:min(79dvh,700px)!important;max-height:100dvh!important;min-height:0!important;border:1px solid #e9d8ed!important;border-top:0!important;border-radius:0 0 22px 22px!important;overflow:hidden!important;box-shadow:0 15px 48px #18051d54!important}
#cart-drawer.drawer[hidden]{display:none!important}
#cart-drawer #drawer-content{min-height:0!important;flex:1;display:flex;flex-direction:column;overflow:hidden}
#cart-drawer #drawer-content .php-drawer-items{flex:1;min-height:0;overflow-y:auto}
@media(max-width:600px){#cart-drawer.drawer{top:0!important;bottom:auto!important;right:24px!important;left:auto!important;width:calc(100vw - 48px)!important;height:79dvh!important;max-height:100dvh!important;border-radius:0 0 20px 20px!important}}
/* Do not disable this requested banner/ticker in a generic old reduced-motion rule. */