/* Native gallery and form share one bounded row; later tabs/related stay outside. */
.bwr-product-shell div.product[id^="product-"]>.bwr-product-top{
  grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr);
  column-gap:clamp(32px,5.5vw,88px);align-items:start;position:relative;min-width:0;
}
.bwr-product-shell div.product[id^="product-"]>.bwr-product-top>:is(.images,.summary){
  float:none;width:100%;max-width:100%;min-width:0;grid-column:1;grid-row:auto;
  position:static;inset:auto;height:auto;max-height:none;align-self:start;
}
.bwr-product-shell div.product[id^="product-"]>.bwr-product-top>.summary{
  overflow:visible;overflow-wrap:anywhere;
}
.bwr-product-shell div.product[id^="product-"]>.bwr-product-top>.summary :is(form.cart,.bewaer-options,.bewaer-option){
  min-width:0;max-width:100%;
}
@media(min-width:901px){
  .bwr-product-shell div.product[id^="product-"]>.bwr-product-top{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .bwr-product-shell div.product[id^="product-"]>.bwr-product-top>.images{grid-column:1;grid-row:1;margin-bottom:0}
  .bwr-product-shell div.product[id^="product-"]>.bwr-product-top>.summary{grid-column:2;grid-row:1}
}
/* On shorter screens keep the complete gallery in normal page flow.
   On roomy desktops cap only the gallery, retaining access to many thumbnails
   via its native links/scroll. Its containing block ends before the tabs. */
@media(min-width:901px) and (min-height:900px){
  .bwr-product-shell div.product[id^="product-"]>.bwr-product-top>.images{
    position:sticky;top:112px;max-height:calc(100svh - 144px);overflow:auto;
    scrollbar-width:thin;
  }
}
@media(max-width:600px){
  .bwr-product-shell div.product .summary form.cart .single_add_to_cart_button{
    flex:1 0 100%;width:100%;box-sizing:border-box;min-height:56px;
  }
  .bwr-product-shell .summary .bwr-quantity-stepper>button{width:48px;min-width:48px}
}