/* Sales review: home-style lore reading, Lands rail heading, compact media, value cards. */
.sales-page .sales-legend { max-width:1100px; }
.sales-page .sales-prose { max-width:680px; margin:0; }
.sales-page .sales-prose .legend-refrain { font-size:1.35rem; }
.sales-page .sales-lands .section-heading { max-width:680px; margin:0 auto 30px; text-align:center; }
.sales-page .sales-lands .section-heading h2 { font:400 2rem/1.3 Georgia,serif; color:var(--gold-light); letter-spacing:0; margin:0 0 18px; }
.sales-page .sales-lands .section-heading p:not(.eyebrow) { font:400 1.05rem/1.85 var(--sans); color:var(--world-soft-text); margin-block:12px; }
.sales-page .sales-lands .section-heading .craft-thread { font:600 .78rem/1.7 var(--sans); color:var(--gold-light); }
.sales-page .sales-lands .sales-access-note { text-align:center; margin-top:24px; }
.sales-page .limited-offer { display:inline-block; margin:0 0 12px; padding:6px 12px; border:1px solid var(--gold); border-radius:999px; color:var(--gold-light); font:700 .7rem/1 var(--sans); letter-spacing:.1em; text-transform:uppercase; }

/* Value bundle as spacious cards */
.sales-page .sales-value-bundle { text-align:center; }
.sales-page .value-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; margin:30px 0 36px; text-align:left; }
.sales-page .value-card { display:flex; flex-direction:column; gap:14px; padding:0 0 22px; border:1px solid var(--line); border-top:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--panel); }
.sales-page .value-card .value-art { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.sales-page .value-card .value-check { display:none; }
.sales-page .value-card p { padding:0 22px; }
.sales-page .value-card strong { font:400 1.35rem/1.3 Georgia,serif; color:var(--mist); }
.sales-page .value-card small { margin-top:8px; font:400 .95rem/1.65 var(--sans); color:var(--world-soft-text); }
.sales-page .value-card .value-bonus { display:inline-block; margin-bottom:8px; }
.sales-page .value-card b { padding:0 22px; margin-top:auto; text-align:left; font-size:1.15rem; }
.sales-page .value-summary { display:flex; flex-direction:column; align-items:center; gap:8px; max-width:420px; margin:0 auto 26px; text-align:center; }
.sales-page .value-summary>div { display:flex; flex-direction:column; align-items:center; gap:4px; border:0; padding:0 !important; }
.sales-page .value-summary .bundle-value-total strong { font-size:1.6rem; }
.sales-page .value-summary .order-total strong { font:400 3.6rem/1 Georgia,serif; color:var(--gold-light); }
.sales-page .value-summary .order-total span { font:700 .8rem/1.4 var(--sans); letter-spacing:.08em; text-transform:uppercase; color:var(--mist); }
.sales-page .value-summary small { font:400 .95rem/1.5 var(--sans); color:var(--world-soft-text); }
.sales-page .value-compare-note { margin:6px 0 0; font:400 .78rem/1.5 var(--sans); color:var(--world-soft-text); }

@media (max-width:700px) {
  .sales-page .journey-section>img, .sales-page .academy-section>img, .sales-page .sales-hero-image { width:100%; height:auto; min-height:0; max-height:260px; aspect-ratio:auto; object-fit:contain; margin-inline:auto; }
  .sales-page .value-cards { grid-template-columns:1fr; gap:18px; }
  .sales-page .value-card .value-art { max-height:220px; object-fit:cover; }
  .sales-page .value-card strong { font-size:1.2rem; }
  .sales-page .value-summary .order-total strong { font-size:3rem; }
  .sales-page .sales-lands .section-heading h2 { font-size:1.6rem; }
  .sales-page .sales-prose .legend-refrain { font-size:1.2rem; }
}

/* Sales artwork stays inside its reading column, without cropping. */
.sales-page img { max-width:100%; }
.sales-page .sales-hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
.sales-page .sales-hero-copy,.sales-page .journey-section>div { min-width:0; }
.sales-page .sales-hero-image { display:block; width:100%; height:auto; max-width:600px; max-height:360px; object-fit:contain; margin-inline:auto; }
.sales-page .lore-review-figure { width:100%; max-width:746px; margin:24px auto 32px; }
.sales-page .lore-review-figure img { display:block; width:100%; height:auto; max-height:420px; object-fit:contain; border-radius:8px; }
.sales-page .journey-section { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); }
.sales-page .journey-section>img { display:block; width:100%; height:auto; min-height:0; max-height:360px; aspect-ratio:auto; object-fit:contain; margin-inline:auto; }
.sales-page .lore-review-steps { list-style:none; padding:0; margin:28px auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sales-page .lore-review-steps li { min-width:0; border-top:1px solid var(--line); padding-top:20px; }
.sales-page .lore-review-steps span { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:50%; border:1px solid var(--gold); color:var(--gold-light); margin-bottom:8px; }
.sales-page .lore-review-steps h3 { margin:0 0 10px; font-size:1.2rem; line-height:1.4; }
.sales-page .lore-review-steps p { margin:0; line-height:1.7; color:var(--world-soft-text); }
.sales-page .value-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:960px) {
 .sales-page .sales-hero,.sales-page .journey-section { grid-template-columns:minmax(0,1fr); }
 .sales-page .journey-section>img { max-width:640px; }
 .sales-page .value-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .sales-page .sales-hero-image,.sales-page .journey-section>img { max-height:240px; }
 .sales-page .lore-review-figure { margin:18px auto 24px; }
 .sales-page .lore-review-figure img { max-height:240px; }
 .sales-page .lore-review-steps,.sales-page .value-cards { grid-template-columns:minmax(0,1fr); gap:18px; }
}
