/* V2.8 targeted correction: header flush to viewport, rounded on all corners,
   and coupon tab placed below (not over) the full navigation container. */
.site-header {
  top: 0 !important;
  border-radius: 18px !important;
  overflow: visible;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .site-header { top: 0 !important; }
}
@media (max-width: 760px) {
  .site-header {
    top: 0 !important;
    border-radius: 18px !important;
  }
}
.coupon-tab {
  top: var(--coupon-tab-top, calc(var(--header-height, 88px) + 12px)) !important;
  z-index: 160 !important;
}
.coupon-tab__trigger {
  border-radius: 18px !important;
  overflow: hidden !important;
}
.coupon-tab__panel {
  border-radius: 16px !important;
}


/* V2.8.3: deja visible la franja de cuadros detrás del encabezado.
   El espacio es deliberado; no desplaza el contenido de la página. */
:root {
  --header-checker-gap: 8px;
}
.site-header {
  top: var(--header-checker-gap) !important;
}
@media (max-width: 900px) {
  .site-header {
    top: var(--header-checker-gap) !important;
  }
}
@media (max-width: 760px) {
  .site-header {
    top: var(--header-checker-gap) !important;
  }
}