/* ---- Snapshot Ornament: campaign-only receipt rules (SELL-1572) ------------------------------------
   Loaded after arjuna.css and checkout-snapshot.css, before brand.css. Layout, header and sizes follow Jolly's
   thank-you design (shared/css/thankyou.css + checkout.css .c1-hdr / .c1-secure / .c1-crumbs): desktop here is 992px
   and up, tablet 641-991px, phone 640px and under. QA re-check 2026-10-14, items 19 to 22; round 2 of 2026-10-15:
   bright green checks (#1bba85, the design's "verified" green), centred footer, the content column without the
   template's 2.375rem/1.25rem padding so the headline holds one line on a phone. */

/* next-core caps the order-line list at 18rem with its own scrollbar; the receipt lists every line in full
   (the checkout summary keeps the cap). Memory Bottle QA 2026-10-12 #2. */
[data-next-order-items].cart-items__list { max-height: none; overflow: visible; }
/* Funnel QA 2026-10-14 #13: a long product name ran into its price. */
.cart-item__content { gap: 12px; }

/* The receipt is shorter than a desktop viewport: the page fills the viewport so the footer sits at its foot instead
   of leaving a white band under it (live check of 2026-10-15). */
.page-wrapper { display: flex; flex-direction: column; min-height: 100vh; }
.page-wrapper > .main-wrapper { flex: 1 0 auto; }

/* ---- Header: logo, "Preview before you pay", "Made to order with your photos"; cream secure bar; crumbs ---- */
.rc-hdr { background: #fff; }
.rc-hdr__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1240px; margin: 0 auto; padding: 20px 60px; }
.rc-hdr__logo img { display: block; width: 117px; }
.rc-hdr__right { display: flex; align-items: center; gap: 20px; font-size: 14px; line-height: 1.4; color: #5a4f47; white-space: nowrap; }
.rc-hdr__g { display: flex; align-items: center; gap: 4px; font-weight: 600; }
.rc-hdr__g svg { width: 16px; height: 16px; flex: none; }
.rc-hdr__p { font-weight: 500; }
.rc-secure { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 60px; background: #f6f1e6; font-weight: 600; font-size: 16px; line-height: 1.4; color: #1a1814; }
.rc-secure svg { width: 16px; height: 16px; flex: none; }
.rc-crumbs { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 20px 60px; font-size: 16px; line-height: 1.4; font-weight: 500; color: #5a4f47; white-space: nowrap; }
.rc-crumbs b { font-weight: 800; color: #a22d2b; }
.rc-crumbs i { font-style: normal; font-weight: 700; }

/* ---- Two columns: content 660, summary 480 as a cream card; one column from 991px down ---------------- */
.rc-layout { display: grid; grid-template-columns: minmax(0, 660fr) minmax(0, 480fr); grid-template-areas: "main order-summary"; column-gap: 40px; row-gap: 0; max-width: 1240px; margin: 0 auto; padding: 40px 60px 20px; min-height: 0; align-items: start; background: #fff; }
.rc-layout .checkout__column { width: 100%; min-height: 0; padding: 0; display: block; }
.rc-layout .checkout__column--left { border-right: 0; }
.rc-layout .checkout__column--right { background: transparent; position: static; }
.rc-layout .checkout__form-container.cc-checkout { max-width: none; padding: 0; gap: 20px; }
.rc-layout .checkout__summary { max-width: none; padding: 0; position: sticky; top: 20px; }
.rc-layout .summary-wrap { background: #f6f1e6; border-radius: 16px; padding: 24px; margin: 0; }
.rc-layout .summary-holder { margin: 0; }
.rc-layout .order-summary { padding: 0; }
.rc-layout .order-summary__title.checkout { margin: 0 0 12px; font: 600 20px/1.3 var(--font-headline); letter-spacing: .01em; color: #1a1814; }

/* ---- Hero, "What happens next" card, help line -------------------------------------------------------- */
.rc-hero { gap: 16px; align-items: center; }
.rc-hero__tick { flex: none; width: 64px; height: 64px; color: #1bba85; }
.rc-hero__tick svg { width: 100%; height: 100%; }
.rc-hero .receipt-heading { gap: 0; }
.rc-hero .receipt_order { font-size: 28px; line-height: 1.2; color: #a22d2b; letter-spacing: .01em; text-wrap: balance; }
.receipt-lead { margin: 4px 0 0; font: 500 16px/1.5 var(--font-primary); color: #5a4f47; }
.rc-card { border: 1px solid #e2d8c3; border-radius: 16px; padding: 24px; gap: 16px; }
.rc-card__title { margin: 0; font: 600 20px/1.3 var(--font-headline); letter-spacing: .01em; color: #1a1814; }
.rc-next { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.rc-next li { display: flex; gap: 12px; align-items: flex-start; }
.rc-next__num { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #a22d2b; color: #fff; font: 800 14px/32px var(--font-primary); text-align: center; }
.rc-next__title { font: 700 16px/1.4 var(--font-primary); color: #1a1814; }
.rc-next__body { margin: 2px 0 0; font: 500 14px/1.5 var(--font-primary); color: #5a4f47; }
.rc-help { margin: 0; font: 500 16px/1.5 var(--font-primary); color: #1a1814; }
.rc-help a { color: #a22d2b; font-weight: 700; }

/* ---- Footer: links and copyright centred, one under the other (design .c1-foot; round 2, 2026-10-15) ---- */
.footer_section .footer_copy-info { flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.footer_section .footer_link-wrapper { justify-content: center; flex-wrap: wrap; }
.footer_section .text-xs { text-align: center; }

@media (max-width: 991px) {
  .rc-hdr__in { padding: 16px 40px; }
  .rc-secure { padding: 10px 40px; font-size: 14px; }
  .rc-crumbs { padding: 16px 40px; gap: 10px; font-size: 14px; }
  .rc-layout { grid-template-columns: 1fr; grid-template-areas: "main" "order-summary"; row-gap: 20px; padding: 32px 40px 20px; }
  .rc-layout .checkout__column--right { display: block; }
  .rc-layout .summary-desktop { display: block; }
  .rc-layout .checkout__summary { position: static; }
  .rc-hero .receipt_order { font-size: 26px; }
  .receipt-lead, .rc-help { font-size: 14px; }
  .rc-card { border-radius: 12px; }
}
@media (max-width: 640px) {
  .rc-hdr__in { flex-direction: column; gap: 6px; padding: 12px 15px; }
  .rc-hdr__logo img { width: 108px; }
  .rc-hdr__right { flex-direction: column; gap: 0; }
  .rc-secure { padding: 12px 15px; }
  .rc-crumbs { padding: 8px 15px; gap: 8px; }
  .rc-layout { padding: 24px 15px 12px; }
  .rc-layout .summary-wrap { padding: 16px; border-radius: 8px; }
  .rc-hero { flex-direction: column; text-align: center; gap: 10px; }
  .rc-hero__tick { width: 48px; height: 48px; }
  .rc-hero .receipt_order { font-size: 24px; }
  .rc-card { padding: 16px; border-radius: 8px; }
}