/* A quiet continuation of the travel journal, with one decision at a time. */
.commerce-modal{width:min(610px,calc(100% - 28px));background:linear-gradient(145deg,#fcfaf4f7,#f2edf4f7);box-shadow:inset 0 1px 0 #fff,0 24px 80px #534a6425}
.commerce-modal .modal-inner{padding:27px 32px 24px}
.commerce-modal .modal-header{align-items:center;margin-bottom:2px}
.commerce-modal .modal-header h2{font-size:24px;letter-spacing:.07em}
.commerce-intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.8}
.commerce-tabs{display:flex;gap:25px;border-bottom:1px solid #b5a5bf36;margin-bottom:24px}
.commerce-tabs button{position:relative;padding:8px 0 13px;min-height:44px;border:0;border-radius:0;background:none;box-shadow:none;color:#887e8b;font-size:12px}
.commerce-tabs button:hover{background:none;box-shadow:none;color:#6d5a78}
.commerce-tabs button[aria-pressed=true]{color:#65526f}
.commerce-tabs button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ac96b8;border-radius:3px}
.commerce-hero{text-align:center;padding:7px 16px 25px}
.commerce-hero .commerce-drawing{margin:0 auto 14px;display:block;width:92px;height:72px;color:#9d86aa}
.commerce-hero .eyebrow{font-size:9px;letter-spacing:.18em;color:#94809e;margin:0 0 9px}
.commerce-hero h3{font:30px/1.6 var(--serif);letter-spacing:.06em;margin:0 0 10px;color:#625669}
.commerce-hero p:last-child{font-size:13px;line-height:1.95;color:#7a717b;margin:0}
.commerce-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.commerce-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 18px;border-radius:18px;border:1px solid #fffef8;background:linear-gradient(145deg,#fffdf9e6,#eee7f099);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b9a7c02d;font-size:13px;text-align:left;color:#675771}
.commerce-channel small{display:block;font-size:10px;color:#95849f;margin-top:4px}
.commerce-channel>span:last-child{font-size:18px;color:#9c85aa}
.commerce-channel:disabled{opacity:1;background:#f4efe99e;border-color:#e2dbe3;box-shadow:none;color:#918692;cursor:default}
.commerce-channel:disabled small{color:#998e9b}
.commerce-note{font-size:12px;line-height:1.9;color:#817784;margin:18px 0 0;text-align:center}
.commerce-products{display:grid;gap:0;border-top:1px solid #b5a5bf29}
.commerce-product{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #b5a5bf29}
.commerce-product-mark{display:grid;place-items:center;width:40px;height:45px;color:#a28ab0}
.commerce-product-mark svg{width:29px;height:29px}
.commerce-product h3{font:17px/1.5 var(--serif);letter-spacing:.04em;margin:0 0 6px;color:#66586e}
.commerce-product p{font:12px/1.85 var(--sans);margin:0;color:#8c7d92}
.commerce-product-state{font-size:10px;line-height:1.8;color:#87768f;white-space:nowrap;text-align:right}
.commerce-product-state span{display:block;font-size:12px;color:#766180;margin-bottom:3px}
.commerce-preview-note{font-size:12px;line-height:1.9;color:#817784;margin:18px 0 0}
.commerce-payment-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #b5a5bf29;padding-top:16px;margin:16px 0 0;font-size:11px;color:#897991}
.commerce-payment-note span{font-size:10px;color:#95829d;white-space:nowrap}
@media(max-width:540px){.commerce-modal .modal-inner{padding:20px 22px}.commerce-modal .modal-header h2{font-size:23px}.commerce-hero{padding:2px 0 22px}.commerce-hero h3{font-size:26px}.commerce-product{grid-template-columns:30px 1fr auto;gap:11px}.commerce-product-mark{width:30px}.commerce-product h3{font-size:16px}.commerce-channel{padding:13px 14px;gap:7px}.commerce-tabs{margin-bottom:20px}}
@media(max-width:350px){.commerce-channels{grid-template-columns:1fr}.commerce-hero h3{font-size:24px}.commerce-product{gap:8px}.commerce-product h3{font-size:15px}}
@media(prefers-reduced-transparency:reduce){.commerce-modal{background:#f9f4ef}.commerce-channel{background:#f9f5f9}}
@media(forced-colors:active){.commerce-modal,.commerce-channel{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.commerce-tabs button[aria-pressed=true]{border-bottom:2px solid Highlight}.commerce-channel:disabled{color:GrayText;border-color:GrayText}}