/* RC5 presentation fixes: RC3 layout baseline + non-cropping media */

/* Product gallery: keep desktop RC3 two-column composition and show complete images. */
.product-hero{min-width:0;}
.product-hero__media,.product-hero__content{min-width:0;}
.gallery-main img,.gallery-thumb img{object-fit:contain!important;object-position:center!important;}
.gallery-thumb img{padding:4px;box-sizing:border-box;}

/* Editorial product images: never crop generated/marketing artwork. */
.product-image-panel{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff;}
.product-image-panel img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;}

/* Related product packshots must fit completely inside cards. */
.related-thumb{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
.related-thumb img,.related-thumb .inline-5f3c4a879234{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px!important;box-sizing:border-box!important;}

/* Defensive desktop grid: only stack product hero at the same RC3 breakpoint. */
@media (min-width:769px){
  .product-hero{display:grid!important;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;}
  .gallery-thumbs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;}
}
@media (max-width:768px){
  .product-hero{grid-template-columns:1fr!important;}
}

/* Alternate editorial rows consistently: regular = text/image, reversed = image/text. */
@media (min-width:769px){
  .two-col--reversed{direction:ltr!important;}
  .two-col--reversed > .product-image-panel{order:1!important;}
  .two-col--reversed > .text-block{order:2!important;}
}
@media (max-width:768px){
  .two-col,.two-col--reversed{direction:ltr!important;}
  .two-col > .text-block,.two-col--reversed > .text-block{order:1!important;}
  .two-col > .product-image-panel,.two-col--reversed > .product-image-panel{order:2!important;}
}