/* Braids Goddess 2.0.39 — Home desktop root width lock.
   Desktop only. Keeps tablet/mobile untouched. */
@media (min-width:1100px){
  body.bgc-enabled.bgc-page-home{overflow-x:hidden!important}

  /* Unlock only the ancestors that contain the Braids Goddess home. */
  body.bgc-enabled.bgc-page-home .bgc-home-wide-ancestor{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  body.bgc-enabled.bgc-page-home .bgc-home{
    width:100%!important;
    max-width:none!important;
    margin-inline:auto!important;
    overflow:visible!important;
  }

  /* Main hero: use the desktop viewport rather than the WP/Elementor box. */
  body.bgc-enabled.bgc-page-home .bgc-home-hero{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(1840px,calc(100vw - 56px))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    grid-template-columns:minmax(430px,42%) minmax(0,58%)!important;
  }

  /* All editorial/content rails become wider too, but stay readable. */
  body.bgc-enabled.bgc-page-home .bgc-universes,
  body.bgc-enabled.bgc-page-home .bgc-wrap{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(1680px,calc(100vw - 72px))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.bgc-enabled.bgc-page-home .bgc-product-grid,
  body.bgc-enabled.bgc-page-home .bgc-collection-strip{
    width:100%!important;
    max-width:none!important;
  }
}

@media (min-width:1800px){
  body.bgc-enabled.bgc-page-home .bgc-home-hero{
    width:min(1900px,calc(100vw - 72px))!important;
  }
  body.bgc-enabled.bgc-page-home .bgc-universes,
  body.bgc-enabled.bgc-page-home .bgc-wrap{
    width:min(1760px,calc(100vw - 96px))!important;
  }
}