/* ==========================================================================
   IPEKERP_STOREFRONT_HOME_REDLINE_EXPANSION_V1

   Undo the last unified-shell layer and expand the homepage toward the
   user-marked red frame. No hero-height or behavior changes.
   ========================================================================== */

@media (min-width: 1180px) {
  body.sf-home-concept[data-c5-live-home] {
    --ipek-home-redline-width: min(calc(100% - 128px), 1640px);
  }

  body.sf-home-concept[data-c5-live-home] main#storefront-main > .c5-wrap,
  body.sf-home-concept[data-c5-live-home] .c5 > main#storefront-main > .c5-wrap,
  body.sf-home-concept[data-c5-live-home] .c5-wrap.c5-hero {
    width: var(--ipek-home-redline-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-wrap.c5-hero {
    grid-template-columns: clamp(380px, 24.5vw, 410px) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.sf-home-concept[data-c5-live-home] .sf4-approved-nav,
  body.sf-home-concept[data-c5-live-home] .sf4-approved-nav__inner {
    width: var(--ipek-home-redline-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sf-home-concept[data-c5-live-home] .sf4-brand-rail,
  body.sf-home-concept[data-c5-live-home] .sf4-brand-rail__inner,
  body.sf-home-concept[data-c5-live-home] [data-brand-rail="v2"] {
    width: var(--ipek-home-redline-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sf-home-concept[data-c5-live-home]
  .sf4-brand-rail[data-brand-rail="v2"] .sf4-brand-rail__viewport {
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (min-width: 821px) and (max-width: 1179px) {
  body.sf-home-concept[data-c5-live-home] {
    --ipek-home-redline-width: calc(100% - 32px);
  }

  body.sf-home-concept[data-c5-live-home] main#storefront-main > .c5-wrap,
  body.sf-home-concept[data-c5-live-home] .sf4-approved-nav,
  body.sf-home-concept[data-c5-live-home] .sf4-approved-nav__inner,
  body.sf-home-concept[data-c5-live-home] .sf4-brand-rail,
  body.sf-home-concept[data-c5-live-home] .sf4-brand-rail__inner {
    width: var(--ipek-home-redline-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}