/* ZooMag R26 — site-wide proportional balance
   Purpose: stop ultra-wide layouts from becoming visually stretched while
   preserving fluid behaviour on normal desktop/tablet/mobile widths. */

:root {
  --zm-r26-content-max: 1560px;
  --zm-r26-gutter: clamp(14px, 2vw, 32px);
}

/* R19 expands to 1800/2160/2440px. Keep the storefront readable instead. */
@media (min-width: 1400px) {
  :root {
    --zm-r19-site-max: 1560px !important;
    --zm-r19-page-gutter: clamp(24px, 2vw, 36px) !important;
  }
}

@media (min-width: 1900px) {
  :root {
    --zm-r19-site-max: 1640px !important;
    --zm-r19-page-gutter: 40px !important;
  }
}

@media (min-width: 2400px) {
  :root {
    --zm-r19-site-max: 1720px !important;
    --zm-r19-page-gutter: 48px !important;
  }
}

@media (min-width: 3200px) {
  :root {
    --zm-r19-site-max: 1840px !important;
    --zm-r19-page-gutter: 64px !important;
  }
}

html,
body {
  max-width: 100%;
}

/* Universal text safety for the commercial UI, without flattening rich content. */
:is(.zoomag-category-page, .zoohub-product-showcase, .product-related)
:is(h1, h2, h3, h4, a, button, label, strong, span) {
  overflow-wrap: break-word;
}

:is(.zoomag-category-page, .zoohub-product-showcase, .product-related)
:is(.row, [class*="col-"], .col, .card, section, article, main, aside) {
  min-width: 0;
}

@media (max-width: 575.98px) {
  :root { --zm-r26-gutter: 10px; }
}