/* ============================================================
   ZULI PREMIUM VIBE — shared signature layer
   Matches homepage: glowing gold pill CTA + gold-underline
   Playfair headings + gold micro-labels. Precise selectors only.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap');

/* ---- Signature glowing gold PILL CTA (like .hero-btn) ---- */
button[onclick="placeOrder()"],
.success-buttons a.track-btn,
.container button[onclick="track()"]{
  border-radius:999px !important;
  background:linear-gradient(135deg,#C08A4A,#B07B3E,#C08A4A) !important;
  color:#241a05 !important;
  font-weight:700 !important;
  letter-spacing:.6px !important;
  border:none !important;
  text-shadow:0 1px 4px rgba(255,255,255,.35) !important;
  box-shadow:0 10px 26px rgba(90,54,32,.5) !important;
  animation:zpGlow 3s infinite ease-in-out;
  transition:transform .3s var(--ease,ease), box-shadow .3s ease !important;
}
button[onclick="placeOrder()"]:hover,
.success-buttons a.track-btn:hover,
.container button[onclick="track()"]:hover{
  transform:translateY(-2px) scale(1.02) !important;
  box-shadow:0 16px 36px rgba(90,54,32,.62) !important;
  background:linear-gradient(135deg,#E3BE86,#C08A4A,#8A5A28) !important;
}
button[onclick="placeOrder()"]:active,
.success-buttons a.track-btn:active,
.container button[onclick="track()"]:active{transform:scale(.97) !important}
@keyframes zpGlow{
  0%{box-shadow:0 0 18px rgba(90,54,32,.42),0 10px 26px rgba(90,54,32,.32)}
  50%{box-shadow:0 0 30px rgba(90,54,32,.6),0 12px 30px rgba(90,54,32,.4)}
  100%{box-shadow:0 0 18px rgba(90,54,32,.42),0 10px 26px rgba(90,54,32,.32)}
}

/* Secondary actions as pills too */
.success-buttons a.shop-btn{border-radius:999px !important}

/* ---- Signature gold-underline Playfair section headings ---- */
.card-title,
.thank-you-footer h3,
.summary-box h3,
.customer-text h3,
.container h2,
.top-bar h1{
  font-family:'Playfair Display',serif !important;
  position:relative;
}
.card-title::after,
.thank-you-footer h3::after,
.summary-box h3::after,
.customer-text h3::after,
.container h2::after,
.top-bar h1::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  margin-top:9px;
  background:linear-gradient(90deg,#C08A4A,rgba(90,54,32,0));
  border-radius:2px;
}
/* Center the underline under centered headings */
.thank-you-footer h3::after,
.container h2::after{margin-left:auto;margin-right:auto}

/* ---- Gold uppercase micro-label (like PREMIUM BEAUTY tag) ---- */
.zp-tag{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--gold-d,#7A5323);
  padding:6px 14px;
  border:1px solid rgba(90,54,32,.4);
  border-radius:999px;
  background:linear-gradient(135deg,#fffaf0,#fff);
  margin-bottom:12px;
}