/* Cloud Peak's mint, teal and warm paper carried through the payment journey. */
#cart { background:#fffef9; border-radius:24px; box-shadow:0 24px 100px #123d3250; }
#cart .dialog-header { padding-bottom:12px; }
#cart .dialog-header .eyebrow { color:#0f6e56; }
#cart .dialog-header h2 { font-size:34px; letter-spacing:-.8px; }
#cart-items { padding:2px 4px; }
#cart .cart-row { border:1px solid #dce9df; border-radius:16px; padding:16px; margin-bottom:12px; background:white; }
#cart .bag-preview { background:linear-gradient(145deg,#e7f4e9,#d5eadd); border-radius:12px; }
#cart .quantity-control { background:#f3f8f2; border-color:#d4e5d9; border-radius:10px; }
#cart .cart-bottom { border:0; margin-top:12px; padding:18px; background:#edf5ee; border-radius:16px; }
#cart .cart-bottom > div { align-items:center; }
#cart #subtotal { font-size:25px; letter-spacing:-.6px; }
#cart #checkout { border-radius:12px; box-shadow:0 4px 0 #074b3a; gap:12px; justify-content:center; }
#cart #checkout:disabled { box-shadow:none; opacity:.65; }
#cart .cart-bottom p { color:#476255; }
#cart .continue-shopping { color:#0b604b; }
#cart #checkout-message { margin-bottom:0; }
.checkout-result { background:#edf4ec; background-image:radial-gradient(ellipse at 4% 8%,#d9eee0,transparent 55%),radial-gradient(ellipse at 94% 90%,#dcebd5,transparent 50%); min-height:100dvh; }
.checkout-result header { max-width:none; background:#fffef9e8; border-bottom:1px solid #d8e5d9; height:100px; }
.result-layout { max-width:1120px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:center; padding-block:64px; }
.checkout-story h2 { font-size:clamp(38px,4.2vw,60px); line-height:1.12; letter-spacing:-1.5px; margin:14px 0 20px; }
.checkout-story > p { max-width:300px; font-size:15px; }
.checkout-story .eyebrow { color:#0f6e56; }
.checkout-art { position:relative; aspect-ratio:1.2; max-width:390px; margin-top:26px; }
.checkout-art img { height:auto; }
.checkout-art::before { content:''; position:absolute; inset:5% 0; border:1px solid #b7d5c1; border-radius:50%; transform:rotate(-12deg); }
.checkout-art .art-mug { position:absolute; width:82%; left:-3%; top:0; border-radius:30px; transform:rotate(-8deg); box-shadow:0 14px 40px #183d3210; }
.checkout-art .art-sticker { position:absolute; width:43%; right:-1%; bottom:0; border:6px solid #fffef9; border-radius:24px; transform:rotate(12deg); box-shadow:0 12px 25px #183d321c; }
.result-layout .result-card { position:relative; max-width:none; min-width:0; background:#fffef9; padding:36px; border:1px solid #d9e5da; border-radius:24px; box-shadow:0 16px 60px #183d3209; }
.result-layout .result-card h1 { font-size:clamp(29px,3.4vw,42px); letter-spacing:-.8px; margin-top:16px; }
.result-status-mark { width:62px; height:62px; border:1px solid #cce3d1; border-radius:20px; background:#edf6ed; display:grid; place-items:center; margin-bottom:24px; color:#0f6e56; }
.result-status-mark svg { width:30px; height:30px; }
.result-status-mark .status-check { display:none; }
[data-checkout-state=paid] .result-status-mark { background:#0f6e56; color:#fffef9; border-color:#0f6e56; }
[data-checkout-state=paid] .status-paw { display:none; }
[data-checkout-state=paid] .result-status-mark .status-check { display:block; }
.result-card #result-totals { background:#edf5ee; padding:20px; border:1px solid #dce9de; border-radius:14px; gap:13px 20px; }
.result-card .result-notice { border-left:3px solid #a1c9b0; padding-left:14px; font-size:12px; line-height:1.7; }
.result-actions .button { border-radius:10px; width:100%; justify-content:center; }
.result-actions .small-btn { border-radius:10px; width:100%; background:#fffef9; }
@media(max-width:900px) {
  .result-layout { gap:28px; }
  .result-layout .result-card { padding:28px; }
}
@media(max-width:720px) {
  #cart { border-radius:0; }
  #cart .dialog-header h2 { font-size:28px; }
  #cart .cart-row { padding:12px; gap:10px; }
  #cart .cart-bottom { padding:14px; margin-top:8px; padding-bottom:max(14px,env(safe-area-inset-bottom)); }
  #cart #subtotal { font-size:22px; }
  .checkout-result header { min-height:76px; height:auto; padding:14px max(16px,env(safe-area-inset-left)); }
  .result-layout { display:block; padding:24px 16px 40px; }
  .checkout-story { display:none; }
  .result-layout .result-card { padding:24px 22px; border-radius:20px; }
  .result-status-mark { margin-bottom:20px; width:54px; height:54px; border-radius:17px; }
  .result-card #result-totals { padding:16px; gap:12px; }
}
@media(max-height:450px) { #cart .cart-bottom { padding-bottom:18px; } }
@media(forced-colors:active) { .result-status-mark, .result-layout .result-card, #cart .cart-row { border:1px solid CanvasText; } }
/* Order artwork comes from this checkout's saved supplier previews. */
.checkout-art.order-previews{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:430px;padding:16px 4px 28px;isolation:isolate}
.order-previews[hidden]{display:none}
.order-preview{margin:0;min-width:0;position:relative;background:#f9fcf5;border:5px solid #fffef9;border-radius:24px;box-shadow:0 14px 36px #183d3214;overflow:hidden}
.order-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#edf4ec}
.order-preview figcaption{padding:12px 10px;color:#184539;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.order-preview figcaption strong,.order-preview figcaption span{display:block}
.order-preview figcaption span{font-size:11px;color:#536b61;margin-top:3px}
.order-previews[data-count="1"]{grid-template-columns:minmax(0,1fr);padding-inline:22px}
.order-previews[data-count="1"] .order-preview{transform:rotate(-6deg)}
.order-previews[data-count="2"]{grid-template-columns:1.5fr 1fr;gap:0;padding-bottom:40px}
.order-previews[data-count="2"] .order-preview:first-child{width:114%;transform:rotate(-7deg)}
.order-previews[data-count="2"] .order-preview:last-child{width:110%;margin-left:-10%;transform:translateY(22px) rotate(10deg);z-index:1}
.order-image-missing{display:grid;place-items:center;aspect-ratio:1;margin:0;padding:20px;font-size:14px;color:#536b61;text-align:center}
@media(max-width:720px){
 .checkout-result .result-layout{display:flex;flex-direction:column;align-items:stretch;gap:32px}
 .checkout-result .result-card{order:0}
 .checkout-result .checkout-story{display:block;order:1;padding:0 10px}
 .checkout-result .checkout-story h2{font-size:36px}
 .checkout-result .checkout-story>p{font-size:14px;max-width:100%}
 .checkout-art.order-previews{margin-inline:auto;width:100%}
}
@media(prefers-reduced-motion:reduce){.order-preview{transform:none!important}}
.address-review{padding:20px;background:#edf5ee;border:1px solid #bed8c7;border-radius:16px;margin:22px 0}
.address-review[hidden]{display:none}
.address-review fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.address-review legend{font-size:19px;font-weight:600;color:#184539}
.address-review fieldset>p,.address-review #address-review-status{font-size:12px;line-height:1.6;color:#476255;margin:12px 0}
.address-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fffef9;border:1px solid #d5e4d9;border-radius:10px;margin-top:12px;cursor:pointer}
.address-choice:has(input:checked){border-color:#0f6e56;box-shadow:0 0 0 1px #0f6e56}
.address-choice input{width:18px;height:18px;accent-color:#0f6e56;flex-shrink:0;margin-top:3px}
.address-choice span span,.address-choice strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.address-choice strong{margin-bottom:5px;color:#184539}
.address-review .button{width:100%;min-height:48px;font-size:14px;justify-content:center}
.order-tracking{margin:22px 0;padding:18px;border:1px solid #d5e4d9;border-radius:14px;background:#f4f8f0}
.order-tracking[hidden]{display:none}
.order-tracking h3{font-size:17px;margin:0 0 10px;color:#184539}
.order-tracking p{font-size:13px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}
.order-tracking a{color:#0f6e56;font-weight:600}