/* Bi'Tişört v6.3.22
   Homepage card width sync hotfix.
   Goal: make cards in each section use equal widths and consistent media framing
   without touching the repaired mobile hero/footer isolation from v6.3.21.
*/

body.bt-hybrid-pro-v620 .hp-production-services,
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 .hp-all-product-grid,
body.bt-hybrid-pro-v620 .bt-builder-card-grid{
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}

/* Production / service cards */
body.bt-hybrid-pro-v620 .hp-production-services{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
}
body.bt-hybrid-pro-v620 .hp-production-services > .hp-production-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
body.bt-hybrid-pro-v620 .hp-production-services .hp-production-media,
body.bt-hybrid-pro-v620 .hp-production-services .hp-production-copy{
  width:100%!important;
  min-width:0!important;
}
body.bt-hybrid-pro-v620 .hp-production-services .hp-production-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  object-fit:cover!important;
}
body.bt-hybrid-pro-v620 .hp-production-services .hp-production-copy{
  flex:1 1 auto!important;
}

/* Popular product cards */
body.bt-hybrid-pro-v620 .hp-editorial-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid > .hp-editorial-product-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid .hp-editorial-product-media{
  display:block!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid .hp-editorial-product-media img,
body.bt-hybrid-pro-v620 .hp-all-product-grid article img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid .hp-editorial-product-info{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
body.bt-hybrid-pro-v620 .hp-editorial-product-grid .hp-editorial-product-main{
  flex:1 1 auto!important;
}

/* Expanded all-products mini cards */
body.bt-hybrid-pro-v620 .hp-all-product-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.bt-hybrid-pro-v620 .hp-all-product-grid > article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
}
body.bt-hybrid-pro-v620 .hp-all-product-grid article a:first-child{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
}
body.bt-hybrid-pro-v620 .hp-all-product-grid article img{
  aspect-ratio:1 / 1!important;
}

/* Real production gallery */
body.bt-hybrid-pro-v620 .hp-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.bt-hybrid-pro-v620 .hp-gallery-grid > article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.bt-hybrid-pro-v620 .hp-gallery-grid > article img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
}

/* Method cards in the corporate area */
body.bt-hybrid-pro-v620 .hp-methods{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.bt-hybrid-pro-v620 .hp-methods > article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}

/* Generic builder cards */
body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.bt-hybrid-pro-v620 .bt-builder-card-grid > .bt-builder-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}

/* Tablet */
@media (max-width:1180px){
  body.bt-hybrid-pro-v620 .hp-production-services,
  body.bt-hybrid-pro-v620 .hp-gallery-grid,
  body.bt-hybrid-pro-v620 .hp-methods,
  body.bt-hybrid-pro-v620 .hp-all-product-grid,
  body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bt-hybrid-pro-v620 .hp-editorial-product-grid,
  body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: keep widths consistent but single-column for dense sections.
   Footer/hero isolation from v6.3.21 is intentionally untouched. */
@media (max-width:720px){
  body.bt-hybrid-pro-v620 .hp-production-services,
  body.bt-hybrid-pro-v620 .hp-editorial-product-grid,
  body.bt-hybrid-pro-v620 .hp-all-product-grid,
  body.bt-hybrid-pro-v620 .hp-methods,
  body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-three,
  body.bt-hybrid-pro-v620 .bt-builder-card-grid.is-four{
    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;
  }
}