/**
 * Contenido a ancho casi completo (pocos márgenes laterales).
 * El carrito usa .container.cart-panel y conserva márgenes normales.
 */

:root {
  --layout-edge-pad: 6px;
}

@media (min-width: 768px) {
  :root {
    --layout-edge-pad: 12px;
  }
}

.layout-edge {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-edge-pad);
  padding-right: var(--layout-edge-pad);
  box-sizing: border-box;
}

/* Carrito: bloque centrado entre secciones de ancho completo */
.cart-panel-wrap {
  width: 100%;
  padding: 1rem 0 1.25rem;
  box-sizing: border-box;
}

.cart-panel.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x, 0.75rem) * 0.5);
  padding-right: calc(var(--bs-gutter-x, 0.75rem) * 0.5);
  max-width: 100%;
}

/* Catálogo de productos: sin columnas laterales (borde a borde) */
.layout-catalog-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.layout-catalog-bleed .products-catalog__title,
.layout-catalog-bleed #load-more-container {
  padding-left: var(--layout-edge-pad);
  padding-right: var(--layout-edge-pad);
}

.page-index {
  width: 100%;
  overflow-x: hidden;
}