/* ZAVRYNE 15.17 — larger Amazon-inspired desktop product-image area.
   Gives the gallery more horizontal room while keeping product info and the buy box readable.
   Mobile behavior remains unchanged. */
@media (min-width:1181px){
  .single-product .woocommerce-main>.container{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .single-product .zv28-product{
    width:100%!important;
    max-width:1720px!important;
    margin-inline:auto!important;
  }
  .single-product .zv28-top-grid{
    grid-template-columns:minmax(560px,1.34fr) minmax(320px,.69fr) minmax(260px,.47fr)!important;
    column-gap:18px!important;
  }
  .single-product .zv33-gallery{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
  }
  .single-product .zv33-thumbs{
    width:64px!important;
  }
  .single-product .zv33-thumb,
  .single-product .zv33-video-thumb{
    width:64px!important;
    max-width:64px!important;
  }
  .single-product .zv33-main-media{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* On wide desktop screens, allocate roughly half of the PDP to the image experience,
   closer to the visual hierarchy used by large marketplaces. */
@media (min-width:1480px){
  .single-product .zv28-top-grid{
    grid-template-columns:minmax(720px,1.58fr) minmax(340px,.72fr) minmax(285px,.48fr)!important;
    column-gap:20px!important;
  }
  .single-product .zv33-gallery{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .single-product .zv33-thumbs{width:68px!important}
  .single-product .zv33-thumb,
  .single-product .zv33-video-thumb{
    width:68px!important;
    max-width:68px!important;
    height:84px!important;
  }
}