/* Bi'Tişört v6.3.23 — Homepage outer-width hard lock
   Previous v6.3.22 normalized cards inside each grid, but the visible mismatch came
   from section/grid wrappers using different max-width rules. This file locks the
   real homepage content blocks to one shared width while preserving the v6.3.21
   isolated mobile hero/footer behavior.
*/

body.bt-hybrid-pro-v620{
  --bt-home-block-max:1560px;
  --bt-home-block-gutter:48px;
  --bt-home-block-width:min(var(--bt-home-block-max),calc(100% - (var(--bt-home-block-gutter) * 2)));
}

/* One real outer width for all principal card / content blocks. */
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-production-services,
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-how-reference,
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-products-editorial.shell,
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-studio.shell,
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-gallery.shell,
body.bt-hybrid-pro-v620 main.hp-home-main > .hp-service-stack.shell,
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell{
  width:var(--bt-home-block-width)!important;
  max-width:var(--bt-home-block-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Custom corporate banner/team blocks were the most visibly wider/narrower ones. */
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell .bt-corporate-team-card,
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell .bt-builder-banner-link,
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell .bt-builder-hero,
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell .bt-builder-split,
body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell .bt-builder-cta-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Internal grids always consume the entire locked wrapper. */
body.bt-hybrid-pro-v620 .hp-production-services,
body.bt-hybrid-pro-v620 .hp-how-panel,
body.bt-hybrid-pro-v620 .hp-editorial-product-grid,
body.bt-hybrid-pro-v620 .hp-gallery-grid,
body.bt-hybrid-pro-v620 .hp-methods,
body.bt-hybrid-pro-v620 .bt-builder-card-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Equal columns, no content-driven width shrinkage. */
body.bt-hybrid-pro-v620 .hp-production-services{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.bt-hybrid-pro-v620 .hp-gallery-grid,
body.bt-hybrid-pro-v620 .hp-methods{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.bt-hybrid-pro-v620 .hp-production-card,
body.bt-hybrid-pro-v620 .hp-editorial-product-card,
body.bt-hybrid-pro-v620 .hp-gallery-grid > article,
body.bt-hybrid-pro-v620 .hp-methods > article,
body.bt-hybrid-pro-v620 .bt-builder-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Tablet keeps the exact same outer edges, only columns reduce. */
@media(max-width:1180px){
  body.bt-hybrid-pro-v620{
    --bt-home-block-gutter:28px;
  }
  body.bt-hybrid-pro-v620 .hp-production-services,
  body.bt-hybrid-pro-v620 .hp-gallery-grid,
  body.bt-hybrid-pro-v620 .hp-methods{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bt-hybrid-pro-v620 .hp-editorial-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile uses one consistent 10px side gutter. Hero/footer remain isolated by v6.3.21. */
@media(max-width:720px){
  body.bt-hybrid-pro-v620{
    --bt-home-block-gutter:10px;
  }
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-production-services,
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-how-reference,
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-products-editorial.shell,
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-studio.shell,
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-gallery.shell,
  body.bt-hybrid-pro-v620 main.hp-home-main > .hp-service-stack.shell,
  body.bt-hybrid-pro-v620 main.hp-home-main > .bt-custom-section.shell{
    width:calc(100% - 20px)!important;
    max-width:none!important;
  }
  body.bt-hybrid-pro-v620 .hp-production-services,
  body.bt-hybrid-pro-v620 .hp-editorial-product-grid,
  body.bt-hybrid-pro-v620 .hp-methods{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.bt-hybrid-pro-v620 .hp-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:420px){
  body.bt-hybrid-pro-v620 .hp-gallery-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}