/* Product-detail information architecture inspired by mature commerce patterns. */
@media (min-width:701px){
  .product-detail>div:first-child{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px}
  .product-detail-main{grid-column:2}
  .product-gallery{grid-column:1;grid-row:1;align-self:start;display:flex!important;flex-direction:column;gap:10px!important;max-height:570px;overflow-x:hidden!important;overflow-y:auto!important;padding:0 3px!important}
  .product-gallery button{flex:0 0 78px!important;width:78px}
  .product-gallery button img{width:100%;height:100%;object-fit:contain}
}
@media (max-width:700px){
  .product-detail>div:first-child{display:block}
  .product-gallery{display:flex!important;flex-direction:row;max-height:none;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 0 0!important}
  .product-gallery button{flex:0 0 64px!important;width:64px}
}