.checkout-header{padding-left:7%;padding-right:7%}.checkout-main{max-width:1050px;margin:0 auto;padding:54px 5% 85px}.checkout-title{margin-bottom:29px}.checkout-title h1{font:500 clamp(45px,5vw,62px)/1 var(--serif);letter-spacing:-.05em;margin:0 0 11px}.checkout-title h1 em,.checkout-success h2 em{color:var(--orange);font-weight:500}.checkout-title>p:last-child{font-size:10px;line-height:1.65;color:#77746b;max-width:550px;margin:0}.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}.checkout-form-panel,.order-summary{background:#fffefa;border:1px solid #ebe8df;padding:24px}.checkout-section-head{display:flex;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:19px}.checkout-section-head>span{font:italic 14px var(--serif);color:var(--orange)}.checkout-section-head h2{font:500 23px var(--serif);margin:0 0 4px}.checkout-section-head p{font-size:9px;color:#77746b;margin:0}.checkout-form-panel .field-grid{grid-template-columns:1fr 1fr;gap:13px}.checkout-form-panel .field{font-size:9px}.checkout-form-panel .field input,.checkout-form-panel .field select,.checkout-form-panel .field textarea{background:white}.address-field[hidden]{display:none}.checkout-payment-note{margin:17px 0;padding:13px;background:#f2f0e9;display:flex;gap:10px;align-items:flex-start}.checkout-payment-note>span{font-size:18px;color:var(--olive)}.checkout-payment-note p{font-size:8px;line-height:1.55;color:#6e6b62;margin:0}.checkout-payment-note strong{color:var(--ink)}.checkout-submit{width:100%;justify-content:space-between;margin-top:18px;cursor:pointer}.checkout-disclaimer{font-size:8px;line-height:1.6;color:#8a877e;margin:10px 0 0}.checkout-error{font-size:9px;color:#a8402d;margin-top:8px}.order-summary{position:sticky;top:20px}.summary-title{border-bottom:1px solid var(--line);padding-bottom:14px}.summary-title>span{font-size:8px;letter-spacing:.15em;font-weight:700;color:#77746b}.summary-title h2{font:500 25px var(--serif);margin:5px 0 0}.checkout-line{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #efede5}.checkout-line-image{height:48px;background-size:cover;background-position:center}.checkout-line h3{font:500 14px var(--serif);margin:0 0 3px}.checkout-line small{font-size:7px;color:#77746b}.checkout-line strong{font-size:9px;white-space:nowrap}.summary-total{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-top:16px}.summary-shipping{font-size:8px;line-height:1.5;color:#77746b;margin:8px 0 0}.checkout-empty{padding:24px 0;font:italic 16px var(--serif);color:#77746b}.checkout-empty p{margin-bottom:13px}.checkout-empty[hidden]{display:none}.checkout-layout:has(.checkout-empty:not([hidden])) .checkout-submit{opacity:.5;pointer-events:none}.checkout-success{margin-top:28px;padding:35px;background:#fffefa;border:1px solid #ebe8df;text-align:center}.checkout-success[hidden]{display:none}.checkout-success .success-mark{margin:0 auto 15px;width:48px;height:48px;border-radius:50%;background:#e5eadf;color:var(--olive);display:grid;place-items:center;font-size:22px}.checkout-success .eyebrow{justify-content:center}.checkout-success h2{font:500 35px/1.15 var(--serif);margin:0 0 11px}.checkout-success>p:not(.eyebrow){font-size:10px;line-height:1.65;color:#77746b;max-width:440px;margin:0 auto 20px}
@media(max-width:700px){.checkout-header{height:70px;padding:0 6%}.checkout-main{padding:39px 6% 60px}.checkout-title h1{font-size:51px}.checkout-layout{grid-template-columns:1fr;gap:14px}.order-summary{position:static;grid-row:1}.checkout-form-panel{grid-row:2;padding:19px 16px}.checkout-form-panel .field-grid{gap:12px 9px}.checkout-form-panel .field input,.checkout-form-panel .field select,.checkout-form-panel .field textarea{font-size:11px}.checkout-layout:has(.checkout-empty:not([hidden])){grid-template-columns:1fr}.checkout-layout:has(.checkout-empty:not([hidden])) .order-summary{grid-row:1}.checkout-layout:has(.checkout-empty:not([hidden])) .checkout-form-panel{grid-row:2}}
@media(max-width:390px){.checkout-form-panel .field-grid{grid-template-columns:1fr}.checkout-form-panel .field-full{grid-column:auto}}
