/* Shopify "Thank you" page, measured from the owner's saved capture (2026-10-11):
   16/600 card headings, 14px body, 1px #dedede cards with 12px radius, 20/600
   greeting under a 14px muted confirmation number. Layered on abl-checkout-shopify.css. */

html:not(.next-display-ready):not(.abl-receipt-demo) [data-next-await] { visibility:hidden; }

.abl-receipt .abl-checkout-main { display:flex; flex-direction:column; gap:14px; }

.abl-ty-head { display:flex; align-items:center; gap:14px; margin:0 0 6px; }
.abl-ty-check { flex:none; width:50px; height:50px; }
.abl-ty-check svg { display:block; width:100%; height:100%; fill:none; stroke:var(--checkout-link); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.abl-ty-check circle { stroke:#7fa5d6; stroke-width:1.6; }
.abl-ty-conf { margin:0 0 2px; color:var(--checkout-muted); font-size:14px; line-height:1.35; }
.abl-ty-title { margin:0; font-size:20px; font-weight:600; line-height:24px; }

.abl-ty-card { padding:15px; border:1px solid var(--checkout-line); border-radius:var(--checkout-radius); background:#fff; }
.abl-ty-card h2 { margin:0 0 12px; font-size:16px; font-weight:600; line-height:1.2; }
.abl-ty-card>p { margin:0; font-size:14px; line-height:1.35; }

.abl-ty-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.abl-ty-col h3 { margin:0 0 6px; font-size:14px; font-weight:600; line-height:1.2; }
.abl-ty-col h3:not(:first-child) { margin-top:18px; }
.abl-ty-col p,.abl-ty-col address { margin:0; font-size:14px; font-style:normal; line-height:1.35; overflow-wrap:anywhere; }
.abl-ty-col address>span { display:block; }
.abl-ty-col address>span[hidden] { display:none; }

.abl-ty-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; }
.abl-ty-actions p { margin:0; font-size:14px; }
.abl-ty-actions p a { color:var(--checkout-link); text-decoration:underline; }
.abl-ty-continue { display:inline-flex; align-items:center; justify-content:center; min-height:60px; padding:0 21px; border-radius:var(--checkout-radius); background:var(--checkout-button); color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.abl-ty-continue:hover { background:#132743; }
.abl-ty-continue:focus-visible,.abl-ty-actions p a:focus-visible { outline:2px solid var(--checkout-link); outline-offset:3px; }

.abl-receipt .abl-checkout-footer { margin-top:28px; }

/* Summary: same order line and totals as checkout; FREE shipping and savings line. */
.abl-receipt [data-abl-free] { font-weight:400; }
.abl-ty-savings { display:flex; justify-content:flex-start; gap:8px; margin:6px 0 0; padding-left:20px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.01em; }
.abl-receipt .abl-summary-total { margin-top:14px; }

@media(max-width:999px) {
  .abl-receipt .abl-checkout-main { padding-top:24px; }
  .abl-ty-grid { grid-template-columns:1fr; }
  .abl-ty-col:last-child h3:first-child { margin-top:18px; }
  .abl-ty-actions { flex-direction:column-reverse; align-items:stretch; gap:22px; text-align:center; }
  .abl-ty-continue { width:100%; }
  .abl-receipt .abl-checkout-summary-panel>summary>strong { font-size:17px; font-weight:400; }
}

/* No order loaded (no ref_id, or Next reports order-error/order-empty):
   a clean confirmation instead of empty fields and $0.00 placeholders. */
.abl-ty-no-order [data-abl-ty-order-only] { display:none!important; }
.abl-ty-no-order .abl-checkout-grid { grid-template-columns:minmax(0,1fr)!important; }
.abl-ty-no-order .abl-checkout-main { margin:0 auto; }
.abl-ty-missing { margin-top:10px!important; color:var(--checkout-muted); }
.abl-ty-missing a { color:var(--checkout-link); }

/* Reassurance sections (copy from the PDP and the delivery policy). */
.abl-ty-lede { margin:-4px 0 4px; color:#454e59; font-family:"General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; line-height:1.45; }
.abl-ty-map { overflow:hidden; margin:-15px -15px 15px; border-radius:11px 11px 0 0; background:#eef0f2; }
.abl-ty-map[hidden] { display:none; }
.abl-ty-map iframe { display:block; width:100%; height:200px; border:0; }
.abl-receipt .abl-ty-next h2,.abl-receipt .abl-ty-howto h2,.abl-receipt .abl-ty-expect h2 { font-family:"Cabinet Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:19px; font-weight:700; letter-spacing:-.01em; }
.abl-ty-steps,.abl-ty-timeline { display:grid; gap:14px; margin:0; padding:0; list-style:none; counter-reset:abl-step; font-family:"General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.abl-ty-steps li { position:relative; padding-left:38px; counter-increment:abl-step; }
.abl-ty-steps li::before { content:counter(abl-step); position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:rgba(0,170,255,.14); color:#0a1628; font-size:12px; font-weight:600; }
.abl-ty-steps strong,.abl-ty-timeline strong { display:block; font-size:14px; font-weight:600; }
.abl-ty-steps span,.abl-ty-timeline span { display:block; margin-top:2px; color:#454e59; font-size:13px; line-height:1.5; }
.abl-ty-howto-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; font-family:"General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.abl-ty-howto-grid figure { margin:0; }
.abl-ty-howto-grid img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; background:#f4f4f3; }
.abl-ty-howto-grid figcaption { margin-top:8px; font-size:12.5px; line-height:1.45; color:#454e59; }
.abl-ty-howto-grid em { display:block; color:#0079b8; font-size:10.5px; font-style:normal; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.abl-ty-howto-grid strong { display:block; margin:2px 0; color:#0a1628; font-size:14px; }
.abl-ty-timeline li { padding:0 0 0 14px; border-left:2px solid rgba(0,170,255,.35); }
.abl-ty-timeline em { display:block; color:#0079b8; font-size:10.5px; font-style:normal; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }

.abl-receipt .abl-results { margin-top:4px; }
@media(max-width:999px) {
  .abl-ty-howto-grid { grid-template-columns:1fr; }
  .abl-ty-howto-grid figure { display:grid; grid-template-columns:88px 1fr; gap:12px; align-items:center; }
  .abl-ty-howto-grid figcaption { margin-top:0; }
  .abl-ty-map iframe { height:170px; }
}