/*
 * Da Vat Hy Lures — Phase 23B.7J
 * Product Detail — Home Page Section Rhythm
 *
 * Product photography remains the focal point.
 * Remove large nested-card structure around the product summary.
 */

body.q4-product{
  --dvh23b7j-green:#06452f;
  --dvh23b7j-green2:#033823;
  --dvh23b7j-gold:#e6a821;
  --dvh23b7j-cream:#f7f3e9;
  --dvh23b7j-paper:#fff;
  --dvh23b7j-line:rgba(12,47,37,.11);
  background:#f4efe5!important;
}

/* ---------- Main product showcase ---------- */
.q4-product .detail{
  width:100%!important;
  margin:0!important;
  padding:0 0 34px!important;
  background:#fff!important;
  border-bottom:1px solid var(--dvh23b7j-line);
}

.q4-product .detail>.wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-top:16px!important;
}

.q4-product .back{
  margin:0 0 12px!important;
  color:#65736c!important;
  font-size:.72rem!important;
}

.q4-product .detailgrid{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  gap:34px!important;
  align-items:start!important;
}

/* Gallery becomes a clean product stage, not a card. */
.q4-product .gallerystage{
  border:0!important;
  border-top:1px solid var(--dvh23b7j-line)!important;
  border-bottom:1px solid var(--dvh23b7j-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

.q4-product .gallerymain{
  padding:12px 0!important;
}

.q4-product .gallerymain>img{
  height:clamp(420px,37vw,590px)!important;
}

.q4-product .zoomhint{
  right:8px!important;
  bottom:8px!important;
  border-radius:4px!important;
  background:rgba(3,56,35,.88)!important;
  font-size:.62rem!important;
}

.q4-product .mainnav{
  width:38px!important;
  height:48px!important;
  border-radius:4px!important;
  box-shadow:none!important;
}

.q4-product .gallerythumbs{
  gap:0!important;
  margin-top:8px!important;
  border-top:1px solid var(--dvh23b7j-line);
  border-bottom:1px solid var(--dvh23b7j-line);
}

.q4-product .gallerythumb{
  border:0!important;
  border-right:1px solid var(--dvh23b7j-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.q4-product .gallerythumb:last-child{
  border-right:0!important;
}

.q4-product .gallerythumb.active{
  border-color:var(--dvh23b7j-line)!important;
  box-shadow:inset 0 -3px 0 var(--dvh23b7j-gold)!important;
}

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

.q4-product .gallerythumb span{
  font-size:.57rem!important;
}

.q4-product .spin360-trigger{
  margin-top:8px!important;
  border-radius:4px!important;
  background:#f7f3e9!important;
  font-size:.72rem!important;
}

/* ---------- Product identity: no giant summary card ---------- */
.q4-product .dvh-product-summary{
  padding:8px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.q4-product .dvh-product-summary .eyebrow{
  margin-bottom:6px!important;
  font-size:.64rem!important;
}

.q4-product .dvh-product-summary h1,
.q4-product .detail h1{
  font-size:clamp(2.45rem,4vw,4rem)!important;
  line-height:.94!important;
  margin-bottom:10px!important;
}

.q4-product .dvh-product-summary>.badge{
  border-radius:3px!important;
  padding:4px 7px!important;
}

.q4-product .dvh-product-summary>.price{
  margin:5px 0 13px!important;
  font-size:1.8rem!important;
}

.q4-product .dvh-product-summary>p:not(.microcopy){
  max-width:580px;
  margin-bottom:16px!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}

/* Facts = flat specification strip. */
.q4-product .facts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:17px 0!important;
  border:0!important;
  border-top:1px solid var(--dvh23b7j-line)!important;
  border-bottom:1px solid var(--dvh23b7j-line)!important;
  border-radius:0!important;
  background:transparent!important;
}

.q4-product .fact{
  padding:11px 12px!important;
  border-right:1px solid var(--dvh23b7j-line);
  background:transparent!important;
}

.q4-product .fact:nth-child(3n){
  border-right:0;
}

.q4-product .fact:nth-child(n+4){
  border-top:1px solid var(--dvh23b7j-line);
}

.q4-product .fact small{
  font-size:.57rem!important;
}

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

/* Purchase controls remain prominent, but flatter. */
.q4-product .detail .actions{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:8px!important;
  margin-top:16px!important;
  padding-top:0!important;
}

.q4-product .detail .actions .addform label,
.q4-product .detail .actions .btn{
  border-radius:4px!important;
  box-shadow:none!important;
}

.q4-product .microcopy{
  font-size:.61rem!important;
  color:#7a8580!important;
}

/* ---------- Handmade notice: lighter editorial band inside summary ---------- */
.q4-product .dvh23b7j-handmade-band{
  margin:16px 0!important;
  padding:13px 0 13px 15px!important;
  border:0!important;
  border-left:3px solid var(--dvh23b7j-gold)!important;
  border-radius:0!important;
  background:transparent!important;
}

.q4-product .handmade-notice-icon{
  display:none!important;
}

.q4-product .handmade-notice strong{
  font-size:.73rem!important;
}

.q4-product .handmade-notice p{
  font-size:.65rem!important;
  line-height:1.4!important;
}

.q4-product .handmade-notice-auth{
  margin-top:8px!important;
}

.q4-product .handmade-notice-signature{
  width:88px!important;
}

/* ---------- FI bridge: strong branded strip, not a mini-card ---------- */
.q4-product .dvh23b7j-fi-band{
  margin:18px 0 0!important;
  padding:16px 17px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#06452f,#003e29,#06452f)!important;
  font-size:.69rem!important;
}

.q4-product .dvh23b7j-fi-band strong{
  font-family:Georgia,serif;
  font-size:1.05rem!important;
  color:#fff!important;
}

.q4-product .dvh23b7j-fi-band span{
  color:rgba(255,255,255,.74)!important;
}

.q4-product .dvh23b7j-fi-band a{
  color:#f4bd4c!important;
  text-decoration:none!important;
}

/* ---------- Cart confirmation ---------- */
.q4-product .cart-confirmation{
  border-radius:4px!important;
  box-shadow:none!important;
}

/* ---------- 360° media: page section, not floating card ---------- */
.q4-product .product360-inline{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px max(28px,calc((100vw - 1500px)/2 + 28px)) 28px!important;
  border:0!important;
  border-bottom:1px solid var(--dvh23b7j-line)!important;
  border-radius:0!important;
  background:#f7f3e9!important;
  box-shadow:none!important;
}

.q4-product .product360-inline-head{
  max-width:1500px;
  margin:0 auto 10px!important;
  padding:0!important;
  background:transparent!important;
  border-bottom:1px solid var(--dvh23b7j-line);
}

.q4-product .product360-inline-head button{
  border-radius:4px!important;
}

.q4-product .product-360-stage{
  max-width:1100px;
  margin:0 auto!important;
  background:#fff!important;
}

/* ---------- Mobile ---------- */
@media(max-width:1000px){
  .q4-product .detailgrid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .q4-product .dvh-product-summary{
    padding-top:4px!important;
  }

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

@media(max-width:700px){
  .q4-product .detail>.wrap{
    width:calc(100% - 32px)!important;
  }

  .q4-product .gallerymain>img{
    height:auto!important;
    max-height:430px!important;
    aspect-ratio:4/3;
  }

  .q4-product .gallerythumbs{
    display:flex!important;
    overflow-x:auto!important;
  }

  .q4-product .gallerythumb{
    flex:0 0 96px!important;
  }

  .q4-product .facts{
    grid-template-columns:1fr 1fr!important;
  }

  .q4-product .fact,
  .q4-product .fact:nth-child(3n){
    border-right:1px solid var(--dvh23b7j-line);
  }

  .q4-product .fact:nth-child(2n){
    border-right:0;
  }

  .q4-product .fact:nth-child(n+3){
    border-top:1px solid var(--dvh23b7j-line);
  }

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

  .q4-product .product360-inline{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

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

  .q4-product .facts{
    grid-template-columns:1fr!important;
  }

  .q4-product .fact,
  .q4-product .fact:nth-child(2n),
  .q4-product .fact:nth-child(3n){
    border-right:0;
  }

  .q4-product .fact:nth-child(n+2){
    border-top:1px solid var(--dvh23b7j-line);
  }
}
