/*@import "parade_deals_carousel_11-2_keith/entry.scss";*/
/*
font-family:'macys_symbology','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Macys Sans Regular','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Macys Sans Medium','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Macys Sans XBold','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Ramillas Regular', Didot, Georgia, Times, serif;
font-family:'Helvetica Neue LT Std 75 Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Helvetica Neue LT Std 76 Bold Italic','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Helvetica Neue LT Std 55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Helvetica Neue LT Std 65 Medium','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Helvetica Neue LT Std 25 Ultra Light','Helvetica Neue', Helvetica, Arial, sans-serif;
font-family:'Carrig Pro Black Italic','Helvetica Neue', Helvetica, Arial, sans-serif;
*/
.symbols {
  font-family: "macys_symbology";
}

@font-face {
  font-family: "Ramillas Regular";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff");
}
@font-face {
  font-family: "Ramillas Medium";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasMedium500.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasMedium500.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasMedium500.woff") format("woff");
}
@font-face {
  font-family: "Ramillas Bold";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff") format("woff");
}
@font-face {
  font-family: "macys_symbology";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.eot");
  src: url("//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.eot?#iefix") format("embedded-opentype"), url("//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.woff") format("woff"), url("//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.ttf") format("truetype"), url("//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.svg") format("svg");
}
@font-face {
  font-family: "TT Ramillas ExtraLight";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff") format("woff");
}
@font-face {
  font-family: "TT Ramillas ExtraLight Italic";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Regular";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Medium";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Bold";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans XBold";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff") format("woff");
}
body.noscroll {
  overflow: hidden;
}

#campaign.want-overlay .overlay {
  display: block;
}
#campaign .overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  cursor: pointer;
}
#campaign .overlay .add-to-calendar {
  width: 300px;
  height: 263px;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  display: flex;
  box-shadow: 0 0 8px 8 pxrgba(0, 0, 0, 0.1);
  background-position: 0 6px;
  background-image: url(https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/email.svg);
  background-size: cover;
  z-index: 5;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  align-items: center;
}
@media only screen and (max-width: 751px) {
  #campaign .overlay .add-to-calendar {
    width: 64vw;
    height: 61.3333333333vw;
  }
}
#campaign .overlay .add-to-calendar .bar {
  width: 100%;
  height: 36px;
  z-index: -1;
  cursor: pointer;
  display: block;
  margin: 0 0 2px;
  padding: 0;
  border: 0;
}
@media only screen and (max-width: 751px) {
  #campaign .overlay .add-to-calendar .bar {
    height: 8.4vw;
  }
}
#campaign .overlay .add-to-calendar .bar:hover {
  background-color: rgba(0, 0, 0, 0.025);
}

@font-face {
  font-display: swap;
  font-family: "ramillas-medium";
  src: url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.eot?#iefix") format("eot"), url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.woff2") format("woff2"), url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.woff") format("woff");
}
#parade-deals-today-carousel .ramillas-medium {
  font-family: "Ramillas Medium", serif, sans-serif;
}
#parade-deals-today-carousel .ramillas-bold {
  font-family: "TT Ramillas Regular", serif, sans-serif;
}
#parade-deals-today-carousel .macys-bold {
  font-weight: 700;
}
#parade-deals-today-carousel .macys-medium {
  font-weight: 500;
}
#parade-deals-today-carousel .desktop-h1 {
  font-size: 55px;
  line-height: 1;
  letter-spacing: -0.027em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h1 {
    font-size: calc(55 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-h2 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -1.5px;
  margin: 0 0 8px 0;
  font-family: "Macys Sans Medium", sans-serif;
}
#parade-deals-today-carousel .desktop-h2 sup {
  font-size: 27px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h2 sup {
    font-size: calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-h2 sup {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h2 {
    font-size: calc(45 / 1440 * 100vw);
    margin: 0 0 calc(4 / 375 * 100vw) 0;
  }
}
#parade-deals-today-carousel .desktop-p2 {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
#parade-deals-today-carousel .desktop-p2 a {
  color: #000000 !important;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-p2 {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-p2 {
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(12 / 375 * 100vw);
    /*font-size: get-dt-vw(14);*/
  }
}
#parade-deals-today-carousel .desktop-h5 {
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h5 {
    font-size: calc(25 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.014em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h6 {
    font-size: calc(18 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-medium-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-medium-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-medium-14 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-medium-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-reg-16 {
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-reg-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-reg-14 {
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-reg-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-smaller {
    margin: calc(4 / 375 * 100vw) 0;
    font-size: calc(13 / 375 * 100vw);
    display: inline-block;
    letter-spacing: -0.1vw;
  }
}
#parade-deals-today-carousel .mobile-p2 {
  font-family: "Macys Sans Medium", sans-serif, serif;
}
#parade-deals-today-carousel .mobile-p2 a {
  color: #000 !important;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-p2 {
    font-size: calc(11 / 375 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-h2 {
    font-size: calc(23 / 375 * 100vw);
    line-height: 0.9;
    letter-spacing: -0.25vw;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-h3 {
    font-size: calc(25 / 375 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-14 {
    font-weight: 400;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.1428571429;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-12 {
    font-weight: 400;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-10 {
    font-weight: 400;
    font-size: calc(10 / 375 * 100vw);
    line-height: 1.2;
  }
}
#parade-deals-today-carousel .link-underline {
  text-decoration: underline;
  display: inline-block;
}
#parade-deals-today-carousel .slideshow-cta {
  border-radius: 0.36em;
  background-color: #fff;
  padding: 0.57em 1.14em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
  color: #fff;
  background-color: #E01A2B;
  display: flex;
  align-content: center;
  justify-content: center;
  letter-spacing: 0;
  text-align: center;
  font-family: "Macys Sans Medium", serif;
  font-weight: 100;
}
#parade-deals-today-carousel .slideshow-cta:hover {
  background-color: #000;
  color: #fff;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow-cta {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow-cta {
    padding: calc(7 / 375 * 100vw) calc(16 / 375 * 100vw) calc(6 / 375 * 100vw) calc(16 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
    white-space: nowrap;
    position: absolute;
    bottom: 25px;
    font-size: 12px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
#parade-deals-today-carousel .slideshow-dotwhack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.9444444444;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow-dotwhack {
    width: calc(112 / 1440 * 100vw);
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow-dotwhack {
    width: calc(62 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .percent-sign {
  width: 0.612em;
  margin-left: 0.05em;
  transform: translateY(-0.1em);
}
#parade-deals-today-carousel .button-deals {
  height: 32px;
  width: 135px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 2.3;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .button-deals {
    width: calc(135 / 1440 * 100vw);
    height: calc(32 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .button-deals {
    width: calc(108 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .headline-red {
  color: #E01A2B;
}
#parade-deals-today-carousel * {
  box-sizing: border-box;
}
#parade-deals-today-carousel figure {
  margin: 0;
}
#parade-deals-today-carousel picture {
  display: block;
  width: 100%;
}
#parade-deals-today-carousel img {
  width: 100%;
}
#parade-deals-today-carousel p {
  margin: 0;
}
#parade-deals-today-carousel a {
  display: block;
  margin: 0;
  text-decoration: none;
  text-transform: none;
}
#parade-deals-today-carousel .mobile-only {
  display: none;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-only {
    display: block;
  }
}
#parade-deals-today-carousel .desktop-only {
  display: block;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-only {
    display: none;
  }
}
#parade-deals-today-carousel {
  overflow: hidden;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel {
    max-width: calc(335 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .slideshow_wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  outline: 0;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_wrap {
    padding-bottom: 24px;
  }
}
#parade-deals-today-carousel .slideshow_wrap.flickity-enabled {
  display: block;
}
#parade-deals-today-carousel .slideshow_wrap:not(.flickity-enabled) .slideshow_cell {
  margin: 0;
}
#parade-deals-today-carousel .ramillas-medium {
  font-family: "Ramillas Medium", serif, sans-serif;
}
#parade-deals-today-carousel .ramillas-bold {
  font-family: "TT Ramillas Regular", serif, sans-serif;
}
#parade-deals-today-carousel .macys-bold {
  font-weight: 700;
}
#parade-deals-today-carousel .macys-medium {
  font-weight: 500;
}
#parade-deals-today-carousel .desktop-h1 {
  font-size: 55px;
  line-height: 1;
  letter-spacing: -0.027em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h1 {
    font-size: calc(55 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-h2 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -1.5px;
  margin: 0 0 8px 0;
  font-family: "Macys Sans Medium", sans-serif;
}
#parade-deals-today-carousel .desktop-h2 sup {
  font-size: 27px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h2 sup {
    font-size: calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-h2 sup {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h2 {
    font-size: calc(45 / 1440 * 100vw);
    margin: 0 0 calc(4 / 375 * 100vw) 0;
  }
}
#parade-deals-today-carousel .desktop-p2 {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
#parade-deals-today-carousel .desktop-p2 a {
  color: #000000 !important;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-p2 {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-p2 {
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(12 / 375 * 100vw);
    /*font-size: get-dt-vw(14);*/
  }
}
#parade-deals-today-carousel .desktop-h5 {
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h5 {
    font-size: calc(25 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.014em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-h6 {
    font-size: calc(18 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-medium-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-medium-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-medium-14 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-medium-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-reg-16 {
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-reg-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .desktop-body-reg-14 {
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .desktop-body-reg-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-smaller {
    margin: calc(4 / 375 * 100vw) 0;
    font-size: calc(13 / 375 * 100vw);
    display: inline-block;
    letter-spacing: -0.1vw;
  }
}
#parade-deals-today-carousel .mobile-p2 {
  font-family: "Macys Sans Medium", sans-serif, serif;
}
#parade-deals-today-carousel .mobile-p2 a {
  color: #000 !important;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-p2 {
    font-size: calc(11 / 375 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-h2 {
    font-size: calc(23 / 375 * 100vw);
    line-height: 0.9;
    letter-spacing: -0.25vw;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-h3 {
    font-size: calc(25 / 375 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-14 {
    font-weight: 400;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.1428571429;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-12 {
    font-weight: 400;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .mobile-body-reg-10 {
    font-weight: 400;
    font-size: calc(10 / 375 * 100vw);
    line-height: 1.2;
  }
}
#parade-deals-today-carousel .link-underline {
  text-decoration: underline;
  display: inline-block;
}
#parade-deals-today-carousel .slideshow-cta {
  border-radius: 0.36em;
  background-color: #fff;
  padding: 0.57em 1.14em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
  color: #fff;
  background-color: #E01A2B;
  display: flex;
  align-content: center;
  justify-content: center;
  letter-spacing: 0;
  text-align: center;
  font-family: "Macys Sans Medium", serif;
  font-weight: 100;
}
#parade-deals-today-carousel .slideshow-cta:hover {
  background-color: #000;
  color: #fff;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow-cta {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow-cta {
    padding: calc(7 / 375 * 100vw) calc(16 / 375 * 100vw) calc(6 / 375 * 100vw) calc(16 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
    white-space: nowrap;
    position: absolute;
    bottom: 25px;
    font-size: 12px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
#parade-deals-today-carousel .slideshow-dotwhack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.9444444444;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow-dotwhack {
    width: calc(112 / 1440 * 100vw);
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow-dotwhack {
    width: calc(62 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .percent-sign {
  width: 0.612em;
  margin-left: 0.05em;
  transform: translateY(-0.1em);
}
#parade-deals-today-carousel .button-deals {
  height: 32px;
  width: 135px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 2.3;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .button-deals {
    width: calc(135 / 1440 * 100vw);
    height: calc(32 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .button-deals {
    width: calc(108 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .headline-red {
  color: #E01A2B;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .desktop-body-reg-16 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1;
    letter-spacing: -0.035em;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow-cta {
    position: absolute;
    bottom: calc(25 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .border {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  border: 12px solid rgb(255, 255, 255);
  pointer-events: none;
  z-index: 20;
}
#parade-deals-today-carousel .slideshow_cell {
  position: relative;
  flex: 0 0 auto;
  max-width: 1440px;
  width: 100%;
  margin: 0 10px;
  background-size: cover;
  background-position: center;
  color: transparent;
  background: linear-gradient(#fff, #F7F3E9);
  background-size: 400%;
  animation: loading 1.2s ease-in-out 10;
  aspect-ratio: 1440/600;
  box-sizing: border-box;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow_cell {
    margin: 0 calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell {
    width: calc(335 / 375 * 100vw);
    margin-left: calc(4 / 375 * 100vw);
    margin-right: calc(4 / 375 * 100vw);
    aspect-ratio: 335/420;
  }
}
#parade-deals-today-carousel .number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 156px;
  height: 156px;
  position: relative;
  border-color: #EEC12B;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  background-color: #F9F6EF;
  z-index: 8;
}
#parade-deals-today-carousel .number-lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #A8784A;
  position: absolute;
  margin: 24px 0 0 64px;
  z-index: 15;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .number-lockup {
    margin: calc(24 / 1440 * 100vw) 0 0 calc(64 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .number-lockup {
    display: none;
  }
}
#parade-deals-today-carousel .number-lockup .month-text {
  font-size: 25px;
  font-weight: 500;
  line-height: 0.7;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .number-lockup .month-text {
    font-size: calc(25 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .number-lockup .bignumber {
  font-size: 75px;
  font-weight: 500;
  line-height: 0.8;
  line-height: 0.7;
  margin: 10px 0 0 0;
  letter-spacing: -3.25px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .number-lockup .bignumber {
    font-size: calc(75 / 1440 * 100vw);
    margin: calc(10 / 1440 * 100vw) 0 0 0;
    letter-spacing: calc(-3.25 / 1440 * 100vw);
  }
}
#parade-deals-today-carousel .carousel_inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#parade-deals-today-carousel .cell-inner {
  pointer-events: none;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 0 0 60px;
  text-align: left;
  color: #000;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .cell-inner {
    padding: 0 0 0 calc(60 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .cell-inner {
    align-items: center;
    justify-content: flex-start;
    padding: calc(21 / 375 * 100vw) 0 0 !important;
    text-align: center;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-summer .cell-inner picture {
  display: inline-block;
  width: 100%;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-summer .cell-inner p:nth-child(1) {
    font-size: calc(25 / 375 * 100vw);
    color: #fff;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-summer .cell-inner p:nth-child(2) {
  margin: 0.48em 0 1.28em;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-summer .cell-inner p:nth-child(2) {
    margin: 0.28em 0 0;
    font-size: calc(18 / 375 * 100vw);
    color: #fff;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner {
    justify-content: flex-start;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(1) {
  margin-bottom: 0.42em;
}
#parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(2) {
  font-size: 65px;
  line-height: 0.7;
  letter-spacing: -0.06em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(2) {
    font-size: calc(65 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(2) {
    font-size: calc(40 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(3) {
  font-size: 30px;
  line-height: 0.7;
  letter-spacing: -0.06em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(3) {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(3) {
    font-size: calc(20 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(4) {
  margin: 1.5em 0 2.29em;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-gss .cell-inner p:nth-child(5) {
    margin-top: 1em;
    font-size: calc(12 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-beauty .cell-inner p:nth-child(1) {
  margin-bottom: 0.78em;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-beauty .cell-inner p:nth-child(1) {
    max-width: 90%;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-outdoor .cell-inner p:nth-child(1) {
    font-size: calc(25 / 375 * 100vw);
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-outdoor .cell-inner p:nth-child(2) {
  margin: 1.2em 0 2.125em;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-outdoor .cell-inner p:nth-child(2) {
    margin-top: 0.5em;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner {
  padding: unset;
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner {
    display: block;
    padding: unset !important;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static {
  display: flex;
  flex-direction: row;
  width: 526px;
  height: 100%;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static {
    width: calc(526 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static > * {
  grid-area: static;
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static .static-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  text-align: left;
  padding: 0 0 0 64px;
  z-index: 10;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static .static-content {
    padding: 0 0 0 calc(64 / 1440 * 100vw);
    /*padding: 0 0 get-dt-vw(175) get-dt-vw(60);*/
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static .static-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: calc(13 / 375 * 100vw) 0 0 0;
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static p:nth-child(2) {
    font-size: calc(10 / 375 * 100vw);
    letter-spacing: 0px;
  }
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .cell-inner .static .slideshow-cta {
  pointer-events: all;
  display: inline-block;
  margin-top: 2.14em;
}
#parade-deals-today-carousel .slideshow_cell.slide-july4th .slide-july4th-bg-link {
  pointer-events: all;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  text-decoration: underline;
}
@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
#parade-deals-today-carousel .flickity-page-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 20px;
  transform: translateX(-50%);
}
@media (min-width: 720px) and (max-width: 1440px) {
  #parade-deals-today-carousel .flickity-page-dots {
    padding-bottom: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #parade-deals-today-carousel .flickity-page-dots {
    padding: 0;
    bottom: -5px;
  }
}
#parade-deals-today-carousel .dot {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  opacity: 1;
}
#parade-deals-today-carousel .dot::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
}
#parade-deals-today-carousel .dot.is-selected::before,
#parade-deals-today-carousel .dot.is-selected::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
  width: 4px;
  height: 12px;
  background: #000;
  border-radius: 0;
}
#parade-deals-today-carousel .dot.is-selected::after {
  left: 9px;
}
#parade-deals-today-carousel .dot.is-selected[data-state=is-paused]::before {
  border-radius: unset;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #000;
}
#parade-deals-today-carousel .dot.is-selected[data-state=is-paused]::after {
  display: none;
}
#parade-deals-today-carousel .video-content-container {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 5;
}
#parade-deals-today-carousel video {
  display: block;
  object-fit: cover;
  width: 101%;
  height: 101%;
}
#parade-deals-today-carousel .video-controls {
  z-index: 4;
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url("https://secure-netstorage.macys.com/social/images/snippet/2024/images/button-play.svg");
  background-repeat: no-repeat;
  pointer-events: all;
}
#parade-deals-today-carousel .video-controls.playing {
  background-image: url("https://secure-netstorage.macys.com/social/images/snippet/2024/images/button-pause.svg");
  pointer-events: all;
}

.ramillas-medium {
  font-family: "Ramillas Medium", serif, sans-serif;
}

.ramillas-bold {
  font-family: "TT Ramillas Regular", serif, sans-serif;
}

.macys-bold {
  font-weight: 700;
}

.macys-medium {
  font-weight: 500;
}

.desktop-h1 {
  font-size: 55px;
  line-height: 1;
  letter-spacing: -0.027em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-h1 {
    font-size: calc(55 / 1440 * 100vw);
  }
}

.desktop-h2 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -1.5px;
  margin: 0 0 8px 0;
  font-family: "Macys Sans Medium", sans-serif;
}
.desktop-h2 sup {
  font-size: 27px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-h2 sup {
    font-size: calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .desktop-h2 sup {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-h2 {
    font-size: calc(45 / 1440 * 100vw);
    margin: 0 0 calc(4 / 375 * 100vw) 0;
  }
}

.desktop-p2 {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
.desktop-p2 a {
  color: #000000 !important;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-p2 {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .desktop-p2 {
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(12 / 375 * 100vw);
    /*font-size: get-dt-vw(14);*/
  }
}

.desktop-h5 {
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-h5 {
    font-size: calc(25 / 1440 * 100vw);
  }
}

.desktop-h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.014em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-h6 {
    font-size: calc(18 / 1440 * 100vw);
  }
}

.desktop-body-medium-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-body-medium-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}

.desktop-body-medium-14 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-body-medium-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}

.desktop-body-reg-16 {
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-body-reg-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}

.desktop-body-reg-14 {
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .desktop-body-reg-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}

@media (max-width: 719px) {
  .mobile-smaller {
    margin: calc(4 / 375 * 100vw) 0;
    font-size: calc(13 / 375 * 100vw);
    display: inline-block;
    letter-spacing: -0.1vw;
  }
}

.mobile-p2 {
  font-family: "Macys Sans Medium", sans-serif, serif;
}
.mobile-p2 a {
  color: #000 !important;
}
@media (max-width: 719px) {
  .mobile-p2 {
    font-size: calc(11 / 375 * 100vw);
  }
}

@media (max-width: 719px) {
  .mobile-h2 {
    font-size: calc(23 / 375 * 100vw);
    line-height: 0.9;
    letter-spacing: -0.25vw;
  }
}

@media (max-width: 719px) {
  .mobile-h3 {
    font-size: calc(25 / 375 * 100vw);
  }
}

@media (max-width: 719px) {
  .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}

@media (max-width: 719px) {
  .mobile-body-reg-14 {
    font-weight: 400;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.1428571429;
  }
}

@media (max-width: 719px) {
  .mobile-body-reg-12 {
    font-weight: 400;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}

@media (max-width: 719px) {
  .mobile-body-medium-12 {
    font-weight: 500;
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}

@media (max-width: 719px) {
  .mobile-body-reg-10 {
    font-weight: 400;
    font-size: calc(10 / 375 * 100vw);
    line-height: 1.2;
  }
}

.link-underline {
  text-decoration: underline;
  display: inline-block;
}

.slideshow-cta {
  border-radius: 0.36em;
  background-color: #fff;
  padding: 0.57em 1.14em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
  color: #fff;
  background-color: #E01A2B;
  display: flex;
  align-content: center;
  justify-content: center;
  letter-spacing: 0;
  text-align: center;
  font-family: "Macys Sans Medium", serif;
  font-weight: 100;
}
.slideshow-cta:hover {
  background-color: #000;
  color: #fff;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .slideshow-cta {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .slideshow-cta {
    padding: calc(7 / 375 * 100vw) calc(16 / 375 * 100vw) calc(6 / 375 * 100vw) calc(16 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
    white-space: nowrap;
    position: absolute;
    bottom: 25px;
    font-size: 12px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.slideshow-dotwhack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.9444444444;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .slideshow-dotwhack {
    width: calc(112 / 1440 * 100vw);
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .slideshow-dotwhack {
    width: calc(62 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
  }
}

.percent-sign {
  width: 0.612em;
  margin-left: 0.05em;
  transform: translateY(-0.1em);
}

.button-deals {
  height: 32px;
  width: 135px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 2.3;
  font-family: "Macys Sans Medium", sans-serif, serif;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .button-deals {
    width: calc(135 / 1440 * 100vw);
    height: calc(32 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .button-deals {
    width: calc(108 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}

.headline-red {
  color: #E01A2B;
}

.product-decorator.decorator1 {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/deco_tile_1_new.jpg");
  background-size: cover;
}
.product-decorator.decorator2 {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/deco_tile_2_new.jpg");
  background-size: cover;
}
.product-decorator h5 {
  font-weight: 500;
  font-size: 35px;
  line-height: 1.1;
  width: 370px;
  padding: 78px 0 0 27px;
  letter-spacing: -0.75px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-decorator h5 {
    font-size: calc(35 / 1440 * 100vw);
    width: calc(370 / 1440 * 100vw);
    padding: calc(78 / 1440 * 100vw) 0 0 calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .product-decorator h5 {
    display: flex;
    flex-direction: column;
    width: calc(335 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

#campaign * {
  box-sizing: border-box;
}
@media (min-width: 751px) {
  #campaign .mobile-only {
    display: none !important;
  }
}
#campaign {
  /* MOBILE */
}
@media (max-width: 750px) {
  #campaign .desktop-only {
    display: none !important;
  }
}
#campaign .pod-wrapper {
  z-index: 5;
  position: relative;
  display: block;
}
@media (max-width: 719px) {
  #campaign .pod-wrapper {
    z-index: 15;
  }
}
#campaign .pod-wrapper-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 1440px;
  margin: 24px auto 0 auto;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid {
    margin: calc(24 / 1440 * 100vw) auto 0 auto;
    grid-column-gap: calc(24 / 1440 * 100vw);
    grid-row-gap: calc(24 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid {
    display: flex;
    flex-direction: column;
    width: calc(335 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item {
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}
#campaign .pod-wrapper-grid .product-item.decorator1 {
  box-shadow: none;
}
#campaign .pod-wrapper-grid .product-item.decorator2 {
  box-shadow: none;
}
#campaign .pod-wrapper-grid .product-item.product-active {
  cursor: pointer;
}
#campaign .pod-wrapper-grid .product-item .number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 156px;
  height: 156px;
  position: relative;
  border-color: #EEC12B;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  background-color: #F9F6EF;
  z-index: 8;
  line-height: 0.7;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .number {
    width: calc(156 / 1440 * 100vw);
    height: calc(156 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .number {
    width: calc(112 / 375 * 100vw);
    height: calc(112 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .number .foil {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/tile_date_hover_gold.jpg");
  background-size: cover;
  z-index: 2;
  opacity: 0;
}
#campaign .pod-wrapper-grid .product-item .number-lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #520A1E;
  z-index: 4;
}
#campaign .pod-wrapper-grid .product-item .number-lockup .month-text {
  font-size: 25px;
  font-weight: 500;
  line-height: 0.7;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .number-lockup .month-text {
    font-size: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .number-lockup .month-text {
    font-size: calc(18 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .number-lockup .bignumber {
  font-size: 75px;
  font-weight: 500;
  line-height: 0.8;
  line-height: 0.7;
  margin: 10px 0 0 0;
  letter-spacing: -3.25px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .number-lockup .bignumber {
    font-size: calc(75 / 1440 * 100vw);
    margin: calc(10 / 1440 * 100vw) 0 0 0;
    letter-spacing: calc(-3.25 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .number-lockup .bignumber {
    font-size: calc(54 / 375 * 100vw);
    margin: calc(5 / 375 * 100vw) 0 0 0;
  }
}
#campaign .pod-wrapper-grid .product-item .product-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 8;
}
#campaign .pod-wrapper-grid .product-item .product-overlay-green {
  background-image: url("https://slimages.macysassets.com/is/image/MacysInc/C2508556_tile-green?fmt=webp");
  color: #fff;
}
#campaign .pod-wrapper-grid .product-item .product-overlay-green .arrow {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/arrow.svg");
}
#campaign .pod-wrapper-grid .product-item .product-overlay-gold {
  background-image: url("https://slimages.macysassets.com/is/image/MacysInc/C2508556_tile-gold?fmt=webp");
  color: #000;
}
#campaign .pod-wrapper-grid .product-item .product-overlay-gold .arrow {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/arrow_black_svg.svg");
}
#campaign .pod-wrapper-grid .product-item .product-overlay-red {
  background-image: url("https://slimages.macysassets.com/is/image/MacysInc/C2508556_tile-red?fmt=webp");
  color: #fff;
}
#campaign .pod-wrapper-grid .product-item .product-overlay-red .arrow {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/arrow.svg");
}
#campaign .pod-wrapper-grid .product-item .product-overlay .text-block {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  z-index: 10;
}
#campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text {
  display: flex;
  flex-direction: column;
  padding-bottom: 42px;
  font-size: 25px;
  letter-spacing: -0.5px;
  line-height: 1.2;
  font-family: "Macys Sans Medium", serif;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text {
    font-size: calc(25 / 1440 * 100vw);
    padding-bottom: calc(42 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text {
    line-height: 1.1;
    font-size: calc(13 / 375 * 100vw);
    padding-bottom: calc(28 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text p:nth-child(1) {
  padding: 0 0 3px 0;
  letter-spacing: 1px;
  font-size: 17.85px;
  font-style: italic;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text p:nth-child(1) {
    font-size: calc(17.85 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text p:nth-child(1) {
    line-height: 1.1;
    letter-spacing: 0;
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text p:nth-child(2) {
    line-height: 1.1;
    letter-spacing: 0;
    font-size: calc(18 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .product-overlay .text-block .bottom-text p {
  line-height: 0.9;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
#campaign .pod-wrapper-grid .product-item .product-overlay .rollover-overlay {
  z-index: 4;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: #000000;
  mix-blend-mode: darken;
  border: 12px solid white;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .product-overlay .rollover-overlay {
    border: calc(12 / 1440 * 100vw) solid white;
  }
}
#campaign .pod-wrapper-grid .product-item .top-text {
  position: relative;
  display: block;
  font-size: 18px;
  padding-top: 60px;
  z-index: 15;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .top-text {
    font-size: calc(18 / 1440 * 100vw);
    padding-top: calc(60 / 1440 * 100vw);
    letter-spacing: 0;
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .top-text {
    font-size: calc(13 / 375 * 100vw);
    padding-top: calc(45 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .top-text .arrow {
  position: absolute;
  bottom: 20px;
  left: -20px;
  width: 22px;
  height: 38px;
  background-size: cover;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .top-text .arrow {
    bottom: calc(20 / 1440 * 100vw);
    left: calc(-20 / 1440 * 100vw);
    width: calc(22 / 1440 * 100vw);
    height: calc(38 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .top-text .arrow {
    bottom: calc(12 / 375 * 100vw);
    left: calc(-13 / 375 * 100vw);
    width: calc(18 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .product-day {
  position: relative;
  display: block;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
#campaign .pod-wrapper-grid .product-item .product-day .number-lockup {
  padding: 30px 0 0 30px;
  position: absolute;
  top: 0;
  left: 0;
  color: #A8784A;
  z-index: 15;
}
#campaign .pod-wrapper-grid .product-item .product-day .content {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #F7F3E9;
  background: linear-gradient(#fff, #F7F3E9);
  z-index: 10;
  position: relative;
  text-align: center;
  line-height: 1.1;
}
#campaign .pod-wrapper-grid .product-item .product-day .content .button-deals {
  margin-bottom: 42px;
  z-index: 15;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #campaign .pod-wrapper-grid .product-item .product-day .content .button-deals {
    margin-bottom: calc(42 / 1440 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .product-day .content .button-deals:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item .product-day .content .button-deals {
    line-height: 2.7;
    margin-bottom: calc(24 / 375 * 100vw);
  }
}
#campaign .pod-wrapper-grid .product-item .product-day .products {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
}
#campaign .pod-wrapper-grid .product-item .product-day .products .product {
  position: relative;
  background-color: #0000ff;
  margin: 0;
  display: block;
}
#campaign .pod-wrapper-grid .product-item .white {
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(1) {
  grid-area: 1/1/2/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(2) {
  grid-area: 1/2/2/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(3) {
  grid-area: 1/3/2/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(4) {
  grid-area: 2/1/3/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(5) {
  grid-area: 2/2/3/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(6) {
  grid-area: 3/1/4/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(7) {
  grid-area: 3/2/4/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(8) {
  grid-area: 3/3/4/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(9) {
  grid-area: 4/2/5/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(10) {
  grid-area: 4/3/5/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(11) {
  grid-area: 5/1/6/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(12) {
  grid-area: 5/2/6/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(13) {
  grid-area: 5/3/6/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(14) {
  grid-area: 6/1/7/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(15) {
  grid-area: 6/2/7/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(16) {
  grid-area: 6/3/7/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(17) {
  grid-area: 7/1/8/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(18) {
  grid-area: 7/2/8/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(19) {
  grid-area: 7/3/8/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(20) {
  grid-area: 8/1/9/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(21) {
  grid-area: 8/2/9/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(22) {
  grid-area: 8/3/9/4;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(23) {
  grid-area: 9/1/10/2;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(24) {
  grid-area: 9/2/10/3;
}
#campaign .pod-wrapper-grid .product-item:nth-of-type(25) {
  grid-area: 9/3/10/4;
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item:nth-child(-n+3) {
    order: 1;
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item:nth-child(n+4):nth-child(-n+12) {
    order: 3;
  }
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .product-item:nth-child(n+13) {
    order: 5; /* Items from 13 onwards */
  }
}
#campaign .pod-wrapper-grid .decorator1 {
  grid-area: 2/3/3/4 !important;
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .decorator1 {
    order: 2 !important;
  }
}
#campaign .pod-wrapper-grid .decorator2 {
  grid-area: 4/1/5/2 !important;
}
@media (max-width: 719px) {
  #campaign .pod-wrapper-grid .decorator2 {
    order: 4 !important;
  }
}

/*----- Typography -----*/
.ramillas {
  font-family: "TT Ramillas Regular", serif;
}

.ramillas-m {
  font-family: "", serif;
  font-weight: 500;
}

.ramillas-bold {
  font-family: "TT Ramillas Bold", serif;
}

.macys-m {
  font-weight: 500;
}

.macys-bold {
  font-weight: 700;
}

/*----- Desktop -----*/
.dt-h1 {
  font-size: 55px;
  line-height: 1;
  letter-spacing: -0.027em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-h1 {
    font-size: calc(55 / 1440 * 100vw);
  }
}

.dt-h2 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -0.0278em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-h2 {
    font-size: calc(45 / 1440 * 100vw);
  }
}

.dt-h3 {
  font-size: 35px;
  line-height: 1;
  letter-spacing: -0.0278em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-h3 {
    font-size: calc(35 / 1440 * 100vw);
  }
}

.dt-h5 {
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-h5 {
    font-size: calc(25 / 1440 * 100vw);
  }
}

.dt-h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.014em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-h6 {
    font-size: calc(18 / 1440 * 100vw);
  }
}

.dt-16 {
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-16 {
    font-size: calc(16 / 1440 * 100vw);
  }
}

.dt-14 {
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .dt-14 {
    font-size: calc(14 / 1440 * 100vw);
  }
}

/*----- Mobile -----*/
@media (max-width: 719px) {
  .mew-h1 {
    font-size: calc(35 / 375 * 100vw);
  }
}

@media (max-width: 719px) {
  .mew-h2 {
    font-size: calc(30 / 375 * 100vw);
  }
}

@media (max-width: 719px) {
  .mew-h3 {
    font-size: calc(25 / 375 * 100vw);
  }
}

@media (max-width: 719px) {
  .mew-14 {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.1428571429;
  }
}

@media (max-width: 719px) {
  .mew-12 {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.1666666667;
  }
}

@media (max-width: 719px) {
  .mew-10 {
    font-size: calc(10 / 375 * 100vw);
    line-height: 1.2;
  }
}

/*----- Slideshow -----*/
.slideshow-cta {
  border-radius: 0.36em;
  background-color: #fff;
  padding: 0.57em 1.14em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .slideshow-cta {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .slideshow-cta {
    position: absolute;
    bottom: 20px;
    font-size: calc(12 / 375 * 100vw);
  }
}

.slideshow-dotwhack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.9444444444;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .slideshow-dotwhack {
    width: calc(112 / 1440 * 100vw);
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .slideshow-dotwhack {
    width: calc(62 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
  }
}

.percent-sign {
  width: 0.612em;
  margin-left: 0.05em;
  transform: translateY(-0.1em);
}

.product-mask .flickity-page-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 20px;
  transform: translateX(-50%);
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-mask .flickity-page-dots {
    padding-bottom: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .product-mask .flickity-page-dots {
    padding: 0;
    bottom: -5px;
  }
}
.product-mask .dot {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  opacity: 1;
}
.product-mask .dot::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
}
.product-mask .dot.is-selected::before,
.product-mask .dot.is-selected::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
  width: 4px;
  height: 12px;
  background: #000;
  border-radius: 0;
}
.product-mask .dot.is-selected::after {
  left: 9px;
}
.product-mask .dot.is-selected[data-state=is-paused]::before {
  border-radius: unset;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #000;
}
.product-mask .dot.is-selected[data-state=is-paused]::after {
  display: none;
}
.product-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
}
.product-mask * {
  outline: none;
  box-shadow: none;
}
.product-mask .flickity-page-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 0 0 0 0;
  margin: 0 0 12px 0;
  transform: translateX(-50%);
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-mask .flickity-page-dots {
    margin: 0 0 calc(12 / 1440 * 100vw) 0;
  }
}
@media (max-width: 719px) {
  .product-mask .flickity-page-dots {
    padding: 0 0 0 0;
    margin: 0 0 calc(5 / 375 * 100vw) 0;
  }
}
.product-mask .dot::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #cc0000;
  border-radius: 50%;
}
.product-mask .dot::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
}
.product-mask .dot.is-selected::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #000000;
  border-radius: 50%;
}
.product-mask .dot:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
}
.product-mask .dot.is-selected::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: #000000;
  border-radius: 50%;
}
.product-mask .products-strip {
  position: relative;
  flex-direction: row;
  height: 100%;
  width: auto;
}
.product-mask .products-strip .product {
  width: 464px;
  height: 464px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  display: flex;
  justify-content: center;
}
.product-mask .products-strip .product h5 {
  font-size: 18px;
  margin: 50px 0 0 0;
  line-height: 1;
  font-family: "Macys Sans Medium", serif;
  font-weight: 100;
}
.product-mask .products-strip .product h5 sup {
  font-size: 13px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-mask .products-strip .product h5 {
    font-size: calc(18 / 1440 * 100vw);
    margin: calc(50 / 1440 * 100vw) 0 0 0;
  }
  .product-mask .products-strip .product h5 sup {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .product-mask .products-strip .product h5 {
    font-size: calc(14 / 375 * 100vw);
    margin: calc(40 / 375 * 100vw) 0 0 0;
  }
  .product-mask .products-strip .product h5 sup {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-mask .products-strip .product {
    width: calc(464 / 1440 * 100vw);
    height: calc(464 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .product-mask .products-strip .product {
    width: calc(335 / 375 * 100vw);
    height: calc(335 / 375 * 100vw);
  }
}

.product-decorator.decorator1 {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/deco_tile_1_new.jpg");
  background-size: cover;
}
.product-decorator.decorator2 {
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/deco_tile_2_new.jpg");
  background-size: cover;
}
.product-decorator h5 {
  font-weight: 500;
  font-size: 35px;
  line-height: 1.1;
  width: 370px;
  padding: 78px 0 0 27px;
  letter-spacing: -0.75px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .product-decorator h5 {
    font-size: calc(35 / 1440 * 100vw);
    width: calc(370 / 1440 * 100vw);
    padding: calc(78 / 1440 * 100vw) 0 0 calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .product-decorator h5 {
    display: flex;
    flex-direction: column;
    width: calc(335 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

.site-wrapper {
  width: 100%;
  background-color: #FDFBF6;
  margin: 0 auto;
  overflow: hidden;
}
.site-wrapper .template-mobile {
  position: absolute;
  width: 100%;
  height: 800px;
  opacity: 0.5;
  display: none;
}
@media (max-width: 719px) {
  .site-wrapper .template-mobile {
    display: block;
    width: 100%;
    background-size: cover;
    top: calc(-215 / 375 * 100vw);
  }
}
.site-wrapper .lockup-banner {
  height: 330px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 10;
  text-align: center;
}
@media (max-width: 719px) {
  .site-wrapper .lockup-banner > img {
    height: calc(88 / 375 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  .site-wrapper .lockup-banner > img {
    height: calc(181 / 1440 * 100vw);
  }
}
@media (min-width: 720px) and (max-width: 1440px) {
  .site-wrapper .lockup-banner {
    height: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .site-wrapper .lockup-banner {
    height: calc(247 / 375 * 100vw);
  }
}
.site-wrapper .lockup-banner img {
  z-index: 6;
}
.site-wrapper .lockup-banner h2 {
  font-weight: 500;
  font-size: 25px;
  margin: 32px 0 0 0;
  z-index: 6;
  line-height: 1;
  letter-spacing: -0.5px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .site-wrapper .lockup-banner h2 {
    margin: calc(32 / 1440 * 100vw) 0 0 0;
    font-size: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .site-wrapper .lockup-banner h2 {
    width: calc(270 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) 0 0 0;
  }
}
.site-wrapper .background-elements {
  position: absolute;
  display: block;
  top: -20px;
  left: 0;
  width: 1600px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
}
.site-wrapper .background-elements .gold-star1 {
  width: 295px;
  height: 303px;
  height: 303px;
  position: absolute;
  left: -43px;
  top: -5px;
  z-index: 100;
}
.site-wrapper .background-elements .gold-star2 {
  width: 295px;
  height: 303px;
  height: 303px;
  position: absolute;
  right: -38px;
  top: 197px;
  z-index: 100;
}
@media (max-width: 719px) {
  .site-wrapper .background-elements .gold-star2 {
    left: unset;
    top: unset;
    right: 23%;
    bottom: -30%;
    width: 33.6vw;
    height: 34.6666666667vw;
  }
}
.site-wrapper .background-elements .ribbons-dt {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; /* keeps aspect ratio, clips overflow */
  object-position: center;
  width: 1703px;
}
@media (max-width: 719px) {
  .site-wrapper .background-elements .ribbons-dt {
    display: none;
  }
}
.site-wrapper .background-elements .ribbons-mew {
  position: absolute;
  top: 0;
  left: 50%;
  object-fit: cover;
  object-position: center;
  transform: translate(-50%, 5%);
}
@media (max-width: 719px) {
  .site-wrapper .background-elements .ribbons-mew {
    width: calc(421 / 375 * 100vw);
  }
}

.soldout .soldout-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  background-image: url("https://assets.mcomnyapps.net/parade-of-deals/2025.11/images/soldout-banner.webp");
  background-size: 2234px;
  background-position: 10% -81%;
  background-repeat: no-repeat;
}
@media (min-width: 720px) and (max-width: 1440px) {
  .soldout .soldout-banner {
    background-size: calc(2234 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  .soldout .soldout-banner {
    background-size: calc(4100 / 1440 * 100vw);
    background-position: 32% 40%;
  }
}
.soldout .slideshow-cta {
  visibility: hidden;
}

body {
  background-color: #ffffff;
  font-family: "Macys Sans Medium", sans-serif;
}
body banner-image {
  width: 100%;
}
body #cdt-banner {
  display: none;
}
body.noheader #nav-header {
  display: none;
}
body.noheader #nav-footer {
  display: none;
}
body.iframed #campaign .pod-wrapper-grid .decorator1 {
  grid-area: 1/3/2/4 !important;
  display: block;
}
body.iframed .pod-wrapper-grid > :nth-child(n+3) {
  display: none;
}

.hide-dots .flickity-page-dots {
  display: none;
}

/* Font Face Definitions */
@font-face {
  font-display: swap;
  font-family: "ramillas-medium";
  src: url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.eot?#iefix") format("eot"), url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.woff2") format("woff2"), url("https://secure-netstorage.macys.com/social/images/snippet/fonts/ttramillas/TTRamillas-Medium.woff") format("woff");
}
/* Container Styles */
.home-page-row:has(#slideshow-base-template-v1) {
  overflow: visible !important;
}

#slideshow-base-template-v1 {
  overflow: hidden;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
#slideshow-base-template-v1 .slideshow-cta {
  color: #000;
  margin-bottom: 5px;
  font-family: "Macys Sans Medium", sans-serif;
}
#slideshow-base-template-v1 .h-special-2 h4 {
  margin: 0;
  font-weight: 400 !important;
}
#slideshow-base-template-v1 .h-special-2 h5 {
  font-weight: normal;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner > picture,
#slideshow-base-template-v1 [data-thirds=true] .secondary-image-container {
  max-width: 33.3333%;
}
#slideshow-base-template-v1 div {
  line-height: 1;
}
#slideshow-base-template-v1 .countdown-layer {
  width: fit-content;
  height: fit-content;
  margin: 12px 0;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .countdown-layer {
    margin: calc(12 / 1440 * 100vw) 0;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .countdown-layer {
    margin: calc(4 / 375 * 100vw) 0 calc(8 / 375 * 100vw);
  }
}
#slideshow-base-template-v1 .countdown-hidden {
  display: inline;
  align-items: baseline;
  column-gap: 5px;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .countdown-hidden {
    column-gap: calc(2.5px + (5 - 2.5) * (100vw - 720px) / 720);
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .countdown-hidden {
    display: inline;
    column-gap: calc(2 / 375 * 100vw);
  }
}
#slideshow-base-template-v1 .countdown-copy,
#slideshow-base-template-v1 .digit,
#slideshow-base-template-v1 .time-divider {
  display: inline;
  font-weight: 400;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: inherit;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .countdown-copy,
  #slideshow-base-template-v1 .digit,
  #slideshow-base-template-v1 .time-divider {
    font-size: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .countdown-copy,
  #slideshow-base-template-v1 .digit,
  #slideshow-base-template-v1 .time-divider {
    font-weight: 500;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1;
    letter-spacing: -0.017em;
  }
}
#slideshow-base-template-v1 .countdown-digits {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
}
#slideshow-base-template-v1 .digit {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum"; /* Tabular numbers fallback */
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .digit {
    line-height: 1;
    letter-spacing: -0.03em;
  }
}
#slideshow-base-template-v1 .days {
  display: none;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .countdown-copy:not(.countdown-copy2) {
    display: block;
  }
}
#slideshow-base-template-v1 .countdown-copy img {
  display: inline-block;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .countdown-copy img {
    display: none;
  }
}
#slideshow-base-template-v1 .countdown-copy2 span {
  display: none;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 {
    margin-left: calc(-50vw + 50%);
  }
}
#slideshow-base-template-v1 {
  /* Typography Classes */
}
#slideshow-base-template-v1 .ramillas {
  font-family: "TT Ramillas Regular", "TT-Ramillas", serif;
}
#slideshow-base-template-v1 .ramillas-m {
  font-family: "TT Ramillas Regular", "TT-Ramillas", serif;
}
#slideshow-base-template-v1 .ramillas-bold {
  font-family: "TT Ramillas Bold", "TT-Ramillas", serif;
}
#slideshow-base-template-v1 .macys-m {
  font-family: "Macys Sans Medium", serif;
}
#slideshow-base-template-v1 .macys-bold {
  font-weight: 700;
}
#slideshow-base-template-v1 {
  /* Desktop Typography */
}
#slideshow-base-template-v1 .dt-h1 {
  font-size: 55px;
  line-height: 1;
  letter-spacing: -0.027em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h1 {
    font-size: 3.8194444444vw;
  }
}
#slideshow-base-template-v1 .dt-h2 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -0.0278em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h2 {
    font-size: 3.125vw;
  }
}
#slideshow-base-template-v1 .dt-h2 h4, #slideshow-base-template-v1 .dt-h2 .h4 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -0.0278em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h2 h4, #slideshow-base-template-v1 .dt-h2 .h4 {
    font-size: 3.125vw;
  }
}
#slideshow-base-template-v1 .dt-h2 h4 span:not([style*="color:"]), #slideshow-base-template-v1 .dt-h2 .h4 span:not([style*="color:"]) {
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slideshow-base-template-v1 .dt-h2 h4 span b, #slideshow-base-template-v1 .dt-h2 .h4 span b {
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#slideshow-base-template-v1 .dt-h3 {
  font-size: 35px;
  line-height: 1;
  letter-spacing: -0.0278em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h3 {
    font-size: 2.4305555556vw;
  }
}
#slideshow-base-template-v1 .dt-h5 {
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h5 {
    font-size: 1.7361111111vw;
  }
}
#slideshow-base-template-v1 .dt-h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.014em;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-h6 {
    font-size: 1.25vw;
  }
}
#slideshow-base-template-v1 .dt-16 {
  font-size: 16px;
  line-height: 1.125;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-16 {
    font-size: 1.1111111111vw;
  }
}
#slideshow-base-template-v1 .dt-14 {
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .dt-14 {
    font-size: 0.9722222222vw;
  }
}
#slideshow-base-template-v1 {
  /* Mobile Typography */
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .mew-h1 {
    font-size: 9.3333333333vw;
  }
  #slideshow-base-template-v1 .mew-h2 {
    font-size: 8vw;
  }
  #slideshow-base-template-v1 .mew-h3 {
    font-size: 6.6666666667vw;
  }
  #slideshow-base-template-v1 .mew-14 {
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
  #slideshow-base-template-v1 .mew-12 {
    font-size: 3.2vw;
    line-height: 1.1666666667;
  }
  #slideshow-base-template-v1 .mew-10 {
    font-size: 2.6666666667vw;
    line-height: 1.2;
  }
}
#slideshow-base-template-v1 {
  /* CTA Button Styles */
}
#slideshow-base-template-v1 .slideshow-cta {
  border-radius: 0.36em;
  background-color: #fff;
  padding: 0.57em 1.14em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428571429;
  font-family: "Macys Sans Medium", sans-serif;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .slideshow-cta {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .slideshow-cta {
    position: absolute;
    bottom: 20px;
    font-size: 3.2vw;
  }
}
#slideshow-base-template-v1 {
  /* Dot Whack Styles */
}
#slideshow-base-template-v1 .slideshow-dotwhack {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.9444444444;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .slideshow-dotwhack {
    width: 7.7777777778vw;
    font-size: 1.25vw;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .slideshow-dotwhack {
    width: 16.5333333333vw;
    font-size: 2.6666666667vw;
  }
}
#slideshow-base-template-v1 .slideshow-dotwhack .percent-sign {
  width: 0.612em;
  margin-left: 0.05em;
  transform: translateY(-0.1em);
}
#slideshow-base-template-v1 {
  /* Base Styles */
}
#slideshow-base-template-v1 * {
  box-sizing: border-box;
}
#slideshow-base-template-v1 .macys-sans-regular {
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slideshow-base-template-v1 .macys-sans-regular-h5 {
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slideshow-base-template-v1 .macys-sans-regular-h5 p {
  text-transform: none !important;
  margin-bottom: 0.48em;
  font-size: 14px;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .macys-sans-regular-h5 p {
    margin-bottom: 0.428em;
  }
}
#slideshow-base-template-v1 figure {
  margin: 0;
}
#slideshow-base-template-v1 .carousel_inner > picture {
  display: block;
  height: 100%;
}
#slideshow-base-template-v1 [data-secondary=false] picture img {
  height: 100%;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner > picture,
#slideshow-base-template-v1 [data-thirds=true] .secondary-image-container {
  max-width: 33.3333%;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner > picture {
  max-width: 33.3333% !important;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner .secondary-image-container {
  max-width: 33.3333% !important;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner .secondary-image-container picture {
  max-width: 100% !important;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner {
  justify-content: space-between !important;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner[data-first-image-bg=true] {
  justify-content: flex-end !important;
}
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner > picture,
#slideshow-base-template-v1 [data-thirds=true] .carousel_inner .secondary-image-container {
  flex: 0 0 33.3333% !important;
  max-width: 33.3333% !important;
}
#slideshow-base-template-v1 img {
  width: 100%;
}
#slideshow-base-template-v1 p {
  margin: 0;
}
#slideshow-base-template-v1 a {
  display: block;
  margin: 0;
  text-decoration: none;
  text-transform: none;
}
#slideshow-base-template-v1 {
  /* Responsive Display Classes */
}
#slideshow-base-template-v1 .mobile-only {
  display: none;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .mobile-only {
    display: block;
  }
}
#slideshow-base-template-v1 .desktop-only {
  display: block;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .desktop-only {
    display: none;
  }
}
#slideshow-base-template-v1 {
  /* Slideshow Container */
}
#slideshow-base-template-v1 .slideshow_wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  outline: 0;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .slideshow_wrap {
    padding-bottom: 24px;
  }
}
#slideshow-base-template-v1 .slideshow_wrap.flickity-enabled {
  display: block;
}
#slideshow-base-template-v1 .slideshow_wrap:not(.flickity-enabled) .slideshow_cell {
  margin: 0;
}
#slideshow-base-template-v1 {
  /* Pagination Dots */
}
#slideshow-base-template-v1 .flickity-page-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 20px;
  transform: translateX(-50%);
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .flickity-page-dots {
    padding-bottom: 1.3888888889vw;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .flickity-page-dots {
    padding: 0;
    bottom: -5px;
  }
}
#slideshow-base-template-v1 .dot {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  opacity: 1;
}
#slideshow-base-template-v1 .dot::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background: var(--dot-color, #000);
  border-radius: 50%;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .dot::after {
    background: #000;
  }
}
#slideshow-base-template-v1 .dot.is-selected::before, #slideshow-base-template-v1 .dot.is-selected::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
  width: 4px;
  height: 12px;
  background: var(--dot-color, #000);
  border-radius: 0;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .dot.is-selected::before, #slideshow-base-template-v1 .dot.is-selected::after {
    background: #000;
  }
}
#slideshow-base-template-v1 .dot.is-selected::after {
  left: 9px;
}
#slideshow-base-template-v1 .dot.is-selected[data-state=is-paused]::before {
  border-radius: unset;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0);
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-left: 10px solid var(--dot-color, #000);
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .dot.is-selected[data-state=is-paused]::before {
    border-left: 10px solid #000;
  }
}
#slideshow-base-template-v1 .dot.is-selected[data-state=is-paused]::after {
  display: none;
}
#slideshow-base-template-v1 {
  /* Navigation Buttons */
}
#slideshow-base-template-v1 .flickity-button {
  pointer-events: all;
  position: absolute;
  top: calc(50% - 32px);
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(0, 0%, 100%, 0.85);
  transition: all 0.1s ease-in;
}
#slideshow-base-template-v1 .flickity-button:hover {
  background: #fff;
}
#slideshow-base-template-v1 .flickity-button.flickity-prev-next-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
#slideshow-base-template-v1 .flickity-button.previous {
  left: 13px;
}
#slideshow-base-template-v1 .flickity-button.next {
  right: 13px;
}
#slideshow-base-template-v1 .flickity-button-icon {
  fill: #000;
  width: 12px;
}
#slideshow-base-template-v1 {
  /* Video Controls */
}
#slideshow-base-template-v1 .video-content-container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#slideshow-base-template-v1 video {
  display: block;
  object-fit: cover;
  width: 101%;
  height: 101%;
}
#slideshow-base-template-v1 .video-controls {
  z-index: 4;
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url("https://secure-netstorage.macys.com/social/images/snippet/2024/images/button-play.svg");
  background-repeat: no-repeat;
  pointer-events: all;
}
#slideshow-base-template-v1 .video-controls.playing {
  background-image: url("https://secure-netstorage.macys.com/social/images/snippet/2024/images/button-pause.svg");
  pointer-events: all;
}
#slideshow-base-template-v1 .slide-markdowns .video-controls {
  left: 24px;
  right: unset;
}
#slideshow-base-template-v1 {
  /* Slide Cells */
}
#slideshow-base-template-v1 .slideshow_cell {
  position: relative;
  flex: 0 0 auto;
  max-width: 1440px;
  width: 100%;
  margin: 0 10px;
  background-size: cover;
  background-position: center;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading 1.2s ease-in-out 10;
  aspect-ratio: 1440/600;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .slideshow_cell {
    margin: 0 0.6944444444vw;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .slideshow_cell {
    width: 82.4vw;
    margin-left: 1.0666666667vw;
    margin-right: 1.0666666667vw;
    aspect-ratio: 309/420;
  }
}
#slideshow-base-template-v1 .slideshow_cell {
  /* Inset Product Styles - Applied per slide */
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .carousel_inner {
  justify-content: flex-start !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .carousel_inner > picture {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .secondary-image-container {
  position: absolute !important;
  right: 40px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 33.3333% !important;
  max-width: 33.3333% !important;
  height: auto !important;
  z-index: 2 !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .secondary-image-container picture {
  width: 100% !important;
  height: 100% !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .secondary-image-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] {
  /* Inset content overlay styling */
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] .inset-content {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  color: #000 !important;
  padding: 15px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  z-index: 3 !important;
}
#slideshow-base-template-v1 .slideshow_cell[data-inset=true] {
  /* Mobile responsive styles for inset products */
}
@media (max-width: 768px) {
  #slideshow-base-template-v1 .slideshow_cell[data-inset=true] .secondary-image-container {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }
  #slideshow-base-template-v1 .slideshow_cell[data-inset=true] .carousel_inner {
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
}
#slideshow-base-template-v1 .carousel_inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#slideshow-base-template-v1 .cell-inner {
  pointer-events: none;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 0 2em 64px;
  text-align: left;
  color: #000;
}
@media (min-width: 720px) and (max-width: 1440px) {
  #slideshow-base-template-v1 .cell-inner {
    padding: 0 0 0 4.4444444444vw;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .cell-inner {
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .cell-inner .copy-container {
    width: 100%;
    height: 40vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#slideshow-base-template-v1 .cell-inner .p0 {
  margin-bottom: 0.71em;
}
#slideshow-base-template-v1 .cell-inner .p1 {
  margin-bottom: 0.267em;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .cell-inner .p1 {
    margin-bottom: 0.24em;
  }
}
#slideshow-base-template-v1 .cell-inner .p2 {
  max-width: 22.3125em;
  margin-bottom: 2em;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .cell-inner .p2 {
    max-width: 88%;
    margin-bottom: unset;
  }
}
#slideshow-base-template-v1 .cell-inner .eyebrow {
  text-transform: none !important;
  margin-bottom: 0.48em;
  font-size: 14px;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .cell-inner .eyebrow {
    margin-bottom: 0.428em;
  }
}
#slideshow-base-template-v1 .ramillas-m h4, #slideshow-base-template-v1 .ramillas-m .h4 {
  font-family: "ramillas-medium", "TT-Ramillas", serif;
}
#slideshow-base-template-v1 .macys-sans-regular {
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slideshow-base-template-v1 .slideshow_cell_red .cell-inner {
  color: #fff;
}
#slideshow-base-template-v1 {
  /* Sponsored label styles */
}
#slideshow-base-template-v1 .sponsored-label {
  background-color: #f0f0f0;
  color: #666;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 8px;
  font-weight: 500;
  font-family: "Macys Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 719px) {
  #slideshow-base-template-v1 .sponsored-label {
    font-size: 2.6666666667vw;
    padding: 0.8vw 1.6vw;
    top: 3.2vw;
    right: 3.2vw;
  }
}

/* Loading Animation */
@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/* Additional styles for generated slideshows */
.slideshow-container {
  margin-bottom: 50px;
}

.slideshow-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
}

.slideshow-cta,
.slideshow-cta-select {
  pointer-events: all !important;
  color: #000;
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#dropdown {
  position: relative;
  max-width: 180px;
  width: 100%;
  text-align: left;
  pointer-events: all;
}
@media (max-width: 1480px) {
  #dropdown {
    width: calc(180 / 1440 * 100vw);
  }
}
@media (max-width: 719px) {
  #dropdown {
    display: none;
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 6.6666666667vw;
  }
}
#dropdown .dropdown-button {
  position: relative;
  width: 100%;
  padding: 2% 4%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  line-height: 30px;
  color: black;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  z-index: 10;
}
@media (max-width: 1480px) {
  #dropdown .dropdown-button {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
  }
}
#dropdown .dropdown-menu {
  position: absolute;
  max-width: 180px;
  width: 100%;
  bottom: 2.6vw;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  visibility: hidden;
  overflow-y: auto;
  z-index: 11;
}
@media (min-width: 1440px) {
  #dropdown .dropdown-menu {
    bottom: 37px;
  }
}
#dropdown .dropdown-menu a {
  display: block;
  font-family: "Macys Sans";
  font-size: 14px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
  padding-left: 3%;
  cursor: pointer;
}
@media (max-width: 1480px) {
  #dropdown .dropdown-menu a {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(25 / 1440 * 100vw);
  }
}
#dropdown .dropdown-menu.show {
  visibility: visible;
}
#dropdown .dropdown-menu a:hover {
  background-color: #f1f1f1;
}

.mobile-dropdown-container {
  position: relative;
  width: calc(170 / 375 * 100vw);
  font-size: calc(12 / 375 * 100vw);
  line-height: calc(20 / 375 * 100vw);
}
.mobile-dropdown-container .mobile-select {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  height: calc(35 / 375 * 100vw);
  padding-left: 6%;
}
.mobile-dropdown-container .mobile-select option {
  color: #000;
}

.chevron {
  background-image: url("https://secure-netstorage.macys.com/social/images/homepage-takeover/2024/images/chevron.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 24px;
  line-height: 25px;
  margin-left: 2%;
  vertical-align: top;
  pointer-events: none;
}
@media (max-width: 1480px) {
  .chevron {
    font-size: calc(24 / 1440 * 100vw);
    line-height: calc(25 / 1440 * 100vw);
    width: 1vw;
    height: 1vw;
  }
}
@media (max-width: 719px) {
  .chevron {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(25 / 375 * 100vw);
    width: 3vw;
    height: 3vw;
  }
}

.test {
  color: red;
}

/*# sourceMappingURL=output.css.map */