/* Nov 10: final user-requested layout fixes. Existing product pages unchanged. */
/* Cart: slightly taller than half of phone height, not a full-screen sheet. */
#cart-drawer.drawer{
  top:auto!important;bottom:12px!important;right:14px!important;
  width:min(390px,calc(100vw - 28px))!important;
  height:min(65dvh,610px)!important;
  max-height:calc(100dvh - 30px)!important;
  border-radius:20px!important;overflow:hidden!important;
  display:flex;flex-direction:column;
}
@media(max-width:600px){
 #cart-drawer.drawer{
  top:auto!important;bottom:12px!important;right:14px!important;
  width:calc(100vw - 28px)!important;
  height:min(64dvh,560px)!important;
  max-height:calc(100dvh - 30px)!important;
  border-radius:19px!important;
 }
}
#cart-drawer.drawer[hidden]{display:none!important}
#cart-drawer .php-drawer-items{overflow-y:auto;overscroll-behavior:contain}
/* Natural, attractive (not italic) Daily Deals lettering. */
.deals-section .deals-title{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(16px,4.3vw,20px)!important;
  font-style:normal!important;
  font-weight:800!important;
  color:#7b1a69!important;
  letter-spacing:-.2px!important;
  text-shadow:none!important;
  line-height:1.25!important;
}
.deals-section .deals-lightning{margin-left:4px}
/* One continuous strip, just beneath the banner; no hover/interaction pause. */
.daily-offer-ticker{overflow:hidden;contain:paint}
.daily-offer-ticker-track{
  display:flex;width:max-content;gap:0;
  animation:daily-offer-scroll 19s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform;
}
.daily-offer-ticker-track>span{flex:0 0 auto}
@keyframes daily-offer-scroll{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}
/* Diwali banner: always landscape on mobile (products remain real store images). */
@media(max-width:700px){
 .diwali-promo-inner{
  display:grid!important;grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
  align-items:center;column-gap:0;box-sizing:border-box;
  height:clamp(193px,54vw,266px)!important;min-height:0!important;
  padding:12px 12px 12px 14px!important;
 }
 .diwali-promo-inner:before{inset:6px!important}
 .diwali-promo-inner:after{top:7px!important}
 .dw-copy{text-align:left!important;min-width:0;max-width:100%!important}
 .dw-topline{font-size:clamp(6px,1.7vw,9px)!important;letter-spacing:.12em!important;gap:3px!important;margin:0 0 7px!important}
 .dw-copy h1{margin:0 0 9px!important;gap:0!important;line-height:.95!important}
 .dw-copy h1>span{font-size:clamp(24px,7.4vw,43px)!important;letter-spacing:-.055em!important}
 .dw-copy h1>strong{font-size:clamp(12.5px,3.6vw,22px)!important;letter-spacing:-.03em!important;margin-top:3px!important;white-space:nowrap}
 .dw-offer{padding:6px 9px 7px!important;border-radius:6px!important;max-width:100%;box-sizing:border-box}
 .dw-offer small{font-size:clamp(5.8px,1.45vw,8px)!important;letter-spacing:.12em!important;margin-bottom:3px!important}
 .dw-offer>div{font-size:clamp(14px,4.1vw,22px)!important;letter-spacing:-.055em!important}
 .dw-offer-note{font-size:clamp(7px,1.95vw,10px)!important;line-height:1.3!important;margin:8px 0!important}
 .dw-shop{padding:7px 11px!important;font-size:clamp(7px,1.9vw,10px)!important;gap:9px!important;white-space:nowrap}
 .dw-shop span{font-size:14px!important}
 .dw-collection{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;align-self:stretch}
 .dw-product{width:38%!important;height:72%!important;top:15%!important;border-width:2px!important;border-radius:8px!important}
 .dw-product-1{left:0%!important}
 .dw-product-2{left:31%!important;top:6%!important;height:87%!important}
 .dw-product-3{left:63%!important}
 .dw-image-label{font-size:clamp(4.6px,1.3vw,6px)!important;letter-spacing:0!important;padding:4px 0!important}
 .dw-gold-halo{width:70%!important;height:77%!important;left:15%!important;top:10%!important}
 .dw-lamp{scale:.42!important;bottom:0!important}
 .dw-lamp-left{left:-15px!important}.dw-lamp-right{right:-15px!important}
 .dw-firework{scale:.47!important}
 .dw-firework-one{right:-6%!important;top:-12%!important}.dw-firework-two{left:29%!important;bottom:-24%!important}
 .dw-floating-star{font-size:20px!important}
}
@media(max-width:350px){
 .diwali-promo-inner{grid-template-columns:minmax(0,57%) minmax(0,43%)!important;padding-left:10px!important;padding-right:8px!important}
 .dw-topline{margin-bottom:5px!important}
 .dw-copy h1{margin-bottom:7px!important}
 .dw-offer-note{margin:6px 0!important}
}
/* Diwali lights, jackets and offer run in a self-contained local CSS banner.
   The effect needs no third-party JS or external animation host. */