:root { --checkout-blue:#0070B8; --checkout-navy:#0070B8; --checkout-line:#d7e2ef; --checkout-muted:#74869e; }
.checkout-page { background:linear-gradient(135deg,#f8fbff 0%,#edf6fc 48%,#fbfdff 100%); color:#18324e; }
.checkout-page::before { content:""; position:fixed; inset:100px auto 0 0; width:28vw; pointer-events:none; background:radial-gradient(circle at 0 45%,rgba(60,145,214,.12),transparent 66%); }
.checkout-page .abx-navigation { background:transparent; }
.checkout-progress { max-width:1120px; margin:4px auto 0; padding:10px 20px 0; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.checkout-progress-track { display:flex; align-items:center; flex:1; max-width:720px; }
.checkout-step { display:flex; align-items:center; gap:9px; color:#8999ab; white-space:nowrap; font-size:14px; }
.checkout-step span { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#9aabba; color:#fff; font-weight:800; }
.checkout-step.is-current { color:var(--checkout-blue); }
.checkout-step.is-current span { background:var(--checkout-blue); box-shadow:0 4px 14px rgba(7,91,187,.3); }
.checkout-progress-line { height:1px; flex:1; margin:0 12px; background:#aebdca; }
.checkout-secure { display:flex; gap:10px; align-items:center; color:#1a8f59; }
.checkout-secure i { font-size:22px; }
.checkout-secure span { display:flex; flex-direction:column; line-height:1.25; }
.checkout-secure strong { font-size:14px; }
.checkout-secure small { color:#8493a5; font-size:14px; }
.checkout-page .untree_co-section { padding:28px 0 65px; position:relative; }
.checkout-page .untree_co-section > .container { max-width:1120px; }
.checkout-page .untree_co-section > .container > .row.mb-5:first-child { display:none; }
.checkout-page .untree_co-section > .container > .row { --bs-gutter-x:20px; align-items:flex-start; }
.checkout-page .untree_co-section h2.h3 { display:flex; align-items:center; gap:12px; min-height:58px; margin:0!important; padding:14px 18px 8px; border:1px solid var(--checkout-line); border-bottom:0; border-radius:14px 14px 0 0; background:#fff; font-size:15px; font-weight:800; color:#152b45!important; }
.checkout-page .untree_co-section h2.h3 i { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#e7f3ff; color:#0070B8; }
.checkout-page h2 span { display:flex; flex-direction:column; gap:2px; }
.checkout-page h2 small { color:var(--checkout-muted); font-size:14px; font-weight:500; }
.checkout-page .p-3.p-lg-5.border.bg-white { padding:18px!important; border-color:var(--checkout-line)!important; border-radius:0 0 14px 14px; box-shadow:0 10px 34px rgba(33,77,117,.08); }
.checkout-page .form-group { margin-bottom:12px; }
.checkout-page .form-group label { margin-bottom:5px; color:#263d57!important; font-size:14px; font-weight:700; }
.checkout-page .form-control { min-height:40px; border:1px solid #cfdbe7; border-radius:7px; padding:8px 12px; color:#18324e; font-size:14px; background-color:#fff; }
.checkout-page textarea.form-control { min-height:84px; }
.checkout-page .form-control:focus { border-color:#0070B8; box-shadow:0 0 0 3px rgba(43,130,214,.12); }
.checkout-page .col-md-6:last-child > .row { margin-bottom:14px!important; }
.checkout-page .col-md-6:last-child > .row .col-md-12 > h2 { background:linear-gradient(100deg,#eef9ff,#fff); }
.checkout-page .couponcode-wrap { position:relative; width:100%!important; display:flex; align-items:stretch; gap:10px; }
.checkout-page .couponcode-wrap .form-control { position:relative; z-index:1; flex:1 1 auto; width:auto!important; min-width:0; margin:0!important; pointer-events:auto; }
.checkout-page #button-addon2 { height:40px; min-width:105px; border-radius:7px; background:var(--checkout-blue); border:0; }
.checkout-page .site-block-order-table { margin-bottom:14px!important; font-size:14px; }
.checkout-page .site-block-order-table th { padding:8px; color:#7b8a9c; font-size:14px; text-transform:uppercase; border-bottom:1px solid #dce5ed; }
.checkout-page .site-block-order-table td { padding:11px 8px; border-bottom:1px solid #e8eef4; }
.checkout-order-product { display:flex; align-items:center; gap:11px; min-width:0; }
.checkout-order-product img { width:48px; height:48px; flex:0 0 48px; object-fit:cover; border:1px solid #d8e4ef; border-radius:9px; background:#f4f8fb; }
.checkout-order-product span { display:flex; flex-direction:column; gap:3px; min-width:0; }
.checkout-order-product strong { color:#172f4b; font-size:14px; line-height:1.3; overflow-wrap:anywhere; }
.checkout-order-product small { color:#7a8da3; font-size:14px; }
.checkout-page .site-block-order-table tr:last-child { background:#eaf6ff; color:#0070B8; font-size:15px; }
.checkout-page .site-block-order-table tr:last-child td { border:0; }
.checkout-page .site-block-order-table td:last-child,.checkout-page .site-block-order-table th:last-child { text-align:right; }
.checkout-page .site-block-order-table + .border,
.checkout-page .site-block-order-table + .border + .border,
.checkout-page .site-block-order-table + .border + .border + .border { display:inline-block; width:32%; min-height:62px; vertical-align:top; margin:0 1% 14px 0!important; border-color:#ccdae8!important; border-radius:8px; padding:11px!important; }
.checkout-page .site-block-order-table + .border a,
.checkout-page .site-block-order-table + .border + .border a,
.checkout-page .site-block-order-table + .border + .border + .border a { color:#0070B8; font-size:14px; font-weight:800; text-decoration:none; }
.checkout-page #placeOrderBtn { width:100%; border:0; border-radius:8px; background:linear-gradient(90deg,#0070B8,#0070B8); font-size:14px; font-weight:800; box-shadow:0 8px 20px rgba(4,83,169,.22); }
.checkout-page #placeOrderBtn:hover { background:linear-gradient(90deg,#0070B8,#0070B8); }
.checkout-page .footer-section { margin-top:0; }
@media (max-width:991px) { .checkout-progress { flex-direction:column; align-items:stretch; } .checkout-secure { justify-content:center; } }
@media (max-width:767px) { .checkout-progress-track { overflow:auto; padding-bottom:5px; } .checkout-step strong { display:none; } .checkout-progress-line { min-width:45px; } .checkout-page .untree_co-section { padding-top:18px; } .checkout-page .col-md-6:last-child { margin-top:20px; } }