/* ==========================================================================
   /cyber-monday — landing Cyber Monday 2026
   Todo acotado a body.page-cyber-monday. Tipografía: la del sitio.
   Las secciones de contenido (fases antes / después y respaldo sin productos)
   siguen los patrones visuales del sitio: paleta de variables.css, títulos de
   sección centrados, botones pill y fondos con imágenes del propio sitio
   (derivados WebP en /assets/img/cyber-monday/). El listado de la fase durante
   usa los estilos del listado estándar (productos.css): solo se agregan la
   cabecera del título y las tarjetas de categoría que filtran el listado.
   ========================================================================== */
.page-cyber-monday {
  --cm-carbon: #141518;
  --cm-link: #1155CC;
  --cm-ink: #1c1e22;
  --cm-header-h: 118px;
  /* Paleta del sitio para las secciones de contenido */
  --cm-o-yellow: var(--color-primary, #fcc256);
  --cm-o-dark: #231f20;
  --cm-o-ink: var(--color-secondary, #212121);
  --cm-o-text: #333333;
  --cm-o-soft: #4d4d4d;
  --cm-o-light: var(--color-background-light, #F5F5F5);
  --cm-o-border: #dcdcdc;
}
@media (max-width: 991px) {
  .page-cyber-monday { --cm-header-h: 86px; }
}

/* ---------- BASE (landing: fases antes / después y respaldo) ----------
   El listado de la fase durante (.cm--listado) no la usa: hereda la base
   del sitio, igual que el listado estándar. */
.page-cyber-monday .cm--landing {
  color: var(--cm-ink);
  font-family: var(--font-primary);
  line-height: 1.55;
  background: #fff;
}
.page-cyber-monday .cm--landing a { color: var(--cm-link); text-decoration: none; }
.page-cyber-monday .cm--landing a:hover { text-decoration: underline; }
.page-cyber-monday .cm--landing h1,
.page-cyber-monday .cm--landing h2,
.page-cyber-monday .cm--landing h3 {
  font-family: var(--font-primary);
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.12;
  margin: 0;
}
.page-cyber-monday .cm-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- HERO (banner) ---------- */
.page-cyber-monday .cm-hero {
  background: var(--cm-carbon);
  padding-top: var(--cm-header-h);
}
.page-cyber-monday .cm-hero__link,
.page-cyber-monday .cm-hero__media {
  display: block;
  max-width: 1920px;
  margin: 0 auto;
  line-height: 0;
}
.page-cyber-monday .cm-hero picture,
.page-cyber-monday .cm-hero img {
  display: block;
  width: 100%;
  height: auto;
}

/* ---------- AVISO de evento terminado (fase después) ----------
   Gris Orion con las ondas de puntos del sitio (Empresa) en baja opacidad,
   ya compuestas en el derivado. Mismo fondo en franja, contador y cabecera
   del listado. */
.page-cyber-monday .cm-aviso {
  background: url('/assets/img/cyber-monday/cm-gris-ondas-1600.webp') center 60% / cover no-repeat, var(--cm-o-dark);
  color: #fff;
}
.page-cyber-monday .cm-aviso p {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
}

/* ---------- FRANJA (fecha + CTA) ---------- */
.page-cyber-monday .cm-strip {
  background: url('/assets/img/cyber-monday/cm-gris-ondas-1600.webp') center 62% / cover no-repeat, var(--cm-o-dark);
  color: #fff;
}
.page-cyber-monday .cm-strip .cm-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  padding-top: 22px;
  padding-bottom: 22px;
  text-align: center;
}
.page-cyber-monday .cm-strip__dates { font-weight: 600; font-size: 18px; letter-spacing: .01em; }
.page-cyber-monday .cm-strip__dates b { color: var(--cm-o-yellow); font-weight: 700; }

/* ---------- BOTONES (pill, como el resto del sitio) ---------- */
.page-cyber-monday .cm-btn {
  display: inline-block;
  border: 0;
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-primary);
  font-weight: 600;
  cursor: pointer;
  padding: 13px 32px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.3;
  transition: transform .12s ease, background-color .12s ease, opacity .12s ease;
}
.page-cyber-monday .cm a.cm-btn:hover { text-decoration: none; }
.page-cyber-monday .cm-btn:hover { transform: translateY(-1px); }
.page-cyber-monday .cm-btn[disabled] { opacity: .6; cursor: wait; transform: none; }
.page-cyber-monday .cm a.cm-btn--yellow,
.page-cyber-monday .cm-btn--yellow { background: var(--cm-o-yellow); color: var(--cm-o-ink); }
.page-cyber-monday .cm-btn--yellow:hover { opacity: .9; }
.page-cyber-monday .cm-btn--cyber,
.page-cyber-monday .cm-btn--dark {
  background: var(--cm-o-ink);
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .18);
}
.page-cyber-monday .cm-btn--cyber:hover,
.page-cyber-monday .cm-btn--dark:hover { background: #000; }

/* ---------- SECCIONES ---------- */
.page-cyber-monday .cm-sec { padding: 80px 0; }
.page-cyber-monday .cm .cm-h-under {
  display: block;
  font-size: var(--text-h2, 36px);
  margin-bottom: 32px;
  color: var(--cm-o-ink);
}
/* Enlaces del texto: negrita subrayada en el color del texto (patrón del sitio). */
.page-cyber-monday .cm-sec a:not(.cm-btn):not(.cm-cat) {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.page-cyber-monday .cm-sec a:not(.cm-btn):not(.cm-cat):hover {
  text-decoration-thickness: 2px;
  text-decoration-color: var(--cm-o-yellow);
}

/* ---------- INTRO + CONTADOR ----------
   Fondo claro con el logotipo y las ondas de "Productos Destacados" de la home. */
.page-cyber-monday .cm-sec--intro {
  background: var(--cm-o-light) url('/assets/img/cyber-monday/cm-ondas-orion-1920.webp') center 56px / 100% auto no-repeat;
  color: var(--cm-o-text);
}
.page-cyber-monday .cm-intro {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 56px;
  align-items: start;
}
.page-cyber-monday .cm-intro--solo { grid-template-columns: 1fr; max-width: 760px; }
.page-cyber-monday .cm .cm-intro h1 { font-size: 40px; line-height: 1.12; margin-bottom: 8px; color: var(--cm-o-ink); }
.page-cyber-monday .cm-intro .cm-copy { max-width: 62ch; margin: 0 0 1em; font-size: 16px; line-height: 1.7; }
.page-cyber-monday .cm-intro .cm-copy.cm-lead { color: var(--cm-o-soft); font-size: 17px; margin: 22px 0 18px; }
.page-cyber-monday .cm-intro .cm-copy.cm-intro__cta { font-weight: 700; margin: 28px 0 0; color: var(--cm-o-ink); }
.page-cyber-monday #suscribir { scroll-margin-top: 110px; }

/* Contador: caja en gris Orion texturado (mismo fondo que la franja). */
.page-cyber-monday .cm-countdown {
  background: url('/assets/img/cyber-monday/cm-gris-ondas-800.webp') center 60% / cover no-repeat, var(--cm-o-dark);
  color: #fff;
  border-radius: var(--radius-box, 16px);
  padding: 30px 26px;
  position: sticky;
  top: 110px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}
.page-cyber-monday .cm-countdown__kicker {
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cm-o-yellow);
  font-weight: 700;
  text-align: center;
}
.page-cyber-monday .cm-countdown__clock {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 18px 0 6px;
}
.page-cyber-monday .cm-countdown__unit {
  background: rgba(35, 31, 32, .78);
  border: 1px solid rgba(252, 194, 86, .28);
  border-radius: var(--radius-card, 12px);
  padding: 14px 6px;
  text-align: center;
}
.page-cyber-monday .cm-countdown__num {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.page-cyber-monday .cm-countdown__lbl {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #d9d3cb;
  margin-top: 6px;
}
.page-cyber-monday .cm-countdown__foot { text-align: center; color: #fff; font-size: 13px; margin-top: 12px; }

/* ---------- FORMULARIO DE SUSCRIPCIÓN ---------- */
.page-cyber-monday .cm-form {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 22px;
  max-width: 460px;
  flex-wrap: wrap;
}
.page-cyber-monday .cm-form__email {
  flex: 1;
  min-width: 200px;
  border: 1px solid var(--cm-o-border);
  border-radius: var(--radius-pill, 9999px);
  padding: 13px 20px;
  font-size: 15px;
  font-family: var(--font-primary);
  outline: 0;
  background: #fff;
  color: var(--cm-o-ink);
}
.page-cyber-monday .cm-form__email:focus {
  border-color: var(--cm-o-ink);
  box-shadow: 0 0 0 3px rgba(252, 194, 86, .55);
}
.page-cyber-monday .cm-form__hp {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.page-cyber-monday .cm .cm-form__msg {
  flex-basis: 100%;
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
/* Vacío: queda en el árbol (región aria-live) sin ocupar la fila del gap. */
.page-cyber-monday .cm .cm-form__msg:empty { margin-top: -10px; }
.page-cyber-monday .cm .cm-form__msg.is-ok { color: #1e7b34; }
.page-cyber-monday .cm .cm-form__msg.is-error { color: #b42318; }
.page-cyber-monday .cm .cm-consent { font-size: 12px; line-height: 1.5; color: var(--cm-o-soft); margin: 10px 0 0; max-width: 460px; }

/* ---------- CATEGORÍAS ----------
   Sección oscura y tarjetas con imagen como "Categorías" de la home. */
.page-cyber-monday .cm-sec--cats { background: var(--cm-o-dark); color: #fff; }
.page-cyber-monday .cm .cm-sec--cats .cm-h-under { color: #fff; text-align: center; }
.page-cyber-monday .cm-cats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.page-cyber-monday .cm a.cm-cat,
.page-cyber-monday .cm-cat {
  position: relative;
  border-radius: var(--radius-card, 12px);
  overflow: hidden;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 20px 16px 22px;
  color: #fff;
  background: var(--cm-o-dark);
  isolation: isolate;
}
.page-cyber-monday .cm-cat__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: -2;
  transition: transform .3s ease;
}
/* Velo para legibilidad: suave arriba, más denso detrás del texto. */
.page-cyber-monday .cm-cat::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, .85) 100%);
}
.page-cyber-monday .cm a.cm-cat:hover .cm-cat__img { transform: scale(1.05); }
.page-cyber-monday .cm-cat__tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #000;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: var(--radius-pill, 9999px);
  padding: 6px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
.page-cyber-monday .cm .cm-cat h3 { font-size: 22px; line-height: 1.2; margin: 0 0 6px; color: #fff; }
.page-cyber-monday .cm-cat__go { color: var(--cm-o-yellow); font-weight: 700; font-size: 14px; }
.page-cyber-monday .cm a.cm-cat:hover { text-decoration: none; }
.page-cyber-monday .cm a.cm-cat:hover h3 { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- ¿CUÁNDO? ----------
   Fondo amarillo con ondas (CTA de Cobertura), texto oscuro. */
.page-cyber-monday .cm-sec--when {
  background:
    linear-gradient(rgba(252, 194, 86, .45), rgba(252, 194, 86, .45)),
    url('/assets/img/cyber-monday/cm-ondas-amarillas-1600.webp') center bottom / cover no-repeat,
    #f9c157;
  color: var(--cm-o-ink);
}
.page-cyber-monday .cm .cm-sec--when .cm-h-under { text-align: center; }
.page-cyber-monday .cm-when {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
  max-width: 940px;
  margin: 0 auto;
}
.page-cyber-monday .cm-when__big {
  font-weight: 700;
  font-size: 60px;
  color: var(--cm-o-ink);
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -.01em;
}
.page-cyber-monday .cm-when p { margin: 0; max-width: 64ch; font-size: 16.5px; line-height: 1.7; color: var(--cm-o-ink); }

/* ---------- ¿POR QUÉ? ----------
   Foto del local (hero de la home) con velo oscuro, como el hero del sitio. */
.page-cyber-monday .cm-why {
  background:
    linear-gradient(90deg, rgba(16, 14, 14, .74) 0%, rgba(16, 14, 14, .74) 58%, rgba(16, 14, 14, .5) 100%),
    url('/assets/img/cyber-monday/cm-local-orion-1920.webp') center 40% / cover no-repeat,
    var(--cm-o-dark);
  color: #fff;
}
.page-cyber-monday .cm .cm-why .cm-h-under { color: #fff; }
.page-cyber-monday .cm-why-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: center;
}
.page-cyber-monday .cm-why p { max-width: 70ch; font-size: 16.5px; line-height: 1.7; color: #f2f2f2; margin: 0 0 1em; }
.page-cyber-monday .cm-why .cm-why__cover { margin-top: 14px; color: #fff; font-weight: 600; }
.page-cyber-monday .cm-sec.cm-why a:not(.cm-btn) { color: var(--cm-o-yellow); }
.page-cyber-monday .cm-seal {
  flex: none;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background: rgba(35, 31, 32, .82);
  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
  border: 3px solid var(--cm-o-yellow);
  box-shadow: 0 0 0 8px rgba(252, 194, 86, .14);
  padding: 18px;
}
.page-cyber-monday .cm-seal b { display: block; font-weight: 700; color: var(--cm-o-yellow); font-size: 40px; line-height: 1; }
.page-cyber-monday .cm-seal span {
  display: block;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 8px;
  color: #f2f2f2;
  line-height: 1.35;
}

/* ---------- CIERRE (formulario 2) ----------
   Fondo amarillo con logotipo y ondas (CTA de Mayorista). */
.page-cyber-monday .cm-close {
  background:
    linear-gradient(rgba(252, 194, 86, .35), rgba(252, 194, 86, .35)),
    url('/assets/img/cyber-monday/cm-cta-orion-1600.webp') center top / cover no-repeat,
    #fac255;
  position: relative;
  overflow: hidden;
}
.page-cyber-monday .cm-close__inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}
.page-cyber-monday .cm .cm-close__inner h3 { font-size: 32px; color: var(--cm-o-ink); }
.page-cyber-monday .cm-close__inner .cm-close__text { color: var(--cm-o-ink); margin: 12px 0 0; font-size: 16px; }
.page-cyber-monday .cm-close__inner .cm-form { margin: 26px auto 0; justify-content: center; }
.page-cyber-monday .cm-close__inner .cm-form__email { border-color: rgba(33, 33, 33, .18); }
.page-cyber-monday .cm .cm-close__inner .cm-consent { color: var(--cm-o-ink); margin-left: auto; margin-right: auto; }
.page-cyber-monday .cm .cm-close__inner .cm-form__msg.is-ok { color: #14532d; }
.page-cyber-monday .cm .cm-close__inner .cm-form__msg.is-error { color: #7a1010; }

/* ---------- FASE DURANTE: listado ---------- */
/* Columnas sin mínimo de contenido: un título o SKU largo no desborda la grilla.
   Mismos cortes que productos.css (3 / 2 a 1200 / 3 a 991 / 2 a 576). */
.page-cyber-monday .productos-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1200px) { .page-cyber-monday .productos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px)  { .page-cyber-monday .productos-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 576px)  { .page-cyber-monday .productos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Cabecera del título: patrón .productos-hero del listado estándar (texto blanco
   centrado, peso regular) sobre el gris Orion texturado. Alto según el texto,
   con espacio abajo para el buscador, que se solapa como en el resto del sitio. */
.page-cyber-monday .productos-hero.cm-listado-hero {
  height: auto;
  padding: 64px 0 136px;
  background: url('/assets/img/cyber-monday/cm-gris-ondas-1600.webp') center 60% / cover no-repeat, var(--cm-o-dark);
}
.page-cyber-monday .cm-listado-hero h1 {
  font-size: 48px;
  line-height: 1.15;
  max-width: 1000px;
  margin: 0 auto;
}

/* Tarjetas de categoría que filtran el listado: mismo tratamiento que las
   tarjetas de la landing (fondo de categoría de la home, velo, etiqueta). */
.page-cyber-monday .cm-filtros {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 8px 0 0;
}
.page-cyber-monday .cm a.cm-cat.cm-filtro {
  flex: 1 1 0;
  min-width: 0;
  max-width: 260px;
  min-height: 150px;
  padding: 16px 12px;
}
.page-cyber-monday .cm-filtros-wrap + .productos-listing-section { padding-top: 16px; }
.page-cyber-monday .cm-cat__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}
.page-cyber-monday .cm a.cm-filtro:hover .cm-cat__name { text-decoration: underline; text-underline-offset: 4px; }
/* Activa: borde amarillo y etiqueta en amarillo. */
.page-cyber-monday .cm-filtro.is-active::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 3px solid var(--cm-o-yellow);
  border-radius: inherit;
  pointer-events: none;
}
.page-cyber-monday .cm-filtro.is-active .cm-cat__tag { background: var(--cm-o-yellow); color: var(--cm-o-ink); }
.page-cyber-monday .cm a.cm-filtro:focus-visible { outline: 3px solid var(--cm-o-yellow); outline-offset: 3px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .page-cyber-monday .cm-intro { grid-template-columns: 1fr; gap: 40px; }
  .page-cyber-monday .cm-countdown { position: static; }
  .page-cyber-monday .cm-cats { grid-template-columns: repeat(2, 1fr); }
  .page-cyber-monday .cm a.cm-cat,
  .page-cyber-monday .cm-cat { min-height: 260px; }
  .page-cyber-monday .cm-when { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .page-cyber-monday .cm-when p { margin: 0 auto; }
  .page-cyber-monday .cm-why-grid { grid-template-columns: 1fr; gap: 36px; }
  /* Texto a todo el ancho: velo uniforme. */
  .page-cyber-monday .cm-why {
    background-image:
      linear-gradient(rgba(16, 14, 14, .72), rgba(16, 14, 14, .72)),
      url('/assets/img/cyber-monday/cm-local-orion-1920.webp');
  }
  .page-cyber-monday .cm-seal { margin: 0 auto; }
  .page-cyber-monday .cm .cm-intro h1 { font-size: 32px; }
  .page-cyber-monday .cm-listado-hero h1 { font-size: 38px; }
}
/* Mobile: derivados angostos de los fondos. */
@media (max-width: 767px) {
  .page-cyber-monday .cm-sec { padding: 56px 0; }
  .page-cyber-monday .cm-sec--intro {
    background-image: url('/assets/img/cyber-monday/cm-ondas-orion-960.webp');
    background-size: 170% auto;
    background-position: center 24px;
  }
  .page-cyber-monday .cm-aviso,
  .page-cyber-monday .cm-strip,
  .page-cyber-monday .productos-hero.cm-listado-hero {
    background-image: url('/assets/img/cyber-monday/cm-gris-ondas-800.webp');
  }
  .page-cyber-monday .productos-hero.cm-listado-hero { padding: 48px 0 112px; }
  .page-cyber-monday .cm-listado-hero h1 { font-size: 30px; }
  /* Fila de tarjetas: scroll horizontal dentro de la fila. */
  .page-cyber-monday .cm-filtros {
    justify-content: flex-start;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    margin: 0;
  }
  .page-cyber-monday .cm a.cm-cat.cm-filtro {
    flex: 0 0 42%;
    min-width: 150px;
    max-width: none;
    min-height: 120px;
    padding: 12px 10px 14px;
    scroll-snap-align: start;
  }
  .page-cyber-monday .cm-cat__name { font-size: 16px; }
  .page-cyber-monday .cm-aviso p { padding: 44px 16px; font-size: 19px; }
  .page-cyber-monday .cm-sec--when {
    background-image:
      linear-gradient(rgba(252, 194, 86, .45), rgba(252, 194, 86, .45)),
      url('/assets/img/cyber-monday/cm-ondas-amarillas-800.webp');
    background-position: left center;
  }
  .page-cyber-monday .cm-why {
    background-image:
      linear-gradient(rgba(16, 14, 14, .72), rgba(16, 14, 14, .72)),
      url('/assets/img/cyber-monday/cm-local-orion-800.webp');
    background-position: center;
  }
  .page-cyber-monday .cm-close {
    background-image:
      linear-gradient(rgba(252, 194, 86, .35), rgba(252, 194, 86, .35)),
      url('/assets/img/cyber-monday/cm-cta-orion-800.webp');
  }
}
@media (max-width: 560px) {
  .page-cyber-monday .cm-wrap { padding: 0 16px; }
  .page-cyber-monday .cm-cats { gap: 12px; }
  .page-cyber-monday .cm a.cm-cat,
  .page-cyber-monday .cm-cat { min-height: 210px; padding: 16px 10px 18px; }
  .page-cyber-monday .cm .cm-cat h3 { font-size: 19px; }
  .page-cyber-monday .cm-cat__tag { top: 10px; left: 10px; font-size: 11px; padding: 5px 10px; }
  .page-cyber-monday .cm-countdown { padding: 26px 18px; }
  .page-cyber-monday .cm-countdown__num { font-size: 28px; }
  .page-cyber-monday .cm .cm-intro h1 { font-size: 28px; }
  .page-cyber-monday .cm .cm-h-under { margin-bottom: 24px; }
  .page-cyber-monday .cm .cm-close__inner h3 { font-size: 25px; }
  .page-cyber-monday .cm-when__big { font-size: 46px; }
  .page-cyber-monday .cm-strip__dates { font-size: 16px; }
  .page-cyber-monday .cm-form__email { min-width: 0; flex-basis: 100%; }
  .page-cyber-monday .cm-form .cm-btn { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .page-cyber-monday .cm-btn,
  .page-cyber-monday .cm-cat__img { transition: none; }
  .page-cyber-monday .cm-btn:hover { transform: none; }
  .page-cyber-monday .cm a.cm-cat:hover .cm-cat__img { transform: none; }
}