/* ZAVRYNE 15.04 — remove the large desktop white gap beneath the gallery.
   The product tabs now live inside the top grid so they can begin beneath the
   gallery/info columns while the purchase box continues independently at right. */

@media (min-width:1181px){
  .single-product .zv28-top-grid{
    grid-template-rows:auto auto!important;
    grid-auto-rows:auto!important;
    row-gap:10px!important;
    align-items:start!important;
    padding-bottom:8px!important;
  }
  .single-product .zv33-gallery{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    margin-bottom:0!important;
  }
  .single-product .zv28-product-info{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .single-product .zv28-buybox{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
  }
  .single-product .zv31-description{
    grid-column:1 / 3!important;
    grid-row:2!important;
    align-self:start!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
}

/* Tablet keeps the established two-column purchase layout, with tabs immediately
   after the main product block and without any artificial minimum height. */
@media (max-width:1180px) and (min-width:801px){
  .single-product .zv28-top-grid{
    grid-template-rows:auto auto auto!important;
    grid-auto-rows:auto!important;
    row-gap:10px!important;
    padding-bottom:8px!important;
  }
  .single-product .zv33-gallery{grid-column:1!important;grid-row:1 / span 2!important}
  .single-product .zv28-product-info{grid-column:2!important;grid-row:1!important}
  .single-product .zv28-buybox{grid-column:2!important;grid-row:2!important;margin-top:0!important}
  .single-product .zv31-description{
    grid-column:1 / 3!important;
    grid-row:3!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
}

/* Mobile remains a simple natural document flow: gallery → info → buy box → tabs. */
@media (max-width:800px){
  .single-product .zv31-description{
    order:4!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 0!important;
    padding:0!important;
  }
}