/* TTH credit-first shopping: scoped to product/pack/thank-you components. */
.tth-shop-intent,.tth-shop-return{box-sizing:border-box;border:1px solid #dce5f0;border-radius:18px;padding:22px 25px;margin:22px 0;background:#fff;color:#1b3159;box-shadow:0 8px 24px rgba(22,45,82,.05);display:flex;gap:18px;align-items:center;justify-content:space-between}
.tth-shop-intent h2,.tth-shop-return h2{font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.25;color:#132d57;margin:5px 0 8px}
.tth-shop-intent p,.tth-shop-return p{line-height:1.55;margin:7px 0}
.tth-shop-eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#bf2a79;font-weight:800}
.tth-shop-back,.tth-shop-return .button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #0d4d91;border-radius:12px;padding:12px 17px;min-height:44px;color:#0d4d91;text-align:center;text-decoration:none;font-weight:700}
.tth-shop-return .button{background:#d70077;color:#fff;border-color:#d70077}
.tth-credit-pack-card.is-good-fit{border:2px solid #06bada;box-shadow:0 6px 22px rgba(0,190,220,.12)}
.tth-good-fit-label{display:inline-block;border-radius:99px;padding:5px 11px;margin:5px 0 12px;background:#e8f9fd;color:#064c62;font-weight:700;font-size:.82rem}
.tth-redeem-box .tth-shopping-no-subscription{margin:9px 0;color:#234e68;font-size:.92rem;line-height:1.55}
.tth-redeem-box .tth-shopping-start{background:#d70077;border-color:#d70077;color:white;font-weight:750}
.tth-credit-packs-page .tth-credit-first-intro{font-weight:650;color:#28436c}
@media (max-width:660px){.tth-shop-intent,.tth-shop-return{flex-direction:column;align-items:stretch;padding:20px 18px}.tth-shop-back,.tth-shop-return .button{width:100%;white-space:normal}}

.tth-small-starter-label{display:inline-block;background:#eaf8fb;color:#064f67;border:1px solid #a6dfeb;padding:5px 10px;border-radius:10px;font-size:.8rem;font-weight:750;margin:4px 0 10px}

/* v1.39.7 -- consistent credit-pack cards, not a redesign of the storefront. */
.tth-credit-packs-page .tth-credit-packs-hero h1 {font-size:clamp(1.85rem,3.5vw,2.6rem);line-height:1.15}
.tth-credit-packs-page .tth-credit-pack-choose-heading {font-size:clamp(1.15rem,2.3vw,1.45rem);font-weight:800;color:#202945;margin:12px 0 16px;line-height:1.35}
.tth-credit-packs-page .tth-credit-packs-grid {align-items:stretch;gap:16px}
.tth-credit-packs-page .tth-credit-pack-card {display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:0;gap:0;padding:24px 18px 20px;border-radius:18px}
.tth-credit-packs-page .tth-credit-pack-card:first-child {border:2px solid #3bb8ce;background:#fbfeff}
.tth-credit-packs-page .tth-credit-pack-card .tth-small-starter-label {display:inline-flex;align-items:center;justify-content:center;margin:0 0 14px;padding:6px 10px;max-width:100%;font-size:.76rem;text-align:center}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-number {font-size:clamp(2.5rem,4vw,3.2rem);margin-top:2px}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-label {margin:4px 0 11px}
.tth-credit-packs-page .tth-credit-pack-card h2 {font-size:clamp(1.05rem,1.65vw,1.25rem);line-height:1.35;min-height:2.6em;margin:0 0 10px;overflow-wrap:anywhere}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-tagline {font-size:.91rem;min-height:3em;line-height:1.5;margin:0 0 15px;color:#645c6a}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-price {font-size:clamp(1.25rem,2vw,1.5rem);margin:0 0 9px;color:#202945}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-rate {margin:0 0 12px;font-size:.83rem}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-resource-value {font-size:.8rem;line-height:1.45;margin:0 0 17px;min-height:2.9em}
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card>a.button {box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:50px;margin:auto 0 0!important;padding:12px 12px!important;font-size:.9rem!important;line-height:1.3;white-space:normal;text-align:center;text-decoration:none;border-radius:12px;background:#d70077;color:#fff!important;border:1px solid #d70077;font-weight:800}
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card>a.button:focus-visible {outline:3px solid #0c8ea4;outline-offset:3px}
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card>a.button:hover {background:#a50661;border-color:#a50661;color:#fff!important}
.tth-credit-packs-page .tth-credit-pack-card.is-popular {background:#fff9fc}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge {position:static;order:-1;margin:-5px 0 14px;align-self:center}
@media (max-width:1050px){.tth-credit-packs-page .tth-credit-packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.tth-credit-packs-page .tth-credit-packs-grid{grid-template-columns:1fr}.tth-credit-packs-page .tth-credit-pack-card{padding:23px 22px}.tth-credit-packs-page .tth-credit-pack-card h2,.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-tagline,.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-resource-value{min-height:0}}

.tth-credit-packs-page .tth-credit-pack-badge-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;margin-bottom:10px;box-sizing:border-box}
.tth-credit-packs-page .tth-credit-pack-badge-slot .tth-small-starter-label,.tth-credit-packs-page .tth-credit-pack-badge-slot .tth-credit-pack-badge,.tth-credit-packs-page .tth-credit-pack-badge-slot .tth-good-fit-label{margin:0;padding:6px 10px;max-width:100%;text-align:center;position:static;order:unset;white-space:normal}


/* v1.39.8: badges float over the card border instead of displacing the first
   credit amount. Every number, title and purchase button shares one grid row. */
.tth-credit-packs-page .tth-credit-packs-grid {grid-auto-rows:1fr;align-items:stretch}
.tth-credit-packs-page .tth-credit-pack-card {position:relative;display:flex;flex-direction:column;align-items:center;padding-top:27px;min-height:0}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot {
    position:absolute!important;top:-13px;left:10px;right:10px;
    height:auto!important;min-height:0!important;margin:0!important;
    display:flex!important;align-items:center;justify-content:center;
    pointer-events:none;z-index:2;
}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot:empty {display:none!important}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-number {
    margin-top:0!important;line-height:1.06;
}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-small-starter-label,
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-credit-pack-badge,
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-good-fit-label {
    position:static!important;margin:0!important;padding:5px 10px;
    font-size:.7rem;line-height:1.25;white-space:nowrap;
}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-resource-value {margin-bottom:18px}
@media (max-width:680px) {
    .tth-credit-packs-page .tth-credit-pack-card {padding-top:26px}
    .tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot {top:-12px}
}


/* v1.39.9: credit-first hierarchy without changing aligned card geometry. */
.tth-credit-packs-page .tth-credit-pack-card{border-width:2px;}
.tth-credit-packs-page .tth-credit-pack-card:first-child:not(.is-good-fit){border:2px solid #42b8c9;background:#fafdff;box-shadow:0 7px 24px rgba(9,148,176,.11)}
.tth-credit-packs-page .tth-credit-pack-card.is-popular:not(.is-good-fit){border:2px solid #e3dae9;background:#fff;box-shadow:0 7px 20px rgba(54,45,70,.045)}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-credit-pack-badge{color:#65567f;background:#f3eff9;border:1px solid #e1d7ef;letter-spacing:0;text-transform:none;font-weight:750}
.tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-small-starter-label{color:#064f67;background:#eaf8fb;border:1px solid #9bdae7;font-weight:850}
.tth-redeem-box .tth-shopping-pack-guidance{border:1px solid #bfe4ec;border-radius:13px;background:#f2fbfd;color:#244258;padding:12px 14px;margin:13px 0 15px;font-size:.9rem;line-height:1.55}
.tth-shopping-pack-guidance strong{display:block;color:#0c5269;margin-bottom:3px}
.tth-shopping-pack-guidance span{display:block;color:#516675;font-size:.78rem;margin-top:5px}
.tth-first-purchase-membership{max-width:960px;margin:20px auto 12px;padding:18px 22px;border:1px solid #e6dfee;border-radius:17px;background:#f8f6fd;display:flex;align-items:center;justify-content:space-between;gap:18px}
.tth-first-purchase-membership h2{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.3;margin:5px 0 6px;color:#283151}
.tth-first-purchase-membership p{font-size:.9rem;line-height:1.55;margin:0;color:#596073}
.tth-first-purchase-membership a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:9px 13px;border:1px solid #cbbddf;border-radius:11px;color:#54417d;text-decoration:none;font-weight:750;white-space:normal;text-align:center}
@media (max-width:700px){.tth-first-purchase-membership{flex-direction:column;align-items:stretch}.tth-first-purchase-membership a{width:100%;box-sizing:border-box}}


/* v1.39.10: keep the recurring-use note quiet and centered above its card.
   The neutral label is intentionally independent of legacy .is-popular
   and .tth-credit-pack-badge theme selectors, which can re-pink the 25 pack. */
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot {
  inset-inline:0!important;left:0!important;right:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;transform:none!important;
}
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card .tth-credit-pack-badge-slot .tth-ongoing-use-label {
  display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:5px 11px!important;max-width:calc(100% - 16px);
  color:#536078!important;background:#f3f5f9!important;border:1px solid #d6ddea!important;
  border-radius:999px;box-shadow:none!important;
  font-size:.69rem;line-height:1.25;font-weight:700;letter-spacing:0;text-transform:none;
  white-space:normal;text-align:center;transform:none!important;
}
/* Do not force the no-subscription text onto its own orphaned line. */
.tth-redeem-box .tth-shopping-pack-guidance {line-height:1.6;text-wrap:pretty}

/* Neutral frame for the ongoing-use choice; exact class avoids accidental theme badges. */
body.tth-site-experience .tth-credit-packs-page .tth-credit-pack-card.is-ongoing-pack:not(.is-good-fit) {
  border:2px solid #dce3ed!important;background:#fff!important;box-shadow:0 7px 20px rgba(45,57,81,.045)!important;
}
