/* =========================================================
   KARLEEN — GLOBAL LAYOUT R1

   One horizontal grid for:
   - header
   - home
   - concern pages
   - product detail
   - catalog
   - footer
   - standard public pages

   Narrow editorial/legal reading columns remain untouched
   because they have their own more specific max-width rules.
   ========================================================= */

:root {
    --karleen-container-width: 1540px;
}


/*
 * Bootstrap and legacy V3 currently cap the public site
 * at smaller values. This final stylesheet establishes
 * the single public layout width.
 */

.shop-v3 .container {
    width: 100%;
    max-width: var(--karleen-container-width);
    margin-left: auto;
    margin-right: auto;
}


/*
 * Explicit contract for the primary public layout regions.
 * These selectors are intentionally redundant documentation:
 * all of them must sit on the same vertical grid.
 */

.shop-v3 .shop-header .container,
.shop-v3 main .container,
.shop-v3 .site-footer .container {
    max-width: var(--karleen-container-width);
}


/*
 * Do not widen intentionally narrow reading columns.
 */

.shop-v3 .article-page__narrow {
    max-width: 1040px !important;
}

.shop-v3 .legal-page__narrow {
    max-width: 900px !important;
}


/*
 * Existing mobile horizontal padding from V3 remains
 * authoritative. No responsive structure is changed here.
 */