/* fix29 — min 30px side inset + safety for edge-flush layouts */

:root {
  --gzs-page-gutter: 30px;
}

/* Global page gutters — desktop & tablet */
@media (min-width: 768px) {
  .page-wrapper > .porto-block-html-top .container,
  .page-wrapper > .porto-block-html-top .custom-block,
  .page-header .header.content,
  .page-header.type23 .header.content,
  .nav-sections .navigation,
  .navigation.sw-megamenu,
  .breadcrumbs .items,
  .page-main,
  .columns,
  .footer.content,
  .gzs-footer .footer.content,
  .gzs-footer .container,
  .gzs-container,
  .gzs-section > .gzs-container,
  .gzs-hero,
  .gzs-featured,
  .toolbar-products,
  .category-view,
  .page-title-wrapper {
    padding-left: max(var(--gzs-page-gutter), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--gzs-page-gutter), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* Topbar shipping row often lives outside .container */
  .page-wrapper > .porto-block-html-top,
  .porto-block-html-top,
  .gzs-topbar,
  .gzs-topbar__inner {
    padding-left: max(var(--gzs-page-gutter), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--gzs-page-gutter), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* Product grid: keep cards inside gutter */
  .products-grid,
  .products.wrapper,
  .column.main .products {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .column.main {
    padding-left: max(var(--gzs-page-gutter), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--gzs-page-gutter), env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* Avoid double-padding if page-main already has gutter */
  .page-main .column.main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-main {
    padding-left: max(var(--gzs-page-gutter), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(var(--gzs-page-gutter), env(safe-area-inset-right, 0px)) !important;
  }
}

@media (max-width: 767px) {
  .page-main,
  .column.main,
  .page-header.type23 .header.content,
  .porto-block-html-top,
  .gzs-topbar,
  .footer.content,
  .gzs-footer .footer.content {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }
}

/* Breadcrumbs bar full-bleed bg OK, but text inset */
.breadcrumbs {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .breadcrumbs .items {
    max-width: 100% !important;
  }
}