﻿.checkout-page{background:#f3f6f9;color:#20324b}.checkout-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1180px)/2));background:white;border-bottom:1px solid #e0e7ed}.checkout-header img{display:block;width:155px;height:56px;object-fit:contain}.checkout-header a,.checkout-heading>a,.checkout-panel-title>a,.checkout-help a,.checkout-bottom a{color:#137ca9;text-decoration:none;font-size:.88rem;font-weight:650}.checkout-header-note{color:#718093;font-size:.85rem}.checkout-shell{max-width:1180px;margin:auto;padding:38px 24px 24px}.checkout-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.checkout-kicker{color:#1887b6;font-size:.67rem;font-weight:800;letter-spacing:.16em}.checkout-heading h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:10px 0}.checkout-heading p{color:#69788a;font-size:.94rem;line-height:1.6}.checkout-progress{display:flex;gap:32px;list-style:none;margin:28px 0;padding:0}.checkout-progress li{display:flex;align-items:center;gap:9px;color:#8a97a6;font-size:.84rem}.checkout-progress li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d5dfe7;border-radius:50%;font-size:.72rem}.checkout-progress .complete{color:#3c8268}.checkout-progress .active{color:#167fae;font-weight:700}.checkout-progress .active span{background:#168ec2;color:white;border-color:#168ec2}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}.checkout-main{display:grid;gap:20px}.checkout-panel{border:1px solid #e0e7ed;border-radius:16px;background:white;padding:26px;box-shadow:0 5px 16px rgba(31,42,68,.025)}.checkout-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.checkout-panel h2{font-size:1.05rem;margin:0 0 4px}.checkout-panel-title p{color:#7a8796;font-size:.82rem;line-height:1.5}.checkout-panel-title>a{margin-left:auto;white-space:nowrap}.checkout-number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eaf5fa;color:#1687b5;font-size:.74rem;font-weight:750}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.checkout-fields label{display:grid;align-content:start;gap:7px;font-size:.82rem;font-weight:650}.checkout-fields input,.checkout-fields textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:#25364d;font:inherit;font-size:.9rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.checkout-fields input:focus,.checkout-fields textarea:focus{outline:none;border-color:#1998cc;box-shadow:0 0 0 3px #e5f4fb}.checkout-fields textarea{resize:vertical;min-height:85px}.checkout-fields small{font-size:.72rem;color:#8a96a5;font-weight:400}.checkout-field-wide{grid-column:1/-1}.checkout-sidebar{position:sticky;top:24px}.checkout-price-panel h2{margin-bottom:22px}.checkout-totals{display:grid;gap:14px}.checkout-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:.83rem;color:#718095}.checkout-totals strong{color:#35475c;font-weight:600}.checkout-totals #savingsRow strong{color:#168358}.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e4eaf0;font-weight:700}.checkout-total strong{font-size:1.5rem;letter-spacing:-.03em}.checkout-price-note,.checkout-payment-note{font-size:.73rem;line-height:1.6;color:#8591a0;margin:12px 0 0}.checkout-pay-button{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;min-height:48px;padding:12px 14px;margin-top:21px;border:0;border-radius:9px;background:#158ec1;color:white;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}.checkout-pay-button:hover:not(:disabled){background:#0f739d;transform:translateY(-1px)}.checkout-pay-button:disabled{opacity:.55;cursor:wait}.checkout-payment-note{text-align:center}.checkout-help{padding:22px 15px;color:#67788c;font-size:.82rem;line-height:1.65}.checkout-help strong{color:#435870}.checkout-help p{margin:5px 0 10px}.checkout-payment{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #b8deef;border-radius:10px;background:#f5fbfd}.checkout-payment strong{font-size:.86rem}.checkout-payment p{font-size:.77rem;color:#7a899a;margin-top:4px;line-height:1.5}.checkout-payment-mark{font-size:1.4rem;color:#1687b5}.checkout-payment-selected{margin-left:auto;color:#1687b5}.checkout-line{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 0;border-top:1px solid #e8edf2}.checkout-line:first-child{padding-top:0;border-top:0}.checkout-line img{width:80px;height:80px;object-fit:contain;background:#f0f5f8;border-radius:10px;padding:5px}.checkout-line h3{font-size:.88rem;line-height:1.5;font-weight:600}.checkout-line a{color:inherit;text-decoration:none}.checkout-line p{color:#7c8b9b;font-size:.78rem;margin-top:8px}.checkout-line>strong{font-size:.9rem;white-space:nowrap}.checkout-loading,.empty-checkout{padding:24px 0;color:#78889b;font-size:.9rem;line-height:1.7}.empty-checkout a{color:#1687b5}.checkout-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding:24px 0;border-top:1px solid #e0e7ed;font-size:.74rem;color:#8995a2}#checkoutStatus{font-size:.8rem;line-height:1.6;margin-top:12px;color:#b64d36}#checkoutStatus:empty{display:none}.checkout-success{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(21,36,54,.55);backdrop-filter:blur(4px)}.checkout-success[hidden]{display:none}.checkout-success-box{width:min(100%,430px);padding:35px;background:white;border-radius:20px;text-align:center}.checkout-success-check{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:#e6f6ec;color:#168358;font-size:1.8rem}.checkout-success-box h2{font-size:1.5rem}.checkout-success-box p{margin-top:12px;color:#718095;font-size:.9rem;line-height:1.6}@media(max-width:950px){.checkout-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.checkout-panel{padding:20px}.checkout-line{grid-template-columns:64px minmax(0,1fr)}.checkout-line img{width:64px;height:64px}.checkout-line>strong{grid-column:2}}@media(max-width:760px){.checkout-header{padding:10px 18px}.checkout-header-note{display:none}.checkout-shell{padding:26px 16px 16px}.checkout-heading{align-items:start;flex-direction:column;gap:12px}.checkout-progress{gap:12px;justify-content:space-between}.checkout-progress li{font-size:.7rem;gap:5px}.checkout-progress li span{width:22px;height:22px}.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{position:static}.checkout-fields{gap:17px 12px}.checkout-panel{border-radius:12px}.checkout-help{padding-bottom:0}.checkout-bottom{flex-direction:column;gap:8px}.checkout-price-panel .checkout-pay-button{min-height:50px}}@media(max-width:400px){.checkout-fields{grid-template-columns:1fr}.checkout-field-wide{grid-column:auto}.checkout-panel-title{gap:8px}.checkout-panel-title p{font-size:.75rem}.checkout-panel-title>a{font-size:.75rem}.checkout-header img{width:130px}.checkout-progress{gap:5px}}@media(prefers-reduced-motion:reduce){.checkout-page *{transition:none!important;scroll-behavior:auto!important}}
.checkout-totals>div[hidden]{display:none}.checkout-page a:focus-visible,.checkout-page button:focus-visible{outline:3px solid #52b6dc;outline-offset:4px}

/* A quieter delivery form with the checkout action in the summary. */
.checkout-heading h1 { font-weight: 650; }
.checkout-progress { padding-bottom: 22px; border-bottom: 1px solid #e0e7ed; }
.checkout-progress li:not(:last-child)::after { content: ''; width: 30px; height: 1px; margin-left: 10px; background: #d6e1e9; }
.checkout-main > .checkout-panel:first-child .checkout-panel-title { padding-bottom: 18px; border-bottom: 1px solid #edf1f5; }
.checkout-fields input, .checkout-fields textarea { background: #fbfcfd; }
.checkout-fields input:hover, .checkout-fields textarea:hover { border-color: #b5c9d7; }
.checkout-fields input:focus, .checkout-fields textarea:focus { background: #fff; }
.checkout-fields label:focus-within { color: #137ca9; }
.checkout-help { margin-top: 16px; padding: 18px 20px; border: 1px solid #e0e7ed; border-radius: 12px; background: #edf4f8; }
.checkout-line a:hover { color: #137ca9; }
.checkout-line img { transition: transform .2s ease; }
.checkout-line:hover img { transform: scale(1.04); }
@media (max-width: 760px) {
  .checkout-progress { padding-bottom: 18px; }
  .checkout-progress li:not(:last-child)::after { display: none; }
  .checkout-help { padding: 16px; }
}
@media (max-width: 520px) {
  .checkout-fields { grid-template-columns: 1fr; }
  .checkout-field-wide { grid-column: auto; }
}

/* Order receipt */
.checkout-success-box{max-width:540px!important;width:calc(100% - 32px);max-height:90vh;overflow:auto}.checkout-success-check{box-shadow:0 0 0 12px #f0faf5}.success-receipt{text-align:left;background:#f5f9fc;border:1px solid #dbe9f0;border-radius:14px;padding:20px;margin:24px 0 18px}.success-receipt>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#687e91}.success-receipt>strong{display:block;font-size:13px;overflow-wrap:anywhere;color:#253b53;margin:9px 0 18px}.success-receipt>div{border-top:1px dashed #cbdae4;display:flex;justify-content:space-between;gap:12px;padding-top:16px;font-size:13px}.success-receipt>div>span{color:#237958}.success-next{font-size:12px!important;line-height:1.8;margin-bottom:22px!important}@media(max-width:480px){.checkout-success-box{padding:28px 20px!important}.success-receipt{padding:16px}}
