#icsayfa_header {
position: relative;
padding: 60px 0;
background-color: #f5f8fc;
overflow: hidden;
isolation: isolate;
}

#icsayfa_header::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: clamp(560px, 50vw, 800px);
height: clamp(620px, 58vw, 920px);
transform: translate(8%, -50%) rotate(-5deg);
transform-origin: right center;
border-radius: 64% 0 0 36% / 40% 0 0 72%;
background-color: #ffffff;
pointer-events: none;
z-index: 0;
}

#icsayfa_header.icsayfa_header_alternatif {
--hero-stack-h: calc(var(--ustbar_h, 50px) + var(--header_h, 80px));
--hero-visual-h: clamp(420px, 72vh, 720px);
--hero-bottom-space: 50px;
--hero-content-h: calc(var(--hero-visual-h) - var(--hero-bottom-space));
--icsayfa_alt_radial_1: rgba(44, 146, 255, 0.22);
--icsayfa_alt_radial_2: rgba(255, 255, 255, 0.10);
--icsayfa_alt_bg_1: var(--arkaplan_lacivert);
--icsayfa_alt_bg_2: var(--arkaplan_mavi);
background: radial-gradient(1200px 700px at 15% 20%, var(--icsayfa_alt_radial_1), transparent 60%), radial-gradient(900px 600px at 85% 10%, var(--icsayfa_alt_radial_2), transparent 55%), linear-gradient(145deg, var(--icsayfa_alt_bg_1), var(--icsayfa_alt_bg_2));
background-attachment: fixed;
background-size: cover;
margin-top: calc(-1 * var(--hero-stack-h));
padding: var(--hero-stack-h) 0 var(--hero-bottom-space) 0;
min-height: calc(var(--hero-stack-h) + var(--hero-visual-h));
height: auto;
box-sizing: border-box;
isolation: isolate;
position: relative;
z-index: 3;
}
.svg_alt_bg {
position: absolute;
content: "";
bottom: -18px;
left: -10%;
width: 148%;
height: auto;
z-index: 1;
}
.svg_alt_bg svg {
left: 50%;
position: relative;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="hosting"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
--icsayfa_alt_bg_1: #002a89;
--icsayfa_alt_bg_2: #006be6;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="server"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
--icsayfa_alt_bg_1: #212734;
--icsayfa_alt_bg_2: #476280;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="sms"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
--icsayfa_alt_bg_1: #00526e;
--icsayfa_alt_bg_2: #0b88b2;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="special"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
--icsayfa_alt_bg_1: #2b3266;
--icsayfa_alt_bg_2: #4958b0;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="software"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
    --icsayfa_alt_bg_1: #281d68;
    --icsayfa_alt_bg_2: #5e51b6;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="domain"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
--icsayfa_alt_bg_1: #35083e;
--icsayfa_alt_bg_2: #3d0c8c;
background-attachment: scroll;
}

#icsayfa_header.icsayfa_header_alternatif[data-detay-tipi="basket"] {
    --icsayfa_alt_radial_1: rgb(0 0 0 / 13%);
    --icsayfa_alt_radial_2: rgb(0 0 0 / 13%);
    --icsayfa_alt_bg_1: #002a89;
    --icsayfa_alt_bg_2: #006be6;
}

#icsayfa_header[data-detay-tipi="basket"] .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="basket"] .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="basket"] .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.icsayfa_header_alternatif::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/herobg.svg);
}
#icsayfa_header.icsayfa_header_alternatif {
--hero-stack-h: calc(var(--ustbar_h, 50px) + var(--header_h, 80px));
--hero-visual-h: clamp(420px, 68vh, 720px);
background: url("../images/slider/bg5.png") center center / cover no-repeat;
background-color: #07349A;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%230b30a3' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%230f2cac' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%231428b4' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%231923bc' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%231F1FC3' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%231b25c7' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23162cca' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%231235ce' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%230d3ed1' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%230948D5' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
margin-top: calc(-1 * var(--hero-stack-h));
padding: var(--hero-stack-h) 0 0 0;
min-height: calc(var(--hero-stack-h) + var(--hero-visual-h));
height: auto;
box-sizing: border-box;
isolation: isolate;
}*/

#icsayfa_header.icsayfa_header_alternatif::after {
display: none;
}

#icsayfa_header.icsayfa_header_alternatif > .siteyi_ortala {
min-height: var(--hero-content-h);
display: flex;
align-items: center;
}

#icsayfa_header.icsayfa_header_alternatif .icsayfa_header_kapsa {
width: 100%;
color: #ffffff;
}

#icsayfa_header.icsayfa_header_alternatif .headerin_basligi h1 {
color: #ffffff;
}

#icsayfa_header.icsayfa_header_alternatif .headerin_basligi h1 strong {
color: #ffffff;
}

#icsayfa_header.icsayfa_header_alternatif .headerin_basligi h1 strong:after {
opacity: 0.18;
}

#icsayfa_header.icsayfa_header_alternatif .headerin_basligi p {
color: rgba(255, 255, 255, 0.88);
}

#icsayfa_header.icsayfa_header_alternatif .icsayfa_header_sol ul li svg {
color: rgba(255, 255, 255, 0.95);
}

#icsayfa_header.icsayfa_header_alternatif .icsayfa_header_sol ul li span {
color: rgba(255, 255, 255, 0.90);
}

#icsayfa_header.icsayfa_header_alternatif .icsayfa_header_sol ul li strong {
color: #ffffff;
}

#icsayfa_header.icsayfa_header_alternatif .icsayfa_header_sol ul li strong::after {
background-image: repeating-linear-gradient(
90deg,
rgba(255, 255, 255, 0.95) 0px,
rgba(255, 255, 255, 0.95) 6px,
transparent 6px,
transparent 10px
);
}

@media (max-width: 768px) {
#icsayfa_header.icsayfa_header_alternatif {
--hero-bottom-space: 30px;
--hero-visual-h: calc(100vh - var(--hero-stack-h));
--hero-visual-h: calc(100svh - var(--hero-stack-h));
--hero-visual-h: calc(100dvh - var(--hero-stack-h));
height: auto;
min-height: 0;
}

#icsayfa_header.icsayfa_header_alternatif > .siteyi_ortala {
min-height: 0;
height: auto;
}
}

.icsayfa_header_kapsa {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 40px;
}

.icsayfa_header_sol {
flex: 1.5 1 0;
max-width: none;
min-width: 0;
text-align: left;
}

.icsayfa_header_sol ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px 15px;
max-width: 650px;
}

.icsayfa_header_sol ul li {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 0;
}

.icsayfa_header_sol ul li svg {
width: 28px !important;
height: 28px !important;
flex-shrink: 0;
color: var(--yazi_siyah);
}

.icsayfa_header_sol ul li span {
font-size: 1rem;
font-weight: var(--font_500);
color: var(--yazi_siyah);
line-height: 1.3;
}

.icsayfa_header_sol ul li strong {
font-size: 1rem;
font-weight: var(--font_700);
color: var(--yazi_siyah);
line-height: 1.3;
position: relative;
display: inline-block;
padding-bottom: 1px;
}

.icsayfa_header_sol ul li strong::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-image: repeating-linear-gradient(
90deg,
var(--yazi_siyah) 0px,
var(--yazi_siyah) 6px,
transparent 6px,
transparent 10px
);
}



.headerin_basligi {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.headerin_basligi h1 {
margin:0 0 20px 0;
font-size:clamp(1.75rem, 2.8vw, 3rem);
line-height:1.08;
letter-spacing:-.02em;
font-weight: var(--font_600);
color: var(--yazi_siyah);
max-width: 600px;
}
.headerin_basligi h1 strong {position: relative;font-weight: var(--font_700); color: var(--yazi_lacivert);}
.headerin_basligi h1 strong:after {
content: '';
position: absolute;
left: -4px;
right: -4px;
bottom: 6px;
height: 20%;
background: currentColor;
opacity: 0.25;
z-index: -1;
transform: rotate(-1deg);
border-radius: 4px;
}
.headerin_basligi p {
font-size: var(--font_p);
color: var(--yazi_gri);
line-height: 1.5;
margin: 0 0 20px 0;
max-width: 620px;
font-weight: var(--font_400);
}
.headerin_basligi p strong {
font-weight: var(--font_600);
}

.icsayfa_header_sag {
flex: 1 1 0;
max-width: none;
min-width: 0;
display: flex;
justify-content: center;
align-items: center;
}

.icsayfa_header_sag img {
width: auto;
height: 360px;
object-fit: contain;
display: block;
filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.1));
}

@media (max-width: 1024px) {
.icsayfa_header_sol { flex: 1.38 1 0; }
.icsayfa_header_sag { flex: 1 1 0; }
.icsayfa_header_sag img { height: 240px; }
}

@media (max-width: 768px) {
#icsayfa_header::after {
content: none;
}

.svg_alt_bg {
display: none;
}

#icsayfa_header { padding: 44px 0; }
.icsayfa_header_kapsa { flex-direction: column; gap: 16px; margin-top: 45px; }
.icsayfa_header_sol,
.icsayfa_header_sag { flex: 0 0 100%; max-width: 100%; width: 100%; }
.icsayfa_header_sol { order: 1; }
.icsayfa_header_sag { display: none; }
.icsayfa_header_sol ul { grid-template-columns: 1fr 1fr; gap: 10px 16px; }

#icsayfa_header[data-detay-tipi="basket"] .headerin_basligi .order_steps_hero_adim {
font-size: 0.78rem;
padding: 4px 12px 4px 9px;
gap: 6px;
}

#icsayfa_header[data-detay-tipi="basket"] .headerin_basligi .order_steps_hero_adim svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
}
}

@media (max-width: 420px) {
.icsayfa_header_sol ul li { gap: 8px; padding: 4px 0; }
.icsayfa_header_sol ul li span,
.icsayfa_header_sol ul li strong { font-size: 0.8rem; }
}


.sunucu-ozellikleri-kapsayici {
max-width: var(--kapsayici);
margin-left: auto;
margin-right: auto;
}

.ozellikler-izgara {
display: grid;
grid-template-columns: 1fr;
background: transparent;
background: #ffffff;
}

.ozellik-kutusu {
padding: 2.5rem 2.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: var(--gecis);
border-bottom: 1px solid var(--border);
border-right: none;
position: relative;
z-index: 1;
}

.ozellik-kutusu:hover {
z-index: 10;
transform: scale(1.01);
border-color: transparent;
background: var(--arkaplan_beyaz);
box-shadow: var(--box_shadow);
}

.ozellik-kutusu:last-child {
border-bottom: none;
}

@media (min-width: 768px) {
.ozellikler-izgara {
grid-template-columns: repeat(2, 1fr);
}
.ozellik-kutusu {
border-right: 1px solid var(--border);
}
.ozellik-kutusu:nth-child(2n) {
border-right: none;
}
.ozellik-kutusu:last-child,
.ozellik-kutusu:nth-last-child(2) {
border-bottom: none;
}
}

@media (min-width: 1024px) {
.ozellikler-izgara {
grid-template-columns: repeat(3, 1fr);
}
.ozellik-kutusu:nth-child(2n) {
border-right: 1px solid var(--border);
}
.ozellik-kutusu:nth-last-child(2) {
border-bottom: 1px solid var(--border);
}
.ozellik-kutusu:nth-child(3n) {
border-right: none;
}
.ozellik-kutusu:nth-last-child(-n+3) {
border-bottom: none;
}
}

.ozellik-ikonu {
display: inline-flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5rem;
align-self: flex-start;
color: var(--yazi_siyah);
}

.ozellik-ikonu svg,
.ozellik-ikonu img {
width: 68px;
height: 68px;
object-fit: contain;
transition: var(--gecis);
transform-origin: center center;
}

.ozellik-kutusu:hover .ozellik-ikonu svg,
.ozellik-kutusu:hover .ozellik-ikonu img {
animation: ikon-perspektif-kalkis 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes ikon-perspektif-kalkis {
0% {
transform: perspective(400px) rotateX(0) rotateY(0) translateY(0) scale(1);
}
30% {
transform: perspective(400px) rotateX(-10deg) rotateY(15deg) translateY(-8px) scale(1.08);
}
60% {
transform: perspective(400px) rotateX(5deg) rotateY(-5deg) translateY(-4px) scale(1.03);
}
100% {
transform: perspective(400px) rotateX(0) rotateY(0) translateY(-6px) scale(1.05);
}
}

.ozellik-basligi {
font-size: var(--font_h5);
font-weight: var(--font_700);
color: var(--yazi_siyah);
line-height: 1.4;
margin: 0 0 1rem 0;
text-align: left;
width: 100%;
}

.ozellik-aciklamasi {
font-size: var(--font_p);
color: var(--yazi_gri);
line-height: 1.7;
margin: 0;
text-align: left;
width: 100%;
font-weight: var(--font_400);
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas: "sol sag";
gap: 30px;
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_anasayfa_sol,
#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_anasayfa_sag {
display: block;
min-height: 0;
height: auto;
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_anasayfa_sol {
grid-area: sol;
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_anasayfa_sag {
grid-area: sag;
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_anasayfa_sag {
align-items: initial;
justify-content: initial;
overflow: visible;
contain: none;
}

#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon .sss_alani {
width: 100%;
}

@media (max-width: 768px) {
#sikca_sorulan_sorular_alani .sss_anasayfa.sss_iki_kolon {
grid-template-columns: 1fr;
grid-template-areas: "sol" "sag";
gap: 15px;
}
}

.host_sunucu_alani {
display: flex;
flex-direction: column;
gap: 5rem;
width: 100%;
max-width: var(--kapsayici);
}

.host_sunucu_satiri {
display: flex;
align-items: center;
justify-content: space-between;
gap: 3rem;
}

.host_sunucu_satiri:nth-child(even) {
flex-direction: row-reverse;
}

.host_sunucu_gorseli {
flex: 1;
max-width: 45%;
display: flex;
justify-content: center;
align-items: center;
filter:
drop-shadow(1px 1px 0px rgba(208, 208, 208, 0.15))
drop-shadow(-1px -1px 0px rgba(209, 209, 209, 0.15))
drop-shadow(1px -1px 0px rgba(206, 206, 206, 0.15))
drop-shadow(-1px 1px 0px rgba(218, 218, 218, 0.15))
drop-shadow(0px 24px 32px rgba(222, 222, 222, 0.08));
}

.resim_gorunumu_birinci,
.resim_gorunumu_ikinci {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0;
}
.resim_gorunumu_ikinci {
width: auto;
aspect-ratio: unset;
height: auto;
border-radius: 18px;
}

.resim_gorunumu_birinci {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='5 5 190 190' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.8,-69.2,71.8,-59.1,79.6,-46.8C87.4,-34.5,90,-20,89.5,6.1C89,32.2,85.5,33.2,77.7,48.4C69.9,63.6,57.8,74.6,44.6,83.1C31.4,91.6,17.1,97.6,1.4,95.2C-14.3,92.8,-28.6,82,-41.8,71.8C-55,61.6,-67.1,52,-74.6,39C-82.1,26,-85,9.4,-80.4,-4.5C-75.8,-18.6,-63.7,-30.4,-50.3,-48.3C-36.9,-66.2,-22.2,-90.2,-7,-88.9C8.2,-87.6,26.5,-81,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='5 5 190 190' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.8,-69.2,71.8,-59.1,79.6,-46.8C87.4,-34.5,90,-20,89.5,6.1C89,32.2,85.5,33.2,77.7,48.4C69.9,63.6,57.8,74.6,44.6,83.1C31.4,91.6,17.1,97.6,1.4,95.2C-14.3,92.8,-28.6,82,-41.8,71.8C-55,61.6,-67.1,52,-74.6,39C-82.1,26,-85,9.4,-80.4,-4.5C-75.8,-18.6,-63.7,-30.4,-50.3,-48.3C-36.9,-66.2,-22.2,-90.2,-7,-88.9C8.2,-87.6,26.5,-81,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");
}

.host_sunucu_icerigi {
flex: 1;
max-width: 50%;
display: flex;
flex-direction: column;
gap: 1.25rem;
}

.host_sunucu_basligi {
font-size: var(--font_h3);
font-weight: var(--font_700);
color: var(--yazi_siyah);
line-height: 1.3;
margin: 0;
}

.host_sunucu_aciklamasi {
font-size: var(--font_p);
color: var(--yazi_gri);
line-height: 1.7;
font-weight: var(--font_400);
margin: 0;
}

@media (max-width: 991px) {
.host_sunucu_alani {
gap: 4rem;
padding: 2rem var(--pad);
}

.host_sunucu_satiri,
.host_sunucu_satiri:nth-child(even) {
flex-direction: column;
text-align: center;
gap: 2rem;
}

.host_sunucu_gorseli {
max-width: 85%;
}

.host_sunucu_icerigi {
max-width: 100%;
}

.host_sunucu_basligi {
font-size: var(--font_h4);
}
}


.kurumsal-cozumler-alani {
background-color: transparent;
}
.kurumsal-cozumler-alani * {
box-sizing: border-box;
}
.kc-genel-kapsayici {
max-width: var(--kapsayici);
margin: 0 auto;
}
.kc-grid-yapi {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.kc-ozellik-karti {
background-color: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
padding: 35px 30px;
transition: var(--gecis);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
z-index: 1;
}
.kc-ozellik-karti:hover {
border-color: var(--arkaplan_acik_mavi);
}
.kc-ozellik-karti::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: var(--arkaplan_acik_mavi);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
z-index: 2;
}
.kc-ozellik-karti:hover::before {
transform: scaleX(1);
}
.kc-ikon-kapsayici {
width: 76px;
height: 76px;
border-radius: var(--border_radius_12);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
transition: all 0.4s ease;
}
.kc-ikon-kapsayici svg {
width: 38px;
height: 38px;
transition: all 0.4s ease;
}
.o-ssl {
background-color: #e0f2fe;
color: var(--arkaplan_acik_mavi);
}
.o-tasima {
background-color: #f5f3ff;
color: var(--arkaplan_mor);
}
.o-guvenlik {
background-color: #d1fae5;
color: var(--arkaplan_yesil);
}
.o-panel {
background-color: #fef3c7;
color: var(--arkaplan_turuncu);
}
.o-litespeed {
background-color: #ccfbf1;
color: #0d9488;
}
.o-kurulum {
background-color: #dbeafe;
color: var(--arkaplan_mavi);
}
.o-antispam {
background-color: #fee2e2;
color: var(--arkaplan_kirmizi);
}
.o-destek {
background-color: #f1f5f9;
color: #475569;
}
.kc-ozellik-karti:hover .kc-ikon-kapsayici {
background-color: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
border-radius: 999px;
}
.kc-ozellik-karti:hover .kc-ikon-kapsayici svg {
transform: scale(1.15);
}
.kc-kart-baslik {
color: var(--yazi_siyah);
font-size: var(--font_h5);
font-weight: var(--font_700);
margin: 0 0 12px 0;
line-height: 1.3;
}
.kc-kart-aciklama {
color: var(--yazi_gri);
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.kc-ozellik-karti {
padding: 30px 24px;
}
}


.kurulum-akis-v2 {
--kav2-gap: 20px;
--kav2-card-height: 100px;
--kav2-scene-height: 380px;
overflow: hidden;
overflow-anchor: none;
}
.kurulum-akis-v2 * {
box-sizing: border-box;
}
.kurulum-akis-v2__kapsayici {
max-width: var(--kapsayici);
margin: 0 auto;
padding: 0 var(--pad);
}
.kurulum-akis-v2__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
gap: clamp(24px, 4vw, 80px);
align-items: start;
}
.kurulum-akis-v2__grid > * {
min-width: 0;
}
.kurulum-akis-v2__icerik {
width: 100%;
}
.kurulum-akis-v2__butonlar {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 8px;
}
.kurulum-akis-v2__sahne {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--kav2-gap);
height: var(--kav2-scene-height);
width: 100%;
overflow: hidden;
overflow-anchor: none;
align-items: stretch;
}
.kurulum-akis-v2__kolon {
min-width: 0;
height: 100%;
overflow: hidden;
}
.kurulum-akis-v2__track {
display: flex;
flex-direction: column;
gap: var(--kav2-gap);
width: 100%;
will-change: transform;
transform: translate3d(0, 0, 0);
}
.kurulum-akis-v2__grup {
display: flex;
flex-direction: column;
gap: var(--kav2-gap);
}
.kurulum-akis-v2__kart {
background-color: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
height: var(--kav2-card-height);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.kurulum-akis-v2__kart img {
display: block;
max-width: 50%;
max-height: 45%;
object-fit: contain;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.kurulum-akis-v2__kart:hover img {
transform: scale(1.08);
}
.kurulum-akis-v2__isik {
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.9), transparent);
transform: skewX(-25deg);
z-index: 2;
pointer-events: none;
}
.kurulum-akis-v2__kart:hover .kurulum-akis-v2__isik {
animation: kav2-parlama 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes kav2-parlama {
0% { left: -150%; }
100% { left: 200%; }
}
@media screen and (max-width: 1200px) {
.kurulum-akis-v2 {
--kav2-gap: 16px;
--kav2-card-height: 104px;
--kav2-scene-height: 340px;
}
}
@media screen and (max-width: 992px) {
.kurulum-akis-v2__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.kurulum-akis-v2 {
--kav2-scene-height: 420px;
}
}
@media screen and (max-width: 768px) {
.kurulum-akis-v2 {
--kav2-gap: 14px;
--kav2-card-height: 96px;
--kav2-scene-height: 380px;
}
}
@media screen and (max-width: 576px) {
.kurulum-akis-v2 {
--kav2-gap: 12px;
--kav2-card-height: 88px;
--kav2-scene-height: 340px;
}
.kurulum-akis-v2__sahne {
grid-template-columns: repeat(3, minmax(86px, 1fr));
}
.kurulum-akis-v2__kart img {
max-width: 45%;
max-height: 40%;
}
}

.asya_header_ekstra {
padding: 5px 0;
background: var(--arkaplan_lacivert);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.asya_header_ekstra__satir {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 34px;
flex-wrap: wrap;
}
.asya_breadcrumb {
flex: 1 1 auto;
min-width: 0;
}
.asya_breadcrumb__liste {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
}
.asya_breadcrumb__oge {
display: inline-flex;
align-items: center;
gap: 10px;
color: rgba(255, 255, 255, 0.78);
font-size: 13px;
line-height: 1.35;
}
.asya_breadcrumb__oge + .asya_breadcrumb__oge::before {
content: "";
width: 6px;
height: 6px;
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor;
transform: rotate(45deg);
opacity: 0.6;
}
.asya_breadcrumb__link {
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: color .25s ease, border-color .25s ease;
}
.asya_breadcrumb__link:hover {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.45);
}
.asya_breadcrumb__metin {
color: #ffffff;
font-weight: var(--font_600);
}
.asya_social {
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex: 0 0 auto;
}
.asya_social__liste {
display: inline-flex;
align-items: center;
gap: 12px;
}
.asya_social__dugme {
width: auto;
height: auto;
border-radius: 999px;
border: 0;
background: transparent !important;
color: rgba(255, 255, 255, 0.86);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
box-shadow: none !important;
transition: color .25s ease, opacity .25s ease;
}
.asya_social__dugme:hover {
background: transparent !important;
border-color: transparent !important;
color: #ffffff;
box-shadow: none !important;
}
.asya_social__dugme:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.6);
outline-offset: 2px;
}
.asya_social__dugme:disabled {
opacity: 0.35;
cursor: not-allowed;
box-shadow: none;
}
.asya_social__dugme--facebook:hover {
color: #ffffff;
}
.asya_social__dugme--x:hover {
color: #ffffff;
}
.asya_social__dugme--linkedin:hover {
color: #ffffff;
}
.asya_social__dugme--whatsapp:hover {
color: #e4ffe8;
}
.asya_social__ikon {
width: auto;
height: auto;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.asya_social__ikon svg {
width: 18px;
height: 18px;
display: block;
}
.asya_social__dugme:hover .asya_social__ikon svg,
.asya_social__dugme:focus-visible .asya_social__ikon svg {
animation: asya_sosyal_ikon_akis .55s ease-out 1;
}
@keyframes asya_sosyal_ikon_akis {
0% {
opacity: .9;
transform: translateY(0);
}
45% {
opacity: 1;
transform: translateY(-2px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width: 768px) {
.asya_header_ekstra__satir {
gap: 10px;
}
.asya_breadcrumb {
flex: 1 1 100%;
}
.asya_social {
margin-left: auto;
width: 100%;
justify-content: flex-end;
}
}
@media screen and (max-width: 480px) {
.asya_breadcrumb__oge {
font-size: 13px;
}
.asya_social__liste {
gap: 8px;
}
}



.sunucu_ozellikleri_sahnesi {
width: 100%;
background-color: var(--arkaplan_beyaz);
overflow: hidden;
}

.sunucu_kapsayici {
margin: 0 auto;
}

.sunucu_bilesen_govde {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}

.sunucu_icerik_paneli {
flex: 1;
min-width: 0;
}

.sunucu_gorsel_paneli {
flex: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-width: 0;
}

.sunucu_ana_baslik {
font-size: var(--font_h2);
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin: 0 0 10px 0;
line-height: 1.2;
}

.sunucu_detay_metni {
font-size: var(--font_p);
font-weight: var(--font_400);
color: var(--yazi_gri);
margin: 0 0 20px 0;
line-height: 1.6;
}

.sunucu_matris_izgara {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}

.matris_kutu {
display: flex;
flex-direction: column;
}

.matris_ikon {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
color: var(--yazi_mavi);
}

.matris_ikon svg {
width: 48px;
height: 48px;
}

.matris_baslik {
font-size: var(--font_h5);
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin: 0 0 10px 0;
}

.matris_aciklama {
font-size: 1rem;
font-weight: var(--font_400);
color: var(--yazi_gri);
line-height: 1.5;
margin: 0;
}

.sunucu_medya {
width: 100%;
height: auto;
object-fit: contain;
border-radius: var(--border_radius_24);
}

.sunucu_ozellik_satirlari {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 15px;
}

.sunucu_ozellik_satirlari li {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 24px;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background-color: var(--arkaplan_beyaz);
}

.satir_ikon {
color: var(--yazi_mavi);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
margin-top: 3px;
}

.satir_ikon svg {
width: 100%;
height: 100%;
}

.satir_metin {
font-size: var(--font_p);
font-weight: var(--font_400);
color: var(--yazi_siyah);
line-height: 1.5;
}

@keyframes rozetYumusakSalinim {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -5px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}

@keyframes ustGostergeYumusakSalinim {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -3px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}

@keyframes altGostergeYumusakSalinim {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -2px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}

.dinamik_rozet {
position: absolute;
bottom: 20px;
right: -40px;
background-color: var(--arkaplan_acik_mavi);
padding: 24px;
border-radius: var(--border_radius_12);
display: flex;
align-items: flex-start;
gap: 15px;
width: 350px;
will-change: transform;
animation: rozetYumusakSalinim 6.4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.rozet_ikon_kutu {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.rozet_ikon_kutu svg {
width: 36px;
height: 36px;
color: var(--yazi_beyaz);
}

.rozet_metin_kutu h4 {
font-size: var(--font_h5);
font-weight: var(--font_700);
margin: 0 0 8px 0;
color: var(--yazi_beyaz);
}

.rozet_metin_kutu p {
font-size: 0.95rem;
font-weight: var(--font_400);
margin: 0;
line-height: 1.4;
color: var(--yazi_beyaz);
}

.gosterge_sarmalayici {
position: absolute;
bottom: 20px;
left: -40px;
display: flex;
flex-direction: column;
gap: 15px;
}

.gosterge_kutu {
background-color: var(--arkaplan_acik_mavi);
border-radius: var(--border_radius_6);
padding: 6px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
min-width: 200px;
}

.ust_gosterge {
will-change: transform;
animation: ustGostergeYumusakSalinim 6.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.alt_gosterge {
align-self: flex-start;
margin-left: 12px;
will-change: transform;
animation: altGostergeYumusakSalinim 7.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
animation-delay: .35s;
}

.gosterge_baslik {
font-size: 1rem;
font-weight: var(--font_500);
color: var(--yazi_beyaz);
}

.gosterge_deger {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: var(--font_700);
font-size: 0.85rem;
flex-shrink: 0;
}

.gosterge_deger small {
font-size: 0.70rem;
font-weight: var(--font_400);
margin-left: 2px;
}

.deger_kirmizi {
background-color: var(--arkaplan_beyaz);
color: var(--arkaplan_kirmizi);
border: 2px solid var(--arkaplan_beyaz);
}

.deger_yesil {
background-color: var(--arkaplan_beyaz);
color: var(--arkaplan_yesil);
border: 2px solid var(--arkaplan_beyaz);
}

.sunucu_guvenlik_bileseni {
width: 100%;
background-color: var(--arkaplan_siyah);
border-radius: var(--border_radius_24);
padding: 80px 60px;
display: flex;
align-items: flex-start;
gap: 80px;
}

.guvenlik_sol {
flex: 0 0 32%;
position: sticky;
top: 40px;
}

.guvenlik_koyu_baslik {
font-size: var(--font_h2);
font-weight: var(--font_600);
color: var(--yazi_beyaz);
margin: 0 0 20px 0;
line-height: 1.25;
}

.guvenlik_koyu_aciklama {
font-size: var(--font_p);
font-weight: var(--font_400);
color: rgba(255, 255, 255, 0.75);
margin: 0;
line-height: 1.6;
}

.guvenlik_sag {
flex: 1;
display: flex;
flex-direction: column;
}

.guvenlik_modern_satir {
display: flex;
gap: 30px;
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.guvenlik_modern_satir:first-child {
padding-top: 0;
}

.guvenlik_modern_satir:last-child {
padding-bottom: 0;
border-bottom: none;
}

.gm_ikon {
color: var(--yazi_acik_mavi);
flex-shrink: 0;
}

.gm_ikon svg {
width: 48px;
height: 48px;
margin-top: 5px;
}

.gm_icerik {
display: flex;
flex-direction: column;
}

.gm_baslik {
font-size: var(--font_h4);
font-weight: var(--font_600);
color: var(--yazi_beyaz);
margin: 0 0 10px 0;
}

.gm_aciklama {
font-size: var(--font_p);
font-weight: var(--font_400);
color: rgba(255, 255, 255, 0.65);
line-height: 1.6;
margin: 0;
}


@media (max-width: 1024px) {
.sunucu_bilesen_govde {
flex-direction: column;
gap: 50px;
}

.sunucu_ters_duzen {
flex-direction: column-reverse;
}

.sunucu_gorsel_paneli {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}

.sunucu_medya {
max-width: 100%;
}

.dinamik_rozet,
.gosterge_sarmalayici,
.ust_gosterge,
.alt_gosterge {
animation: none !important;
}

.dinamik_rozet {
position: relative;
bottom: auto;
right: auto;
width: 100%;
max-width: 400px;
margin-top: 25px;
}

.gosterge_sarmalayici {
position: relative;
bottom: auto;
left: auto;
flex-direction: column;
align-items: center;
width: 100%;
gap: 15px;
margin-top: 25px;
}

.gosterge_kutu {
width: 100%;
max-width: 400px;
}

.alt_gosterge {
margin-left: 0;
}

.sunucu_guvenlik_bileseni {
flex-direction: column;
gap: 50px;
padding: 60px 40px;
}

.guvenlik_sol {
flex: auto;
position: static;
}
}

@media (max-width: 550px) {
.sunucu_gorsel_paneli {
padding-left: 0;
padding-right: 0;
}

.dinamik_rozet {
width: 100%;
max-width: 100%;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
}

.gosterge_sarmalayici {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

.gosterge_kutu,
.gosterge_kutu.ust_gosterge,
.gosterge_kutu.alt_gosterge {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}

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

.sunucu_ana_baslik,
.sunucu_detay_metni {
text-align: center;
}

.sunucu_guvenlik_bileseni {
padding: 40px 20px;
}

.guvenlik_koyu_baslik,
.guvenlik_koyu_aciklama {
text-align: center;
}

.guvenlik_modern_satir {
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
}
}

.sunucu_isletim_sistemleri {
width: 100%;
background-color: var(--arkaplan_beyaz);
}


.isletim_sistemleri_izgara {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 20px;
}

.isletim_karti {
position: relative;
background-color: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
padding: 35px 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 1;
}

.is_kart_gorsel {
width: 60px;
height: 60px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.4s ease;
}

.is_kart_gorsel img {
width: 100%;
height: 100%;
object-fit: contain;
}

.is_kart_baslik {
font-size: 1.10rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin: 0;
transition: color 0.3s ease;
}

.is_kart_acilir_liste {
position: absolute;
top: calc(100% - 1px);
left: -1px;
right: -1px;
background-color: var(--arkaplan_acik_mavi);
border-bottom-left-radius: var(--border_radius_12);
border-bottom-right-radius: var(--border_radius_12);
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
transition: max-height 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease, visibility 0.5s;
box-shadow: 0 15px 35px rgba(8, 64, 188, 0.15);
}

.is_surum_listesi::-webkit-scrollbar {
width: 3px;
}
.is_surum_listesi::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.581);
}
.is_surum_listesi::-webkit-scrollbar-thumb {
background: rgba(0, 255, 119, 0.538);
border-radius: 10px;
}

.is_surum_listesi {
list-style: none;
margin: 0;
padding: 0px 0;
max-height: 240px;
overflow-y: auto;
width: 100%;
display: flex;
flex-direction: column;
}

.is_surum_listesi li {
font-size: 0.90rem;
font-weight: var(--font_400);
color: var(--yazi_beyaz);
padding: 10px 15px;
text-align: center;
opacity: 0.85;
transition: opacity 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
cursor: default;
border-bottom: 1px solid rgba(255,255,255,0.03);
}

.is_surum_listesi li:last-child {
border-bottom: none;
}

.is_surum_listesi li:hover {
opacity: 1;
background-color: rgba(255,255,255,0.08);
font-weight: var(--font_500);
}

.isletim_karti:hover {
z-index: 4;
border-color: var(--arkaplan_lacivert);
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 -5px 25px rgba(0,0,0,0.03);
}

.isletim_karti:hover .is_kart_gorsel {
transform: scale(1.08);
}

.isletim_karti:hover .is_kart_baslik {
color: var(--yazi_lacivert);
}

.isletim_karti:hover .is_kart_acilir_liste {
max-height: 350px;
opacity: 1;
visibility: visible;
border: 1px solid var(--arkaplan_lacivert);
border-top: none;
}

@media (max-width: 1200px) {
.isletim_sistemleri_izgara {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 991px) {
.isletim_sistemleri_izgara {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 768px) {
.isletim_sistemleri_izgara {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}

.isletim_sistemleri_baslik_alani {
padding: 0 15px;
margin-bottom: 40px;
}

.isletim_karti {
padding: 25px 10px;
}

.is_kart_gorsel {
width: 45px;
height: 45px;
margin-bottom: 15px;
}

.is_kart_baslik {
font-size: 1rem;
}

.is_kart_acilir_liste {
box-shadow: 0 10px 20px rgba(8, 64, 188, 0.2);
}

.is_surum_listesi {
padding: 10px 0;
max-height: 200px;
}

.is_surum_listesi li {
font-size: 0.85rem;
padding: 8px 10px;
}
}

@media (max-width: 480px) {
.isletim_sistemleri_izgara {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.isletim_karti {
padding: 20px 5px;
}
}



.sunucu_kapsayici {
margin: 0 auto;
}

.sunucu_paneller {
width: 100%;
background-color: var(--arkaplan_beyaz);
}

.panel_akisi_sahne {
position: relative;
width: 100%;
overflow: hidden;
isolation: isolate;
margin-top: 45px;
}

.panel_akisi_sahne::before,
.panel_akisi_sahne::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 68px;
z-index: 2;
pointer-events: none;
}

.panel_akisi_sahne::before {
left: 0;
background: linear-gradient(90deg, var(--arkaplan_beyaz) 0%, rgba(255, 255, 255, 0) 100%);
}

.panel_akisi_sahne::after {
right: 0;
background: linear-gradient(270deg, var(--arkaplan_beyaz) 0%, rgba(255, 255, 255, 0) 100%);
}

.panel_akisi_track {
display: flex;
align-items: stretch;
gap: 16px;
width: max-content;
will-change: transform;
transform: translate3d(0, 0, 0);
overflow-anchor: none;
}

.panel_akisi_sahne[data-panel-flow-static="1"] .panel_akisi_track {
width: max-content;
will-change: auto;
}

.panel_akisi_sahne[data-panel-flow-static="1"] .panel_akisi_grup[aria-hidden="true"] {
display: none;
}

.panel_sistemleri_izgara {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 16px;
width: max-content;
}

.panel_karti {
position: relative;
overflow: hidden;
flex: 0 0 clamp(158px, 14.4vw, 186px);
min-height: 168px;
background-color: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
padding: 24px 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transition: border-color .24s ease, box-shadow .24s ease;
}

.panel_karti::after {
content: "";
position: absolute;
left: 16px;
right: 16px;
bottom: 0;
height: 3px;
border-radius: 999px;
background: linear-gradient(90deg, transparent 0%, var(--arkaplan_mavi) 50%, transparent 100%);
opacity: 0;
transform: scaleX(.45);
transform-origin: center center;
}

.panel_gorsel_kutu {
width: 60px;
height: 60px;
margin-bottom: 14px;
display: flex;
align-items: center;
justify-content: center;
}

.panel_gorsel_kutu img {
width: 60px;
height: 60px;
object-fit: contain;
will-change: transform, filter;
}

.panel_baslik {
font-size: clamp(0.95rem, 0.95vw, 1.03rem);
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin: 0 0 10px 0;
line-height: 1.32;
transition: color .24s ease;
}

.panel_etiket {
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
font-size: 0.74rem;
font-weight: var(--font_500);
line-height: 1.2;
color: var(--yazi_gri);
padding: 5px 11px;
background: #f8fbff;
border: 1px solid rgba(21, 81, 189, 0.14);
border-radius: var(--border_radius_24);
letter-spacing: .01em;
}

.panel_etiket::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--arkaplan_mavi);
opacity: 0.7;
}

.panel_karti:hover,
.panel_karti:focus-within {
border-color: rgba(21, 81, 189, 0.36);
}

.panel_karti:hover::after,
.panel_karti:focus-within::after {
animation: panelKartVurgu 1.45s ease-in-out infinite;
}

.panel_karti:hover .panel_gorsel_kutu img,
.panel_karti:focus-within .panel_gorsel_kutu img {
animation: panelLogoAkis 1.55s ease-in-out infinite;
}

@keyframes panelLogoAkis {
0% {
transform: translate3d(0, 0, 0) scale(1);
filter: saturate(1);
}
50% {
transform: translate3d(0, -2px, 0) scale(1.035);
filter: saturate(1.08);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
filter: saturate(1);
}
}

@keyframes panelKartVurgu {
0% {
opacity: 0;
transform: scaleX(.45);
}
45% {
opacity: .7;
transform: scaleX(1);
}
100% {
opacity: 0;
transform: scaleX(.72);
}
}

@media (max-width: 1200px) {
.panel_karti {
flex-basis: clamp(150px, 16.6vw, 178px);
}
}

@media (max-width: 991px) {
.sunucu_paneller {
padding: 20px 0 84px 0;
}

.panel_akisi_sahne::before,
.panel_akisi_sahne::after {
width: 44px;
}

.panel_karti {
flex-basis: 164px;
min-height: 158px;
padding: 22px 14px;
}
}

@media (max-width: 768px) {
.sunucu_paneller {
padding: 12px 0 72px 0;
}

.panel_akisi_sahne::before,
.panel_akisi_sahne::after {
display: none;
}

.panel_akisi_sahne {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}

.panel_akisi_track {
padding-bottom: 4px;
}

.panel_karti {
flex-basis: 156px;
min-height: 150px;
padding: 20px 12px;
}

.panel_gorsel_kutu,
.panel_gorsel_kutu img {
width: 56px;
height: 56px;
}

.panel_baslik {
font-size: 0.93rem;
margin-bottom: 8px;
}

.panel_etiket {
font-size: 0.70rem;
}
}

@media (max-width: 480px) {
.panel_karti {
flex-basis: 144px;
min-height: 144px;
padding: 18px 10px;
}
}

#hosting_bolumu_server_gorunum_1 .site_baslik {
margin-bottom: 30px;
}
/*
.site_baslik h2 strong:after {
z-index: 0;
}
*/


#domain_page_alani {
position: relative;
}

#domain_page_alani #icsayfa_header > .siteyi_ortala {
position: relative;
z-index: 2;
}

#domain_page_alani .domain_hero_kapsa {
align-items: center;
gap: clamp(28px, 3.2vw, 54px);
}

#domain_page_alani .domain_hero_kapsa .icsayfa_header_sol {
flex: 1 1 58%;
max-width: 760px;
}

#domain_page_alani .domain_hero_kapsa .icsayfa_header_sag {
flex: 1 1 42%;
display: flex;
}

#domain_page_alani .domain_hero_rozetler {
width: min(400px, 100%);
display: grid;
grid-template-columns: repeat(2, minmax(130px, 1fr));
gap: 12px;
}

#domain_page_alani .domain_hero_rozet {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 10px 14px;
border-radius: var(--border_radius_16);
background: rgba(255, 255, 255, 0.14);
color: var(--yazi_beyaz);
font-size: 0.94rem;
font-weight: var(--font_600);
letter-spacing: 0.01em;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}

#domain_page_alani .domain_site_input_alani {
max-width: 860px;
margin-top: 15px;
position: relative;
z-index: 3;
--domain_input_control_h: 44px;
--domain_input_row_pad: 5px;
}

#domain_page_alani .domain_site_input_kapsul {
padding: var(--domain_input_row_pad);
border-color: rgba(15, 23, 42, 0.14);
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
min-height: calc(var(--domain_input_control_h) + (var(--domain_input_row_pad) * 2));
}

#domain_page_alani #domainInput {
font-size: clamp(16px, 1.08vw, 18px);
min-height: var(--domain_input_control_h);
}

#domain_page_alani #checkButton,
#domain_page_alani #transferbtn {
position: static;
margin: 0;
width: auto;
min-width: 100px;
height: var(--domain_input_control_h);
min-height: var(--domain_input_control_h);
padding: 0 18px;
font-size: 0.93rem;
font-weight: var(--font_600);
line-height: 1;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: none;
white-space: nowrap;
}

#domain_page_alani #checkButton {
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
}

#domain_page_alani #checkButton:hover {
background: var(--arkaplan_yesil);
filter: brightness(0.93);
}

#domain_page_alani #transferbtn {
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
}

#domain_page_alani #transferbtn:hover {
background: var(--arkaplan_mavi);
filter: brightness(0.93);
}

#domain_page_alani .domain_captcha {
margin-top: 12px;
}

#domain_page_alani .domain_captcha input {
width: 100%;
max-width: 320px;
height: 42px;
border-radius: 10px;
padding: 0 12px;
border: 1px solid var(--border);
background: var(--arkaplan_beyaz);
}

#domain_page_alani .domain_hizli_aksiyonlar {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
width: 100%;
margin: 14px auto 0 auto;
}

#domain_page_alani .domain_hizli_aksiyon {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: auto;
padding: 6px 12px;
border-radius: 999px;
text-decoration: none;
font-size: 0.78rem;
font-weight: var(--font_500);
line-height: 1.25;
letter-spacing: 0.02em;
border: 1px solid rgba(255, 255, 255, 0.28);
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
white-space: normal;
text-align: left;
min-width: 0;
}

#domain_page_alani .domain_hizli_aksiyon.is-aktif {
background: #ffffff;
border-color: #ffffff;
color: var(--arkaplan_acik_mavi);
}

#domain_page_alani .domain_hizli_aksiyon_ikon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
flex: 0 0 18px;
margin-top: 1px;
}

#domain_page_alani .domain_hizli_aksiyon_ikon svg {
display: block;
width: 18px;
height: 18px;
fill: currentColor;
}

#domain_page_alani .domain_hizli_aksiyon_yazi {
display: block;
flex: 1 1 auto;
min-width: 0;
line-height: 1.25;
white-space: normal;
overflow-wrap: anywhere;
text-align: left;
}

#domain_page_alani #icsayfa_header:not(.icsayfa_header_alternatif) .domain_hizli_aksiyon {
background: #ffffff;
border-color: #d7e5f7;
color: var(--yazi_lacivert);
}

#domain_page_alani #icsayfa_header:not(.icsayfa_header_alternatif) .domain_hizli_aksiyon.is-aktif {
background: #eef4ff;
border-color: #adc6eb;
color: var(--yazi_lacivert);
}

#domain_page_alani .domain_bulk_panel[hidden] {
display: none !important;
}

#domain_page_alani .domain_bulk_panel {
margin-top: 0;
}

#domain_page_alani .domain_bulk_kapsul {
padding: 10px 12px;
border-color: rgba(15, 23, 42, 0.18);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
align-items: stretch;
flex-wrap: wrap;
gap: 10px;
border-radius: var(--border_radius_12);
}

#domain_page_alani .domain_bulk_kapsul .site_input_ikon {
display: none;
}

#domain_page_alani .domain_bulk_input {
width: 100%;
flex: 1 1 100%;
height: 72px;
min-height: 72px;
border: none;
border-bottom: 1px solid var(--border);
outline: 0;
box-shadow: none;
padding: 0 2px;
resize: vertical;
background: transparent;
color: var(--yazi_siyah);
font-size: 0.95rem;
line-height: 1.45;
}

#domain_page_alani .domain_bulk_input::placeholder {
color: var(--yazi_gri);
opacity: 1;
}

#domain_page_alani .domain_bulk_alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex: 1 1 100%;
}

#domain_page_alani #domainBulkCheckButton {
margin-left: 0;
margin-top: 0;
min-width: 132px;
height: var(--domain_input_control_h);
min-height: var(--domain_input_control_h);
}

#domain_page_alani .domain_bulk_not {
margin: 0;
font-size: 0.78rem;
font-weight: var(--font_400);
line-height: 1.4;
color: var(--yazi_siyah);
}

#domain_page_alani #icsayfa_header:not(.icsayfa_header_alternatif) .domain_bulk_not {
color: var(--yazi_siyah);
}

#domain_page_alani .headerin_basligi p {
margin-bottom: 0;
}

#domain_page_alani .transfercode.domain_transfer_panel {
width: 50%;
max-width: 720px;
margin: 14px 0 0 0;
background: transparent;
box-shadow: none;
position: relative;
z-index: 4;
}

#domain_page_alani .domain_transfer_kapsul {
padding: var(--domain_input_row_pad);
border-color: rgba(15, 23, 42, 0.18);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
align-items: center;
min-height: calc(var(--domain_input_control_h) + (var(--domain_input_row_pad) * 2));
gap: 10px;
}

#domain_page_alani .domain_transfer_kapsul input {
flex: 1 1 auto;
min-width: 0;
width: auto;
min-height: var(--domain_input_control_h);
margin: 0;
padding: 0 2px;
border: none;
box-shadow: none;
font-size: 0.95rem;
color: var(--yazi_siyah);
background: transparent;
}

#domain_page_alani #transferButton {
margin: 0;
width: auto;
min-width: 105px;
height: var(--domain_input_control_h);
min-height: var(--domain_input_control_h);
padding: 0 18px;
line-height: 1;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
white-space: nowrap;
}

#domain_page_alani .domain_transfer_kapsul .site_input_ikon {
width: 38px;
height: 38px;
}

#domain_page_alani #tldSlider.domain_spotlight_grid {
margin-top: 0;
text-align: left;
padding: 0;
}

#domain_page_alani #tldSlider.domain_spotlight_grid .splide__track {
padding: 2px 0 6px 0;
}

#domain_page_alani .domain_spotlight_alani #tldSlider .splide__arrows {
bottom: -40px;
}

#domain_page_alani #tldSlider.domain_spotlight_grid .splide__slide {
padding: 0 2px;
}

#domain_page_alani #tldSlider.domain_spotlight_grid .alanadi_sld {
width: 100%;
min-height: 166px;
margin: 0;
border: 1px solid #dce6f2;
border-radius: 14px;
background: #ffffff;
box-shadow: none;
transition: border-color .2s ease, background-color .2s ease;
}

#domain_page_alani #tldSlider.domain_spotlight_grid .alanadi_sld:hover {
border-color: #9fc0ea;
}

#domain_page_alani #tldSlider.domain_spotlight_grid .alanadi_sld .bilgi strong {
font-size: 0.9rem;
font-weight: var(--font_600);
}

#domain_page_alani #tldSlider.domain_spotlight_grid .alanadi_sld .amount_spot_view .guncel_fiyat {
font-size: 1rem;
font-weight: var(--font_600);
}

#domain_page_alani .domainlookuplist {
width: 100%;
margin-top: 20px;
margin-bottom: 0;
}

#domain_page_alani #OrderForm {
margin-top: 14px;
padding: 16px;
border: 1px solid #d8e3f3;
background: var(--arkaplan_beyaz);
overflow: hidden;
}

#domain_page_alani .tldavailable {
margin: 0 0 16px 0;
}

#domain_page_alani .tldavailable h4 {
line-height: 1.35;
font-size: clamp(1rem, 1.2vw, 1.24rem);
margin: 0;
padding: 12px 14px;
border-radius: var(--border_radius_12);
background: #f3f7ff;
text-align: center;
}
#domain_page_alani .tldavailable h4 strong {
font-weight: var(--font_700);
}
#domain_page_alani #showTLDStatusUnavailable {
background: #fff3f3;
}

#domain_page_alani .lookcolumtitle,
#domain_page_alani .lookcolumlist {
display: grid;
grid-template-columns: minmax(190px, 2fr) minmax(130px, 1fr) minmax(190px, 1.4fr) minmax(130px, 0.9fr);
align-items: center;
gap: 12px;
width: 100%;
box-sizing: border-box;
}

#domain_page_alani .lookcolumtitle {
margin: 0 0 12px 0;
padding: 12px 16px;
border: 1px solid rgba(8, 64, 188, 0.22);
border-radius: var(--border_radius_12);
background: var(--arkaplan_acik_mavi);
font-size: 0.82rem;
font-weight: var(--font_500);
color: #d9e8ff;
text-transform: uppercase;
letter-spacing: 0.03em;
}

#domain_page_alani .lookcolumtitle .lookcolum:last-child {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
padding-left: 8px;
}

#domain_page_alani .lookcolumlist {
margin: 0 0 10px 0;
padding: 12px 16px;
border: 1px solid #dce5f1;
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
}

#domain_page_alani .lookcolum {
float: none;
width: auto;
height: auto;
line-height: 1.35;
padding: 2px 0;
border: 0;
text-align: left;
}

#domain_page_alani .lookcolum .checkbox-custom-label {
margin-right: 0;
}

#domain_page_alani .lookcolum .tldhere strong,
#domain_page_alani .lookcolum.tld-name strong {
font-size: 1.03rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

#domain_page_alani .lookcolum.tld-select {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_wrap {
min-width: 162px;
max-width: 100%;
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_tetik {
min-height: 38px;
padding: 8px 12px;
border-radius: 12px;
font-size: 0.94rem;
font-weight: var(--font_500);
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_menu {
z-index: 90;
padding: 4px;
border: 1px solid #dbe7f6;
border-radius: 12px;
box-shadow: 0 12px 24px rgba(8, 64, 188, 0.14);
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_oge {
font-size: 0.9rem;
padding: 9px 11px;
border-bottom: 1px solid #e9f0fa;
border-radius: 8px;
line-height: 1.25;
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_oge:last-child {
border-bottom: 0;
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_oge:hover {
background: #f4f8ff;
}

#domain_page_alani .lookcolum.tld-prices .dropdown_donustur_oge.is-selected {
background: #eef4ff;
color: var(--arkaplan_lacivert);
font-weight: var(--font_600);
}

#domain_page_alani .lookcolum .lbtn,
#domain_page_alani .lookcolum .yesilbtn,
#domain_page_alani #ContinueButton {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 30px;
border-radius: 999px;
text-decoration: none;
font-size: 1rem;
font-weight: var(--font_500);
line-height: 1;
}

#domain_page_alani .domain-aksiyon-buton {
padding: 6px 12px;
min-height: 26px;
font-size: 0.58rem;
font-weight: var(--font_500);
letter-spacing: 0.5px;
}

#domain_page_alani .domain-aksiyon-kontak {
min-width: 128px;
}

#domain_page_alani .domain-aksiyon-ikincil {
background: #eef4ff;
color: var(--arkaplan_lacivert);
}

#domain_page_alani .lookcolum .transfer-btn,
#domain_page_alani .lookcolum .whois-btn {
box-shadow: none;
}

#domain_page_alani .lookcolum.tld-select .checkbox-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

#domain_page_alani .lookcolumtitle .checkbox-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

#domain_page_alani .lookcolum.tld-select .checkbox-custom + .checkbox-custom-label,
#domain_page_alani .lookcolumtitle .checkbox-custom + .checkbox-custom-label {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1px solid #aac2e5;
background: #f8fbff;
margin: 0;
cursor: pointer;
}

#domain_page_alani .lookcolumtitle .checkbox-custom + .checkbox-custom-label {
margin-left: auto;
}

#domain_page_alani .lookcolum.tld-select .checkbox-custom + .checkbox-custom-label::after,
#domain_page_alani .lookcolumtitle .checkbox-custom + .checkbox-custom-label::after {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg) translateY(-1px);
opacity: 0;
}

#domain_page_alani .lookcolum.tld-select .checkbox-custom:checked + .checkbox-custom-label,
#domain_page_alani .lookcolumtitle .checkbox-custom:checked + .checkbox-custom-label {
background: var(--arkaplan_lacivert);
border-color: var(--arkaplan_lacivert);
}

#domain_page_alani .lookcolum.tld-select .checkbox-custom:checked + .checkbox-custom-label::after,
#domain_page_alani .lookcolumtitle .checkbox-custom:checked + .checkbox-custom-label::after {
opacity: 1;
}

#domain_page_alani #LookupList .spinnertld {
position: relative;
display: block;
width: 100%;
height: 12px;
line-height: 0;
border-radius: 999px;
background: linear-gradient(90deg, #edf3fb 0%, #dbe8f7 45%, #edf3fb 100%);
background-size: 220% 100%;
animation: domainSkeleton 1.2s linear infinite;
}

#domain_page_alani #LookupList .spinnertld > div {
display: none;
}

@keyframes domainSkeleton {
0% { background-position: 200% 0; }
100% { background-position: -20% 0; }
}

#domain_page_alani .lookcolum .yesilbtn:not([style]) {
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
}

#domain_page_alani #ContinueButton.domain-devam-buton:not([style]) {
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
margin-top: 30px;
}

#domain_page_alani .tldlistfoot {
padding: 4px 0 0 0;
border: 0;
background: transparent;
margin-top: 10px;
}

#domain_page_alani .tldlistfoot .lookcolum {
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}

#domain_page_alani .tldlistfoot #ContinueButton {
min-width: 176px;
}

#domain_page_alani .tescilucretleri {
width: 100%;
padding-top: 0;
text-align: left;
}

#domain_page_alani .tescilucretleri .site_baslik {
margin-bottom: 20px;
}

#domain_page_alani .domain_fiyat_liste {
margin-top: 22px;
position: relative;
border: 1px solid #d8e3f3;
background: var(--arkaplan_beyaz);
overflow: hidden;
}

#domain_page_alani .domain_fiyat_liste::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 3px;
background: var(--arkaplan_acik_mavi);
pointer-events: none;
}

#domain_page_alani .domain_fiyat_tablo {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}

#domain_page_alani .domain_fiyat_tablo th {
padding: 14px 12px;
font-size: 0.8rem;
font-weight: var(--font_500);
letter-spacing: 0.02em;
text-transform: uppercase;
color: #e5efff;
background: var(--arkaplan_acik_mavi);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
text-align: left;
}

#domain_page_alani .domain_fiyat_tablo td {
padding: 12px;
border-bottom: 1px solid var(--border);
vertical-align: middle;
text-align: left;
}

#domain_page_alani .domain_fiyat_tablo tbody tr:last-child td {
border-bottom: 0;
}

#domain_page_alani .domain_fiyat_tablo tr.promosyonlu {
background: #ebf9ee;
}

#domain_page_alani .domain_fiyat_tablo tbody tr:not(.promosyonlu):hover {
background: #f8fbff;
}

#domain_page_alani .domain_fiyat_tablo tr.promosyonlu:hover {
background: #dff4e6;
}

#domain_page_alani .domain_tld_hucre {
display: inline-flex;
align-items: center;
gap: 8px;
}

#domain_page_alani .domain_tld_hucre strong {
font-size: 0.98rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

#domain_page_alani .domain_evrak {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 999px;
background: #f2f6ff;
color: var(--arkaplan_mavi);
font-size: 0.95rem;
}

#domain_page_alani .domain_evrak::after {
content: attr(data-tooltip);
position: absolute;
left: 50%;
bottom: calc(100% + 7px);
transform: translateX(-50%);
padding: 6px 8px;
border-radius: 8px;
background: rgba(15, 23, 42, 0.92);
color: #ffffff;
font-size: 0.72rem;
line-height: 1.2;
opacity: 0;
pointer-events: none;
white-space: nowrap;
}

#domain_page_alani .domain_evrak:hover::after {
opacity: 1;
}

#domain_page_alani .domain_fiyat_deger {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}

#domain_page_alani .domain_fiyat_deger small {
font-size: 0.76rem;
color: var(--yazi_gri);
text-decoration: line-through;
}

#domain_page_alani .domain_fiyat_deger strong {
font-size: 0.95rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

@media (min-width: 861px) {
#domain_page_alani .domain_fiyat_tablo th:not(:first-child),
#domain_page_alani .domain_fiyat_tablo td:not(:first-child) {
text-align: center;
}

#domain_page_alani .domain_fiyat_tablo th:first-child,
#domain_page_alani .domain_fiyat_tablo td:first-child {
text-align: left;
}

#domain_page_alani .domain_fiyat_tablo td:not(:first-child) .domain_fiyat_deger {
align-items: center;
text-align: center;
}
}

#domain_page_alani .detail-products-features {
margin-top: 52px;
}

@media (min-width: 981px) {
#domain_page_alani .domain_spotlight_alani,
#domain_page_alani .tescilucretleri,
#domain_page_alani #LookupResults {
scroll-margin-top: calc(var(--ustbar_h) + var(--header_h) + 16px);
}
}

@media (max-width: 1100px) {
#domain_page_alani .domain_hero_kapsa .icsayfa_header_sol {
flex-basis: 55%;
}

#domain_page_alani .domain_hero_kapsa .icsayfa_header_sag {
flex-basis: 45%;
}

#domain_page_alani .domain_hero_rozetler {
width: min(340px, 100%);
}
}

@media (max-width: 991px) {
#domain_page_alani .domain_hero_kapsa {
flex-direction: column;
align-items: flex-start;
}

#domain_page_alani .domain_hero_kapsa .icsayfa_header_sol {
max-width: 100%;
}

#domain_page_alani .domain_hero_kapsa .icsayfa_header_sag {
width: 100%;
}
}

@media (max-width: 860px) {
#domain_page_alani .lookcolumtitle {
display: none;
}

#domain_page_alani .lookcolumlist:not(.tldlistfoot) {
grid-template-columns: 1fr;
gap: 6px;
}

#domain_page_alani .lookcolum.tld-select {
justify-content: flex-start;
padding-top: 6px;
}

#domain_page_alani .tldlistfoot .lookcolum {
justify-content: flex-start;
}

#domain_page_alani .domain_fiyat_tablo thead {
display: none;
}

#domain_page_alani .domain_fiyat_tablo,
#domain_page_alani .domain_fiyat_tablo tbody,
#domain_page_alani .domain_fiyat_tablo tr,
#domain_page_alani .domain_fiyat_tablo td {
display: block;
width: 100%;
}

#domain_page_alani .domain_fiyat_tablo tbody tr {
padding: 10px 12px;
border-bottom: 1px solid var(--border);
}

#domain_page_alani .domain_fiyat_tablo tbody tr:last-child {
border-bottom: 0;
}

#domain_page_alani .domain_fiyat_tablo td {
border: 0;
padding: 7px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

#domain_page_alani .domain_fiyat_tablo td::before {
content: attr(data-th);
font-size: 0.78rem;
color: var(--yazi_gri);
font-weight: var(--font_500);
text-transform: uppercase;
letter-spacing: 0.02em;
}

#domain_page_alani .domain_fiyat_tablo tr.promosyonlu td::before {
background: #e9f8e9;
color: #2f6b3f;
padding: 4px 8px;
border-radius: 999px;
}

#domain_page_alani .domain_fiyat_tablo td .domain_fiyat_deger {
align-items: flex-end;
text-align: right;
}

#domain_page_alani .domain_fiyat_tablo td:first-child {
margin-bottom: 6px;
padding-bottom: 10px;
border-bottom: 1px solid var(--border);
}

#domain_page_alani .domain_fiyat_tablo td:first-child::before {
display: none;
}

}

@media (max-width: 768px) {
#domain_page_alani .transfercode.domain_transfer_panel {
width: 100%;
max-width: 100%;
}

#domain_page_alani .domain_hizli_aksiyonlar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-items: start;
gap: 6px;
width: 100%;
}

#domain_page_alani .domain_hizli_aksiyon {
width: 100%;
max-width: 100%;
}
}

@media (max-width: 640px) {
#domain_page_alani #OrderForm {
padding: 12px;
border-radius: var(--border_radius_12);
}

#domain_page_alani .domain_site_input_kapsul {
padding: 12px;
border-radius: var(--border_radius_24);
flex-wrap: wrap;
gap: 8px;
}

#domain_page_alani .domain_hizli_aksiyon {
font-size: 0.74rem;
padding: 6px 8px;
width: 100%;
max-width: 100%;
min-width: 0;
align-items: flex-start;
justify-content: flex-start;
gap: 6px;
}

#domain_page_alani .domain_hizli_aksiyon_ikon {
width: 16px;
height: 16px;
flex-basis: 16px;
}

#domain_page_alani .domain_hizli_aksiyon_ikon svg {
width: 16px;
height: 16px;
}

#domain_page_alani .domain_site_input_kapsul .site_input_ikon,
#domain_page_alani .domain_transfer_kapsul .site_input_ikon {
display: none;
}

#domain_page_alani #domainInput {
flex-basis: 100%;
min-height: 44px;
}

#domain_page_alani #checkButton,
#domain_page_alani #transferbtn {
flex: 1 1 calc(50% - 4px);
min-width: 0;
width: 100%;
height: var(--domain_input_control_h);
min-height: var(--domain_input_control_h);
padding: 0 14px;
}

#domain_page_alani .domain_transfer_kapsul {
padding: 12px;
border-radius: var(--border_radius_24);
flex-wrap: wrap;
gap: 8px;
}

#domain_page_alani .domain_transfer_kapsul input {
flex-basis: 100%;
min-height: 38px;
}

#domain_page_alani .domain_bulk_kapsul {
padding: 12px;
border-radius: var(--border_radius_24);
flex-wrap: wrap;
}

#domain_page_alani .domain_bulk_kapsul .site_input_ikon {
display: none;
}

#domain_page_alani .domain_bulk_input {
height: 72px;
min-height: 72px;
flex-basis: 100%;
}

#domain_page_alani .domain_bulk_alt {
flex-direction: column;
align-items: flex-start;
}

#domain_page_alani #domainBulkCheckButton {
width: 100%;
min-width: 0;
}

#domain_page_alani .transfercode.domain_transfer_panel {
width: 100%;
}

#domain_page_alani #transferButton {
width: 100%;
min-width: 0;
height: var(--domain_input_control_h);
min-height: var(--domain_input_control_h);
padding: 0 14px;
}

#domain_page_alani .domain_hero_rozetler {
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 480px) {
#domain_page_alani #tldSlider.domain_spotlight_grid .alanadi_sld {
min-height: 152px;
padding: 12px 10px;
}

#domain_page_alani .domain_fiyat_tablo tbody tr {
padding: 9px 10px;
}
}

#international_sms_intro_page {
position: relative;
}

#international_sms_intro_page .international_sms_tanitim_hesap_alani {
margin-top: 45px;
}

#international_sms_intro_page .international_sms_tanitim_hesap_kapsa {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
gap: clamp(20px, 2.6vw, 34px);
align-items: start;
}

#international_sms_intro_page .international_sms_tanitim_sol {
min-width: 0;
padding-right: 4px;
}

#international_sms_intro_page .international_sms_tanitim_yazi {
color: var(--yazi_gri);
font-size: var(--font_p);
line-height: 1.7;
margin: 0 0 18px 0;
}

#international_sms_intro_page .international_sms_tanitim_yazi p {
margin: 0 0 14px 0;
}

#international_sms_intro_page .international_sms_tanitim_yazi p:last-child {
margin-bottom: 0;
}

#international_sms_intro_page .international_sms_tanitim_yazi strong {
color: var(--yazi_siyah);
font-weight: var(--font_700);
}

#international_sms_intro_page .international_sms_api_dugme {
margin-top: 6px;
}

#international_sms_intro_page .international_sms_hesaplayici_kutu {
border: 1px solid #d8e3f2;
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
box-shadow: none;
padding: 18px;
}

#international_sms_intro_page .international_sms_hesaplayici_baslik {
margin: 0 0 14px 0;
font-size: var(--font_h4);
font-weight: var(--font_700);
line-height: 1.3;
color: var(--yazi_siyah);
}

#international_sms_intro_page .international_sms_ulke_secici {
margin-bottom: 10px;
}

#international_sms_intro_page .international_sms_ulke_secici select {
width: 100%;
}

#international_sms_intro_page .international_sms_ulke_secici .select2-container {
width: 100% !important;
}

#international_sms_intro_page .international_sms_ulke_secici .select2-selection--single {
height: 54px;
border: 1px solid #d5deea;
border-radius: var(--border_radius_12);
padding: 0 44px 0 14px;
display: flex;
align-items: center;
background: var(--arkaplan_beyaz);
}

#international_sms_intro_page .international_sms_ulke_secici .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 52px;
color: var(--yazi_siyah);
padding-left: 0;
padding-right: 0;
}

#international_sms_intro_page .international_sms_ulke_secici .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 52px;
right: 10px;
}

#international_sms_intro_page .select2-flag {
display: inline-block;
width: 20px;
height: 14px;
margin-right: 8px;
border-radius: 2px;
vertical-align: -2px;
object-fit: cover;
}

#international_sms_intro_page .international_sms_sonuc {
margin-top: 12px;
}

#international_sms_intro_page .international_sms_not {
margin: 0;
color: var(--yazi_gri);
font-size: 0.95rem;
line-height: 1.5;
}

#international_sms_intro_page .international_sms_para_birimleri {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 18px 0 14px 0;
}

#international_sms_intro_page .international_sms_para_birimleri .currency-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 13px;
border-radius: 999px;
border: 1px solid #ccdaef;
background: #f8fbff;
color: var(--yazi_mavi);
font-size: 0.84rem;
font-weight: var(--font_600);
line-height: 1;
text-decoration: none;
}

#international_sms_intro_page .international_sms_para_birimleri .currency-button:hover {
background: #eef5ff;
border-color: #b8cceb;
}

#international_sms_intro_page .international_sms_para_birimleri .currency-button.active {
background: var(--arkaplan_acik_mavi);
border-color: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

#international_sms_intro_page .international_sms_ulke {
margin-bottom: 8px;
}

#international_sms_intro_page .international_sms_ulke strong {
display: block;
font-size: clamp(1.2rem, 2vw, 1.85rem);
font-weight: var(--font_700);
line-height: 1.2;
color: var(--yazi_acik_mavi);
}

#international_sms_intro_page .international_sms_fiyatlar {
font-size: clamp(1rem, 1.45vw, 1.2rem);
font-weight: var(--font_500);
line-height: 1.45;
color: var(--yazi_siyah);
}

#international_sms_intro_page .international_sms_fiyatlar .amount-thousands {
font-size: 0.92rem;
color: var(--yazi_gri);
}

#international_sms_intro_page .international_sms_fiyatlar .international_sms_kur {
font-size: 0.95em;
font-weight: var(--font_600);
}

#international_sms_intro_page .international_sms_onay_notu {
display: block;
margin-top: 12px;
font-size: 0.82rem;
line-height: 1.4;
color: var(--yazi_gri);
}

#international_sms_intro_page .international_sms_indir {
margin-top: 18px;
}

#international_sms_intro_page .international_sms_indir .buton_tasarimi {
width: 100%;
min-width: 0;
}

#international_sms_intro_page .detail-products-features {
margin-top: 60px;
}

@media (max-width: 991px) {
#international_sms_intro_page .international_sms_tanitim_hesap_kapsa {
grid-template-columns: 1fr;
gap: 20px;
}
}

@media (max-width: 768px) {
#international_sms_intro_page .international_sms_hesaplayici_kutu {
padding: 15px;
}

#international_sms_intro_page .international_sms_hesaplayici_baslik {
font-size: 1.2rem;
margin-bottom: 12px;
}

#international_sms_intro_page .international_sms_ulke_secici .select2-selection--single {
height: 50px;
}

#international_sms_intro_page .international_sms_ulke_secici .select2-container--default .select2-selection--single .select2-selection__rendered,
#international_sms_intro_page .international_sms_ulke_secici .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
line-height: 48px;
}

#international_sms_intro_page .international_sms_para_birimleri .currency-button {
padding: 7px 12px;
font-size: 0.8rem;
}

#international_sms_intro_page .international_sms_tanitim_hesap_alani {
margin-top: 32px;
}

#international_sms_intro_page .international_sms_tanitim_yazi {
font-size: 1rem;
line-height: 1.65;
}

#international_sms_intro_page .detail-products-features {
margin-top: 55px;
}
}

#softwares_page_alani .softwares_sayfa_duzen {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
gap: 24px;
align-items: start;
}

#softwares_page_alani .softwares_icerik_alani {
min-width: 0;
}

@media (min-width: 981px) {
#softwares_page_alani .yazilim-kart {
flex: 0 1 calc((100% - (var(--yazilim-gap) * 2)) / 3);
max-width: none;
}
}

#softwares_page_alani .softwares_sidebar_alani {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}

#softwares_page_alani .software_sidebar_kutu {
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 14px;
}

#softwares_page_alani .software_arama_formu .site_input_kapsul {
width: 100%;
gap: 8px;
padding: 8px 10px;
border-radius: var(--border_radius_12);
}

#softwares_page_alani .software_arama_formu .site_input {
font-size: 15px;
min-height: 36px;
font-weight: var(--font_500);
}

#softwares_page_alani .software_arama_formu .site_input_buton {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border: 0;
border-radius: 999px;
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
cursor: pointer;
transition: background-color 0.2s ease, filter 0.2s ease;
}

#softwares_page_alani .software_arama_formu .site_input_buton svg {
width: 18px;
height: 18px;
}

#softwares_page_alani .software_arama_formu .site_input_buton:hover {
background: var(--arkaplan_lacivert);
filter: none;
}

#softwares_page_alani .software_sidebar_baslik {
margin: 0 0 12px;
font-size: var(--font_h6);
font-weight: var(--font_700);
line-height: 1.3;
color: var(--yazi_siyah);
}

#softwares_page_alani .software_kategori_listesi {
display: flex;
flex-direction: column;
gap: 8px;
}

#softwares_page_alani .softwares_sidebar_alani.asya_sticky_sidebar {
--asya_sticky_offset: calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px);
}

@media (min-width: 992px) {
#softwares_page_alani .software_kategori_listesi {
max-height: min(62vh, 560px);
overflow: auto;
padding-right: 4px;
}
}

#softwares_page_alani .software_kategori_link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border: 1px solid var(--border);
border-radius: 10px;
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
text-decoration: none;
font-weight: var(--font_500);
transition: var(--gecis);
}

#softwares_page_alani .software_kategori_link:hover {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
background: #f8fbff;
}

#softwares_page_alani .software_kategori_link.is-active,
#softwares_page_alani .software_kategori_link#scataktif {
border-color: var(--arkaplan_mavi);
background: #eff6ff;
color: var(--arkaplan_lacivert);
font-weight: var(--font_600);
}

#softwares_page_alani .software_kategori_adi {
min-width: 0;
}

#softwares_page_alani .software_kategori_sayi {
font-size: 0.86rem;
font-weight: var(--font_600);
color: var(--yazi_gri);
}

#softwares_page_alani .software_bos_durum {
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 18px;
font-size: var(--font_p);
color: var(--yazi_gri);
}

#softwares_page_alani .softwares_sayfa_sayfalama {
margin-top: 18px;
}

#softwares_icerik_alani .detail-products-features {
margin-top: 0;
}

@media (max-width: 991px) {
#softwares_page_alani .softwares_sayfa_duzen {
grid-template-columns: 1fr;
gap: 18px;
}

#softwares_page_alani .softwares_sidebar_alani {
order: -1;
}
}

#software_detay_sayfasi .software_detay_duzen {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
gap: 24px;
align-items: start;
}

#software_detay_sayfasi .software_detay_ana {
min-width: 0;
display: flex;
flex-direction: column;
gap: 24px;
}

#software_detay_sayfasi .software_detay_mockup_alani {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}

#software_detay_sayfasi .software_detay_mockup_alani img {
display: block;
width: min(100%, 960px);
height: auto;
object-fit: contain;
margin: 0;
}

#software_detay_sayfasi .software_detay_icerik_blok {
margin-top: 0;
padding: 24px;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
}

#software_detay_sayfasi .software_detay_kisa_aciklama {
margin-top: -6px;
}

#software_detay_sayfasi .software_detay_kisa_aciklama p {
margin: 0;
font-size: var(--font_p);
line-height: 1.7;
color: var(--yazi_gri);
}

#software_detay_sayfasi .software_detay_sol_akordiyon {
margin-top: 2px;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss_alani {
display: flex;
flex-direction: column;
gap: 10px;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-item {
border: 1px solid var(--border);
border-bottom: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
overflow: hidden;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-head {
padding: 16px 48px 16px 16px;
font-size: var(--font_h6);
line-height: 1.4;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-icon {
right: 14px;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-panel {
padding: 0 16px;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-item.is-open .sss-panel {
padding: 14px 16px 16px;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-panel.icerik_yazi {
color: var(--yazi_siyah);
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-panel > *:first-child {
margin-top: 0;
}

#software_detay_sayfasi .software_detay_sol_akordiyon .sss-panel > *:last-child {
margin-bottom: 0;
}

#software_detay_sayfasi .software_detay_madde_liste {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

#software_detay_sayfasi .software_detay_madde_liste li {
position: relative;
padding-left: 18px;
color: var(--yazi_siyah);
font-size: var(--font_p);
line-height: 1.65;
}

#software_detay_sayfasi .software_detay_madde_liste li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 6px;
transform: translateY(-50%);
border-radius: 999px;
background: var(--arkaplan_siyah);
}

#software_detay_sayfasi .software_detay_yan.asya_sticky_sidebar {
--asya_sticky_offset: calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px);
}

#software_detay_sayfasi .software_detay_yan_kutu {
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}

#software_detay_sayfasi .software_detay_fiyat_blok {
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border);
}

#software_detay_sayfasi .software_detay_eski_fiyat {
display: inline-flex;
align-items: center;
gap: 10px;
}

#software_detay_sayfasi .software_detay_eski_fiyat > span {
position: relative;
display: inline-block;
color: var(--yazi_gri);
font-size: 14px;
font-weight: var(--font_500);
}

#software_detay_sayfasi .software_detay_eski_fiyat > span::after {
content: "";
position: absolute;
left: -2px;
top: 50%;
width: 108%;
height: 2px;
background: var(--arkaplan_kirmizi);
transform: rotate(-12deg);
}

#software_detay_sayfasi .software_detay_eski_fiyat > small {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 10px;
border-radius: 999px;
background: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
font-size: 12px;
font-weight: var(--font_700);
}

#software_detay_sayfasi .software_detay_guncel_fiyat {
margin: 0;
display: flex;
align-items: baseline;
gap: 8px;
}

#software_detay_sayfasi .software_detay_guncel_fiyat strong {
font-size: clamp(1.52rem, 2vw, 1.95rem);
line-height: 1.1;
color: var(--yazi_siyah);
font-weight: var(--font_700);
}

#software_detay_sayfasi .software_detay_guncel_fiyat span {
font-size: 14px;
font-weight: var(--font_600);
color: var(--yazi_gri);
}

#software_detay_sayfasi .software_detay_aksiyonlar {
display: flex;
flex-direction: column;
gap: 10px;
}

#software_detay_sayfasi .software_detay_aksiyonlar .buton_tasarimi {
width: 100%;
justify-content: center;
}

#software_detay_sayfasi .software_detay_yan_gereksinim {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 10px;
border-top: 1px solid var(--border);
}

#software_detay_sayfasi .software_detay_yan_baslik {
margin: 0;
font-size: var(--font_h6);
font-weight: var(--font_700);
line-height: 1.35;
color: var(--yazi_siyah);
}

#software_detay_benzer_yazilimlar .yazilim-kartlar {
justify-content: flex-start;
}

#software_detay_benzer_yazilimlar .yazilim-kart {
max-width: none;
}

@media (max-width: 991px) {
#software_detay_sayfasi .software_detay_duzen {
grid-template-columns: 1fr;
gap: 18px;
}
}

@media (max-width: 620px) {
#software_detay_sayfasi .software_detay_icerik_blok,
#software_detay_sayfasi .software_detay_yan_kutu {
padding: 14px;
}
}

#basket_page_alani #wrapper {
width: 100%;
}

#basket_page_alani .sepet {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 400px);
gap: 24px;
align-items: start;
}

#basket_page_alani .sepetleft,
#basket_page_alani .sepetright {
float: none;
width: 100%;
min-width: 0;
}

#basket_page_alani .sepetleft {
display: flex;
flex-direction: column;
gap: 12px;
}

#basket_page_alani .sepetright.asya_sticky_sidebar {
--asya_sticky_offset: calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px);
}

#basket_page_alani .sepetbaslik {
display: block;
width: 100%;
margin: 0;
line-height: 1.2;
border-radius: var(--border_radius_12);
background: var(--arkaplan_lacivert);
color: var(--yazi_beyaz);
font-size: var(--font_h6);
font-weight: var(--font_700);
}

#basket_page_alani .sepetlist_kolon_baslik_icerik {
display: grid;
grid-template-columns: minmax(0, 1.9fr) minmax(130px, 0.8fr) minmax(130px, 0.8fr) 42px;
gap: 12px;
align-items: center;
padding: 14px 16px;
font-size: 0.82rem;
font-weight: var(--font_600);
line-height: 1.2;
}

#basket_page_alani .sepetlist_kolon_baslik_icerik .uhtutar,
#basket_page_alani .sepetlist_kolon_baslik_icerik .uhsil {
text-align: right;
justify-self: end;
}

#basket_page_alani .sepetlist_kolon_baslik {
background: transparent;
color: var(--yazi_gri);
border: 1px solid #e7edf5;
}

#basket_page_alani .sepetlist {
position: relative;
float: none;
width: 100%;
margin: 0;
border: 1px solid #e7edf5;
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
overflow: visible !important;
}

#basket_page_alani .sepetlist::before {
display: none;
}

#basket_page_alani .sepetlistcon {
padding: 16px 14px;
display: grid;
grid-template-columns: minmax(0, 1.9fr) minmax(130px, 0.8fr) minmax(130px, 0.8fr) 42px;
gap: 12px;
align-items: start;
}

#basket_page_alani .sepetlistcon > .clear {
display: none;
}

#basket_page_alani .sepetlist .uhinfo,
#basket_page_alani .sepetlist .uhperiyod,
#basket_page_alani .sepetlist .uhtutar,
#basket_page_alani .sepetlist .uhsil {
float: none;
width: auto;
margin: 0;
}

#basket_page_alani .sepetlist .uhinfo h5 {
margin: 0;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
padding-right: 12px;
}

#basket_page_alani .sepetlist .uhinfo h4 {
margin: 4px 0 0 0;
line-height: 1.2;
}

#basket_page_alani .sepetlist .uhinfo h4 a {
float: none;
color: var(--yazi_siyah);
font-size: 0.92rem;
font-weight: var(--font_500);
}

#basket_page_alani .sepetlist .uhinfo p {
margin: 8px 0 0 0;
font-size: 0.92rem;
line-height: 1.45;
color: var(--yazi_gri);
}

#basket_page_alani .sepetlist .uhinfo .basket_alt_meta {
margin: 6px 0 0 0;
font-size: 0.9rem;
line-height: 1.4;
color: var(--yazi_gri);
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_liste {
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 7px;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_satir {
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(130px, 44%);
align-items: flex-start;
gap: 12px;
padding-bottom: 7px;
border-bottom: 1px solid #edf2f7;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_satir:last-child {
padding-bottom: 0;
border-bottom: 0;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_ad {
font-size: 0.9rem;
line-height: 1.4;
color: var(--yazi_siyah);
font-weight: var(--font_500);
min-width: 0;
overflow-wrap: anywhere;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_tutar {
display: inline-flex;
flex-wrap: wrap;
gap: 6px;
justify-content: flex-end;
align-items: baseline;
font-size: 0.86rem;
line-height: 1.35;
color: var(--yazi_gri);
text-align: right;
white-space: nowrap;
min-width: 0;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_fiyat {
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_periyot {
font-weight: var(--font_400);
color: var(--yazi_gri);
}

#basket_page_alani .sepetlist .cart-additional-details {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #eef2f7;
}

#basket_page_alani .sepetlist .cart-additional-details a {
font-size: 0.9rem;
font-weight: var(--font_500);
}

#basket_page_alani .sepetlist .uhperiyod {
text-align: center;
position: relative;
z-index: 3;
}

#basket_page_alani .sepetlist .uhperiyod h5 {
margin: 0;
font-size: var(--font_h6);
}

#basket_page_alani .sepetlist .uhperiyod select {
width: 100%;
max-width: 210px;
margin: 0 auto;
border: 1px solid #dde5ef;
border-radius: var(--border_radius_12);
padding: 9px 10px;
text-align: center;
text-align-last: center;
font-size: 0.95rem;
font-weight: var(--font_600);
background: #ffffff;
}

#basket_page_alani .sepetleft .uhperiyod .dropdown_donustur_wrap {
width: 100%;
max-width: 210px;
margin: 0 auto;
}

#basket_page_alani .sepetleft .uhperiyod .dropdown_donustur_tetik {
min-height: 40px;
padding: 9px 10px;
border: 1px solid #dde5ef;
border-radius: var(--border_radius_12);
background: #ffffff;
}

#basket_page_alani .sepetleft .uhperiyod .dropdown_donustur_yazi {
font-size: 0.92rem;
font-weight: var(--font_600);
}

#basket_page_alani .sepetleft .uhperiyod .dropdown_donustur_menu {
margin-top: 6px;
border: 1px solid #dde5ef;
border-radius: var(--border_radius_12);
z-index: 120;
}

#basket_page_alani .sepetleft .uhperiyod .dropdown_donustur_oge {
padding: 9px 10px;
font-size: 0.9rem;
font-weight: var(--font_500);
}

#basket_page_alani .sepetlist .uhtutar {
text-align: center;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 6px;
}

#basket_page_alani .sepetlist .uhtutar .uhtutar_rozetler {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}

#basket_page_alani .sepetlist .uhtutar .uhtutar_indirim_notu {
font-size: 0.82rem;
line-height: 1.3;
font-weight: var(--font_600);
color: #81bc00;
}

#basket_page_alani .sepetlist .uhtutar h4 {
margin: 0;
font-size: 1.08rem;
line-height: 1.25;
}

#basket_page_alani .sepetlist .uhtutar h4 strong {
font-weight: var(--font_700);
}

#basket_page_alani .sepetlist .uhsil {
text-align: right;
display: flex;
align-items: flex-end;
justify-content: flex-end;
align-self: end;
}

#basket_page_alani .sepetlist .uhsil a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid #d9e3f0;
border-radius: 999px;
font-size: 0.92rem;
color: var(--yazi_gri);
background: var(--arkaplan_beyaz);
transition: var(--gecis);
}

#basket_page_alani .sepetlist .uhsil a:hover {
color: var(--arkaplan_kirmizi);
border-color: #fecaca;
background: #fff1f2;
}

#basket_page_alani .sepetlist .row-label {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.76rem;
font-weight: var(--font_700);
line-height: 1.15;
padding: 5px 9px;
border-radius: 999px;
}

#basket_page_alani .sepetlist .row-label.green-label {
color: #5b8900;
background: rgba(129, 188, 0, 0.14);
border: 1px solid rgba(129, 188, 0, 0.36);
}

#basket_page_alani .sepetleft > .order_steps_cta_alani {
margin-top: 4px;
display: flex;
justify-content: center;
margin-bottom: 0;
}

#basket_page_alani .sepetleft > .order_steps_cta_alani #continueshopbtn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: min(360px, 100%);
}

#basket_page_alani .paymentlogos {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--border);
text-align: center;
}

#basket_page_alani .paymentlogos .plogos1,
#basket_page_alani .paymentlogos .plogos2 {
max-width: 100%;
height: auto;
}

#basket_page_alani .paymentlogos span,
#basket_page_alani .paymentlogos p {
margin: 0;
display: block;
font-size: 0.84rem;
line-height: 1.4;
text-align: center;
color: rgb(255 255 255 / 78%);
}

#basket_page_alani .sepetrightshadow {
border: 0;
border-radius: var(--border_radius_12);
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
overflow: hidden;
}

#basket_page_alani .sepet_ozet_baslik {
border-radius: 0;
background: rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_page_alani .sepet_ozet_baslik > div {
padding: 14px 16px;
text-align: left;
color: var(--yazi_beyaz);
}

#basket_page_alani .sepetrightcon {
padding: 14px 16px;
}

#basket_page_alani .sepetsipinfo {
display: flex;
flex-direction: column;
width: 100%;
}

#basket_page_alani .sepetsipinfo_satir {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: start;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_page_alani .sepetsipinfo_baslik {
min-width: 0;
}

#basket_page_alani .sepetsipinfo_baslik strong {
font-size: 0.96rem;
line-height: 1.4;
font-weight: var(--font_600);
color: var(--yazi_beyaz);
}

#basket_page_alani .sepetsipinfo_not {
display: block;
margin-top: 4px;
font-size: 0.88rem;
line-height: 1.4;
color: rgb(255 255 255 / 74%);
}

#basket_page_alani .sepetsipinfo_tutar {
text-align: right;
white-space: nowrap;
}

#basket_page_alani .sepetsipinfo_tutar h5 {
margin: 0;
font-size: 1.04rem;
font-weight: var(--font_700);
line-height: 1.2;
color: var(--yazi_beyaz);
}

#basket_page_alani .sepetsipinfo_indirimler:empty {
display: none;
}

#basket_page_alani .sepetsipinfo_satir_indirim .sepetsipinfo_tutar h5 {
color: var(--arkaplan_yesil);
}

#basket_page_alani .sepetsipinfo_coupon_sil {
margin-left: 6px;
color: var(--yazi_gri);
}

#basket_page_alani .sepetsipinfo_coupon_sil:hover {
color: var(--arkaplan_kirmizi);
}

#basket_page_alani .sepetsipinfo_coupon_alani {
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
text-align: left;
}

#basket_page_alani .sepetsipinfo_coupon_alani > a {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 0.92rem;
font-weight: var(--font_600);
color: var(--yazi_beyaz);
}

#basket_page_alani .sepetsipinfo_coupon_alani > a svg {
width: 18px;
height: 18px;
flex-shrink: 0;
display: block;
}

#basket_page_alani .sepetsipinfo_coupon_alani > a span {
display: inline-flex;
align-items: center;
}

#basket_page_alani .sepetsipinfo_coupon_alani .kuponkodu {
margin-top: 10px;
}

#basket_page_alani .sepetsipinfo_coupon_alani #coupon_code {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
padding: 10px 12px;
font-size: 0.94rem;
opacity: 1;
}

#basket_page_alani .sepetsipinfo_coupon_alani #coupon_code::placeholder {
color: var(--yazi_siyah);
opacity: 1;
}

#basket_page_alani .sepetsipinfo_coupon_alani #coupon_code:focus {
outline: none;
border-color: var(--arkaplan_acik_mavi);
}

#basket_page_alani .sepetsipinfo_coupon_alani #coupon_result {
background: #fff1f2;
border: 1px solid #fecdd3;
border-radius: var(--border_radius_12);
color: #9f1239;
padding: 8px 10px;
font-size: 0.84rem;
font-weight: var(--font_500);
line-height: 1.4;
}

#basket_page_alani .totalamountinfo {
padding: 18px 0 4px 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
border-bottom: 0;
}

#basket_page_alani .totalamountinfo strong {
font-size: 0.98rem;
font-weight: var(--font_600);
color: rgb(255 255 255 / 82%);
}

#basket_page_alani .totalamountinfo h5 {
margin: 0;
font-size: clamp(1.4rem, 2.6vw, 2rem);
font-weight: var(--font_700);
line-height: 1.1;
color: var(--yazi_beyaz);
}

#basket_page_alani #OrderSummary_loader {
padding: 18px 0;
text-align: center;
}

#basket_page_alani .basket_sidebar_footer {
padding: 14px 16px;
}

#basket_page_alani .basket_sidebar_footer > .order_steps_cta_alani {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}

#basket_page_alani .basket_sidebar_footer > .order_steps_cta_alani .gonderbtn {
display: inline-flex;
width: 100%;
max-width: none;
align-items: center;
justify-content: center;
}

#basket_page_alani .basket_sidebar_footer .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);
}

#basket_page_alani .basket_sidebar_footer .paymentlogos p {
margin: 0;
}

#basket_page_alani .basket_sidebar_footer .paymentlogos .plogos2 {
display: block;
max-width: 130px;
width: 100%;
height: auto;
margin: 0px;
}

#basket_page_alani .basket_sidebar_footer .paymentlogos .plogos1 {
display: block;
max-width: 360px;
width: 100%;
height: auto;
}

@media (max-width: 1100px) {
#basket_page_alani .sepet {
grid-template-columns: 1fr;
gap: 20px;
}
}

@media (max-width: 900px) {
#basket_page_alani .sepetlist_kolon_baslik {
display: none;
}

#basket_page_alani .sepetlistcon {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

#basket_page_alani .sepetlist .uhinfo {
grid-column: 1 / -1;
}

#basket_page_alani .sepetlist .uhtutar {
text-align: center;
}

#basket_page_alani .sepetlist .uhsil {
justify-self: end;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_satir {
grid-template-columns: 1fr;
gap: 4px;
}

#basket_page_alani .sepetlist .uhinfo .basket_adds_tutar {
text-align: left;
white-space: normal;
justify-content: flex-start;
}
}

@media (max-width: 768px) {
#basket_page_alani .sepetlistcon {
grid-template-columns: 1fr;
}

#basket_page_alani .sepetlist .uhperiyod {
width: 100%;
display: block;
}

#basket_page_alani .sepetlist .uhtutar {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}

#basket_page_alani .sepetlist .uhsil {
width: 100%;
display: flex;
justify-content: flex-end !important;
text-align: right !important;
justify-self: end !important;
}

#basket_page_alani .sepetlist .uhsil a {
margin-left: auto;
}
}

@media (max-width: 600px) {
#basket_page_alani .sepetlistcon,
#basket_page_alani .sepetsipinfo_satir {
grid-template-columns: 1fr;
}

#basket_page_alani .sepetlist .uhperiyod,
#basket_page_alani .sepetlist .uhtutar,
#basket_page_alani .sepetsipinfo_tutar {
text-align: center;
}

#basket_page_alani .sepetlist .uhsil {
justify-self: end;
text-align: right;
display: flex;
justify-content: flex-end;
width: 100%;
}
}

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

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

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

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

#basket_page_alani #empty_list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 0;
border: 0;
border-radius: 0;
background: transparent;
text-align: center;
}

#basket_page_alani #empty_list .empty_list_svg {
width: 64px;
height: 64px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--arkaplan_mavi);
position: relative;
flex-shrink: 0;
animation: basket_empty_float 3.6s ease-in-out infinite;
}

#basket_page_alani #empty_list .empty_list_svg::after {
display: none;
}

#basket_page_alani #empty_list .empty_list_svg svg {
width: 100%;
height: 100%;
}

#basket_page_alani #empty_list h4 {
margin: 0;
font-size: var(--font_p);
font-weight: var(--font_500);
line-height: 1.5;
color: var(--yazi_siyah);
text-align: center;
max-width: 760px;
}

#basket_page_alani #empty_list h4 strong {
display: block;
font-size: var(--font_h6);
font-weight: var(--font_700);
line-height: 1.35;
color: var(--yazi_siyah);
}

#basket_page_alani #empty_list h4 span {
display: block;
margin-top: 4px;
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.5;
color: var(--yazi_gri);
}

@keyframes basket_empty_float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
100% {
transform: translateY(0);
}
}

@media (max-width: 640px) {
#basket_page_alani #empty_list {
align-items: center;
text-align: center;
}

#basket_page_alani #empty_list .empty_list_svg {
width: 56px;
height: 56px;
}
}

/* Basket Account */
#basket_account_page_alani .basket_account_layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 400px);
gap: 24px;
align-items: start;
}

#basket_account_page_alani .basket_account_sol,
#basket_account_page_alani .basket_account_sag {
min-width: 0;
}

#basket_account_page_alani .sepetright.asya_sticky_sidebar {
--asya_sticky_offset: calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px);
}

#basket_account_page_alani .basket_account_sol .sepetbaslik {
background: transparent;
padding: 0;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 10px;
}

#basket_account_page_alani .basket_account_sol .sepetbaslik h4 {
padding: 0;
margin: 0;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
}

#basket_account_page_alani .basket_account_sol .sepetbaslik::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: #e7edf8;
}

#basket_account_page_alani .sepetlist {
padding: 0;
margin: 0;
background: transparent;
border: 0;
}

#basket_account_page_alani .sepetlistcon {
display: block;
padding: 0;
margin: 0;
}

#basket_account_page_alani .basket_account_form_kutuphane h2 {
margin: 0 0 16px;
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.55;
color: var(--yazi_gri);
}

#basket_account_page_alani .basket_account_form_grid {
display: flex;
flex-direction: column;
gap: 16px;
}

#basket_account_page_alani .basket_account_form_bolum {
padding: 0;
margin-top: 26px;
margin-bottom: 8px;
border-top: 0;
}

#basket_account_page_alani .basket_account_form_bolum h5 {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
}

#basket_account_page_alani .basket_account_form_bolum h5::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: #e7edf8;
}

#basket_account_page_alani .basket_account_form_satir {
display: grid;
grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
gap: 16px;
align-items: center;
}

#basket_account_page_alani .basket_account_form_satir_tam {
grid-template-columns: 1fr;
}

#basket_account_page_alani .basket_account_form_label {
font-size: 1rem;
font-weight: var(--font_400);
line-height: 1.4;
color: var(--yazi_siyah);
}

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

#basket_account_page_alani .basket_account_form_alan {
min-width: 0;
}

#basket_account_page_alani .basket_account_form_alan input[type="text"],
#basket_account_page_alani .basket_account_form_alan input[type="email"],
#basket_account_page_alani .basket_account_form_alan input[type="password"],
#basket_account_page_alani .basket_account_form_alan select,
#basket_account_page_alani .basket_account_form_alan textarea {
width: 100%;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.3;
padding: 11px 14px;
transition: var(--gecis);
}

#basket_account_page_alani .basket_account_form_alan textarea {
min-height: 110px;
resize: vertical;
}

#basket_account_page_alani input::placeholder,
#basket_account_page_alani textarea::placeholder {
color: var(--yazi_gri) !important;
opacity: 1 !important;
}

#basket_account_page_alani .intl-tel-input,
#basket_account_page_alani .iti {
width: 100%;
}

.asya_form_grid input.intl-tel-input,
.asya_form_grid .intl-tel-input input,
.asya_form_grid .iti input {
padding-left: 90px !important;
}

#basket_account_page_alani .basket_account_form_alan .dropdown_donustur_wrap,
#basket_account_page_alani .basket_account_form_alan .dropdown_donustur_tetik {
width: 100%;
}

#basket_account_page_alani .basket_account_form_alan input[type="text"]:focus,
#basket_account_page_alani .basket_account_form_alan input[type="email"]:focus,
#basket_account_page_alani .basket_account_form_alan input[type="password"]:focus,
#basket_account_page_alani .basket_account_form_alan select:focus,
#basket_account_page_alani .basket_account_form_alan textarea:focus {
outline: none;
border-color: var(--arkaplan_mavi);
box-shadow: 0 0 0 3px rgba(23, 122, 242, 0.12);
}

#basket_account_page_alani .basket_account_inline_group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
}

#basket_account_page_alani .basket_account_inline_group_login {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

#basket_account_page_alani .basket_account_iki_sutun {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

#basket_account_page_alani .socialconnect {
margin: 0 0 16px;
}

#basket_account_page_alani .sifreunuttulink {
font-size: 0.88rem;
font-weight: var(--font_500);
}

#basket_account_page_alani .sifreunuttulink.buton_tasarimi {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 14px;
min-height: 36px;
font-size: 0.86rem;
line-height: 1;
white-space: nowrap;
}

#basket_account_page_alani .basket_account_inline_group_login .checkbox-custom-label {
width: auto;
border-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
margin: 0;
}

#basket_account_page_alani #form_login_content {
margin-top: 30px;
}

#basket_account_page_alani #form_forget_content {
margin-top: 30px;
}

#basket_account_page_alani .sepetrightshadow {
border: 0;
border-radius: var(--border_radius_12);
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
overflow: hidden;
}

#basket_account_page_alani .sepet_ozet_baslik {
border-radius: 0;
background: rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_account_page_alani .sepet_ozet_baslik > div {
padding: 14px 16px;
text-align: left;
color: var(--yazi_beyaz);
}

#basket_account_page_alani .sepetrightcon {
padding: 14px 16px;
}

#basket_account_page_alani .sepetsipinfo {
display: flex;
flex-direction: column;
width: 100%;
}

#basket_account_page_alani .sepetsipinfo_satir {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: start;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_account_page_alani .sepetsipinfo_baslik {
min-width: 0;
}

#basket_account_page_alani .sepetsipinfo_baslik strong {
font-size: 0.96rem;
line-height: 1.4;
font-weight: var(--font_600);
color: var(--yazi_beyaz);
}

#basket_account_page_alani .sepetsipinfo_not {
display: block;
margin-top: 4px;
font-size: 0.88rem;
line-height: 1.4;
color: rgb(255 255 255 / 74%);
}

#basket_account_page_alani .sepetsipinfo_tutar {
text-align: right;
white-space: nowrap;
}

#basket_account_page_alani .sepetsipinfo_tutar h5 {
margin: 0;
font-size: 1.04rem;
font-weight: var(--font_700);
line-height: 1.2;
color: var(--yazi_beyaz);
}

#basket_account_page_alani .sepetsipinfo_satir_indirim .sepetsipinfo_tutar h5 {
color: var(--arkaplan_yesil);
}

#basket_account_page_alani .sepetsipinfo_coupon_sil {
margin-left: 6px;
color: var(--yazi_gri);
}

#basket_account_page_alani .sepetsipinfo_coupon_sil:hover {
color: var(--arkaplan_kirmizi);
}

#basket_account_page_alani .totalamountinfo {
padding: 18px 0 4px 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
border-bottom: 0;
}

#basket_account_page_alani .totalamountinfo strong {
font-size: 0.98rem;
font-weight: var(--font_600);
color: rgb(255 255 255 / 82%);
}

#basket_account_page_alani .totalamountinfo h5 {
margin: 0;
font-size: clamp(1.4rem, 2.6vw, 2rem);
font-weight: var(--font_700);
line-height: 1.1;
color: var(--yazi_beyaz);
}

#basket_account_page_alani #OrderSummary_loader {
padding: 18px 0;
text-align: center;
}

#basket_account_page_alani .basket_sidebar_footer {
padding: 14px 16px;
border-top: 0;
}

#basket_account_page_alani .basket_sidebar_geri_don {
padding: 14px 16px 0 16px;
}

#basket_account_page_alani .basket_sidebar_geri_don .buton_tasarimi {
display: inline-flex;
width: 100%;
max-width: none;
justify-content: center;
align-items: center;
}

#basket_account_page_alani .basket_sidebar_footer .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);
}

#basket_account_page_alani .basket_sidebar_footer .paymentlogos p {
margin: 0;
}

#basket_account_page_alani .basket_sidebar_footer .paymentlogos .plogos2 {
display: block;
max-width: 130px;
width: 100%;
height: auto;
margin: 0px;
}

#basket_account_page_alani .basket_sidebar_footer .paymentlogos .plogos1 {
display: block;
max-width: 360px;
width: 100%;
height: auto;
}

@media (max-width: 1100px) {
#basket_account_page_alani .basket_account_layout {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
#basket_account_page_alani .basket_account_form_satir {
grid-template-columns: 1fr;
gap: 12px;
}

#basket_account_page_alani .basket_account_iki_sutun {
grid-template-columns: 1fr;
}
}

/* Asya Form Kutuphane */
.asya_form_kutuphane h2 {
margin: 0 0 16px;
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.55;
color: var(--yazi_gri);
}

.asya_form_grid {
display: flex;
flex-direction: column;
gap: 16px;
}

.asya_form_bolum {
padding: 0;
margin-top: 26px;
margin-bottom: 8px;
border-top: 0;
}

.asya_form_bolum h5 {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
}

.asya_form_bolum h5::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: #e7edf8;
}

.asya_form_satir {
display: grid;
grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
gap: 16px;
align-items: center;
}

.asya_form_satir_tam {
grid-template-columns: 1fr;
}

.asya_form_label {
font-size: 1rem;
font-weight: var(--font_400);
line-height: 1.4;
color: var(--yazi_siyah);
}

.asya_islem_turleri {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0 0 2px 0;
}

.asya_form_alan {
min-width: 0;
}

.asya_form_alan input[type="text"],
.asya_form_alan input[type="email"],
.asya_form_alan input[type="password"],
.asya_form_alan select,
.asya_form_alan textarea {
width: 100%;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.3;
padding: 11px 14px;
transition: var(--gecis);
}

.asya_form_alan textarea {
min-height: 110px;
resize: vertical;
}

.asya_form_kutuphane input::placeholder,
.asya_form_kutuphane textarea::placeholder {
color: var(--yazi_gri) !important;
opacity: 1 !important;
}

.asya_form_alan .intl-tel-input,
.asya_form_alan .iti {
width: 100%;
}

.asya_form_alan input.intl-tel-input,
.asya_form_alan .intl-tel-input input,
.asya_form_alan .iti input {
padding-left: 90px !important;
}

.asya_form_alan .dropdown_donustur_wrap,
.asya_form_alan .dropdown_donustur_tetik {
width: 100%;
}

.asya_form_alan input[type="text"]:focus,
.asya_form_alan input[type="email"]:focus,
.asya_form_alan input[type="password"]:focus,
.asya_form_alan select:focus,
.asya_form_alan textarea:focus {
outline: none;
border-color: var(--arkaplan_mavi);
box-shadow: 0 0 0 3px rgba(23, 122, 242, 0.12);
}

.asya_inline_group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
}

.asya_inline_group_login {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.checkbox_tasarimi .radio-custom,
.checkbox_tasarimi .checkbox-custom,
.asya_form_kutuphane .radio-custom,
.asya_form_kutuphane .checkbox-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

.checkbox_tasarimi .radio-custom-label,
.checkbox_tasarimi .checkbox-custom-label,
.asya_form_kutuphane .radio-custom-label,
.asya_form_kutuphane .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;
}

.asya_islem_turleri .radio-custom-label {
width: 100%;
padding: 10px 12px;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
border-bottom: 1px solid var(--border);
align-items: center;
}

.asya_islem_turleri .radio-custom:checked + .radio-custom-label {
border-color: var(--arkaplan_mavi);
background: rgb(23 122 242 / 8%);
}

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

.checkbox_tasarimi .radio-custom-label::before,
.checkbox_tasarimi .checkbox-custom-label::before,
.asya_form_kutuphane .radio-custom-label::before,
.asya_form_kutuphane .checkbox-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");
}

.checkbox_tasarimi .radio-custom-label::before,
.asya_form_kutuphane .radio-custom-label::before {
border-radius: 0;
}

.checkbox_tasarimi .radio-custom:checked + .radio-custom-label::before,
.asya_form_kutuphane .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");
}

.checkbox_tasarimi .checkbox-custom:checked + .checkbox-custom-label::before,
.asya_form_kutuphane .checkbox-custom:checked + .checkbox-custom-label::before {
border-color: #0f77ff;
background: #dbe9ff;
}

.checkbox_tasarimi .checkbox-custom:checked + .checkbox-custom-label::after,
.asya_form_kutuphane .checkbox-custom:checked + .checkbox-custom-label::after {
content: "";
position: absolute;
left: 21px;
top: 53%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #0f77ff;
background: #0f77ff;
transition: left .25s ease, border-color .25s ease, background-color .25s ease;
}

.checkbox_tasarimi .checkbox-custom-label,
.asya_form_kutuphane .checkbox-custom-label {
position: relative;
align-items: center;
padding-left: 54px;
}

.checkbox_tasarimi .checkbox-custom-label::before,
.asya_form_kutuphane .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;
}

.checkbox_tasarimi .checkbox-custom-label::after,
.asya_form_kutuphane .checkbox-custom-label::after {
content: "";
position: absolute;
left: 3px;
top: 53%;
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;
}

.checkbox_tasarimi .checkbox-custom:checked + .checkbox-custom-label::after,
.asya_form_kutuphane .checkbox-custom:checked + .checkbox-custom-label::after {
left: 21px;
top: 53%;
border-color: #0f77ff;
background: #0f77ff;
}

.checkbox_tasarimi .asya_inline_group .radio-custom-label,
.checkbox_tasarimi .asya_inline_group .checkbox-custom-label,
.asya_form_kutuphane .asya_inline_group .radio-custom-label,
.asya_form_kutuphane .asya_inline_group .checkbox-custom-label {
width: auto;
border-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}

.checkbox_tasarimi .asya_inline_group .radio-custom-label:last-of-type,
.checkbox_tasarimi .asya_inline_group .checkbox-custom-label:last-of-type,
.asya_form_kutuphane .asya_inline_group .radio-custom-label:last-of-type,
.asya_form_kutuphane .asya_inline_group .checkbox-custom-label:last-of-type {
border-bottom: 0;
}

.asya_iki_sutun {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.asya_inline_group_login .checkbox-custom-label {
width: auto;
border-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
margin: 0;
}

.asya_inline_group_login .sifreunuttulink.buton_tasarimi {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 14px;
min-height: 36px;
font-size: 0.86rem;
line-height: 1;
white-space: nowrap;
}

@media (max-width: 768px) {
.asya_form_satir {
grid-template-columns: 1fr;
gap: 12px;
}

.asya_iki_sutun {
grid-template-columns: 1fr;
}
}

/* Basket Payment */
#basket_payment_page_alani .basket_payment_layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
gap: 20px;
align-items: start;
}

#basket_payment_page_alani .basket_payment_sol,
#basket_payment_page_alani .basket_payment_sag {
min-width: 0;
}

#basket_payment_page_alani .basket_payment_sag.asya_sticky_sidebar {
top: calc(var(--ustbar_h) + var(--header_h) + 16px);
}

#basket_payment_page_alani .sepetbaslik {
display: flex;
align-items: center;
padding: 0;
margin-bottom: 10px;
}

#basket_payment_page_alani .sepetbaslik h4 {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
width: 100%;
}

#basket_payment_page_alani .sepetbaslik h4::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: #e7edf8;
}

#basket_payment_page_alani .sepetlist {
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
margin-bottom: 18px;
overflow: hidden;
}

#basket_payment_page_alani .sepetlistcon {
padding: 16px;
}

#basket_payment_page_alani .basket_payment_faturabilgisi {
display: flex;
flex-direction: column;
gap: 14px;
}

#basket_payment_page_alani .basket_payment_adres_ust {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
}

#basket_payment_page_alani .basket_payment_adres_ust h5 {
margin: 0;
font-size: 1rem;
line-height: 1.35;
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

#basket_payment_page_alani .basket_payment_yeni_adres_btn {
font-size: 0.92rem;
font-weight: var(--font_600);
color: var(--yazi_mavi);
}

#basket_payment_page_alani .basket_payment_yeni_adres_btn:hover {
color: var(--arkaplan_yesil);
}

#basket_payment_page_alani #address_list,
#basket_payment_page_alani #country_list,
#basket_payment_page_alani #cities select,
#basket_payment_page_alani #counti select,
#basket_payment_page_alani #cities input,
#basket_payment_page_alani #counti input,
#basket_payment_page_alani #zipcode input,
#basket_payment_page_alani #addNewAddressForm input[type="text"],
#basket_payment_page_alani #addNewAddressForm input[type="email"] {
width: 100%;
}

#basket_payment_page_alani #noAddress h5 {
margin: 0;
font-size: 0.96rem;
font-weight: var(--font_500);
line-height: 1.5;
color: var(--yazi_gri);
}

#basket_payment_page_alani #newAddress {
padding-top: 4px;
}

#basket_payment_page_alani #newAddress h3 {
margin: 0 0 12px;
font-size: var(--font_h5);
font-weight: var(--font_600);
line-height: 1.35;
color: var(--yazi_siyah);
}

#basket_payment_page_alani .basket_payment_form_grid {
margin-top: 6px;
}

#basket_payment_page_alani .basket_payment_inline_group {
gap: 12px;
}

#basket_payment_page_alani .basket_payment_inline_group .radio-custom-label,
#basket_payment_page_alani .basket_payment_inline_group .checkbox-custom-label {
width: auto;
border-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}

#basket_payment_page_alani .basket_payment_form_dortlu {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

#basket_payment_page_alani .basket_payment_form_dortlu_oge {
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

#basket_payment_page_alani #address .basket_payment_form_label {
margin-bottom: 8px;
}

#basket_payment_page_alani #addNewAddressForm .iti,
#basket_payment_page_alani #addNewAddressForm .intl-tel-input {
width: 100%;
}

#basket_payment_page_alani #sendbta {
margin-top: 6px;
}

#basket_payment_page_alani #payment_methods {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 30px;
}

#basket_payment_page_alani #payment_methods .radio-custom-label {
width: 100%;
border: 1px solid var(--border);
border-radius: var(--border_radius_12);
padding: 10px 12px 10px 40px;
margin: 0;
}
#basket_payment_page_alani #payment_methods .checkbox-custom-label {
border: 0px;
border-radius: 0px;
padding: 10px 12px 10px 50px;
margin: 0;
width: auto;
}

/*
#basket_payment_page_alani #payment_methods .checkbox-custom:checked + .checkbox-custom-label,
#basket_payment_page_alani #payment_methods .radio-custom:checked + .radio-custom-label {
border-color: var(--arkaplan_mavi);
}*/

#basket_payment_page_alani #contract1 + label,
#basket_payment_page_alani #contract2 + label {
width: 100%;
}

#basket_payment_page_alani .sepetrightshadow {
border: 0;
border-radius: var(--border_radius_12);
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
overflow: hidden;
}

#basket_payment_page_alani .sepet_ozet_baslik {
border-radius: 0;
background: rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_payment_page_alani .sepet_ozet_baslik > div {
padding: 14px 16px;
text-align: left;
color: var(--yazi_beyaz);
}

#basket_payment_page_alani .sepetrightcon {
padding: 14px 16px;
}

#basket_payment_page_alani .sepetsipinfo {
display: flex;
flex-direction: column;
width: 100%;
}

#basket_payment_page_alani .sepetsipinfo_satir {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: start;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_payment_page_alani .sepetsipinfo_baslik {
min-width: 0;
}

#basket_payment_page_alani .sepetsipinfo_baslik strong {
font-size: 0.96rem;
line-height: 1.4;
font-weight: var(--font_600);
color: var(--yazi_beyaz);
}

#basket_payment_page_alani .sepetsipinfo_not {
display: block;
margin-top: 4px;
font-size: 0.88rem;
line-height: 1.4;
color: rgb(255 255 255 / 74%);
}

#basket_payment_page_alani .sepetsipinfo_tutar {
text-align: right;
white-space: nowrap;
}

#basket_payment_page_alani .sepetsipinfo_tutar h5 {
margin: 0;
font-size: 1.04rem;
font-weight: var(--font_700);
line-height: 1.2;
color: var(--yazi_beyaz);
}

#basket_payment_page_alani .sepetsipinfo_satir_indirim .sepetsipinfo_tutar h5 {
color: var(--arkaplan_yesil);
}

#basket_payment_page_alani .sepetsipinfo_coupon_sil {
margin-left: 6px;
color: var(--yazi_gri);
}

#basket_payment_page_alani .sepetsipinfo_coupon_sil:hover {
color: var(--arkaplan_kirmizi);
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani {
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani > a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
font-weight: var(--font_500);
color: rgb(255 255 255 / 90%);
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani > a svg {
width: 16px;
height: 16px;
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani > a span {
line-height: 1;
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani .kuponkodu {
margin-top: 10px;
}

#basket_payment_page_alani .sepetsipinfo_coupon_alani #coupon_result {
background: rgba(246, 86, 86, 0.18);
border: 1px solid rgba(255, 201, 201, 0.4);
border-radius: var(--border_radius_8);
color: #ffe6e6;
padding: 8px 10px;
}

#basket_payment_page_alani .totalamountinfo {
padding: 18px 0 4px 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
border-bottom: 0;
}

#basket_payment_page_alani .totalamountinfo strong {
font-size: 0.98rem;
font-weight: var(--font_600);
color: rgb(255 255 255 / 82%);
}

#basket_payment_page_alani .totalamountinfo h5 {
margin: 0;
font-size: clamp(1.4rem, 2.6vw, 2rem);
font-weight: var(--font_700);
line-height: 1.1;
color: var(--yazi_beyaz);
}

#basket_payment_page_alani #OrderSummary_loader {
padding: 18px 0;
text-align: center;
}

#basket_payment_page_alani .basket_sidebar_geri_don {
padding: 14px 16px 0 16px;
}

#basket_payment_page_alani .basket_sidebar_geri_don .buton_tasarimi {
display: inline-flex;
width: 100%;
max-width: none;
justify-content: center;
align-items: center;
}

#basket_payment_page_alani .basket_sidebar_footer {
padding: 14px 16px;
border-top: 0;
}

#basket_payment_page_alani .basket_sidebar_footer > .order_steps_cta_alani {
margin: 0;
}

#basket_payment_page_alani .basket_sidebar_footer > .order_steps_cta_alani .gonderbtn {
width: 100%;
max-width: none;
display: inline-flex;
align-items: center;
justify-content: center;
}

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

#basket_payment_page_alani .basket_sidebar_footer .paymentlogos p {
margin: 0;
}

#basket_payment_page_alani .basket_sidebar_footer .paymentlogos .plogos2 {
display: block;
max-width: 130px;
width: 100%;
height: auto;
margin: 0;
}

#basket_payment_page_alani .basket_sidebar_footer .paymentlogos .plogos1 {
display: block;
max-width: 360px;
width: 100%;
height: auto;
}

@media (max-width: 1100px) {
#basket_payment_page_alani .basket_payment_layout {
grid-template-columns: 1fr;
}

#basket_payment_page_alani .basket_payment_sag.asya_sticky_sidebar {
position: static;
top: auto;
}
}

@media (max-width: 900px) {
#basket_payment_page_alani .basket_payment_form_dortlu {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 768px) {
#basket_payment_page_alani .basket_payment_form_satir {
grid-template-columns: 1fr;
gap: 12px;
}

#basket_payment_page_alani .sepetlistcon,
#basket_payment_page_alani .sepetrightcon,
#basket_payment_page_alani .basket_sidebar_geri_don,
#basket_payment_page_alani .basket_sidebar_footer {
padding-left: 14px;
padding-right: 14px;
}
}

@media (max-width: 560px) {
#basket_payment_page_alani .basket_payment_form_dortlu {
grid-template-columns: 1fr;
}
}

/* Adres Secim Kart Kutuphane */
.adres_secim_listesi {
display: flex;
flex-direction: column;
gap: 12px;
}

.adres_secim_listesi .radio-custom-label.adres_secim_karti {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 100%;
margin: 0;
padding: 16px 16px 16px 56px;
border: 1px solid #d8e5de;
border-bottom: 1px solid #d8e5de;
border-radius: var(--border_radius_12);
background: #ffffff;
transition: var(--gecis);
}

.adres_secim_listesi .radio-custom-label.adres_secim_karti::before {
content: "";
position: absolute;
left: 16px;
top: 16px;
width: 24px;
height: 24px;
margin-top: 0;
flex: 0 0 24px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23617387' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18'/%3E%3C/svg%3E");
}

.adres_secim_listesi .radio-custom-label.adres_secim_karti:hover {
border-color: #bfd7c8;
}

.adres_secim_listesi .radio-custom:checked + .adres_secim_karti {
border-color: #62b383;
background: #edf8f1;
}

.adres_secim_listesi .radio-custom:checked + .adres_secim_karti::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2328a461'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='m8.2 12.2l2.5 2.6l5.2-6.1'/%3E%3C/svg%3E");
}

.adres_secim_listesi .radio-custom:focus + .adres_secim_karti {
outline: 2px solid rgb(40 164 97 / 35%);
outline-offset: 1px;
}

.adres_secim_listesi .adres_secim_baslik {
margin: 0;
display: block;
font-size: var(--font_h5);
font-weight: var(--font_700);
line-height: 1.3;
color: var(--yazi_siyah);
}

.adres_secim_listesi .adres_secim_detay {
display: block;
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.55;
color: var(--yazi_gri);
}

@media (max-width: 768px) {
.adres_secim_listesi .radio-custom-label.adres_secim_karti {
padding: 14px 14px 14px 50px;
}

.adres_secim_listesi .radio-custom-label.adres_secim_karti::before {
left: 14px;
top: 14px;
width: 22px;
height: 22px;
background-size: 22px 22px;
}
}

/* Bank Notification Kutuphane */
.bank-notification.asya_bank_notification {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 8px;
}

.bank-notification.asya_bank_notification .bank-notification-info,
.bank-notification.asya_bank_notification .asya_bank_notification_info {
display: block;
font-size: 0.9rem;
font-weight: var(--font_500);
line-height: 1.45;
color: var(--yazi_gri);
}

.bank-notification.asya_bank_notification .yuzde50,
.bank-notification.asya_bank_notification .asya_bank_notification_wrap {
width: 100%;
float: none;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form .clear,
.bank-notification.asya_bank_notification .asya_bank_notification_form br {
display: none;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form .asya_form_satir {
grid-template-columns: 1fr;
gap: 0;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form .asya_form_alan {
width: 100%;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form .dropdown_donustur_wrap,
.bank-notification.asya_bank_notification .asya_bank_notification_form .dropdown_donustur_tetik {
width: 100%;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form a.gonderbtn.buton_tasarimi {
width: 100%;
max-width: none;
justify-content: center;
align-items: center;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form a.gonderbtn.buton_tasarimi span {
line-height: 1;
}

.bank-notification.asya_bank_notification .asya_bank_notification_form #result,
.bank-notification.asya_bank_notification .asya_bank_notification_result {
margin-top: 2px;
text-align: center;
}

@media (max-width: 768px) {
.bank-notification.asya_bank_notification .bank-notification-info,
.bank-notification.asya_bank_notification .asya_bank_notification_info {
font-size: 0.88rem;
}
}

.asya_icerik_iki_kolon {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
gap: 45px;
align-items: start;
}

.asya_sol_blok,
.asya_sag_blok {
min-width: 0;
}

.asya_listeleme_baslik_alani {
margin: 0 0 24px 0;
padding: 0 0 14px 0;
position: relative;
}

.asya_listeleme_baslik_alani::after {
content: "";
display: block;
width: 104px;
height: 2px;
margin-top: 12px;
background: #dbe3ef;
}

.asya_listeleme_h1 {
margin: 0;
font-size: clamp(1.5rem, 2.15vw, 2.1rem);
line-height: 1.16;
font-weight: var(--font_700);
color: var(--yazi_siyah);
letter-spacing: -0.018em;
}

.asya_sag_blok_baslik {
margin: 0 0 14px 0;
padding: 0;
display: flex;
align-items: center;
gap: 12px;
font-size: clamp(1.04rem, 1.06vw, 1.18rem);
font-weight: var(--font_700);
line-height: 1.35;
color: var(--yazi_siyah);
}

.asya_sag_blok_baslik::after {
content: "";
display: block;
flex: 1 1 auto;
height: 1px;
background: #dce4ee;
}

.asya_sag_blok_grup + .asya_sag_blok_grup {
margin-top: 26px;
}

.asya_sag_blok_grup {
padding: 18px;
border: 1px solid #e5ebf2;
border-radius: 18px;
background: #ffffff;
}

.asya_sag_blok_grup_kategori {
background: var(--arkaplan_acik_mavi);
border-color: var(--arkaplan_acik_mavi);
}

.asya_sag_blok_grup_kategori .asya_sag_blok_baslik {
color: var(--yazi_beyaz);
}

.asya_sag_blok_grup_kategori .asya_sag_blok_baslik::after {
background: rgb(255 255 255 / 38%);
}

.asya_sag_blok_grup_okunan {
background: #ffffff;
border-color: #e5ebf2;
}

.asya_sag_blok_linkler {
display: flex;
flex-direction: column;
gap: 10px;
}

.asya_sag_blok_linkler .asya_sag_blok_link {
display: flex;
align-items: center;
gap: 11px;
width: 100%;
padding: 10px 12px;
font-size: 0.95rem;
font-weight: var(--font_500);
line-height: 1.45;
color: var(--yazi_siyah);
text-decoration: none;
background: transparent;
border: 1px solid #e3eaf2;
border-radius: 12px;
transition: var(--gecis);
min-width: 0;
}

.asya_sag_blok_linkler .asya_sag_blok_link:hover {
color: var(--yazi_siyah);
background: #ffffff;
border-color: #cfd8e6;
}

.asya_sag_blok_linkler .asya_sag_blok_link_gorsel {
display: inline-flex;
flex: 0 0 58px;
width: 58px;
height: 58px;
border-radius: 10px;
overflow: hidden;
background: #ffffff;
border: 1px solid #dfe7f1;
}

.asya_sag_blok_linkler .asya_sag_blok_link_gorsel img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.asya_sag_blok_linkler .asya_sag_blok_link_metin_wrap {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
flex: 1 1 auto;
}

.asya_sag_blok_linkler .asya_sag_blok_link_metin {
display: block;
font-size: 0.96rem;
font-weight: var(--font_500);
line-height: 1.42;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.asya_sag_blok_link_tarih {
display: block;
font-size: 0.8rem;
line-height: 1.35;
font-weight: var(--font_400);
color: #6f7d90;
}

.asya_sag_blok_linkler_kategori {
gap: 8px;
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link {
position: relative;
padding: 10px 38px 10px 14px;
background: rgb(255 255 255 / 14%);
border-color: rgb(255 255 255 / 30%);
border-radius: 12px;
color: var(--yazi_beyaz);
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link:hover {
background: rgb(255 255 255 / 22%);
border-color: rgb(255 255 255 / 48%);
color: var(--yazi_beyaz);
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link::after {
content: "";
position: absolute;
right: 13px;
top: 50%;
width: 8px;
height: 8px;
border-top: 2px solid rgb(255 255 255 / 82%);
border-right: 2px solid rgb(255 255 255 / 82%);
transform: translateY(-50%) rotate(45deg);
transition: var(--gecis);
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link:hover::after {
border-color: #ffffff;
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link .asya_sag_blok_link_gorsel {
display: none;
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link .asya_sag_blok_link_metin {
font-weight: var(--font_600);
color: var(--yazi_beyaz);
}

.asya_sag_blok_linkler_okunan .asya_sag_okunan_link {
background: #ffffff;
border-color: #e2e8f1;
}

.asya_sag_blok_linkler_okunan .asya_sag_okunan_link:hover {
background: #ffffff;
border-color: #ccd7e7;
}

.asya_news_liste {
display: flex;
flex-direction: column;
gap: 24px;
}

.asya_news_item {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 22px;
padding: 0 0 22px 0;
border-bottom: 1px solid #e6ebf2;
transition: var(--gecis);
}

.asya_news_item:hover {
border-color: #d0d9e6;
}

.asya_news_item:last-child {
padding-bottom: 0;
border-bottom: 0;
}

.asya_news_gorsel,
.asya_blog_gorsel {
display: block;
width: 100%;
}

.asya_news_gorsel img,
.asya_blog_gorsel img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 14px;
}

.asya_news_icerik,
.asya_blog_icerik {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}

.asya_liste_metasatir {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}

.asya_liste_tarih {
display: inline-flex;
align-items: center;
font-size: 0.84rem;
font-weight: var(--font_500);
line-height: 1.45;
color: #6b7789;
}

.asya_liste_tarih::before {
content: "";
width: 6px;
height: 6px;
border-radius: 999px;
background: #c0ccdc;
margin-right: 8px;
}

.asya_liste_tarih .blog-date {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}

.asya_liste_metasatir_alt {
margin-top: 2px;
}

.asya_news_baslik {
margin: 0;
font-size: clamp(1.12rem, 1.28vw, 1.35rem);
line-height: 1.36;
font-weight: var(--font_700);
}

.asya_news_baslik a,
.asya_blog_baslik a {
color: var(--yazi_siyah);
text-decoration: none;
}

.asya_news_baslik a:hover,
.asya_blog_baslik a:hover {
color: var(--yazi_acik_mavi);
}

.asya_news_ozet,
.asya_blog_ozet {
margin: 0;
font-size: var(--font_p);
line-height: 1.68;
color: #5f6d80;
}

.asya_blog_liste {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px 24px;
}

.asya_blog_item {
display: flex;
flex-direction: column;
gap: 12px;
padding: 0 0 18px 0;
border-bottom: 1px solid #e7ecf3;
transition: var(--gecis);
min-width: 0;
}

.asya_blog_item:hover {
border-color: #d2dbe8;
}

.asya_blog_meta_ust {
margin: 0;
}

.asya_blog_kategori {
display: inline-flex;
align-items: center;
align-self: flex-start;
padding: 5px 11px;
font-size: 0.79rem;
font-weight: var(--font_600);
line-height: 1.32;
color: #1f2937;
text-decoration: none;
border: 1px solid #dbe2ec;
background: #f2f5f9;
border-radius: 999px;
}

.asya_blog_kategori:hover {
border-color: #c8d5eb;
color: var(--yazi_acik_mavi);
background: #f1f7ff;
}

.asya_blog_baslik {
margin: 0;
font-size: clamp(1.05rem, 1.14vw, 1.2rem);
line-height: 1.45;
font-weight: var(--font_700);
}

.asya_blog_kategori_icerik {
margin-top: 28px;
}

.asya_listeleme_pagination {
margin-top: 30px;
}

.asya_listeleme_bosluk_mesaj {
margin: 0;
font-size: var(--font_h5);
line-height: 1.45;
font-weight: var(--font_500);
color: var(--yazi_gri);
}

@media (max-width: 1400px) {
.asya_icerik_iki_kolon {
grid-template-columns: minmax(0, 1fr) 360px;
gap: 34px;
}
}

@media (max-width: 1180px) {
.asya_icerik_iki_kolon {
grid-template-columns: 1fr;
gap: 26px;
}
}

@media (max-width: 900px) {
.asya_news_item {
grid-template-columns: 1fr;
}

.asya_blog_liste {
grid-template-columns: 1fr;
gap: 24px;
}
}

@media (max-width: 768px) {
.asya_listeleme_baslik_alani {
margin-bottom: 20px;
padding-bottom: 14px;
}

.asya_news_liste {
gap: 18px;
}

.asya_news_item,
.asya_blog_item {
padding-bottom: 16px;
}

.asya_news_gorsel img,
.asya_blog_gorsel img {
border-radius: 12px;
}

.asya_sag_blok_grup {
padding: 14px;
}

.asya_sag_blok_linkler .asya_sag_blok_link_gorsel {
flex-basis: 52px;
width: 52px;
height: 52px;
}

.asya_sag_blok_linkler_kategori .asya_sag_kategori_link {
padding-right: 34px;
}
}

.asya-token-paket-grubu--sidebar {
margin-top: 22px;
}

.asya-token-paket-grubu--sidebar .splide__arrows {
display: none !important;
}

.asya-token-paket-grubu--sidebar .splide__pagination {
position: static;
left: auto;
right: auto;
bottom: auto;
transform: none;
margin-top: 14px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}

.asya-token-paket-grubu--sidebar .splide__pagination li {
margin: 0;
line-height: 0;
}

.asya-token-paket-grubu--sidebar .splide__pagination__page {
width: 8px;
height: 8px;
margin: 0;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(13, 27, 162, 0.25);
opacity: 1;
transition: width .2s ease, background-color .2s ease;
}

.asya-token-paket-grubu--sidebar .splide__pagination__page.is-active {
transform: none;
width: 22px;
background: var(--arkaplan_acik_mavi);
}

.asya-token-paket-grubu--sidebar .splide__slide {
height: auto;
}

.asya-token-paket-grubu--sidebar .kategori_liste_kart {
height: 100%;
padding: 24px 18px 20px;
}

.asya-token-paket-grubu--sidebar .kategori_liste_baslik_svg svg,
.asya-token-paket-grubu--sidebar .kategori_liste_baslik_svg img {
width: 64px !important;
height: 64px !important;
}

.asya-token-paket-grubu--sidebar .kategori_liste_baslik {
width: 100%;
font-size: var(--font_h5);
line-height: 1.4;
}

.asya-token-paket-grubu--sidebar .kategori_liste_aciklama {
font-size: 0.95rem;
line-height: 1.55;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

.asya-token-paket-grubu--sidebar .kategori_liste_fiyat {
font-size: clamp(1.45rem, 1.8vw, 1.9rem);
margin-bottom: 12px;
}

.asya-token-paket-grubu--sidebar .kategori_liste_kart .link_svg {
margin-top: auto;
margin-bottom: 0;
}

@media (max-width: 560px) {
.asya-token-paket-grubu--sidebar .kategori_liste_kart {
padding: 22px 16px 18px;
}
}