/* ========================================================================
   ZAVRYNE 16.64 — independent desktop buybox flow
   The description now belongs to the main content column, so a tall sticky
   buybox can no longer hold the next product content below it and create a
   dead white zone. Mobile/tablet keep the purchase-first order.
   ======================================================================== */

@media (min-width:1051px){
  .single-product .zv28-top-grid.zv1651-pdp-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 326px!important;
    gap:30px!important;
    align-items:start!important;
  }

  .single-product .zv28-top-grid.zv1651-pdp-shell>.zv1651-main-flow{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }

  .single-product .zv28-top-grid.zv1651-pdp-shell>.zv28-buybox.zv1645-buybox{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    position:sticky!important;
    top:88px!important;
    width:100%!important;
    max-width:326px!important;
    margin:0!important;
  }

  /* Critical: description is no longer a sibling after the two-column shell.
     It flows immediately after gallery + product information inside column 1. */
  .single-product .zv1651-main-flow>.zv31-description.zv1664-main-description{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:18px 0 0!important;
    padding:22px 0 0!important;
    border-top:1px solid var(--zv1651-line,#e3ddd6)!important;
    clear:none!important;
    position:relative!important;
    z-index:1!important;
  }

  /* Keep description media inside the actual main-content width; never let it
     collide with the independent sticky buybox. */
  .single-product .zv1664-main-description img,
  .single-product .zv1664-main-description video,
  .single-product .zv1664-main-description iframe{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* On tablet/mobile the parent shell is flex and .zv1651-main-flow becomes
   display:contents in the existing responsive layer. Give the moved description
   an explicit order so it stays after the buybox/supporting facts. */
@media (max-width:1050px){
  .single-product .zv31-description.zv1664-main-description{
    order:5!important;
    width:100%!important;
    flex:0 0 100%!important;
    min-width:0!important;
    margin-top:10px!important;
  }
}