/*
 * Da Vat Hy Lures — Phase 23B.7J1
 * Product Detail Balance
 *
 * Corrects the first 23B.7J acceptance pass:
 * - gallery was too tall for lure proportions;
 * - purchase controls sat too low;
 * - handmade notice interrupted conversion flow.
 */

body.q4-product{
  --dvh23b7j1-line:rgba(12,47,37,.11);
}

/* ===============================================================
   PRODUCT SHOWCASE BALANCE
   =============================================================== */
.q4-product .detail{
  padding-bottom:28px!important;
}

.q4-product .detailgrid{
  grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr)!important;
  gap:40px!important;
}

/* Gallery stage should frame the lure, not create a tall empty poster. */
.q4-product .gallerystage{
  min-height:0!important;
}

.q4-product .gallerymain{
  min-height:0!important;
  height:auto!important;
  padding:18px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.q4-product .gallerymain>img{
  width:100%!important;
  height:clamp(255px,24vw,365px)!important;
  max-height:365px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Keep gallery navigation visually proportional to the shorter stage. */
.q4-product .mainnav{
  width:34px!important;
  height:42px!important;
}

.q4-product .zoomhint{
  font-size:.58rem!important;
}

/* Thumbnails remain useful without adding another tall strip. */
.q4-product .gallerythumb img{
  height:62px!important;
}

.q4-product .gallerythumb{
  min-height:82px!important;
}

.q4-product .spin360-trigger{
  min-height:38px!important;
}

/* Product identity should naturally align with the compact gallery. */
.q4-product .dvh-product-summary{
  padding-top:2px!important;
}

.q4-product .dvh-product-summary h1,
.q4-product .detail h1{
  font-size:clamp(2.3rem,3.5vw,3.65rem)!important;
  margin-bottom:8px!important;
}

.q4-product .dvh-product-summary>.price{
  margin:4px 0 10px!important;
}

.q4-product .dvh-product-summary>p:not(.microcopy){
  margin-bottom:13px!important;
  font-size:.79rem!important;
}

/* Specifications tighter so purchase can stay above the fold. */
.q4-product .facts{
  margin:13px 0 12px!important;
}

.q4-product .fact{
  padding:9px 10px!important;
}

.q4-product .fact strong{
  font-size:.72rem!important;
}

/* ===============================================================
   CONVERSION ORDER
   Facts -> Buy -> Handmade -> FI
   =============================================================== */
.q4-product .dvh23b7j1-buy-actions{
  margin:12px 0 0!important;
  padding:0!important;
}

.q4-product .dvh23b7j1-buy-actions .addform{
  min-height:42px!important;
}

.q4-product .dvh23b7j1-buy-actions .addform label{
  min-height:42px!important;
}

.q4-product .dvh23b7j1-buy-actions .btn{
  min-height:42px!important;
}

.q4-product .dvh23b7j1-buy-note{
  margin:6px 0 0!important;
  font-size:.59rem!important;
}

/* Handmade note is important, but it supports the purchase rather than
   blocking the purchase decision. */
.q4-product .dvh23b7j1-handmade-after-buy{
  margin:15px 0 0!important;
  padding:11px 0 10px 13px!important;
}

.q4-product .dvh23b7j1-handmade-after-buy .handmade-notice-body>strong{
  font-size:.69rem!important;
}

.q4-product .dvh23b7j1-handmade-after-buy .handmade-notice-body>p{
  margin:3px 0!important;
  font-size:.61rem!important;
  line-height:1.38!important;
}

.q4-product .dvh23b7j1-handmade-after-buy .handmade-notice-auth{
  margin-top:6px!important;
}

.q4-product .dvh23b7j1-handmade-after-buy .handmade-notice-auth-line{
  margin-top:0!important;
}

.q4-product .dvh23b7j1-handmade-after-buy .handmade-notice-signature{
  width:78px!important;
}

/* FI remains the final strong bridge from product -> conditions. */
.q4-product .dvh23b7j-fi-band{
  margin-top:14px!important;
  padding:14px 15px!important;
}

/* ===============================================================
   RESPONSIVE
   =============================================================== */
@media(max-width:1050px){
  .q4-product .detailgrid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
    gap:28px!important;
  }

  .q4-product .gallerymain>img{
    height:330px!important;
  }
}

@media(max-width:900px){
  .q4-product .detailgrid{
    grid-template-columns:1fr!important;
    gap:17px!important;
  }

  .q4-product .gallerymain>img{
    height:min(52vw,390px)!important;
  }

  .q4-product .dvh-product-summary{
    max-width:760px;
  }
}

@media(max-width:700px){
  .q4-product .gallerymain{
    padding:10px 6px!important;
  }

  .q4-product .gallerymain>img{
    width:100%!important;
    height:auto!important;
    max-height:320px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }

  .q4-product .gallerythumb{
    min-height:74px!important;
  }

  .q4-product .gallerythumb img{
    height:54px!important;
  }

  .q4-product .dvh23b7j1-buy-actions{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:480px){
  .q4-product .dvh-product-summary h1,
  .q4-product .detail h1{
    font-size:2.1rem!important;
  }

  .q4-product .dvh23b7j1-handmade-after-buy{
    padding-left:11px!important;
  }
}