.alg-checkout-intro .alg-center-heading { display:flex; align-items:center; gap:18px; margin:0 0 25px; }
.alg-checkout-intro .alg-center-icon { display:grid; place-items:center; flex:0 0 58px; height:58px; border-radius:17px; color:#008577; background:#d9f4ef; font-size:26px; }
.alg-checkout-intro .alg-center-svg { display:block; width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.alg-checkout-intro h1 { font-size:29px; letter-spacing:-.035em; line-height:1.25; font-weight:750; margin:0 0 6px; color:#14203b; }
.alg-checkout-intro p { color:#667085; font-size:13px; line-height:1.6; margin:0; }
.alg-checkout-intro .alg-center-steps { list-style:none; display:flex; align-items:center; max-width:730px; padding:0; margin:0 0 28px 76px; }
.alg-checkout-intro .alg-center-steps li { display:flex; align-items:center; gap:9px; color:#7c8495; font-size:12px; font-weight:600; white-space:nowrap; }
.alg-checkout-intro .alg-center-steps li + li:before { content:''; width:clamp(24px,5vw,80px); height:1px; background:#dbe2ec; margin:0 18px; }
.alg-checkout-intro .alg-center-steps li > span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#edf0f4; color:#778093; font-size:12px; }
.alg-checkout-intro .alg-center-steps .is-current { color:#14203b; }
.alg-checkout-intro .alg-center-steps .is-current > span { color:#fff; background:#008679; box-shadow:0 3px 10px #00867920; }
.alg-checkout-intro .alg-center-steps .is-complete > span { color:#007c70; background:#dff3ed; }
@media(max-width:800px) {
 .alg-checkout-intro .alg-center-heading { gap:12px; }
 .alg-checkout-intro h1 { font-size:23px; }
 .alg-checkout-intro .alg-center-icon { flex-basis:44px; height:44px; border-radius:12px; font-size:21px; }
 .alg-checkout-intro .alg-center-steps { margin-left:0; justify-content:space-between; }
 .alg-checkout-intro .alg-center-steps li { font-size:11px; gap:6px; }
 .alg-checkout-intro .alg-center-steps li + li:before { width:18px; margin:0 8px; }
}
@media(max-width:520px) {
 .alg-checkout-intro .alg-center-heading { align-items:flex-start; margin-bottom:20px; }
 .alg-checkout-intro h1 { font-size:20px; }
 .alg-checkout-intro p { font-size:12px; }
 .alg-checkout-intro .alg-center-steps li > span { width:24px; height:24px; font-size:11px; }
 .alg-checkout-intro .alg-center-steps li + li:before { display:none; }
 .alg-checkout-intro .alg-center-steps li { font-size:10px; }
}
#UpdatePanel1 > .container.alg-checkout-shell {
 position:relative; width:calc(100% - 48px); max-width:1320px; margin:28px auto 36px;
 padding:30px !important; border:1px solid #e2eaf1; border-radius:22px;
 background:radial-gradient(ellipse at 95% 0%,#dff7f3 0%,transparent 30%),#fff;
 box-shadow:0 12px 40px #14203b0b;
}
.alg-payment-center-shell #Odeme { width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; }
@media(max-width:800px) {
 .alg-checkout-intro .alg-center-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .alg-checkout-intro .alg-center-steps li { min-width:0; white-space:normal; }
 .alg-checkout-intro .alg-center-steps li > span { flex-shrink:0; }
 .alg-checkout-intro .alg-center-steps li + li:before { display:none; }
 #UpdatePanel1 > .container.alg-checkout-shell { width:calc(100% - 28px); padding:20px !important; margin:18px auto 24px; }
}
@media(max-width:520px) {
 #UpdatePanel1 > .container.alg-checkout-shell { width:calc(100% - 20px); padding:17px !important; border-radius:16px; }
}

/* Match the catalog header on the payment step. */
.alg-payment-page .alg-site-brand:before, .alg-payment-page .alg-site-brand:after { display: none; }
.alg-payment-page .alg-site-topbar-inner { min-height: 34px; font-size: 12px; font-weight: 500; }
.alg-payment-page .alg-site-nav-inner { min-height: 78px; gap: 22px; }
.alg-payment-page .alg-site-brand { width: 170px; min-width: 170px; padding: 6px 0; border: 0; background: transparent; box-shadow: none; }
.alg-payment-page .alg-site-brand img { width: 155px; max-height: 62px; object-fit: contain; }
.alg-payment-page .alg-site-nav > a, .alg-payment-page .alg-nav-group > button { font-size: 13px; font-weight: 600; }

@media(max-width:800px) { .alg-payment-page .alg-site-nav { display:none!important; } .alg-payment-page .alg-nav-toggle:checked ~ .alg-site-nav { display:grid!important; } }