/* Shared geometry: the template provides the gutters, content blocks need no extra padding. */
:root {
  --prezlo-container-width: 1488px;
  --prezlo-gutter-desktop: 24px;
  --prezlo-gutter-tablet: 24px;
  --prezlo-gutter-mobile: 15px;
  --prezlo-container-gutter: var(--prezlo-gutter-mobile);
  --prezlo-content-top: 0px;
  --prezlo-content-bottom: 40px;
}
@media (min-width: 768px) {
  :root {
    --prezlo-container-gutter: var(--prezlo-gutter-tablet);
  }
}
@media (min-width: 1200px) {
  :root {
    --prezlo-container-gutter: var(--prezlo-gutter-desktop);
  }
}
.container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--prezlo-container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--prezlo-container-gutter);
  padding-right: var(--prezlo-container-gutter);
}
/* Keep legacy column gaps within the configured outer gutter, including a 0px gutter. */
.container > .row {
  --prezlo-row-inset: min(var(--prezlo-container-gutter), calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  margin-left: calc(-1 * var(--prezlo-row-inset));
  margin-right: calc(-1 * var(--prezlo-row-inset));
}
.woocommerce .container > .row {
  --prezlo-row-inset: min(var(--prezlo-container-gutter), 24px);
  margin-left: calc(-1 * var(--prezlo-row-inset));
  margin-right: calc(-1 * var(--prezlo-row-inset));
}
.container > .row > *,
.woocommerce .container > .row > * {
  padding-left: var(--prezlo-row-inset);
  padding-right: var(--prezlo-row-inset);
}
@media (max-width: 768px) {
  .woocommerce .container > .row {
    --prezlo-row-inset: min(var(--prezlo-container-gutter), 12px);
  }
}
/* The common content shell has no second set of Bootstrap or catalog gutters. */
.container.prezlo-content-container > .row {
  margin-left: 0;
  margin-right: 0;
}
.container.prezlo-content-container > .row > * {
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}
body #themesflat-content {
  padding-top: var(--prezlo-content-top) !important;
  padding-bottom: var(--prezlo-content-bottom) !important;
}