/* Vanityform PDP v0.69 — fixes from live Opera QA.
   Structure only: product/gallery source images remain untouched.
   The v0.67 inline review is intentionally preserved. */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes{
  --vf69-ink:#211817;
  --vf69-muted:#756963;
  --vf69-burgundy:#963f5a;
  --vf69-green:#178657;
  --vf69-green-dark:#0d6c43;
  --vf69-green-soft:#eaf6ef;
  --vf69-line:rgba(70,45,38,.14);
  --vf69-paper:#fffdfb;
}

/* ---------- 1. Sticky gallery while the buy box is taller ---------- */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-detail--beauty,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-detail--beauty .product-detail__top{
  overflow:visible!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-detail--beauty .product-gallery{
  position:sticky!important;
  top:88px!important;
  align-self:start!important;
  z-index:2!important;
}

/* ---------- 2. Hard visual hierarchy: timer > title > rating > tagline > price ---------- */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-detail--beauty .product-info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > #rollingBallInlineTimerRow{order:10!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > h1{order:20!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .product-social-proof{order:30!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .vf68-product-tagline{order:40!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .vf69-price-psychology{order:50!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .purchase-box{order:60!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .rb-payment-methods{order:70!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .product-hero-trust{order:80!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > .mobile-purchase-bar{order:90!important;}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-info > #detailPrice{
  display:none!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-social-proof{
  display:flex!important;
  align-items:center!important;
  min-height:22px!important;
  margin:0 0 9px!important;
}

/* ---------- 3. Price psychology ---------- */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-psychology{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 12px;
  margin:1px 0 18px;
  padding:0;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-before{
  width:100%;
  color:#81736d;
  font:500 .72rem/1.25 "DM Sans",sans-serif;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-before s{
  margin-left:4px;
  color:#746761;
  text-decoration-thickness:1.5px;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-now-label{
  color:#495049;
  font:650 .72rem/1 "DM Sans",sans-serif;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-now{
  color:var(--vf69-green)!important;
  font:750 2.25rem/.95 "DM Sans",sans-serif!important;
  letter-spacing:-.035em;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-save{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 10px;
  border:1px solid rgba(23,134,87,.24);
  border-radius:999px;
  background:var(--vf69-green-soft);
  color:var(--vf69-green-dark);
  font:700 .66rem/1 "DM Sans",sans-serif;
}

/* ---------- 4. Pack cards: no clipping / no hidden lower content ---------- */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-quantity__cards,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-quantity__cards{
  overflow:visible!important;
  padding-top:14px!important;
  padding-bottom:4px!important;
  align-items:stretch!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-qty-card{
  min-height:276px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-qty-card__top{
  min-height:276px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px 13px 16px!important;
  gap:8px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card__copy,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card__price,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-pack-perks{
  min-width:0!important;
  overflow:visible!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card__copy strong,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-pack-perks span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp337-qty-card__visual,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp339-qty-card__visual{
  min-height:62px!important;
  height:62px!important;
  overflow:visible!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp337-qty-card__visual img,
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp339-qty-card__visual img{
  width:55px!important;
  height:55px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card__price{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px 7px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card__price > strong{
  font-size:1.23rem!important;
  line-height:1!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp334-qty-card__saving{
  flex:0 0 auto!important;
  margin-top:2px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-pack-perks{
  margin-top:5px!important;
  padding-top:7px!important;
  gap:6px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-pack-perks span{
  font-size:.66rem!important;
  line-height:1.28!important;
}
/* v0.68 now owns the visible color selector. Legacy nested variant panels are removed from the pack cards. */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-qty-card__variants{
  display:none!important;
}

/* ---------- 5. Reliable visible CTA next to the stepper ---------- */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-purchase-row{
  display:grid!important;
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-purchase-row > .purchase-action-row{
  display:none!important;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-primary-cta{
  min-width:0;
  min-height:58px;
  width:100%;
  border:0;
  border-radius:999px;
  background:linear-gradient(90deg,#9b3e5b,#843048);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(126,45,71,.13);
  font:750 .91rem/1 "DM Sans",sans-serif;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-primary-cta:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 9px 24px rgba(126,45,71,.18);
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-primary-cta:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
}
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-primary-cta i{font-size:.95rem;}
/* Keep the approved v0.67 inline review exactly after the purchase row. */
body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-inline-review{
  order:initial!important;
}

@media (max-width:1120px){
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .product-detail--beauty .product-gallery{
    position:relative!important;
    top:auto!important;
  }
}
@media (max-width:720px){
  body.store-product-template-beauty[data-page="product"] .mobile-purchase-bar{
    display:none!important;
  }
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf67-purchase-row{
    grid-template-columns:110px minmax(0,1fr)!important;
  }
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .vf69-price-now{font-size:2rem!important;}
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp327-qty-card,
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-qty-card,
  body.store-product-template-beauty[data-page="product"].vf69-pdp-fixes .pp329-qty-card__top{
    min-height:0!important;
  }
}