/* mendara-brand.css — build-local overrides (served outside /assets so it is never immutable-cached, S3-91). */
/* D6 — offer has no subscription and no free gifts: hide those app blocks (markup kept, S3-89) */
.kaching-bundles__subscriptions-wrapper, .kaching-bundles__subscriptions,
.kaching-bundles__progressive-gifts, .bundle-gifts, .free-gift-product-container { display: none !important; }
/* D7 — UGC videos replaced by their re-branded poster stills */
img.mendara-poster { width: 100%; height: 100%; object-fit: cover; display: block; }
.cc-real-life-card__play { display: none !important; }
.cc-real-life-card__video-toggle { cursor: default; }
/* drawer savings (D6 gate: struck MSRP + You Save) */
.mendara-was { color: #6B4A57; font-weight: 400; margin-right: .35em; opacity: .8; }
.mendara-paid { color: #D82A64; font-weight: 700; }
.mendara-line-save { font-size: .9em; letter-spacing: .04em; font-weight: 600; }
.mendara-savings { display: flex; justify-content: space-between; align-items: center; margin: .4rem 0 .8rem; color: #D82A64; }
.mendara-savings .totals__total, .mendara-savings .totals__total-value { color: #D82A64; margin: 0; }
/* testimonial quote badge: the template's 512px quote PNG stretched to the card height (rendered as long white
   streaks over the "13,000+ Women…" cards) — keep it an icon inside its circle */
.testimonial-card__quotes { background: #2B1620 !important; overflow: hidden; }
.testimonial-card__quotes img { width: 55% !important; height: auto !important; max-height: 55% !important; object-fit: contain; }
/* ATC / checkout click feedback (S3-71: class + aria-busy, never disabled) */
.loading[aria-busy="true"] { position: relative; color: transparent !important; pointer-events: none; }
.loading[aria-busy="true"]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 1.4em; height: 1.4em;
  margin: -.7em 0 0 -.7em; border: 2px solid rgba(255,255,255,.5); border-top-color: #fff; border-radius: 50%;
  animation: mendara-spin .7s linear infinite; }
@keyframes mendara-spin { to { transform: rotate(360deg); } }
