.product-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:40px 24px 70px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:44px
}

.gallery-main{
  border:1px solid rgba(222,214,203,1);
  background:#fff;
  overflow:hidden
}
.gallery-main img{
  width:100%;
  height:520px;
  object-fit:cover;
  display:block
}

.thumbs{
  display:flex;
  gap:10px;
  margin-top:12px
}
.thumbs button{
  border:1px solid rgba(222,214,203,1);
  padding:0;
  background:transparent;
  cursor:pointer;
  transition:transform .15s ease, opacity .2s ease
}
.thumbs button:hover{
  transform:translateY(-1px);
  opacity:.95
}
.thumbs img{
  width:92px;
  height:70px;
  object-fit:cover;
  display:block
}

.p-title{
  font-family:'Cormorant Garamond',serif;
  font-size:44px;
  margin:0 0 6px;
  color:#2F2A24
}
.p-price{
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  margin:0 0 18px;
  color:#3A342D
}
.p-desc{
  font-family:Inter,sans-serif;
  color:#5E574F;
  line-height:1.9;
  font-size:14px;
  margin:0 0 22px
}

.p-desc p{
  margin:0 0 12px
}
.p-desc p:last-child{
  margin-bottom:0
}
.p-desc ul,.p-desc ol{
  margin:0 0 12px 18px
}


/* ===============================
   NEW: Subheads + Scent Block
================================ */

.p-subhead{
  margin:0 0 10px;
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6A635B
}

.p-subcopy{
  margin:0 0 12px;
  font-family:Inter,sans-serif;
  color:#5E574F;
  line-height:1.8;
  font-size:13px
}

.scent{
  border:1px solid rgba(222,214,203,1);
  background:rgba(255,255,255,.22);
  padding:16px;
  margin:16px 0 18px
}

.chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px
}

.chip{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 14px;
  border:1px solid rgba(222,214,203,1);
  background:rgba(255,255,255,.22);
  font-family:Inter,sans-serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#4f4942
}

/* ===============================
   Options + Pills
================================ */

.opt{margin:18px 0}
.opt label{
  display:block;
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6A635B;
  margin-bottom:10px
}

.pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.pills button{
  border:1px solid rgba(222,214,203,1);
  background:transparent;
  padding:10px 14px;
  cursor:pointer;
  font-family:'Cormorant Garamond',serif;
  font-size:18px;
  color:#3A342D;
  transition:background .2s ease, border-color .2s ease, transform .15s ease
}
.pills button:hover{
  transform:translateY(-1px)
}
.pills button.active{
  border-color:#3F3A32;
  background:#3F3A320d
}

/* ===============================
   Key Values
================================ */

.kv{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:20px 0 18px
}
.kv div{
  border:1px solid rgba(222,214,203,1);
  padding:14px 14px;
  background:rgba(255,255,255,.3)
}
.kv strong{
  display:block;
  font-family:Inter,sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6A635B;
  margin-bottom:6px
}
.kv span{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;
  color:#3A342D
}

/* ===============================
   NEW: Candle Care
================================ */

.care{
  border:1px solid rgba(222,214,203,1);
  background:rgba(255,255,255,.18);
  padding:16px;
  margin:0 0 16px
}

.care-list{
  margin:0;
  padding:0;
  list-style:none
}
.care-list li{
  font-family:Inter,sans-serif;
  color:#5E574F;
  font-size:13px;
  line-height:1.8;
  padding-left:14px;
  position:relative;
  margin:8px 0
}
.care-list li:before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#3F3A32;
  opacity:.7
}

/* ===============================
   Buy Row
================================ */

.buyrow{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:8px
}

.qty{
  display:flex;
  border:1px solid rgba(222,214,203,1)
}
.qty button{
  width:40px;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:18px
}
.qty input{
  width:54px;
  border:0;
  background:transparent;
  text-align:center;
  font-family:Inter,sans-serif
}

/* Make the main Add button feel balanced next to qty */
.buyrow .btn{
  flex:1;
  text-align:center
}

/* ===============================
   WooCommerce (variable products)
   Keep Woo's variation inputs in the DOM for reliability, but hide them
   so the page matches the provided HTML.
================================ */

.lk-variations-hidden{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden
}


/* Inline variation hint (prevents ugly Woo notices) */
.lk-variation-pills{position:relative}
.lk-variation-hint{
  margin-top:10px;
  font-family:Inter,sans-serif;
  font-size:13px;
  color:#7A3B2E;
}
.lk-variation-pills.is-error .pills{
  outline:1px solid rgba(122,59,46,.45);
  outline-offset:6px;
}
.lk-variation-pills.is-error button.active{
  border-color:rgba(122,59,46,.65) !important;
}

/* Hide Woo's variation status block (we keep the main price above). */
.single_variation_wrap .woocommerce-variation{
  display:none
}

/* ===============================
   Bundle
================================ */

.bundle{
  margin-top:22px;
  border:1px solid rgba(222,214,203,1);
  padding:16px;
  background:rgba(255,255,255,.25)
}
.bundle h3{
  margin:0 0 8px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:22px
}
.bundle p{
  margin:0 0 12px;
  font-family:Inter,sans-serif;
  color:#5E574F;
  font-size:13px;
  line-height:1.7
}
.bundle .btn{width:100%}

/* Bundle links (3 mini buttons) */
.bundle .bundle-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bundle .bundle-links .btn{
  width:auto;
  flex:1 1 0;
  text-align:center;
}
@media (max-width: 720px){
  .bundle .bundle-links{flex-direction:column}
  .bundle .bundle-links .btn{width:100%}
}

/* NEW: Outline button style (for Bundle button) */
.btn-outline{
  background:transparent !important;
  color:#3A342D !important;
  border:1px solid rgba(222,214,203,1) !important;
  box-shadow:none !important;
}
.btn-outline:hover{
  background:rgba(63,58,50,.06) !important;
  transform:translateY(-1px)
}

/* ===============================
   Reviews (NEW)
================================ */

.reviews{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px 10px;
  text-align:center
}
.reviews h2{
  margin:0 0 10px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:34px;
  color:#3A342D
}
.muted{
  margin:0;
  font-family:Inter,sans-serif;
  color:#6A635B;
  font-size:14px;
  line-height:1.7
}


/* ===============================
   Details (Full Description)
================================ */

.details{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px 10px;
  text-align:left
}
.details h2{
  margin:0 0 10px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:34px;
  color:#3A342D;
  text-align:center
}
.p-longdesc{
  max-width:760px;
  margin:0 auto;
  font-family:Inter,sans-serif;
  color:#5E574F;
  line-height:1.9;
  font-size:14px
}
.p-longdesc p{
  margin:0 0 12px
}
.p-longdesc p:last-child{
  margin-bottom:0
}
.p-longdesc ul,.p-longdesc ol{
  margin:0 0 12px 18px
}

/* ===============================
   Pairs Well With
================================ */

.pairs{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px 70px
}
.pairs h2{
  margin:0 0 18px;
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:34px;
  color:#3A342D
}

.pairs-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}
.pairs-card{
  position:relative;
  border:1px solid rgba(222,214,203,1);
  background:rgba(255,255,255,.25);
  overflow:hidden
}
.pairs-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block
}
.pairs-meta{
  text-align:center;
  padding:12px 12px 16px
}
.pairs-meta .name{
  font-family:'Cormorant Garamond',serif;
  font-size:20px
}
.pairs-meta .price{
  font-family:'Cormorant Garamond',serif;
  font-size:18px
}

/* Hover quick add (kept as you had it) */
.quickadd{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  opacity:0;
  transform:translateY(8px);
  transition:.2s
}
.pairs-card:hover .quickadd{
  opacity:1;
  transform:translateY(0)
}
.quickadd .btn{width:100%}

/* ===============================
   Responsive
================================ */

@media(max-width:980px){
  .product-wrap{grid-template-columns:1fr;}
  .gallery-main img{height:420px}
  .pairs-grid{grid-template-columns:1fr}
  .buyrow{flex-direction:column; align-items:stretch}
  .qty{width:100%}
  .buyrow .btn{width:100%}
}