/* Wider layout for large screens (2026-09-28): the page used to stop at 1240px and left wide empty sides.
   Loaded after every other SebaChat stylesheet. */
.seba-header__top, .seba-footer__grid, .seba-footer__bottom, .seba-toolbar, ul.products, .seba-container,
.sh-block__in, .sh-hero, .sx-panel__in, .sx-announce__in { max-width: 1680px; }
.sx-wrap, .woocommerce-form-coupon-toggle .woocommerce-info, form.checkout_coupon, .woocommerce-notices-wrapper { max-width: 1440px; }

@media (min-width: 1440px) {
  .sh-rail { grid-auto-columns: calc((100% - 4 * var(--sh-gap)) / 5); }
  .sh-block--combo .sh-rail { grid-auto-columns: calc((100% - 2 * var(--sh-gap)) / 3); }
  .sd-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* Mobile announcement bar: one line, messages rotate (script in seba_fit_wide_screens). */
@media (max-width: 900px) {
  .sx-announce__in { position: relative; display: block; height: 34px; overflow: hidden; padding: 0 12px; }
  .sx-announce__in > span { position: absolute; left: 12px; right: 12px; top: 0; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; opacity: 0; transition: opacity .4s; }
  .sx-announce__in > span:first-child { opacity: 1; }
  .sx-announce__in.has-js > span:first-child { opacity: 0; }
  .sx-announce__in > span.is-on { opacity: 1 !important; }
}