/* Checkout premium visual refresh */
:root{--ink:#101b35;--accent:#5145db}
body{background:radial-gradient(ellipse at 86% 1%,#ebe8ff 0%,transparent 32%),#f7f8fc!important;color:var(--ink)}
header{max-width:1260px!important}.wrap{max-width:1260px!important}.wrap>h1{font-weight:800;letter-spacing:-.055em}.eyebrow{color:#5145db!important}
.cols{grid-template-columns:minmax(0,1.54fr) minmax(320px,1fr)!important;gap:25px!important}.stack{gap:20px!important}
.card{border:1px solid #e2e6f1!important;border-radius:15px!important;padding:27px!important;box-shadow:0 14px 48px #28335c0b!important}
.card h2{font-weight:750;letter-spacing:-.025em;font-size:18px!important}
.card .icon{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;border-radius:10px;background:#f0eeff;color:#5145db}
.card .icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.selected{gap:25px!important}
.preview{width:215px!important;min-height:160px!important;height:160px;border:1px solid #e7e8f7;border-radius:10px!important;padding:8px!important;background:linear-gradient(140deg,#f4f6ff,#eeeff9)!important;align-items:center;justify-content:center!important}
.preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #232b4b18)}
.summary-art{height:260px!important;background:linear-gradient(145deg,#f1f2fe,#e5e8fa)!important;overflow:hidden;padding:12px!important}
.summary-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px #232b4b22)}
.selected h3{font-size:20px}.pill{background:#e9faf4!important;color:#117a5d!important}
.choice{border-radius:11px!important;min-height:92px;align-items:center!important;transition:background .16s,border-color .16s,box-shadow .16s}
.choice:has(input:checked){border-color:#6658ec!important;background:#f8f7ff;box-shadow:0 0 0 2px #6658ec17}
.domain-choices{margin-top:15px;opacity:.5;pointer-events:none}.domain-choices.is-enabled{opacity:1;pointer-events:auto}
.field{color:#2d3654}.field input{border-radius:9px!important;min-height:49px;background:#fcfdff!important}
#checkout-account-status{margin:-5px 0 18px}.checkout-signed-in{display:flex;align-items:center;gap:9px;color:#147d63;background:#edfaf5;padding:12px 14px;border:1px solid #cceee1;border-radius:9px;font-weight:600}
#checkout-account.is-authenticated #checkout-password-field,#checkout-account.is-authenticated #checkout-login{display:none!important}
#checkout-account.is-authenticated #checkout-name,#checkout-account.is-authenticated #checkout-email{background:#f4f6fa!important;color:#56617b}
.secure{display:flex;align-items:center;gap:8px}.secure svg{width:18px;height:18px;color:#0e9a78}
.primary{border-radius:9px!important}.payment{border-color:#d8d2ff!important;background:#f7f5ff!important}
.trust{background:#f4f6fc!important}.trust span{line-height:1.7}
@media(max-width:850px){.cols{grid-template-columns:1fr!important}.summary{position:static}.card{padding:20px!important}}
@media(max-width:500px){.preview{width:130px!important;height:130px!important;min-height:130px!important}.selected{gap:14px!important}.summary-art{height:220px!important}}

/* Checkout trust badges: polished, legible iconography */
.trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;align-items:center;padding:18px 10px!important}
.trust span{max-width:none!important;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:650;color:#53617d;line-height:1.4;text-align:center}
.trust svg{display:block;width:23px;height:23px;color:#5853d6;flex-shrink:0}

/* Signed-in customer details are read-only; invoice fields remain editable white. */
#checkout-account.is-authenticated #checkout-phone {
  background:#f4f6fa!important;
  color:#56617b;
}
.stack > .card:has(textarea) .field input,
.stack > .card:has(textarea) .field textarea {
  background:#fff!important;
}

/* Bank transfer payment details */
.checkout-bank-payment{display:block!important;background:#f8f7ff!important}
.checkout-payment-choice{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.checkout-payment-choice input{accent-color:#5c4ce5;width:17px;height:17px}
.checkout-selected-label{margin-left:auto;font-size:11px;font-weight:700;color:#168466;background:#e9f9f2;border-radius:6px;padding:7px 9px}
.checkout-payment-description{margin:10px 0 17px 27px!important;line-height:1.6}
.checkout-bank-details{border:1px solid #e0dffc;border-radius:10px;background:#fff;padding:15px 18px;margin:14px 0}
.checkout-bank-loading{font-size:13px;color:#68748c;margin:2px 0}
.checkout-bank-line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ecedf6;font-size:13px}
.checkout-bank-line:last-child{border-bottom:0}
.checkout-bank-line span{color:#71809b}.checkout-bank-line strong{color:#192441;text-align:right;overflow-wrap:anywhere}
.checkout-bank-iban-row{align-items:center;flex-wrap:wrap}
.checkout-bank-iban-row strong{font-size:14px;letter-spacing:.025em}
.checkout-copy-iban{font-size:12px;font-weight:700;border:1px solid #dcd7ff;border-radius:6px;background:#f6f4ff;color:#5548d6;padding:8px 10px}
.checkout-bank-warning{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#fff7e8;border:1px solid #f1dfb3;border-radius:9px;color:#865b19;font-size:13px;line-height:1.5}
.checkout-bank-warning svg{width:21px;height:21px;flex:none}
@media(max-width:550px){.checkout-selected-label{font-size:10px}.checkout-bank-line{flex-wrap:wrap}.checkout-bank-line strong{text-align:left}.checkout-bank-iban-row{align-items:flex-start}}

/* Quick-order API submission feedback */
#checkout-submit-message{margin-top:12px;border:1px solid;border-radius:9px;padding:13px 15px;font-size:13px;line-height:1.65}
#checkout-submit-message.checkout-submit-success{background:#eefaf4;border-color:#bde8cf;color:#136a42;font-weight:600}
#checkout-submit-message.checkout-submit-error{background:#fff4f4;border-color:#ffcfd2;color:#ae303b}

/* Checkout telephone country picker: match registration field. */
#checkout-account .iti{width:100%;display:block}
#checkout-account .iti input#checkout-phone{width:100%;box-sizing:border-box}
#checkout-account .iti__selected-country{border-radius:9px 0 0 9px}
#checkout-account .iti__country-container{z-index:3}
#checkout-account .iti__dropdown-content{z-index:100}
#checkout-account.is-authenticated .iti input#checkout-phone{background:#f4f6fa!important;color:#56617b}

/* Checkout validation stays attached to the field that needs attention. */
.field-error{display:block;min-height:0;color:#b42332;font-size:12px;font-weight:500;line-height:1.45}
.field-error:empty{display:none}
#checkout-account [aria-invalid="true"],#domain[aria-invalid="true"]{border-color:#c53d4a!important;box-shadow:0 0 0 3px #c53d4a18!important}
#checkout-account.is-authenticated input[readonly]{background:#f4f6fa!important;color:#56617b;cursor:default}
.checkout-success-redirect{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 0!important;color:#556078;font-size:13px;font-weight:600}
.checkout-success-hourglass{display:inline-block;font-size:19px;animation:checkout-hourglass 1s ease-in-out infinite}
@keyframes checkout-hourglass{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}