@charset "UTF-8";
/**
 * ===== Etn CSN Popup Offers — Winter skin =====
 *
 * Owned by the plugin, not the theme (pautas 3.2 strategy B). Scoped under
 * the body class the plugin adds only when a popup is actually going to
 * render, so none of this can leak onto a page without one.
 *
 * Only ever loaded for the winter variant — see the note in
 * includes/settings.php on why each skin keeps its own stylesheet instead of
 * the single entry point pautas 3.1 describes.
 */
.etn-csn-popup-offers--active {
  /* Optional: overlay wrapper */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__overlay {
  /* Close fade. 0.2.0 did this with jQuery's fadeOut(250); as a CSS
     transition it also honours prefers-reduced-motion below. */
  transition: opacity 250ms ease;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__overlay.etn-csn-popup-offers__overlay--winter {
  position: fixed;
  inset: 0;
  z-index: 9999990;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__overlay.is--closing {
  opacity: 0;
}
.etn-csn-popup-offers--active {
  /* Snowflakes animation CSS */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item,
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item .etn-csn-popup-offers__decoration-glyph {
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: default;
  animation-name: etn-csn-popup-offers-shake;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item .etn-csn-popup-offers__decoration-glyph {
  animation-duration: 10s;
  animation-name: etn-csn-popup-offers-fall;
  animation-timing-function: linear;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item {
  /* nth-of-type rules */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(1) {
  left: 1%;
  animation-delay: 0s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(1) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 0s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:first-of-type {
  left: 10%;
  animation-delay: 1s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:first-of-type .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 1s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(2) {
  left: 20%;
  animation-delay: 0.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(2) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 6s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(3) {
  left: 30%;
  animation-delay: 2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(3) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 4s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(4) {
  left: 40%;
  animation-delay: 2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(4) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(5) {
  left: 50%;
  animation-delay: 3s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(5) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 8s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(6) {
  left: 60%;
  animation-delay: 2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(7) {
  left: 70%;
  animation-delay: 1s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(7) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 2.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(8) {
  left: 80%;
  animation-delay: 0s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(9) {
  left: 90%;
  animation-delay: 1.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(9) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 3s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item {
  /* you had multiple 10s → keep one */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(10) {
  left: 11%;
  animation-delay: 0s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(10) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 0s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(11) {
  left: 66%;
  animation-delay: 2.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(12) {
  left: 23%;
  animation-delay: 0.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(12) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 6.6s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(13) {
  left: 35%;
  animation-delay: 2.6s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(13) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 4.4s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(14) {
  left: 38%;
  animation-delay: 1.8s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(14) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 2.7s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(15) {
  left: 52%;
  animation-delay: 4s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(15) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 8.1s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(16) {
  left: 54%;
  animation-delay: 2.2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(17) {
  left: 73%;
  animation-delay: 1.3s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(17) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 3.5s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(18) {
  left: 82%;
  animation-delay: 0.7s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(19) {
  left: 88%;
  animation-delay: 1.3s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(19) .etn-csn-popup-offers__decoration-glyph {
  animation-delay: 3.2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(20) {
  left: 22%;
  animation-delay: 0.2s;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item:nth-of-type(21) {
  left: 67%;
  animation-delay: 2.7s;
}
.etn-csn-popup-offers--active {
  /* Containers */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration {
  position: fixed;
  z-index: 9999999;
  width: 100%;
  min-height: 100vh;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__decoration::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.etn-csn-popup-offers--active {
  /* Keyframes */
}
@keyframes etn-csn-popup-offers-fall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(110vh);
  }
}
@keyframes etn-csn-popup-offers-shake {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
}
.etn-csn-popup-offers--active {
  /* Style for the super offer div */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__dialog {
  position: fixed;
  z-index: 99999999; /* Ensure it's above other content */
  top: 50%;
  left: 50%;
  text-align: center;
  background-color: rgba(22, 28, 47, 0.9568627451);
  width: 90%;
  max-width: 540px;
  padding: 1.5rem 1rem;
  border: 3px solid #fe76a8;
  border-radius: 10px !important;
  box-shadow: 0px 5px 30px -5px rgba(34, 56, 101, 0.15) !important;
  transform: translate(-50%, -50%);
}
.etn-csn-popup-offers--active {
  /* Close button */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__close {
  position: absolute;
  top: 0.4rem;
  right: 0.6rem;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
}
.etn-csn-popup-offers--active {
  /* Text */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__title,
.etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle,
.etn-csn-popup-offers--active .etn-csn-popup-offers__text {
  color: #fff;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__title {
  font-size: 2rem;
  text-wrap: balance;
  margin-top: 0.65em;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 1.0625rem;
  text-wrap: balance;
  margin-bottom: 1.1em;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__text {
  font-size: 0.975rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-wrap: balance;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__text a {
  color: #fe76a8;
  text-decoration: underline;
  font-weight: 700;
}
@media (hover: hover) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__text a:hover {
    color: #99e6fc;
  }
}
.etn-csn-popup-offers--active {
  /* Coupon code — its own line, only rendered when the field is filled in. */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__coupon {
  display: inline-block;
  margin-top: 0.9em;
  padding: 0.35em 0.9em;
  border: 2px dashed #fe76a8;
  border-radius: 6px;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.etn-csn-popup-offers--active {
  /* Button */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__button .button,
.etn-csn-popup-offers--active .etn-csn-popup-offers__button button,
.etn-csn-popup-offers--active .etn-csn-popup-offers__button .ct-button {
  font-size: 1.1rem;
  background: linear-gradient(90deg, #c3006b, #ff006e) !important;
  margin-top: 1rem;
  padding: 0.5em 1.7em;
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__button a {
  color: white;
}
.etn-csn-popup-offers--active {
  /* Icon */
}
.etn-csn-popup-offers--active .etn-csn-popup-offers__icon {
  position: absolute;
  top: -6rem;
  left: 50%;
  width: 120px;
  max-width: 182px;
  transform: translateX(-50%);
}
.etn-csn-popup-offers--active {
  /* Media queries */
}
@media (max-height: 479px) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__title {
    margin-top: 0;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__icon {
    display: none;
  }
}
@media (min-width: 480px) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__title {
    font-size: 2.25rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle {
    font-size: 1.1875rem;
  }
}
@media (min-width: 768px) and (min-height: 480px) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__dialog {
    padding: 1.75rem;
    transform: translate(-50%, calc(-50% + 2rem));
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__title {
    font-size: 2.6rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle {
    font-size: 1.25rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__icon {
    top: -8.5rem;
    width: 136px;
  }
}
@media (min-width: 900px) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__dialog {
    padding: 2rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__title {
    font-size: 3rem;
    margin-top: 0.35em;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle {
    font-size: 1.3rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__text {
    font-size: 1rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button .button,
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button button,
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button .ct-button {
    font-size: 1.2rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__icon {
    top: -7.5rem;
    width: 146px;
  }
}
@media (min-width: 1200px) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__dialog {
    padding: 3rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__title {
    font-size: 3.1875rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__subtitle {
    font-size: 1.4rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__text {
    font-size: 1.075rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button .button,
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button button,
  .etn-csn-popup-offers--active .etn-csn-popup-offers__button .ct-button {
    font-size: 1.3rem;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__icon {
    top: -9rem;
    width: 36%;
  }
}
.etn-csn-popup-offers--active {
  /* Falling snow is decoration, never information — it is safe to drop it
     entirely for anyone who asked not to see motion (pautas 3.9). The flakes
     start off-screen at top: -10%, so stopping the animation hides them
     rather than freezing them mid-screen. */
}
@media (prefers-reduced-motion: reduce) {
  .etn-csn-popup-offers--active .etn-csn-popup-offers__overlay {
    transition: none;
  }
  .etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-item,
  .etn-csn-popup-offers--active .etn-csn-popup-offers__decoration-glyph {
    animation: none;
  }
}/*# sourceMappingURL=popup-winter.css.map */