.order_steps_section {
position: relative;
padding-bottom: 50px;
}

.order_steps_page {
position: relative;
}

.order_steps_page .ilanasamalar {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
max-width: 800px;
margin: 0 auto 24px;
}

.order_steps_page .ilanasamalar__progress {
position: absolute;
top: 25px;
left: 12.5%;
width: 75%;
height: 6px;
background-color: #f3f4f6;
border-radius: 6px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
z-index: 0;
}

.order_steps_page .ilanasamalar__progress-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #10b981;
border-radius: 6px;
transition: width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
width: 0%;
}

.order_steps_page .ilanasamax {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
width: 25%;
text-align: center;
color: #6b7280;
background: transparent;
border: 0;
min-height: auto;
}

.order_steps_page .ilanasamax__sira {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #ffffff;
border: 4px solid #f3f4f6;
display: flex;
justify-content: center;
align-items: center;
font-weight: var(--font_700);
font-size: 1.125rem;
color: #9ca3af;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.order_steps_page .ilanasamax__ad {
display: block;
margin-top: 16px;
text-align: center;
color: #6b7280;
font-size: 1rem;
font-weight: var(--font_500);
letter-spacing: -0.01em;
opacity: 0.5;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.order_steps_page .ilanasamax.is-completed .ilanasamax__sira {
background-color: #10b981;
border-color: #10b981;
color: #ffffff;
font-size: 0;
box-shadow: 0 4px 10px rgba(16, 185, 129, 0.2);
}

.order_steps_page .ilanasamax.is-completed .ilanasamax__sira::before {
content: "\2713";
font-size: 1.5rem;
font-weight: bold;
}

.order_steps_page .ilanasamax.is-completed .ilanasamax__ad {
opacity: 1;
color: #111827;
font-weight: var(--font_600);
}

.order_steps_page .ilanasamax.is-active .ilanasamax__sira {
background-color: #10b981;
border-color: #e6f8f1;
color: #ffffff;
transform: scale(1.12);
animation: pulseGreen 2s infinite;
box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}

.order_steps_page .ilanasamax.is-active .ilanasamax__ad {
opacity: 1;
color: #111827;
font-weight: var(--font_700);
}

.order_steps_page .ilanasamax.is-upcoming .ilanasamax__sira {
background-color: #ffffff;
border-color: #f3f4f6;
color: #9ca3af;
}

@keyframes pulseGreen {
0% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
}
70% {
box-shadow: 0 0 0 15px rgba(16, 185, 129, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}

.order_steps_page .site_baslik {
margin-top: 60px;
margin-bottom: 20px;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_adim {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
margin: 0 0 10px 0;
padding: 5px 16px 5px 10px;
border-radius: 999px;
border: 1px solid rgb(15 23 42 / 18%);
background: rgb(15 23 42 / 6%);
color: var(--yazi_siyah);
font-size: 0.84rem;
font-weight: var(--font_600);
line-height: 1.2;
letter-spacing: .02em;
white-space: nowrap;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_adim svg {
display: block;
width: 22px;
height: 22px;
flex: 0 0 22px;
color: #22c55e;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_adim {
border-color: rgb(255 255 255 / 26%);
background: rgb(255 255 255 / 11%);
color: var(--yazi_beyaz);
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_baslik_satiri,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_baslik_satiri,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_baslik_satiri,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_baslik_satiri,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_baslik_satiri,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_baslik_satiri {
display: flex;
align-items: center;
gap: 12px;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_baslik_satiri h1,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_baslik_satiri h1,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_baslik_satiri h1,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_baslik_satiri h1,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_baslik_satiri h1,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_baslik_satiri h1 {
margin: 0;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_ozet,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_ozet,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_ozet,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_ozet,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_ozet,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_ozet {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
max-width: 620px;
width: 100%;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_svg,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_svg,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_svg,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_svg,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_svg,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_svg {
margin: 0;
flex: 0 0 auto;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_svg img,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_svg img,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_svg img,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_svg img,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_svg img,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_svg svg,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_svg img {
width: 64px !important;
height: 64px !important;
color: var(--yazi_beyaz);
fill: currentColor;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_aciklama {
margin: 0;
height: auto;
overflow: visible;
text-align: left;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
width: 100%;
margin: 10px 0 18px 0;
padding: 0;
list-style: none;
max-width: 100%;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
padding: 10px 12px;
background: rgb(15 23 42 / 4%);
border: 1px solid rgb(15 23 42 / 10%);
border-radius: var(--border_radius_12);
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li .order_steps_server_hero_specs_ust {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li .order_steps_server_hero_specs_ikon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
flex: 0 0 18px;
color: var(--arkaplan_yesil);
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li .order_steps_server_hero_specs_ikon svg {
display: block;
width: 18px;
height: 18px;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li .order_steps_server_hero_specs_etiket {
font-size: 0.81rem;
line-height: 1.2;
font-weight: var(--font_500);
color: var(--yazi_gri);
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li strong {
font-size: 0.98rem;
line-height: 1.35;
font-weight: var(--font_700);
color: var(--yazi_siyah);
overflow-wrap: anywhere;
word-break: break-word;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li {
background: rgb(255 255 255 / 10%);
border: 0px;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li .order_steps_server_hero_specs_etiket {
color: rgb(255 255 255 / 75%);
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li strong {
color: var(--yazi_beyaz);
border: 0px;
font-size: 0.81rem;
}
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs li strong::after {
display: none;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_paket_aciklama,
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_paket_aciklama {
color: rgb(255 255 255 / 88%);
margin-bottom: 30px;
}

.order_steps_page .siparisbilgileri {
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
}

.order_steps_page .order_form_grid {
border: 1px solid var(--border);
}

.order_steps_page .order_form_grid_head {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
padding: 14px 18px;
border-bottom: 1px solid var(--border);
background: #e9f2ff;
}

.order_steps_page .order_form_grid_head_single {
grid-template-columns: 1fr;
}

.order_steps_page .order_form_grid_head_cell {
font-size: 1.03rem;
line-height: 1.35;
color: var(--yazi_siyah);
font-weight: var(--font_700);
}

.order_steps_page .order_form_grid_row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
padding: 18px 18px;
}

.order_steps_page .order_form_grid_row_single {
grid-template-columns: 1fr;
}

.order_steps_page .order_form_grid_row_single .order_form_grid_cell {
grid-column: 1 / -1;
}

.order_steps_page .order_form_grid_row:last-of-type {
border-bottom: 0;
}

.order_steps_page .order_form_grid_cell {
min-width: 0;
}

.order_steps_page .order_form_grid_label {
display: block;
line-height: 1.45;
}

.order_steps_page .order_form_grid_desc {
display: block;
margin-top: 4px;
font-size: 0.92rem;
line-height: 1.45;
color: var(--yazi_gri);
}

.order_steps_page .order_form_grid_footer {
padding: 12px 18px 0;
border: 0px;
}

.order_steps_page.order_steps_server .order_steps_server_layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
gap: 24px;
align-items: start;
margin-top: 45px;
}

.order_steps_page.order_steps_server .order_steps_server_sol {
min-width: 0;
}

.order_steps_page.order_steps_server .order_steps_server_sidebar {
width: 400px;
max-width: 100%;
min-width: 0;
}

.order_steps_page.order_steps_server .order_steps_server_sidebar.asya_sticky_sidebar {
--asya_sticky_offset: calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary {
border: 0;
border-radius: var(--border_radius_12);
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
overflow: hidden;
--order_server_summary_price_col_w: clamp(128px, 34%, 180px);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_form_grid_head {
background: rgba(255, 255, 255, 0.05);
border-bottom-color: rgba(255, 255, 255, 0.16);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_form_grid_head_cell,
.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_title {
color: var(--yazi_beyaz);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_form_grid_row {
border-color: rgba(255, 255, 255, 0.16);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_category {
color: rgb(255 255 255 / 78%);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_services,
.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_total {
border-top-color: rgba(255, 255, 255, 0.16);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item {
color: var(--yazi_beyaz);
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_amount,
.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item > strong,
.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_total strong {
color: var(--yazi_beyaz);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_total span {
color: rgb(255 255 255 / 82%);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_total {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 6px;
padding-top: 16px;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_total strong {
font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.9rem);
line-height: 1.15;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_header {
grid-template-columns: minmax(0, 1fr) var(--order_server_summary_price_col_w);
align-items: center;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_title {
min-width: 0;
display: block;
line-height: 1.45;
overflow-wrap: anywhere;
word-break: break-word;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_amount {
width: 100%;
justify-self: end;
align-self: center;
white-space: nowrap;
text-align: right;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item {
grid-template-columns: minmax(0, 1fr) var(--order_server_summary_price_col_w);
align-items: center;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item > span {
min-width: 0;
display: block;
line-height: 1.45;
overflow-wrap: anywhere;
word-break: break-word;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item .order_steps_summary_service_ust {
display: block;
margin: 0;
font-size: 0.92rem;
font-weight: var(--font_600);
line-height: 1.35;
text-align: left;
color: var(--yazi_beyaz);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item .order_steps_summary_service_alt {
display: block;
margin: 2px 0 0 0;
font-size: 0.83rem;
font-weight: var(--font_400);
line-height: 1.35;
text-align: left;
color: rgb(255 255 255 / 74%);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .order_steps_summary_service_item > strong {
width: 100%;
justify-self: end;
align-self: center;
text-align: right;
white-space: nowrap;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .paymentlogos {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 14px;
padding: 14px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .paymentlogos p {
margin: 0;
font-size: 0.84rem;
line-height: 1.4;
text-align: center;
color: rgb(255 255 255 / 78%);
}
.order_steps_page.order_steps_server .order_form_grid_server_summary .paymentlogos p strong {
font-weight: var(--font_500);
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .paymentlogos .plogos2 {
display: block;
max-width: 130px;
width: 100%;
height: auto;
margin: 0px;
}

.order_steps_page.order_steps_server .order_form_grid_server_summary .paymentlogos .plogos1 {
display: block;
max-width: 360px;
width: 100%;
height: auto;
}

.order_steps_page .order_steps_summary_header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: start;
}

.order_steps_page .order_steps_summary_title {
display: block;
font-size: 1.02rem;
font-weight: var(--font_600);
line-height: 1.45;
color: var(--yazi_siyah);
}

.order_steps_page .order_steps_summary_amount {
display: block;
font-size: 1.02rem;
font-weight: var(--font_700);
line-height: 1.35;
color: var(--yazi_siyah);
text-align: right;
}

.order_steps_page .order_steps_summary_category {
margin: 4px 0 0;
font-size: 0.92rem;
line-height: 1.4;
color: var(--yazi_gri);
}

.order_steps_page .order_steps_summary_services {
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--border);
}

.order_steps_page .order_steps_summary_service_item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
font-size: 0.92rem;
line-height: 1.4;
color: var(--yazi_siyah);
}

.order_steps_page .order_steps_summary_service_item strong {
font-weight: var(--font_600);
text-align: right;
}

.order_steps_page .order_steps_summary_total {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-top: 14px;
padding-top: 12px;
font-size: 0.98rem;
color: var(--yazi_siyah);
}

.order_steps_page .order_steps_summary_total strong {
font-weight: var(--font_700);
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_group {
display: flex;
flex-direction: column;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom,
.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom-label,
.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom-label {
display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #e9f0fa;
color: var(--yazi_siyah);
font-size: 0.95rem;
font-weight: var(--font_400);
line-height: 1.45;
cursor: pointer;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom-label strong,
.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom-label strong {
font-weight: var(--font_600);
color: inherit;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_name,
.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_period {
font-weight: var(--font_400);
color: var(--yazi_siyah);
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_price {
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom-label::before {
content: "";
width: 20px;
height: 20px;
margin-top: 1px;
flex: 0 0 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath fill='none' stroke='%23586a84' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10'/%3E%3C/svg%3E");
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom:checked + .radio-custom-label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cg fill='none' stroke='%230840bc' stroke-linecap='round' stroke-width='1.2'%3E%3Cpath d='M17 3.338A9.95 9.95 0 0 0 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10q-.002-1.03-.2-2'/%3E%3Cpath stroke-linejoin='round' d='M8 12.5s1.5 0 3.5 3.5c0 0 5.559-9.167 10.5-11'/%3E%3C/g%3E%3C/svg%3E");
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .radio-custom:checked + .radio-custom-label {
color: var(--yazi_siyah);
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom-label {
position: relative;
align-items: center;
padding-left: 54px;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 24px;
border-radius: 999px;
border: 1px solid #cfd9e8;
background: #eef3fb;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom-label::after {
content: "";
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #cfd9e8;
background: #ffffff;
transition: left .25s ease, border-color .25s ease, background-color .25s ease;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom:checked + .checkbox-custom-label::before {
border-color: #0f77ff;
background: #dbe9ff;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom:checked + .checkbox-custom-label::after {
left: 21px;
border-color: #0f77ff;
background: #0f77ff;
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .checkbox-custom:checked + .checkbox-custom-label {
color: var(--yazi_siyah);
}

.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_group .radio-custom-label:last-of-type,
.order_steps_page .order_form_grid .order_form_grid_cell_controls .order_option_group .checkbox-custom-label:last-of-type {
border-bottom: 0;
}

.order_steps_page .order_form_grid .dropdown_donustur_wrap,
.order_steps_page .order_form_grid .dropdown_donustur_tetik {
width: 100%;
}

.order_steps_page input[type="text"]:not(.site_input),
.order_steps_page input[type="password"]:not(.site_input),
.order_steps_page input[type="email"]:not(.site_input),
.order_steps_page input[type="number"]:not(.site_input),
.order_steps_page input[type="file"]:not(.site_input):not(.order_file_drop_input),
.order_steps_page select,
.order_steps_page textarea {
width: 100%;
min-height: 44px;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 10px 12px;
font-size: var(--font_p);
color: var(--yazi_siyah);
outline: none;
}

.order_steps_page textarea {
min-height: 120px;
resize: vertical;
}

.order_steps_page input:focus:not(.site_input),
.order_steps_page select:focus,
.order_steps_page textarea:focus {
border-color: var(--arkaplan_mavi);
box-shadow: 0 0 0 3px rgb(15 119 255 / 12%);
}

#ui-datepicker-div {
z-index: 3 !important;
}

.order_steps_page .order_date_input_kapsa {
position: relative;
width: 100%;
}

.order_steps_page .order_form_grid_cell_controls .order_date_input_kapsa input[type="text"] {
padding-right: 42px;
}

.order_steps_page .order_date_input_ikon {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
color: var(--yazi_gri);
pointer-events: none;
}

.order_steps_page .order_date_input_ikon svg {
display: block;
width: 18px;
height: 18px;
}

.order_steps_page .order_file_drop {
width: 100%;
}

.order_steps_page .order_file_drop_input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}

.order_steps_page .order_file_drop_label {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 12px 14px;
border: 1px dashed var(--border);
border-radius: var(--border_radius_12);
background: #f8fbff;
cursor: pointer;
transition: var(--gecis);
}

.order_steps_page .order_file_drop_label:hover,
.order_steps_page .order_file_drop_label:focus,
.order_steps_page .order_file_drop.is-dragover .order_file_drop_label {
border-color: var(--arkaplan_mavi);
background: #eef5ff;
}

.order_steps_page .order_file_drop_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: var(--arkaplan_mavi);
flex: 0 0 24px;
}

.order_steps_page .order_file_drop_icon svg {
display: block;
width: 24px;
height: 24px;
}

.order_steps_page .order_file_drop_text_wrap {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}

.order_steps_page .order_file_drop_title {
font-size: 0.95rem;
font-weight: var(--font_600);
line-height: 1.3;
color: var(--yazi_siyah);
}

.order_steps_page .order_file_drop_meta {
font-size: 0.84rem;
line-height: 1.3;
color: var(--yazi_gri);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: min(46vw, 460px);
}

.order_steps_page .order_file_drop_meta.has-files {
color: var(--yazi_siyah);
}

.asya_orderperiod_grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 36px;
width: 100%;
}

.asya_orderperiod_item {
flex: 0 1 calc((100% - (36px * 3)) / 4);
max-width: calc((100% - (36px * 3)) / 4);
position: relative;
background-color: var(--arkaplan_beyaz);
border: 2px solid var(--border);
border-radius: var(--border_radius_24);
padding: 40px var(--pad) 70px var(--pad);
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 250px;
transition: var(--gecis);
transform-origin: center center;
will-change: transform;
z-index: 1;
}

.asya_orderperiod_item:hover {
transform: scale(1.04);
border-color: var(--yazi_gri);
}

.asya_orderperiod_item.is-active {
transform: scale(1.06);
border-color: transparent;
background-color: #f0fdf4;
}

.asya_orderperiod_item.is-active::before {
content: "";
position: absolute;
inset: -2px;
border-radius: calc(var(--border_radius_24) + 2px);
padding: 2.5px;
background: linear-gradient(90deg, #d1fae5 0%, #d1fae5 35%, #6ee7b7 45%, var(--arkaplan_yesil) 50%, #6ee7b7 55%, #d1fae5 65%, #d1fae5 100%);
background-size: 300% 100%;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
animation: stringRun 3s linear infinite;
}

@keyframes stringRun {
0% {
background-position: 100% 0%;
}
100% {
background-position: 0% 0%;
}
}

.asya_orderperiod_discount_badge {
position: absolute;
top: -15px;
left: -15px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--font_p);
font-weight: var(--font_800);
z-index: 10;
}

.asya_orderperiod_check {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
border-radius: 50%;
border: 2px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
color: transparent;
background-color: transparent;
transition: var(--gecis);
}

.asya_orderperiod_item.is-active .asya_orderperiod_check {
background-color: var(--arkaplan_yesil);
border-color: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
}

.asya_orderperiod_item h3 {
font-size: var(--font_h4);
color: var(--yazi_siyah);
font-weight: var(--font_700);
margin: 0 0 16px 0;
}

.asya_orderperiod_item.is-active h3 {
color: var(--yazi_siyah);
}

.asya_orderperiod_old_price {
position: relative;
display: inline-block;
font-size: var(--font_h5);
color: var(--yazi_gri);
margin: 0 0 8px 0;
font-weight: var(--font_500);
}

.asya_orderperiod_old_price::after {
content: "";
position: absolute;
left: -5%;
right: -5%;
top: 50%;
height: 2px;
background-color: var(--arkaplan_kirmizi);
transform: rotate(-12deg);
transform-origin: center;
}

.asya_orderperiod_item h2 {
font-size: var(--font_h3);
color: var(--yazi_siyah);
font-weight: var(--font_700);
margin: 0 0 16px 0;
}

.asya_orderperiod_item.is-active h2 {
color: var(--yazi_siyah);
}

.asya_orderperiod_saving {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
font-size: 0.9rem;
color: var(--yazi_gri);
font-weight: var(--font_400);
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}

.asya_orderperiod_item.is-active .asya_orderperiod_saving {
color: #059669;
}

.asya_orderperiod_saving strong {
color: var(--arkaplan_yesil);
font-weight: var(--font_700);
font-size: 1rem;
margin-right: 5px;
}

@media (max-width: 900px) {
.asya_orderperiod_grid {
gap: 20px;
}
.asya_orderperiod_item {
flex-basis: calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
}
}

@media (max-width: 500px) {
.asya_orderperiod_item {
flex-basis: 100%;
max-width: 100%;
}
}

.order_steps_page .order_steps_cta_alani {
margin-top: 34px;
margin-bottom: 16px;
text-align: center;
}

.order_steps_page .order_steps_cta_alani a.buton_tasarimi {
display: inline-flex;
width: 70%;
max-width: 640px;
justify-content: center;
}

.order_steps_page .order_steps_cta_alani a.buton_tasarimi span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}

.order_steps_page .domainsec {
margin: 0;
}

.order_steps_page #accordion.order_accordion {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
border: 0 !important;
background: transparent !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_item {
display: block !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_header {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
padding: 16px 52px 16px 18px !important;
border: 2px solid var(--yazi_gri) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
cursor: pointer !important;
color: var(--yazi_siyah) !important;
font: inherit !important;
appearance: none !important;
outline: none !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_item.is-open .order_accordion_header {
border-bottom: 0 !important;
border-color: var(--arkaplan_acik_mavi) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_headline {
display: block !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_title {
display: block !important;
font-size: clamp(1.06rem, 1.4vw, 1.28rem) !important;
font-weight: var(--font_600) !important;
line-height: 1.25 !important;
color: inherit !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_note {
display: block !important;
margin: 7px 0 0 0 !important;
font-size: clamp(0.93rem, 0.35vw + 0.85rem, 1rem) !important;
line-height: 1.45 !important;
font-weight: var(--font_400) !important;
color: var(--yazi_gri) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_note strong {
font-weight: var(--font_600) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_note a {
color: inherit !important;
text-decoration: underline;
}

.order_steps_page #accordion.order_accordion .order_accordion_toggle {
position: absolute !important;
right: 16px !important;
top: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
color: var(--yazi_gri) !important;
transform: translateY(-50%) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_item.is-open .order_accordion_toggle {
color: var(--arkaplan_mavi) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_toggle svg {
width: 22px !important;
height: 22px !important;
display: block !important;
transform: rotate(0deg);
transform-origin: center;
}

@keyframes orderAccordionToggleOpen {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}

@keyframes orderAccordionToggleClose {
from {
transform: rotate(180deg);
}
to {
transform: rotate(0deg);
}
}

.order_steps_page #accordion.order_accordion .order_accordion_item.is-open .order_accordion_toggle svg {
animation: orderAccordionToggleOpen .28s ease forwards !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_item:not(.is-open) .order_accordion_toggle svg {
animation: orderAccordionToggleClose .24s ease forwards !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_panel {
border: 2px solid var(--yazi_gri) !important;
border-top: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
max-height: 0;
overflow: hidden !important;
transition: max-height .3s ease !important;
will-change: max-height !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_item.is-open .order_accordion_panel {
border-color: var(--arkaplan_acik_mavi) !important;
}

.order_steps_page #accordion.order_accordion .order_accordion_panel_inner {
padding: 16px 18px !important;
}

.order_steps_page .alanadisorgu {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.order_steps_page .alanadisorgu .site_input_alani,
.order_steps_page .alanadisorgu #DomainCheck {
width: 100%;
}

.order_steps_page .order_steps_hosting_secim_alani {
width: 100%;
}

.order_steps_page .order_steps_hosting_secim_alani .order_steps_hosting_group + .order_steps_hosting_group {
margin-top: 20px;
}

.order_steps_page .order_steps_hosting_secim_alani .order_form_grid_row {
padding: 14px 18px;
}

.order_steps_page .order_steps_hosting_group_title {
display: block;
margin-bottom: 12px;
font-size: 1.02rem;
font-weight: var(--font_700);
line-height: 1.35;
color: var(--yazi_lacivert);
}

.order_steps_page .order_steps_hosting_option_group {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.order_steps_page .order_steps_hosting_option_group .radio-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

.order_steps_page .order_steps_hosting_option_group .radio-custom-label {
display: flex;
position: relative;
width: 100%;
align-items: center;
gap: 10px;
min-height: 56px;
margin: 0;
padding: 12px 14px;
border: 1px solid var(--border);
border-bottom: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
transition: border-color .2s ease, background-color .2s ease;
cursor: pointer;
}

.order_steps_page .order_steps_hosting_option_group .radio-custom-label:hover {
border-color: var(--arkaplan_lacivert);
background: #f7fbff;
}

.order_steps_page .order_steps_hosting_option_group .radio-custom:checked + .radio-custom-label {
border-color: var(--arkaplan_lacivert);
background: #eef5ff;
}

.order_steps_page .order_steps_hosting_option_group .radio-custom-label::before {
content: "";
width: 20px;
height: 20px;
margin-top: 0;
flex: 0 0 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath fill='none' stroke='%23586a84' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10'/%3E%3C/svg%3E");
}

.order_steps_page .order_steps_hosting_option_group .radio-custom:checked + .radio-custom-label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cg fill='none' stroke='%230840bc' stroke-linecap='round' stroke-width='1.2'%3E%3Cpath d='M17 3.338A9.95 9.95 0 0 0 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10q-.002-1.03-.2-2'/%3E%3Cpath stroke-linejoin='round' d='M8 12.5s1.5 0 3.5 3.5c0 0 5.559-9.167 10.5-11'/%3E%3C/g%3E%3C/svg%3E");
}

.order_steps_page .order_steps_hosting_option_group .checktext {
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
line-height: 1.35;
}

.order_steps_page .order_steps_hosting_option_group .checktext .order_steps_hosting_paket_adi {
font-weight: var(--font_400);
}

.order_steps_page .order_steps_hosting_option_group .checktext strong {
font-weight: var(--font_700);
color: var(--yazi_siyah);
}

.order_steps_page .order_steps_hosting_bos {
margin: 0;
font-size: 0.95rem;
color: var(--yazi_gri);
}

@media (max-width: 980px) {
.order_steps_page .order_steps_hosting_option_group {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 768px) {
.order_steps_page .order_steps_hosting_option_group {
grid-template-columns: 1fr;
}
}

.order_steps_page .order_steps_domain_input_kapsul {
width: 100%;
}

.order_steps_page .order-stage-subdomain {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) auto;
gap: 10px;
align-items: center;
}

.order_steps_page #result_dns {
display: flex;
align-items: center;
gap: 20px;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
font-family: inherit;
}

.order_steps_page .result_dns_svg {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 64px;
height: 64px;
color: var(--yazi_acik_mavi);
}

.order_steps_page .result_dns_svg svg {
width: 64px;
height: 64px;
stroke-width: 2px;
}

.order_steps_page .result_dns_sag {
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
min-width: 0;
}

.order_steps_page .result_dns_sag p {
margin: 0;
font-size: 1rem;
font-weight: var(--font_500);
color: var(--yazi_siyah);
line-height: 1.5;
}

.order_steps_page #dns_list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 18px;
margin-left: 0;
}

.order_steps_page #dns_list.is-empty,
.order_steps_page #dns_list:empty {
display: none;
}

.order_steps_page #dns_list span {
display: flex;
align-items: center;
background-color: transparent;
border: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding: 8px 0;
border-radius: 0;
color: var(--yazi_siyah);
font-family: monospace;
font-size: 0.96rem;
font-weight: var(--font_600);
user-select: all;
transition: color 0.2s ease, border-color 0.2s ease;
}

.order_steps_page #dns_list span:hover {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
}

.order_steps_page #dns_list span::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: var(--arkaplan_yesil);
border-radius: 50%;
margin-right: 12px;
flex-shrink: 0;
}

@media (max-width: 600px) {
.order_steps_page #result_dns {
align-items: flex-start;
gap: 12px;
}

.order_steps_page .result_dns_svg {
width: 56px;
height: 56px;
}

.order_steps_page .result_dns_svg svg {
width: 28px;
height: 28px;
}

.order_steps_page #dns_list {
grid-template-columns: 1fr;
}
}

.order_steps_page .tescilsonuc {
margin-top: 18px;
}

.order_steps_page .tescilsonuc_liste {
list-style: none;
margin: 0;
padding: 0;
}

.order_steps_page .tescilsonuc_item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
padding: 18px 0;
}

.order_steps_page .tescilsonuc_item h4 {
margin: 0;
font-size: 1.2rem;
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
}

.order_steps_page .tescilsonuc_item .sadeckyinfo {
display: block;
margin: 0;
font-size: 0.98rem;
line-height: 1.55;
color: var(--yazi_gri);
}

.order_steps_page .tescilsonuc_item .buton_tasarimi {
margin-top: 6px;
}

.order_steps_page .tescilsonuc_liste a.buton_tasarimi {
width: 60% !important;
max-width: 460px;
min-width: 0;
}

.order_steps_page .tescilsonuc_mesaj {
margin: 0;
font-size: 0.98rem;
line-height: 1.5;
}

.order_steps_page .tescilsonuc_mesaj_hata {
color: var(--arkaplan_kirmizi);
font-weight: var(--font_600);
}

.order_steps_page .tescilsonuc_item_hata h4 {
color: var(--arkaplan_kirmizi);
}

.order_steps_page .sadeckyinfo strong {
font-weight: var(--font_700);
color: var(--arkaplan_yesil);
}

.order_steps_page .success-animation {
margin: 0px auto 24px auto;
}

.order_steps_page .checkmark {
width: 100px;
height: 100px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: var(--arkaplan_yesil);
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px var(--arkaplan_yesil);
animation: asyaCheckFill .4s ease-in-out .4s forwards, asyaCheckScale .3s ease-in-out .9s both;
position: relative;
top: 5px;
right: 5px;
margin: 0 auto;
}

.order_steps_page .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: var(--arkaplan_yesil);
fill: var(--arkaplan_beyaz);
animation: asyaCheckStroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.order_steps_page .checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: asyaCheckStroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes asyaCheckStroke {
100% {
stroke-dashoffset: 0;
}
}

@keyframes asyaCheckScale {
0%, 100% {
transform: none;
}

50% {
transform: scale3d(1.1, 1.1, 1);
}
}

@keyframes asyaCheckFill {
100% {
box-shadow: inset 0px 0px 0px 30px var(--arkaplan_yesil);
}
}

.order_steps_page .error {
font-size: 0.92rem;
}

@media (max-width: 991px) {
.order_steps_section {
padding-bottom: 40px;
}

.order_steps_page .siparisbilgileri {
padding: 0;
}

.order_steps_page .order_form_grid_head {
display: none;
}

.order_steps_page .order_form_grid_row {
grid-template-columns: 1fr;
gap: 12px;
}

.order_steps_page.order_steps_server .order_steps_server_layout {
grid-template-columns: 1fr;
}

.order_steps_page.order_steps_server .order_steps_server_sidebar {
width: 100%;
}

.order_steps_page .order-stage-subdomain {
grid-template-columns: 1fr;
}

.order_steps_page .order_steps_summary_header,
.order_steps_page .order_steps_summary_service_item {
grid-template-columns: 1fr;
}

.order_steps_page .order_steps_summary_amount,
.order_steps_page .order_steps_summary_service_item strong {
text-align: left;
}

}

@media (max-width: 768px) {
.order_steps_page .order_steps_cta_alani a.buton_tasarimi {
width: 100%;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_adim,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_adim {
font-size: 0.78rem;
padding: 4px 12px 4px 9px;
gap: 6px;
}

#icsayfa_header[data-detay-tipi="hosting"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="domain"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="sms"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="software"] .headerin_basligi .order_steps_hero_adim svg,
#icsayfa_header[data-detay-tipi="special"] .headerin_basligi .order_steps_hero_adim svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
}

#icsayfa_header[data-detay-tipi="server"] .headerin_basligi .order_steps_server_hero_specs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 500px) {
.order_steps_page .order_file_drop_meta {
max-width: 220px;
}

.order_steps_page .alanadisorgu > input[type="text"],
.order_steps_page .alanadisorgu > a.buton_tasarimi {
width: 100%;
}
}


/* SERVER-ISLETIM-SISTEMLERI-BLOK */
.addon-title-line{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}

.addon-title-line .addon-name{
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:16px;
font-weight:700;
line-height:1.2;
}

.addon-desc{
display:none !important;
}

.addon-info-btn{
flex:0 0 auto;
width:20px;
height:20px;
border-radius:999px;
border:1px solid var(--border);
background:var(--arkaplan_beyaz);
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
padding:0;
line-height:1;
color:var(--arkaplan_lacivert);
transition:all .2s ease;
}

.addon-info-btn:hover{
border-color:var(--arkaplan_mavi);
background:rgba(8, 64, 188, 0.08);
}

.addon-info-btn svg{
width:12px;
height:12px;
display:block;
}

.addon-info-btn:focus-visible{
outline:1px solid var(--arkaplan_mavi);
outline-offset:2px;
}

#globalAddonTip{
position:fixed;
z-index:999999;
max-width:min(300px, calc(100vw - 24px));
background:var(--yazi_siyah);
color:var(--arkaplan_beyaz);
border:1px solid rgba(255,255,255,.12);
border-radius:12px;
padding:10px 12px;
font-size:13px;
line-height:1.35;
display:none;
overflow-wrap:anywhere;
}

#globalAddonTip.is-open{
display:block;
}

#globalAddonTip .g-tip-title{
margin:0 0 6px 0;
font-size:12px;
font-weight:700;
opacity:.92;
}

#globalAddonTip .g-tip-text{
margin:0;
opacity:.96;
font-size:12.5px;
line-height:1.45;
}

#globalAddonTipArrow{
position:fixed;
z-index:1000000;
width:10px;
height:10px;
background:var(--yazi_siyah);
border:0;
transform:rotate(45deg);
display:none;
margin-top: -10px;
}

#globalAddonTipArrow.is-open{
display:block;
}

#globalAddonTipArrow::before{
content:"";
position:absolute;
inset:0;
border-left:1px solid rgba(255,255,255,.12);
border-top:1px solid rgba(255,255,255,.12);
border-radius:2px;
}

@media (max-width:768px){
.addon-title-line .addon-name{
font-size:15px;
}
.addon-info-btn{
width:22px;
height:22px;
}
#globalAddonTip{
font-size:14px;
padding:12px 14px;
}
#globalAddonTip .g-tip-text{
font-size:13px;
}
}

.os-radio-list{
width:100%;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.tmp-radio-addon-block{
border:1px solid var(--border);
border-radius:10px;
padding:10px 12px;
display:flex;
align-items:center;
cursor:pointer;
transition:all .2s ease;
width:100%;
background:var(--arkaplan_beyaz);
position:relative;
}
.tmp-radio-addon-block.selected{
border:1px solid var(--arkaplan_yesil);
background:rgba(22, 163, 74, 0.08);
}
.tmp-radio-addon-block:hover{
border-color:var(--arkaplan_yesil);
background:rgba(22, 163, 74, 0.08);
}
.tmp-radio-addon-block:focus-visible{
outline:1px solid var(--arkaplan_yesil);
outline-offset:2px;
}
.tmp-radio-addon-block .tmp-radio-icon{
width:42px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:rgba(22, 163, 74, 0.08);margin-right:10px;flex:0 0 auto;
}
.tmp-radio-addon-block .tmp-radio-icon img{width:30px;height:30px;object-fit:contain;display:block;}
.tmp-radio-right{flex:1;min-width:0;}
.tmp-radio-addon-content-title{font-weight:500;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.radio-money{font-size:14px;color:var(--arkaplan_lacivert);}

.os-tabs{margin-bottom:10px;}
.os-tab-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:20px;
flex-wrap:wrap;
}

.os-tab-nav{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:0;
list-style:none;
padding:0;
flex:1 1 auto;
}

.os-tab-search{
flex:0 0 260px;
max-width:100%;
position:relative;
}

.os-tab-search-input{
width:100%;
height:44px;
padding:0 42px 0 14px;
border:1px solid var(--border);
border-radius:999px;
background:var(--arkaplan_beyaz);
outline:none;
transition:all .2s ease;
color: var(--yazi_siyah);
}

.os-tab-search-input:focus{
border:1px solid var(--arkaplan_mavi)!important;
border-color:var(--arkaplan_mavi);
padding:0 42px 0 14px;
}
.os-tab-search-input::placeholder {
color:var(--yazi_gri)!important;
}
.os-tab-search-clear{
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:var(--arkaplan_beyaz);
cursor:pointer;
font-size:18px;
line-height:28px;
padding:0;
display:none;
}

.os-tab-search-clear:hover{
border-color:var(--arkaplan_mavi);
}

.os-search-empty{
margin-top:10px;
padding:10px 12px;
border:1px dashed var(--border);
border-radius:10px;
background:rgba(8, 64, 188, 0.04);
font-size:13px;
color:var(--yazi_gri);
}

.os-tab-nav li{
display:flex;
align-items:center;
gap:8px;
padding:10px 16px;
cursor:pointer;
font-weight:700;
color:var(--yazi_gri);
border:1px solid var(--border);
border-radius:999px;
transition:all .2s ease;
background:var(--arkaplan_beyaz);
user-select:none;
outline:none;
}
.os-tab-nav li::before{
content:"";
display:inline-block;
width:24px;
height:24px;
--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8'/%3E%3C/svg%3E");
background-color:currentColor;
-webkit-mask-image:var(--svg);
mask-image:var(--svg);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
flex:0 0 auto;
}
.os-tab-nav li:hover{
border-color:var(--arkaplan_yesil);
color:var(--arkaplan_yesil);
background:rgba(22, 163, 74, 0.08);
}
.os-tab-nav li:focus-visible{
outline:1px solid var(--arkaplan_yesil);
outline-offset:2px;
}
.os-tab-nav li.active{
background:rgba(22, 163, 74, 0.12);
border-color:var(--arkaplan_yesil);
color:var(--arkaplan_yesil);
}
.os-tab-nav li.active::before{
--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
}
.os-tab-nav li.active:hover{
background:rgba(22, 163, 74, 0.16);
border-color:var(--arkaplan_yesil);
color:var(--arkaplan_yesil);
}
.os-tab-content{display:none;}
.os-tab-content.active{display:block;}

.addon-switch-list{
width:100%;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

@media (max-width:1024px){
.os-radio-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:768px){
.addon-switch-list{grid-template-columns:1fr;}
.os-radio-list{grid-template-columns:1fr;}
.tmp-radio-addon-block{width:100%;}
.os-tab-nav{gap:8px;padding:0 0 10px 0;}
.os-tab-nav li{width:100%;}
}

.addon-item{
border:1px solid var(--border);
border-radius:12px;
padding:12px 14px;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
cursor:pointer;
transition:all .2s ease;
background:var(--arkaplan_beyaz);
min-width:0;
position:relative;
}
.addon-item.selected{border:1px solid var(--arkaplan_yesil);background:rgba(22, 163, 74, 0.08);}

.addon-incompat-overlay{
display:none;
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
border-radius:12px;
align-items:flex-start;
justify-content:flex-end;
padding:10px;
}

.addon-item.is-incompatible .addon-incompat-overlay{
display:flex;
}

.addon-incompat-badge{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:11px;
font-weight:700;
letter-spacing:.2px;
padding:6px 10px;
border-radius:999px;
background:rgb(237 28 36 / 12%);
color:var(--arkaplan_kirmizi);
border:1px solid rgb(237 28 36 / 32%);
backdrop-filter:blur(4px);
}

.addon-item.is-incompatible{
opacity:.72;
}

.addon-item.is-incompatible .addon-left,
.addon-item.is-incompatible .addon-right{
filter:blur(1.2px);
}

.addon-item.is-incompatible input{
pointer-events:none;
}


.addon-left{
display:flex;
align-items:center;
gap:12px;
min-width:0;
flex:1;
}
.addon-media{
flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(8, 64, 188, 0.06);color:var(--arkaplan_lacivert);
}
.addon-media img{width:32px;height:32px;object-fit:contain;display:block;}
.addon-media svg{width:32px;height:32px;display:block;}
.addon-text{min-width:0;display:flex;flex-direction:column;gap:4px;}
.addon-title{font-weight:500;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.addon-sub{margin:0;font-size:12px;color:var(--yazi_gri);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.addon-right{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
gap:8px;
flex:0 0 auto;
}
.addon-amount{font-size:15px;font-weight:700;line-height:1.1;}
.addon-switch{
width:40px;height:22px;border-radius:30px;background:var(--border);position:relative;transition:all .2s ease;
}
.addon-switch::after{
content:"";
width:20px;height:20px;border-radius:50%;background:var(--arkaplan_beyaz);position:absolute;top:1px;left:1px;transition:all .2s ease;
}
.addon-item.selected .addon-switch{background:var(--arkaplan_yesil);}
.addon-item.selected .addon-switch::after{left:19px;}

.addon-grid{width:100%;display:flex;flex-direction:column;gap:20px;}
.addon-grid input[type="radio"],
form .addon-grid input[type="radio"],
.addon-grid form input[type="radio"] {
display: none !important;
}
.addon-row{width:100%;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--arkaplan_beyaz);}
.addon-col{width:100%;min-width:0;}
.addon-col-info{order:1;}
.addon-col-actions{order:2;}

.addon-info{display:flex;gap:10px;align-items:center;margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid var(--border);}
.addon-required{
display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:6px;background:rgb(237 28 36 / 12%);color:var(--arkaplan_kirmizi);font-weight:700;flex:0 0 auto;
}
.addon-label{
display:flex;gap:10px;align-items:center;cursor:pointer;user-select:none;width:100%;
}
.addon-icon{
flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.addon-icon img{width:100%;height:100%;object-fit:contain;display:block;}
.addon-icon svg{width:38px;height:38px;display:block;}
.addon-texts{min-width:0;display:flex;flex-direction:column;gap:4px;}
.addon-name{display:block;line-height:1.25; font-size: 18px; font-weight: 700;}
.addon-desc{display:block;opacity:.85;line-height:1.35;}
.addon-meta{display:block;font-size:12px;color:var(--yazi_gri);opacity:.9;line-height:1.2;}

.addon-col-actions{display:flex;flex-direction:column;gap:10px;}
.addon-choice{display:flex;flex-direction:column;gap:8px;width:100%;}
.addon-choice-item{display:flex;gap:10px;align-items:flex-start;width:100%;}
.addon-select select,.addon-quantity select{
width:100%;max-width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--arkaplan_beyaz);
}
.addon-quantity{width:100%;}
.addon-slider{margin-top:10px;}
/* /SERVER-ISLETIM-SISTEMLERI-BLOK */