/* A Great Archie — cart & checkout.
   Extravagant but compact: cream page with a soft gold glow, ivory item
   cards with gold rules, and a dark-green checkout panel with a gold total.
   Brand: ink #172431, gold #b48a39 / #e7c778, cream #fffdf8 / #f5f1e7. */
.cart-page{padding:52px 0 64px;background:radial-gradient(720px 320px at 50% -60px,rgba(231,199,120,.28),rgba(231,199,120,0) 70%),#f5f1e7;min-height:65vh;color:#172431}
.cart-heading{max-width:760px;margin-bottom:30px}
.cart-heading .eyebrow{color:#b48a39;letter-spacing:3px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.cart-heading h1{font:46px/1.12 Georgia,'Times New Roman',serif;margin:0 0 12px;color:#172431}
.cart-heading h1::after{content:'';display:block;width:76px;height:3px;margin-top:16px;background:linear-gradient(90deg,#b48a39,#e7c778);border-radius:2px}
.cart-heading p{font-size:16.5px;line-height:1.6;color:#3d4450;max-width:620px}
.cart-heading .text-link{color:#8a6a24;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cart-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
/* Item cards */
.cart-item{background:#fffdf8;border:1px solid #e2dccc;border-top:3px solid #b48a39;border-radius:14px;box-shadow:0 12px 28px rgba(23,36,49,.08);padding:20px 22px;margin-bottom:16px;overflow-wrap:anywhere}
.cart-item .eyebrow{font-size:19px;font-family:Georgia,'Times New Roman',serif;color:#172431;letter-spacing:.2px;margin:0 0 4px}
.cart-blurb{font-size:14px;line-height:1.55;color:#5a626e;margin:0 0 10px}
.cart-config{white-space:pre-wrap;font:13.5px/1.65 Arial,Helvetica,sans-serif;background:#f5f1e7;border:1px solid #e7dfc9;border-radius:10px;padding:10px 12px;margin:0 0 10px;color:#2c3644}
.cart-brief{white-space:pre-wrap;font-size:14px;line-height:1.55;max-height:160px;overflow:auto;margin:0 0 8px;color:#3d4450}
.cart-item strong{display:block;font:21px Georgia,'Times New Roman',serif;color:#172431;margin:10px 0 12px}
.cart-item .text-link{background:none;border:0;padding:0;color:#8a6a24;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cart-item .text-link:hover{color:#b48a39}
[data-cart-items]>p{font-size:15.5px;color:#3d4450;background:#fffdf8;border:1px dashed #cbbf9f;border-radius:14px;padding:22px}
/* Checkout panel (dark, gold) */
.cart-checkout{background:linear-gradient(160deg,#22374f,#172431 55%,#101927);color:#f5f1e7;padding:24px 24px 20px;border:1px solid #0b1220;border-radius:16px;box-shadow:0 18px 38px rgba(23,36,49,.22)}
.cart-checkout h2{font:25px Georgia,'Times New Roman',serif;color:#e7c778;margin:0 0 6px}
.cart-total{padding:12px 0 14px;border-top:1px solid rgba(231,199,120,.35);margin-top:10px}
.cart-total span{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:#c9bd97}
.cart-total strong{display:block;font:34px/1.15 Georgia,'Times New Roman',serif;color:#e7c778;margin-top:4px}
.cart-fine{font-size:12.5px;line-height:1.55;color:#c9c2ae;margin:10px 0 2px}
.cart-checkout label{display:block;margin:11px 0 4px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#d8cb9e}
.cart-checkout form{margin-top:6px}
.cart-checkout input,.cart-checkout select{width:100%;height:40px;padding:8px 11px;font-size:14.5px;border:1px solid #cbbf9f;border-radius:8px;background:#fffdf8;color:#172431}
.cart-checkout .button{margin-top:18px;width:100%;padding:12px;font-size:15.5px;letter-spacing:.02em;background:linear-gradient(180deg,#e7c778,#cfa64a);color:#172431;border:0;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.cart-checkout .button:hover:not(:disabled){filter:brightness(1.05)}
.cart-checkout .button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.cart-status{padding:10px 0 2px;font-size:13.5px;line-height:1.55;color:#f0e9d8}
.cart-checkout .text-link{background:none;border:0;padding:0;color:#e7c778;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Payment dialog */
.cart-payment{border:0;border-top:6px solid #b48a39;border-radius:18px;padding:28px;max-width:580px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:#fffdf8;color:#172431;box-shadow:0 30px 60px rgba(10,20,15,.35)}
.cart-payment::backdrop{background:rgba(5,16,27,.72)}
.cart-payment h2{font:30px Georgia,'Times New Roman',serif;margin:0 0 14px;color:#172431}
.cart-payment h3{font:28px Georgia,'Times New Roman',serif;color:#8a6a24;margin:4px 0 10px}
.cart-payment p{font-size:14.5px;line-height:1.6;color:#2c3644}
.cart-payment .eyebrow{color:#b48a39;letter-spacing:2.5px;font-size:11.5px;font-weight:700;text-transform:uppercase}
.cart-payment dl{margin:14px 0}
.cart-payment dt{font-size:11.5px;text-transform:uppercase;letter-spacing:1.2px;color:#7a7462;margin-top:12px}
.cart-payment dd{margin:2px 0 0;padding-bottom:10px;border-bottom:1px solid #e7dfc9;overflow-wrap:anywhere;font-weight:700;font-size:16px;color:#172431}
.cart-payment button{margin-bottom:14px}
.cart-payment .text-link{background:none;border:0;padding:0;color:#8a6a24;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.form-status a{display:block;margin-top:8px;text-decoration:underline}
.cart-checkout input:focus-visible,.cart-payment button:focus-visible,.cart-checkout .button:focus-visible{outline:3px solid #e7c778;outline-offset:2px}
@media(max-width:800px){.cart-grid{grid-template-columns:1fr}.cart-page{padding:36px 0 48px}.cart-heading h1{font-size:36px}.cart-checkout{padding:20px 18px 16px}}
.cart-credit{margin-top:12px}
.cart-credit label{display:flex;gap:9px;align-items:center;margin:0;font-size:14px;letter-spacing:0;text-transform:none;color:#f5f1e7;cursor:pointer}
.cart-credit input{width:17px;height:17px;accent-color:#e7c778}
/* Credits product page (credits.html) */
.credits-panel{background:#fffdf8;border:1px solid #e2dccc;border-top:3px solid #b48a39;border-radius:14px;box-shadow:0 12px 28px rgba(23,36,49,.08);padding:26px;max-width:720px;margin:0 auto;text-align:left;color:#172431}
.credits-balance{font-size:17px;margin:0 0 6px}
.credit-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.credit-chip{padding:10px 18px;border:1px solid #cbbf9f;border-radius:999px;background:#f5f1e7;color:#172431;font-weight:700;cursor:pointer}
.credit-chip:hover{border-color:#b48a39}
.credit-chip[aria-pressed="true"]{background:#172431;color:#e7c778;border-color:#172431}
.credits-panel label{display:block;margin:16px 0 5px;font-weight:600}
.credits-panel input[type="number"]{width:230px;max-width:100%;padding:10px 12px;border:1px solid #7b828c;border-radius:8px;background:#fff;color:#172431}
.credits-total{font:22px Georgia,'Times New Roman',serif;margin:16px 0 12px}
.credits-panel select{width:100%;max-width:340px;padding:11px 12px;border:1px solid #7b828c;border-radius:8px;background:#fff;color:#172431;font-size:15px}
