/* ============================================================
   WooPremium Product Page v3.1 — FULLY ISOLATED + DARK THEME FIXED
   All rules scoped under .wpp-page
   ============================================================ */

.wpp-page * {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}

/* FIX: was hardcoded #f7f5f1 light bg — now uses theme vars */
.wpp-page {
  background: var(--ts-bg, #0a0a0f) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif !important;
  color: var(--ts-text, #f0eee8) !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
}

/* ── Site header ─────────────────────────────────────────────────────────── */
.wpp-site-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 32px !important;
  background: var(--ts-surface, #12121a) !important;
  border-bottom: 1px solid var(--ts-border2, rgba(255,255,255,0.15)) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}
.wpp-logo {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--ts-text, #f0eee8) !important;
  text-decoration: none !important;
}
/* FIX: navigation row in fallback header */
.wpp-header-nav {
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.wpp-header-nav a {
  font-size: 14px !important;
  color: var(--ts-muted, #888892) !important;
  text-decoration: none !important;
  position: relative !important;
  transition: color .2s !important;
}
.wpp-header-nav a:hover { color: var(--ts-accent, #f5a623) !important; }

/* FIX: cart count badge needs proper position context */
.wpp-header-cart-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
.wpp-cart-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  background: var(--ts-accent, #f5a623) !important;
  color: #000 !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
  position: relative !important;
  top: -1px !important;
}

/* ── Breadcrumb ──────────────────────────────────────────────────────────── */
.wpp-wrap {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 28px 24px 80px !important;
}
.wpp-breadcrumb {
  font-size: 12px !important;
  color: var(--ts-muted, #888892) !important;
  margin-bottom: 24px !important;
}
.wpp-breadcrumb a { color: var(--ts-muted, #888892) !important; text-decoration: none !important; }
.wpp-breadcrumb a:hover { color: var(--ts-accent, #f5a623) !important; }
.wpp-breadcrumb span { color: var(--ts-text, #f0eee8) !important; font-weight: 500 !important; }

/* ── Product grid ────────────────────────────────────────────────────────── */
.wpp-product-grid {
  display: grid !important;
  grid-template-columns: 55% 1fr !important;
  gap: 48px !important;
  align-items: start !important;
  margin-bottom: 60px !important;
}
@media (max-width: 820px) {
  .wpp-product-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
}

/* ══════════ GALLERY ════════════════════════════════════════════════════════ */
.wpp-gallery { position: sticky !important; top: 72px !important; }
.wpp-main-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--ts-surface2, #1a1a26) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.3) !important;
  cursor: zoom-in !important;
}
.wpp-main-img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  display: block !important; transition: transform .4s ease !important;
}
.wpp-main-media:hover .wpp-main-img { transform: scale(1.04) !important; }
.wpp-main-media video {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important; object-fit: cover !important;
}
.wpp-badge {
  position: absolute !important; top: 14px !important; left: 14px !important;
  font-size: 11px !important; font-weight: 700 !important; padding: 5px 12px !important;
  border-radius: 20px !important; text-transform: uppercase !important; letter-spacing: .06em !important;
  pointer-events: none !important; z-index: 2 !important;
}
.wpp-badge--sale { background: #e05c2a !important; color: #fff !important; }
.wpp-vid-toggle {
  position: absolute !important; bottom: 14px !important; right: 14px !important;
  width: 42px !important; height: 42px !important; border-radius: 50% !important;
  background: rgba(0,0,0,.6) !important; color: #fff !important; border: none !important;
  cursor: pointer !important; font-size: 16px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  z-index: 3 !important; transition: background .2s !important;
}
.wpp-vid-toggle:hover { background: rgba(0,0,0,.85) !important; }

/* Thumbnails */
.wpp-thumbs {
  display: flex !important; gap: 8px !important; margin-top: 12px !important;
  flex-wrap: wrap !important; max-width: 100% !important; overflow: visible !important;
}
.wpp-thumb {
  flex: 0 0 68px !important; width: 68px !important; height: 68px !important;
  border-radius: 10px !important; overflow: hidden !important; cursor: pointer !important;
  border: 2.5px solid transparent !important; transition: border-color .2s !important;
  background: var(--ts-surface2, #1a1a26) !important;
}
.wpp-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.wpp-thumb.active { border-color: var(--ts-accent, #f5a623) !important; }
.wpp-thumb:hover:not(.active) { border-color: var(--ts-border2, rgba(255,255,255,0.15)) !important; }
.wpp-thumb--video { position: relative !important; }
.wpp-thumb-play {
  position: absolute !important; inset: 0 !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  background: rgba(0,0,0,.4) !important; color: #fff !important; font-size: 20px !important; pointer-events: none !important;
}

/* ══════════ PRODUCT INFO ═══════════════════════════════════════════════════ */
.wpp-info {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  min-width: 0 !important; max-width: 100% !important; overflow: hidden !important;
  background: var(--ts-surface, #12121a) !important;
}
.wpp-brand {
  font-size: 11px !important; letter-spacing: .12em !important; text-transform: uppercase !important;
  color: var(--ts-muted, #888892) !important; margin-bottom: 8px !important;
}
/* FIX: title was setting color:#1a1a1a (dark) — now uses theme */
.wpp-title {
  font-size: 24px !important; font-weight: 700 !important;
  color: var(--ts-text, #f0eee8) !important;
  line-height: 1.25 !important; margin-bottom: 12px !important;
  visibility: visible !important; opacity: 1 !important;
}

/* Stars */
.wpp-stars-row {
  display: flex !important; align-items: center !important; gap: 8px !important;
  margin-bottom: 14px !important; flex-wrap: wrap !important;
}
.wpp-stars { color: var(--ts-accent, #f5a623) !important; font-size: 16px !important; letter-spacing: 2px !important; }
.wpp-rev-link { font-size: 13px !important; color: var(--ts-muted, #888892) !important; text-decoration: underline !important; cursor: pointer !important; }
.wpp-sold { font-size: 12px !important; color: var(--ts-muted, #888892) !important; }

/* Price */
.wpp-price-row {
  display: flex !important; align-items: center !important; gap: 12px !important;
  margin-bottom: 14px !important; flex-wrap: wrap !important;
}
/* Sale / current price — large accent gold */
.wpp-price {
  font-size: 36px !important; font-weight: 800 !important;
  color: var(--ts-accent, #f5a623) !important; line-height: 1 !important;
}
.wpp-price ins, .wpp-price .woocommerce-Price-amount {
  text-decoration: none !important;
  background: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.wpp-price bdi, .wpp-price .woocommerce-Price-amount,
.wpp-price-old bdi { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; }
.wpp-price .woocommerce-Price-currencySymbol { font-size: 0.65em !important; vertical-align: super !important; }
/* Old/original price — smaller, muted, struck */
.wpp-price-old {
  font-size: 18px !important; color: var(--ts-muted, #888892) !important;
  text-decoration: line-through !important; opacity: .75 !important;
}
/* "You save" badge — red pill for urgency */
.wpp-price-save {
  font-size: 12px !important;
  background: rgba(239,68,68,.18) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239,68,68,.35) !important;
  padding: 4px 10px !important; border-radius: 20px !important; font-weight: 700 !important;
  opacity: 1 !important; visibility: visible !important; letter-spacing: .02em !important;
}
/* "SALE" onsale badge on product image */
.wpp-badge--sale {
  background: #ef4444 !important; color: #fff !important;
  font-size: 11px !important; font-weight: 800 !important;
  padding: 4px 9px !important; border-radius: 6px !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
}

/* Stock */
.wpp-stock { font-size: 13px !important; margin-bottom: 18px !important; opacity: 1 !important; visibility: visible !important; }
.wpp-stock--instock    { color: var(--ts-green, #22c55e) !important; }
.wpp-stock--onbackorder{ color: #f5a623 !important; }
.wpp-stock--outofstock { color: var(--ts-red, #ef4444) !important; }

.wpp-divider { border: none !important; border-top: 1px solid var(--ts-border, rgba(255,255,255,0.08)) !important; margin: 16px 0 !important; }

/* Variant groups */
.wpp-var-group { margin-bottom: 16px !important; }
.wpp-var-label {
  font-size: 13px !important; color: var(--ts-muted, #888892) !important; margin-bottom: 8px !important;
  display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important;
}
.wpp-var-label span { color: var(--ts-text, #f0eee8) !important; font-weight: 600 !important; }

/* Colour swatches */
.wpp-color-swatches { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }
.wpp-swatch {
  width: 34px !important; height: 34px !important; border-radius: 50% !important;
  cursor: pointer !important; border: 3px solid transparent !important;
  outline: none !important; transition: transform .15s !important; padding: 0 !important;
}
.wpp-swatch.active, .wpp-swatch:focus-visible {
  transform: scale(1.15) !important;
  box-shadow: 0 0 0 2px var(--ts-bg, #0a0a0f), 0 0 0 4px var(--ts-accent, #f5a623) !important;
}

/* Size buttons */
.wpp-size-btns { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
/* FIX: was color:#1a1a1a (dark) — now uses theme text */
.wpp-size-btn {
  padding: 8px 18px !important; border-radius: 9px !important;
  border: 1.5px solid var(--ts-border2, rgba(255,255,255,0.15)) !important;
  background: var(--ts-surface2, #1a1a26) !important;
  cursor: pointer !important; font-size: 13px !important;
  color: var(--ts-text, #f0eee8) !important;
  font-family: inherit !important; transition: all .15s !important;
  line-height: 1 !important; white-space: nowrap !important;
}
.wpp-size-btn:hover:not(.active):not(.soldout) {
  border-color: var(--ts-border2, rgba(255,255,255,0.3)) !important;
  background: var(--ts-surface, #12121a) !important;
}
.wpp-size-btn.active {
  background: var(--ts-accent, #f5a623) !important;
  color: #000 !important;
  border-color: var(--ts-accent, #f5a623) !important;
}
.wpp-size-btn.soldout {
  opacity: .4 !important; cursor: not-allowed !important; text-decoration: line-through !important;
}

/* Qty + CTA row */
.wpp-qty-row {
  display: flex !important; gap: 10px !important; align-items: stretch !important;
  margin-bottom: 12px !important; margin-top: 20px !important;
}
/* FIX: qty container was white bg with dark borders */
.wpp-qty {
  display: flex !important; align-items: center !important;
  border: 1.5px solid var(--ts-border2, rgba(255,255,255,0.15)) !important;
  border-radius: 11px !important; overflow: hidden !important; height: 50px !important;
  background: var(--ts-surface2, #1a1a26) !important;
}
.wpp-qty button {
  width: 44px !important; height: 100% !important;
  background: transparent !important; border: none !important;
  cursor: pointer !important; font-size: 22px !important;
  color: var(--ts-text, #f0eee8) !important;
  font-family: inherit !important; transition: background .15s !important;
  line-height: 1 !important; padding: 0 !important;
}
.wpp-qty button:hover { background: rgba(255,255,255,.08) !important; }
.wpp-qty input {
  width: 48px !important; height: 100% !important; border: none !important;
  text-align: center !important; font-size: 15px !important; font-weight: 600 !important;
  color: var(--ts-text, #f0eee8) !important; font-family: inherit !important;
  -moz-appearance: textfield !important; background: transparent !important; padding: 0 !important;
}
.wpp-qty input::-webkit-inner-spin-button,
.wpp-qty input::-webkit-outer-spin-button { -webkit-appearance: none !important; }

.wpp-btn-cart {
  flex: 1 !important; height: 50px !important;
  background: var(--ts-accent, #f5a623) !important;
  color: #000 !important; border: none !important; border-radius: 11px !important;
  font-size: 15px !important; font-weight: 700 !important;
  cursor: pointer !important; font-family: inherit !important;
  letter-spacing: .02em !important; transition: all .2s !important;
  padding: 0 20px !important; white-space: nowrap !important;
}
.wpp-btn-cart:hover:not([disabled]) { background: var(--ts-accent-dark, #d4881a) !important; transform: translateY(-1px) !important; }
.wpp-btn-cart[disabled] { opacity: .45 !important; cursor: not-allowed !important; }

.wpp-btn-wish {
  width: 50px !important; height: 50px !important;
  border: 1.5px solid var(--ts-border2, rgba(255,255,255,0.15)) !important;
  background: var(--ts-surface2, #1a1a26) !important;
  border-radius: 11px !important; cursor: pointer !important;
  font-size: 22px !important; color: var(--ts-muted, #888892) !important;
  transition: all .2s !important; font-family: inherit !important;
  display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important;
}
.wpp-btn-wish:hover,
.wpp-btn-wish[aria-pressed="true"] { color: #ef4444 !important; border-color: #ef4444 !important; }

.wpp-btn-buy {
  width: 100% !important; height: 50px !important;
  background: var(--ts-surface2, #1a1a26) !important;
  color: var(--ts-text, #f0eee8) !important; border: 1.5px solid var(--ts-border2, rgba(255,255,255,.15)) !important;
  border-radius: 11px !important; font-size: 15px !important; font-weight: 700 !important;
  cursor: pointer !important; font-family: inherit !important;
  letter-spacing: .02em !important; transition: opacity .2s !important;
  margin-bottom: 18px !important; padding: 0 !important;
}
.wpp-btn-buy:hover:not([disabled]) { opacity: .8 !important; }
.wpp-btn-buy[disabled] { opacity: .4 !important; cursor: not-allowed !important; }

/* Trust perks */
.wpp-perks {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  gap: 8px !important; margin-bottom: 20px !important;
}
/* FIX: was white bg — now uses surface */
.wpp-perk {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-size: 12px !important; color: var(--ts-text, #f0eee8) !important;
  padding: 10px 12px !important;
  background: var(--ts-surface2, #1a1a26) !important;
  border-radius: 10px !important; border: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
}

/* Accordion */
.wpp-accordion { border-top: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important; }
.wpp-acc-item  { border-bottom: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important; }
.wpp-acc-head {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  width: 100% !important; padding: 14px 0 !important; background: none !important; border: none !important;
  cursor: pointer !important; font-size: 14px !important; font-weight: 600 !important;
  color: var(--ts-text, #f0eee8) !important; text-align: left !important;
  font-family: inherit !important; opacity: 1 !important;
}
.wpp-acc-icon { transition: transform .2s !important; display: inline-block !important; }
.wpp-acc-head.open .wpp-acc-icon { transform: rotate(180deg) !important; }
.wpp-acc-head.open { color: var(--ts-accent, #f5a623) !important; }
.wpp-acc-body {
  display: none !important; padding-bottom: 14px !important;
  font-size: 13px !important; color: var(--ts-text, #f0eee8) !important;
  line-height: 1.8 !important; word-break: break-word !important; overflow-wrap: anywhere !important;
}
.wpp-acc-body.open { display: block !important; }
.wpp-acc-body ul { padding-left: 18px !important; margin-top: 6px !important; }
.wpp-acc-body li { margin-bottom: 4px !important; }
.wpp-acc-body p, .wpp-acc-body span { color: var(--ts-text, #f0eee8) !important; opacity: 1 !important; }

/* ══════════ REVIEWS ════════════════════════════════════════════════════════ */
.wpp-reviews { margin-top: 56px !important; clear: both !important; width: 100% !important; }
.wpp-sec-title {
  font-size: 22px !important; font-weight: 700 !important;
  color: var(--ts-text, #f0eee8) !important; margin-bottom: 24px !important;
}
/* FIX: was white bg card */
.wpp-reviews-summary {
  display: grid !important; grid-template-columns: 130px 1fr !important;
  gap: 32px !important; align-items: center !important; padding: 24px !important;
  background: var(--ts-surface, #12121a) !important;
  border-radius: 16px !important; margin-bottom: 24px !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
}
@media (max-width: 500px) { .wpp-reviews-summary { grid-template-columns: 1fr !important; } }
.wpp-big-score { text-align: center !important; }
.wpp-big-num   { font-size: 52px !important; font-weight: 800 !important; color: var(--ts-text, #f0eee8) !important; line-height: 1 !important; }
.wpp-big-stars { color: var(--ts-accent, #f5a623) !important; font-size: 20px !important; margin: 6px 0 !important; }
.wpp-big-sub   { font-size: 12px !important; color: var(--ts-muted, #888892) !important; }
.wpp-bars { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.wpp-bar-row {
  display: flex !important; align-items: center !important; gap: 10px !important;
  font-size: 13px !important; color: var(--ts-muted, #888892) !important;
}
.wpp-bar-track {
  flex: 1 !important; height: 8px !important;
  background: var(--ts-surface2, #1a1a26) !important; border-radius: 10px !important; overflow: hidden !important;
}
.wpp-bar-fill {
  height: 100% !important; background: var(--ts-accent, #f5a623) !important;
  border-radius: 10px !important; transition: width 1s cubic-bezier(.22,1,.36,1) !important;
}

/* Review cards — FIX: was white bg */
.wpp-review-list { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 28px !important; }
.wpp-no-reviews  { font-size: 14px !important; color: var(--ts-muted, #888892) !important; font-style: italic !important; }
.wpp-rv-card {
  padding: 20px !important;
  background: var(--ts-surface, #12121a) !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
  border-radius: 14px !important;
}
.wpp-rv-top  { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin-bottom: 8px !important; }
.wpp-rv-name { font-size: 14px !important; font-weight: 600 !important; color: var(--ts-text, #f0eee8) !important; display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.wpp-rv-verified {
  font-size: 11px !important; color: var(--ts-green, #22c55e) !important;
  background: rgba(34,197,94,.15) !important; padding: 2px 8px !important;
  border-radius: 10px !important; font-weight: 500 !important;
}
.wpp-rv-stars { color: var(--ts-accent, #f5a623) !important; font-size: 14px !important; margin-bottom: 8px !important; }
.wpp-rv-date  { font-size: 12px !important; color: var(--ts-muted, #888892) !important; white-space: nowrap !important; }
.wpp-rv-text  { font-size: 14px !important; color: var(--ts-text, #f0eee8) !important; line-height: 1.7 !important; }

/* Review form — FIX: was white bg */
.wpp-review-form-wrap {
  background: var(--ts-surface, #12121a) !important;
  padding: 24px !important; border-radius: 16px !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
  display: block !important;
}
.wpp-form-title { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 14px !important; color: var(--ts-text, #f0eee8) !important; }
.wpp-star-picker { display: flex !important; gap: 6px !important; margin-bottom: 16px !important; }
.wpp-star-pick {
  background: none !important; border: none !important; font-size: 30px !important;
  color: var(--ts-border2, rgba(255,255,255,.2)) !important; cursor: pointer !important;
  padding: 0 !important; transition: color .15s, transform .15s !important;
  font-family: inherit !important; line-height: 1 !important;
}
.wpp-star-pick.active, .wpp-star-pick:hover { color: var(--ts-accent, #f5a623) !important; transform: scale(1.15) !important; }
.wpp-review-form { display: flex !important; flex-direction: column !important; gap: 10px !important; }
/* FIX: form inputs were light bg */
.wpp-review-form input[type="text"],
.wpp-review-form textarea {
  padding: 11px 14px !important; border: 1.5px solid var(--ts-border2, rgba(255,255,255,.15)) !important;
  border-radius: 10px !important; font-size: 14px !important; font-family: inherit !important;
  background: var(--ts-surface2, #1a1a26) !important; color: var(--ts-text, #f0eee8) !important;
  outline: none !important; transition: border-color .2s !important; resize: vertical !important; width: 100% !important;
}
.wpp-review-form input::placeholder, .wpp-review-form textarea::placeholder { color: var(--ts-muted, #888892) !important; }
.wpp-review-form input:focus, .wpp-review-form textarea:focus { border-color: var(--ts-accent, #f5a623) !important; }
.wpp-btn-submit-review {
  align-self: flex-start !important; padding: 11px 28px !important;
  background: var(--ts-accent, #f5a623) !important; color: #000 !important;
  border: none !important; border-radius: 10px !important; font-size: 14px !important;
  font-weight: 700 !important; cursor: pointer !important; font-family: inherit !important; transition: background .2s !important;
}
.wpp-btn-submit-review:hover { background: var(--ts-accent-dark, #d4881a) !important; }

/* ══════════ RELATED ════════════════════════════════════════════════════════ */
.wpp-related { margin-top: 56px !important; clear: both !important; width: 100% !important; max-width: 100% !important; }
.wpp-related-grid {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 16px !important;
}
/* FIX: was white bg */
.wpp-rel-card {
  display: block !important; text-decoration: none !important; color: inherit !important;
  background: var(--ts-surface, #12121a) !important;
  border: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
  border-radius: 14px !important; overflow: hidden !important;
  transition: transform .25s, box-shadow .25s !important;
}
.wpp-rel-card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 32px rgba(0,0,0,.4) !important; border-color: var(--ts-border2, rgba(255,255,255,.15)) !important; }
.wpp-rel-img { width: 100% !important; aspect-ratio: 1 !important; object-fit: cover !important; display: block !important; background: var(--ts-surface2, #1a1a26) !important; }
.wpp-rel-info { padding: 14px !important; }
.wpp-rel-stars { color: var(--ts-accent, #f5a623) !important; font-size: 13px !important; margin-bottom: 5px !important; }
.wpp-rel-name  { font-size: 13px !important; font-weight: 600 !important; color: var(--ts-text, #f0eee8) !important; margin-bottom: 5px !important; }
.wpp-rel-price { font-size: 15px !important; font-weight: 800 !important; color: var(--ts-accent, #f5a623) !important; }
.wpp-rel-price ins { text-decoration: none !important; }

/* ══════════ FOOTER ═════════════════════════════════════════════════════════ */
.wpp-site-footer {
  text-align: center !important; padding: 20px !important; font-size: 13px !important;
  color: var(--ts-muted, #888892) !important;
  border-top: 1px solid var(--ts-border, rgba(255,255,255,.08)) !important;
  margin-top: 40px !important; background: var(--ts-surface, #12121a) !important;
}

/* ══════════ TOAST ══════════════════════════════════════════════════════════ */
.wpp-toast, #wppToast {
  position: fixed !important; bottom: 28px !important; left: 50% !important;
  transform: translateX(-50%) translateY(90px) !important;
  background: var(--ts-surface, #12121a) !important; color: var(--ts-text, #f0eee8) !important;
  border: 1px solid var(--ts-border2, rgba(255,255,255,.15)) !important;
  padding: 13px 28px !important; border-radius: 13px !important; font-size: 14px !important;
  font-weight: 600 !important; transition: transform .3s ease, opacity .3s !important;
  opacity: 0 !important; z-index: 999999 !important; pointer-events: none !important;
  white-space: nowrap !important; box-shadow: 0 6px 24px rgba(0,0,0,.5) !important;
}
.wpp-toast.show, #wppToast.show {
  transform: translateX(-50%) translateY(0) !important; opacity: 1 !important;
}