/* =====================================================================
   Market Flex.AI — PET PRODUCT · GIFT EDITION add-on styles
   Loaded ONLY on edition:"gift" tenants, on top of petprod.css. Scoped to
   .edition-gift so the base A Text From My Dog site is never affected.
   Reuses petprod.css tokens (--coral/--ink/--cream/--sky/--mint/radii).
   ===================================================================== */

/* Slightly more premium hero trust row (less busy) */
.edition-gift .pp-hero__trust span { font-weight: 700; }

/* ---- Utility feature cards (reminders / weather / goals / ZOOMIE) ---- */
.edition-gift .ppg-utils { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.edition-gift .ppg-util { background: #fff; border: 1px solid #f0eae4; border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); }
.edition-gift .ppg-util__ic { font-size: 2rem; display: block; margin-bottom: 10px; }
.edition-gift .ppg-util h3 { font-size: 1.1rem; margin-bottom: 6px; }
.edition-gift .ppg-util p { color: var(--ink-soft); font-weight: 500; font-size: .93rem; margin: 0; }

/* ---- How-gifting-works steps ---- */
.edition-gift .ppg-gsteps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.edition-gift .ppg-gstep { position: relative; background: #fff; border: 1px solid #f0eae4; border-radius: var(--radius-lg); padding: 30px 22px 24px; box-shadow: var(--shadow-sm); }
.edition-gift .ppg-gstep__n { position: absolute; top: -15px; left: 22px; width: 32px; height: 32px; border-radius: 50%; background: var(--coral); color: #fff; font-family: var(--font-head); font-weight: 700; display: grid; place-items: center; box-shadow: 0 6px 14px rgba(255,107,74,.4); }
.edition-gift .ppg-gstep__ic { font-size: 1.9rem; display: block; margin: 4px 0 8px; }
.edition-gift .ppg-gstep h3 { font-size: 1.12rem; margin-bottom: 6px; }
.edition-gift .ppg-gstep p { color: var(--ink-soft); font-weight: 500; font-size: .93rem; margin: 0; }

/* ---- Number hook (364 = DOG / 228 = CAT) ---- */
.edition-gift .ppg-numhook { display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; background: var(--ink); color: #fff; border-radius: var(--radius-lg); padding: 26px 34px; }
.edition-gift .ppg-numhook__chips { display: flex; gap: 12px; }
.edition-gift .ppg-numchip { display: inline-flex; align-items: baseline; gap: 8px; background: rgba(255,255,255,.12); border-radius: 999px; padding: 9px 18px; font-family: var(--font-head); font-weight: 700; font-size: 1.5rem; letter-spacing: .06em; }
.edition-gift .ppg-numchip em { font-style: normal; font-size: .82rem; letter-spacing: .14em; opacity: .85; }
.edition-gift .ppg-numchip--cat { background: rgba(0,122,255,.28); }
.edition-gift .ppg-numhook p { margin: 0; font-weight: 600; color: #dbe4f5; max-width: 34ch; }

/* ---- Shelter-donation band ---- */
.edition-gift .ppg-donate { display: flex; align-items: center; gap: 20px; justify-content: center; background: linear-gradient(120deg, var(--mint), #eafff5); border: 1px solid #bfe9d3; border-radius: var(--radius-lg); padding: 26px 34px; text-align: left; }
.edition-gift .ppg-donate__heart { font-size: 2.4rem; flex: 0 0 auto; }
.edition-gift .ppg-donate h3 { font-size: 1.35rem; margin-bottom: 4px; color: #10603f; }
.edition-gift .ppg-donate p { margin: 0; color: #1c6b49; font-weight: 600; max-width: 52ch; }

/* ---- Per-month sublabel under gift price ---- */
.edition-gift .ppg-permo { font-family: var(--font-head); font-weight: 700; font-size: .84rem; color: var(--coral); margin: 0 0 8px; letter-spacing: .02em; }

/* ---- Gift-link box (thanks page) ---- */
.edition-gift .ppg-linkbox { display: flex; gap: 10px; background: var(--cream); border: 2px solid #ffe0d6; border-radius: 16px; padding: 8px 8px 8px 16px; margin: 20px 0 14px; align-items: center; }
.edition-gift .ppg-link { flex: 1; border: 0; background: transparent; font: inherit; font-weight: 700; color: var(--ink); min-width: 0; outline: 0; }
.edition-gift .ppg-linkbox .btn { white-space: nowrap; }
.edition-gift .ppg-share { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .edition-gift .ppg-utils, .edition-gift .ppg-gsteps { grid-template-columns: 1fr 1fr; }
  .edition-gift .ppg-numhook { flex-direction: column; text-align: center; }
  .edition-gift .ppg-numhook p { max-width: none; }
  .edition-gift .ppg-donate { flex-direction: column; text-align: center; }
}
@media (max-width: 560px) {
  .edition-gift .ppg-utils, .edition-gift .ppg-gsteps { grid-template-columns: 1fr; }
  .edition-gift .ppg-linkbox { flex-direction: column; align-items: stretch; }
  .edition-gift .ppg-link { padding: 8px 4px; }
}