/* September Sale: wine and gold, with four decorative availability cards. */
.september-sale,
.september-offer-card,
.september-checkout {
  --september-bg: #271021;
  --september-top: #46182f;
  --september-raised: #361428;
  --september-ivory: #fff4e6;
  --september-secondary: #dfc3cf;
  --september-muted: #c9aebc;
  --september-champagne: #ffd786;
  --september-line: #623145;
  --september-border: #855038;
  --september-button: #f2bc58;
  --september-button-top: #ffdb8a;
  --september-button-ink: #30182a;
  --september-saving-bg: #792447;
  --september-saving-fg: #fff0bf;
  --september-saving-border: #a44b64;
  --september-price: #ffdea0;
}

body.dark-plum-mobile #reading-offer .september-offer-card {
  padding: 28px 24px 23px;
  border: 1px solid var(--september-border);
  border-radius: 14px;
  background: linear-gradient(155deg, var(--september-top), var(--september-bg) 65%);
  box-shadow: none;
}
body.dark-plum-mobile #reading-offer .september-sale {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--september-ivory);
  text-align: left;
  font: 400 14px/1.5 var(--font-ui);
}
.september-sale [hidden] { display: none !important; }
.september-sale p { margin: 0; }
.september-sale strong { font-weight: 500; }
body.dark-plum-mobile #reading-offer .september-campaign {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  margin: 0 auto 19px;
  padding: 7px 14px;
  border: 1px solid var(--september-saving-border);
  border-radius: 4px;
  background: var(--september-saving-bg);
  color: var(--september-champagne);
  font: 500 12px/18px var(--font-ui);
  letter-spacing: .17em;
}
.september-campaign::before,
.september-campaign::after { content: none; }
body.dark-plum-mobile #reading-offer .september-title {
  max-width: none;
  margin: 0;
  color: var(--september-ivory);
  font: 400 42px/1.04 var(--font-display);
  letter-spacing: -.035em;
  text-align: center;
}
body.dark-plum-mobile #reading-offer .september-subtitle {
  margin: 13px 0 0;
  color: var(--september-secondary);
  font: 400 14px/22px var(--font-ui);
  text-align: center;
}
.september-inclusions { margin: 25px 0 0; padding: 0; border-top: 1px solid var(--september-line); }
.september-inclusion { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--september-line); }
body.dark-plum-mobile #reading-offer .september-inclusion p { color: var(--september-ivory); font: 500 14px/21px var(--font-ui); }
.september-inclusion small { display: block; margin-top: 4px; color: var(--september-muted); font: 400 12px/18px var(--font-ui); }
.september-bonus { color: var(--september-champagne); }
.september-usual { text-align: right; }
.september-usual span { display: block; color: var(--september-muted); font: 400 11px/16px var(--font-ui); letter-spacing: .08em; }
.september-usual s { display: block; color: var(--september-secondary); font: 400 25px/29px var(--font-display); text-decoration-thickness: 1px; }
.september-pricing { padding-top: 23px; text-align: center; }
body.dark-plum-mobile #reading-offer .september-price-label { margin: 0; color: var(--september-champagne); font: 400 11px/18px var(--font-ui); letter-spacing: .16em; }
.september-price-line { display: flex; align-items: center; justify-content: center; gap: 19px; margin-top: 10px; }
.september-was { display: grid; color: var(--september-muted); text-align: left; }
.september-was s { font: 400 25px/30px var(--font-display); text-decoration-thickness: 1px; }
.september-was small { font: 400 11px/17px var(--font-ui); }
body.dark-plum-mobile #reading-offer .september-price { color: var(--september-price); font: 400 63px/1 var(--font-display); letter-spacing: -.05em; }
body.dark-plum-mobile #reading-offer .september-saving { width: fit-content; margin: 14px auto 0; padding: 7px 18px; border: 1px solid var(--september-saving-border); border-radius: 5px; background: var(--september-saving-bg); color: var(--september-saving-fg); font: 500 15px/21px var(--font-ui); }
body.dark-plum-mobile #reading-offer .september-terms { margin-top: 8px; color: var(--september-muted); font: 400 12px/18px var(--font-ui); }
.september-availability { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; margin: 23px 0 13px; padding: 23px 22px 20px; border: 1px solid #9e6945; border-radius: 10px; background: radial-gradient(ellipse at 50% 0%, #512037, #2d1024 85%); text-align: center; }
body.dark-plum-mobile .september-availability p { margin: 0; color: #dcbaca; font: 400 16px/24px var(--font-ui); }
body.dark-plum-mobile .september-availability p > span { color: #fff0cb; font-size: 13px; }
body.dark-plum-mobile .september-availability strong { color: #ffcf7d; font-weight: 500; }
.september-spots { display: flex; justify-content: center; align-items: center; gap: 9px; }
.september-spots > span { box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; width: 34px; height: 47px; border: 1px solid #ffcf7d; border-radius: 5px; background: linear-gradient(140deg, #682b43, #2d1024); color: #ffcf7d; box-shadow: 0 3px 10px #170a1866; }
.september-spots > span::before { content: ""; position: absolute; inset: 4px; border: 1px solid #ffcf7d40; border-radius: 2px; }
.september-spots > span::after { content: "✧"; font: 400 23px/1 Georgia, serif; }
.september-spots > span:first-child { transform: rotate(-8deg) translateY(3px); }
.september-spots > span:last-child { transform: rotate(8deg) translateY(3px); }
body.dark-plum-mobile #reading-offer .september-offer-actions { display: block; margin: 0; padding: 0; }
body.dark-plum-mobile #reading-offer .september-offer-actions .offer-bridge-cta {
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 13px 14px;
  border: 1px solid var(--september-button-top);
  border-radius: 5px;
  background: linear-gradient(110deg, var(--september-button-top), var(--september-button));
  box-shadow: 0 7px 24px #ad64262b;
  color: var(--september-button-ink);
  font: 500 15px/22px var(--font-ui);
  letter-spacing: 0;
}
body.dark-plum-mobile #reading-offer .september-offer-actions .offer-bridge-cta::after { content: "→"; margin-left: 12px; }
body.dark-plum-mobile #reading-offer .september-offer-actions .offer-bridge-cta:hover { filter: brightness(1.06); }
body.dark-plum-mobile #reading-offer .september-offer-actions .leya-offer__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 10px; margin: 13px 0 0; color: var(--september-muted); font: 400 11px/17px var(--font-ui); text-transform: none; letter-spacing: 0; }

/* The regular and relationship checkouts keep their existing payment controls. */
body.dark-plum-mobile .september-checkout-summary { margin: 0; padding: 18px; border: 1px solid var(--september-line); border-radius: 7px; background: var(--september-raised); color: var(--september-ivory); font: 400 14px/21px var(--font-ui); }
body.dark-plum-mobile .september-summary-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--september-line); }
body.dark-plum-mobile .september-summary-heading p { margin: 0; padding: 5px 8px; border: 1px solid var(--september-saving-border); border-radius: 4px; background: var(--september-saving-bg); color: var(--september-champagne); font: 500 11px/18px var(--font-ui); letter-spacing: .09em; }
.september-summary-heading > span { color: var(--september-secondary); font: 400 12px/18px var(--font-ui); }
body.dark-plum-mobile .september-order-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; margin: 16px 0 0; }
body.dark-plum-mobile .september-order-row p { margin: 0; color: var(--september-ivory); font: 400 14px/21px var(--font-ui); }
.september-order-row small { display: block; margin-top: 3px; color: var(--september-muted); font: 400 12px/18px var(--font-ui); }
.september-order-row > strong { color: var(--september-ivory); font: 500 14px/21px var(--font-ui); font-variant-numeric: tabular-nums; }
body.dark-plum-mobile .september-regular-total { padding-top: 16px; margin-top: 18px; border-top: 1px solid var(--september-line); color: var(--september-secondary); }
body.dark-plum-mobile .september-discount { margin-top: 12px; padding: 9px 10px; border: 1px solid var(--september-saving-border); border-radius: 4px; background: var(--september-saving-bg); color: var(--september-saving-fg); font-size: 13px; }
.september-discount > strong { color: var(--september-saving-fg); font-size: 13px; }
body.dark-plum-mobile .september-checkout .september-checkout-summary .september-checkout-total { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--september-line); background: transparent; }
body.dark-plum-mobile .september-checkout .september-checkout-summary .september-checkout-total > span { align-self: center; color: var(--september-ivory); font: 500 14px/21px var(--font-ui); text-transform: none; letter-spacing: 0; }
body.dark-plum-mobile .september-checkout .september-checkout-summary .order-price { align-self: center; margin: 0; padding: 0; color: var(--september-price); font: 400 43px/1 var(--font-display); letter-spacing: -.05em; }
body.dark-plum-mobile .september-checkout-summary .september-checkout-terms { margin: 12px 0 0; color: var(--september-muted); font: 400 12px/18px var(--font-ui); }
body.dark-plum-mobile .september-checkout .september-availability { margin: 18px 0 13px; }
body.dark-plum-mobile .september-checkout .order-mid-checkout { flex-direction: column; }
body.dark-plum-mobile .september-checkout .order-mid-checkout > .september-availability { margin-top: 0; }
body.dark-plum-mobile .september-checkout-assurances { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px 12px; margin: 13px 0 0; color: var(--september-muted); font: 400 12px/18px var(--font-ui); }
.september-checkout-assurances span { display: flex; align-items: center; gap: 5px; }
.focus-checkout .september-checkout-assurances img { width: 16px; height: 16px; }
body.dark-plum-mobile .september-followup-note { margin: 13px 0 0; color: var(--september-secondary); text-align: center; font: 400 12px/18px var(--font-ui); }
body.dark-plum-mobile[data-step="4"] .september-checkout .primary-button,
body.dark-plum-mobile[data-step="4"]:has(.september-checkout) .quiz-actions .primary-button {
  border-color: var(--september-button-top, #ffdb8a);
  background: linear-gradient(110deg, var(--september-button-top, #ffdb8a), var(--september-button, #f2bc58));
  box-shadow: 0 7px 24px #ad64262b;
  color: var(--september-button-ink, #30182a);
  font-weight: 500;
  font-size: 15px;
}
body.dark-plum-mobile[data-step="4"] .september-checkout .primary-button:hover,
body.dark-plum-mobile[data-step="4"]:has(.september-checkout) .quiz-actions .primary-button:hover { filter: brightness(1.06); }

@media (max-width: 359px) {
  body.dark-plum-mobile #reading-offer .september-offer-card { padding: 24px 19px 21px; }
  body.dark-plum-mobile #reading-offer .september-title { font-size: 36px; }
  body.dark-plum-mobile #reading-offer .september-price { font-size: 55px; }
  .september-inclusion { gap: 10px; }
  body.dark-plum-mobile #reading-offer .september-inclusion p { font-size: 13px; }
  body.dark-plum-mobile .september-checkout-summary { padding: 16px 13px; }
  body.dark-plum-mobile .september-order-row { gap: 8px; }
  body.dark-plum-mobile .september-order-row p,
  .september-order-row > strong { font-size: 13px; }
  body.dark-plum-mobile .september-checkout .september-checkout-summary .order-price { font-size: 39px; }
}