@charset "utf-8";
/* =========================
Site Ana Renkleri
========================= */
:root {
--yazi_mavi: #0077ff;
--yazi_acik_mavi: #3191ff;
--yazi_lacivert: #0d1ba2;
--yazi_turkuaz: #06b6d4;
--yazi_yesil: #16a34a;
--yazi_acik_yesil: #2eea74;
--yazi_turuncu: #ff8c00;
--yazi_acik_turuncu: #ffdbc1;
--yazi_sari: #ffd700;
--yazi_kirmizi: #f50b0b;
--yazi_acik_kirmizi: #ff7979;
--yazi_mor: #8b5cf6;
--yazi_gri: #475569;
--yazi_acik_gri: #f5f6f8;
--yazi_siyah: #0f172a;
--yazi_beyaz: #ffffff;
--border: #e6e9ef;
--arkaplan_mavi: #0077ff;
--arkaplan_acik_mavi: #3191ff;
--arkaplan_lacivert: #0d1ba2;
--arkaplan_turkuaz: #06b6d4;
--arkaplan_yesil: #16a34a;
--arkaplan_acik_yesil: #2eea74;
--arkaplan_turuncu: #ff8c00;
--arkaplan_acik_turuncu: #ffdbc1;
--arkaplan_sari: #ffd700;
--arkaplan_kirmizi: #f50b0b;
--arkaplan_acik_kirmizi: #ff7979;
--arkaplan_mor: #8b5cf6;
--arkaplan_gri: #475569;
--arkaplan_acik_gri: #f5f6f8;
--arkaplan_siyah: #0f172a;
--arkaplan_beyaz: #ffffff;
--arkaplan_gri_acik:  #f8fafc;

--font: "Manrope", sans-serif;
}


::-webkit-scrollbar-track
{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color: var(--arkaplan_gri_acik);
}
::-webkit-scrollbar{
width: 7px;
background-color: var(--arkaplan_gri_acik);
}
::-webkit-scrollbar-thumb{
background-color: var(--arkaplan_lacivert);
}

::-webkit-input-placeholder {
color: var(--arkaplan_lacivert)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-moz-placeholder {
color: var(--arkaplan_lacivert)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
::-moz-placeholder {
color: var(--arkaplan_lacivert)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-ms-input-placeholder {
color: var(--arkaplan_lacivert)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* =========================
Reset Style
========================= */
*,
*::before,
*::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
line-height: 1.5;
}
body {
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
font-family: var(--font);
font-variant-numeric: tabular-nums;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
height: auto;
}
button, input, select, textarea {
font: inherit;
color: inherit;
background: transparent;
border: 0;
outline: 0;
font-size: 16px;
}
button { cursor: pointer; }
table { border-collapse: collapse; width: 100%; }

.site_ortala {
max-width: 1390px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.ust_bosluk {
margin-top: 75px;
}
.temizle {
clear:both;
}


#header_kapla {
width: 100%;
/*min-height: 100dvh;*/
background: linear-gradient(
135deg,
var(--arkaplan_beyaz) 0%,
var(--arkaplan_beyaz) 55%,
var(--arkaplan_beyaz) 100%
);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}


#header_kapla.header_lacivert_yap{
background: linear-gradient(
135deg,
var(--arkaplan_lacivert) 0%,
var(--arkaplan_lacivert) 40%,
var(--arkaplan_lacivert) 70%,
var(--arkaplan_lacivert) 100%
) !important;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-clip: border-box;
}

@supports (background: color-mix(in srgb, #000 50%, #fff)) {
#header_kapla.header_lacivert_yap{
background: linear-gradient(
135deg,
var(--arkaplan_lacivert) 0%,
color-mix(in srgb, var(--arkaplan_lacivert) 70%, var(--arkaplan_lacivert) 30%) 40%,
color-mix(in srgb, var(--arkaplan_lacivert) 40%, var(--arkaplan_lacivert) 60%) 70%,
var(--arkaplan_lacivert) 100%
) !important;
}
}

#header_kapla.header_lacivert_yap .site_header {
background: rgb(0 0 0 / 10%);
}
#header_kapla.header_lacivert_yap .site_ust_sol a,
#header_kapla.header_lacivert_yap .slider_sol h2,
#header_kapla.header_lacivert_yap .slider_sol h1,
#header_kapla.header_lacivert_yap .slider_sol p {
color: var(--yazi_beyaz);
}
#header_kapla.header_lacivert_yap .slider_sol h2 strong,
#header_kapla.header_lacivert_yap .slider_sol h1 strong,
#header_kapla.header_lacivert_yap .site_ust_sol a:hover {
color: var(--yazi_sari);
}
#header_kapla.header_lacivert_yap .slider_sol h2 strong::after,
#header_kapla.header_lacivert_yap .slider_sol h1 strong::after {
background-image: none;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,15 C25,0 75,0 100,15' stroke='black' stroke-width='2' fill='transparent' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,15 C25,0 75,0 100,15' stroke='black' stroke-width='2' fill='transparent' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
background-color: var(--yazi_sari);
}
#header_kapla.header_lacivert_yap .slider_btn {
background: var(--arkaplan_yesil);
}
#header_kapla.header_lacivert_yap .slider_btn::before {
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz));
}
#header_kapla.header_lacivert_yap .slider_kapsayici span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--arkaplan_sari) !important;
}
#header_kapla.header_lacivert_yap .slider_kapsayici .swiper-pagination-bullet {
background: var(--arkaplan_beyaz) !important;
}


#header_kapla.header_lacivert_yap .slider_kapsayici {
position: relative;
z-index: 0;
}

#header_kapla.header_lacivert_yap .slider_kapsayici::after {
background-color: #0C1892;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1900' height='860' preserveAspectRatio='none' viewBox='0 0 1900 860'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1097%26quot%3b)' fill='none'%3e%3crect width='1900' height='860' x='0' y='0' fill='rgba(12%2c 24%2c 146%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c711.257C148.839%2c712.669%2c300.996%2c740.93%2c436.295%2c678.888C581.723%2c612.201%2c716.198%2c502.835%2c777.124%2c354.901C837.317%2c208.746%2c781.678%2c47.292%2c760.952%2c-109.408C739.971%2c-268.036%2c756.95%2c-444.238%2c655.103%2c-567.65C552.684%2c-691.755%2c383.189%2c-741.925%2c223.39%2c-760.796C78.21%2c-777.941%2c-59.666%2c-720.441%2c-196.196%2c-668.183C-322.695%2c-619.765%2c-436.993%2c-555.695%2c-540.553%2c-468.392C-660.575%2c-367.211%2c-798.435%2c-271.452%2c-844.732%2c-121.454C-893.695%2c37.18%2c-874.404%2c217.071%2c-797.544%2c364.226C-722.292%2c508.301%2c-580.052%2c605.805%2c-431.006%2c670.658C-295.949%2c729.424%2c-147.281%2c709.859%2c0%2c711.257' fill='%230b178b'%3e%3c/path%3e%3cpath d='M1900 1777.272C2073.761 1791.304 2241.06 1713.132 2386.873 1617.589 2531.794 1522.6309999999999 2687.859 1405.983 2724.941 1236.738 2761.138 1071.532 2629.341 922.927 2574.099 763.079 2530.5370000000003 637.028 2504.7619999999997 510.175 2434.641 396.731 2353.495 265.44899999999996 2283.141 102.71799999999996 2136.389 54.932000000000016 1989.346 7.052000000000021 1834.828 93.46500000000003 1693.069 155.25900000000001 1565.704 210.779 1453.715 289.472 1360.9850000000001 392.94 1266.999 497.809 1203.02 620.045 1157.185 753.199 1102.5030000000002 912.056 1009.329 1082.403 1069.687 1239.191 1130.2440000000001 1396.496 1319.716 1451.167 1461.1689999999999 1542.835 1603.22 1634.8899999999999 1731.278 1763.647 1900 1777.272' fill='%230d1999'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1097'%3e%3crect width='1900' height='860' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
background-attachment: fixed;
background-size: cover;
pointer-events: none;
content: "";
position: absolute;
inset: 0;
opacity: 0.7;
z-index: -1;
}

#header_kapla.header_lacivert_yap .slider_kapsayici .slider_ic,
#header_kapla.header_lacivert_yap .slider_kapsayici .slider_sag img {
position: relative;
z-index: 1;
}





.site_ust {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
padding: 12px 0;
}
.site_ust .site_ortala {
display: flex;
justify-content: space-between;
align-items: center;
}
.site_ust_sol ul {
display: flex;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.site_ust_sol li {
display: flex;
align-items: center;
}
.site_ust_sol a {
display: flex;
align-items: center;
gap: 8px;
color: var(--yazi_siyah);
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: opacity 0.2s ease;
}
.site_ust_sol a:hover {
color: var(--yazi_lacivert);
}
.site_ust_sol svg {
width: 18px;
height: 18px;
flex-shrink: 0;
stroke: currentColor;
fill: currentColor;
}
.site_ust_sol span {
display: inline-block;
line-height: 1;
}


.site_ust_sag {
display: flex;
align-items: center;
gap: 20px;
}

.kullanici_link {
display: flex;
align-items: center;
gap: 15px;
}

.kullanici_link a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 10px 18px;
border-radius: 14px;
font-weight: 600;
font-size: 14px;
line-height: 1;
color: var(--yazi_beyaz);
text-decoration: none;
z-index: 1;
overflow: hidden;
}

.kullanici_link a svg {
width: 18px;
height: 18px;
flex-shrink: 0;
display: block;
}

.kullanici_link a span {
display: inline-block;
line-height: 1;
}


/* Müşteri Paneli (Yeşil) */
.kullanici_link .mpanel_btn {
background-color: var(--arkaplan_lacivert);
}
.kullanici_link .mpanel_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_lacivert), var(--arkaplan_beyaz), var(--arkaplan_lacivert), var(--arkaplan_beyaz));
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowGreen 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
.kullanici_link .mpanel_btn::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}
.kullanici_link .mpanel_btn:hover::after {
opacity: 1;
transform: translateX(100%);
}

/* Hesap Oluştur (Turuncu) */
.kullanici_link .hesap_btn {
background-color: var(--arkaplan_yesil);
/*background-color: var(--arkaplan_turuncu);*/
}
.kullanici_link .hesap_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz));
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowOrange 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
.kullanici_link .hesap_btn::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}
.kullanici_link .hesap_btn:hover::after {
opacity: 1;
transform: translateX(100%);
}

/* Animasyonlar */
@keyframes borderFlowGreen {
0%   { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
@keyframes borderFlowOrange {
0%   { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}

@media (max-width: 768px){
.site_ust{gap:10px;padding:10px 0}
.site_ust .site_ortala{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-left:15px;padding-right:15px}

.site_ust_sol{display:flex;align-items:center;min-width:0}
.site_ust_sol ul{display:flex;flex-direction:row;gap:5px;margin:0;padding:0;text-align:left}
.site_ust_sol ul li:not(:first-child){display:none}

.site_ust_sag{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:flex-end;min-width:0}
.kullanici_link{display:flex;flex-direction:row;align-items:center;gap:8px}
}
@media (max-width: 500px){
.site_ust_sol {display: none;}
.site_ust_sag{width: 100%;justify-content:center;}
}

.bghareket {
width: 100%;
height: 13px;
background: linear-gradient(
90deg,
#007cf0,
#00df76,
#ff7c3f,
#007cf0
);
background-size: 300% 100%;
animation: gradientSlide 5s linear infinite;
border-radius: 2px;
}

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


.site_header{width:100%;position:relative;z-index:200;background: var(--arkaplan_lacivert);padding: 20px 0px 15px 0px;}
.header_container{display:flex;align-items:center;justify-content:space-between;height:auto; padding: 0px 15px; position:relative;}
.header_logo img{width: auto;height:44px;display:block}
@media (max-width: 500px){
.header_logo img{height:36px;}
}
.main_nav .menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}
.main_nav .menu>li{position:relative}
.main_nav .menu>li>a{position:relative;display:flex;align-items:center;gap:1px;padding:6px 4px 6px 4px;font-weight:600;color:var(--yazi_beyaz);text-decoration:none;white-space:nowrap}
.main_nav .menu>li>a::after{content:"";position:absolute;left:0;bottom:-17px;width:0;height:2px;background:#fff;transition:width .25s ease}
.main_nav .menu>li>a:hover::after{width:100%}

.badge{position:absolute;top:-16px;left:0;/*transform:translateX(-50%);*/font-size:10px;line-height:1;padding:5px 8px;border-radius:6px;color:var(--yazi_beyaz)}
.bg-kampanya{--badge-base:var(--arkaplan_yesil)}
.bg-indirim{--badge-base:var(--arkaplan_turuncu)}
.bg-duyuru{--badge-base:var(--arkaplan_kirmizi)}

.badge--blink {
animation: badgeBlink 1.8s ease-in-out infinite;
}

@keyframes badgeBlink {
0%, 100% {
background-color: var(--badge-base);
}
50% {
background-color: color-mix(in srgb, var(--badge-base), white 30%);
}
}

.menu .toggle_icon{width:12px;height:12px;margin-left:4px;display:inline-block;vertical-align:middle;transition:transform .25s ease;transform-origin:50% 50%}
.menu>li.open>a .toggle_icon{transform:rotate(180deg)}

.dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);min-width:200px;max-width:280px;background:var(--arkaplan_beyaz);
border-radius:0px 0px 14px 14px;box-shadow:0 10px 30px rgba(0,0,0,.12);list-style:none;margin:0;padding:10px 0;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease}
.dropdown li{list-style:none;margin:0;padding:0}
.dropdown li a{display:block;padding:12px 16px;color:var(--yazi_siyah);text-decoration:none}
.dropdown li a:hover{background:rgba(17,36,218,.06)}
.has-dropdown.open>.dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.megamenu{
position:absolute;
top:calc(100% - -15px);
left:15px;
right:15px;
transform:translateY(8px);
background:var(--arkaplan_beyaz);
/*background: rgb(13 28 167 / 40%);*/
border-radius:0 0 14px 14px;
box-shadow:-1px 10px 10px 0px rgba(0, 0, 0, .16);
padding:22px;
display:grid;
grid-template-columns:1fr 323px;
align-items:stretch;
gap:18px;
opacity:0;
visibility:hidden;
transition:opacity .25s ease,transform .25s ease;
}
.has-megamenu.open>.megamenu{opacity:1;visibility:visible;transform:translateY(0)}
.megamenu:not(:has(.megamenu_gorsel)){grid-template-columns:1fr}

.megamenu_gorsel{
position:relative;
border-radius:12px;
overflow:hidden;
align-self:stretch;
}
.megamenu_gorsel img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
display:block;
}

.megamenu_itemler{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
align-content:start;
}
.megamenu:not(:has(.megamenu_gorsel)) .megamenu_itemler{grid-template-columns:repeat(3,minmax(0,1fr))}

.mega_item{
display:flex;
align-items:center;
gap:12px;
background:rgba(2,6,23,.04);
border-radius:12px;
padding:10px;
position:relative;
transition: background .32s cubic-bezier(.22,.61,.36,1), transform .32s cubic-bezier(.22,.61,.36,1), opacity .32s ease;
will-change: transform;
transform: scale(1);
}
.mega_item:hover{
background: var(--arkaplan_lacivert);
}
.mega_item > a{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
color:inherit;
width:100%;
margin:-10px;
padding:10px;
border-radius:inherit;
}
.mega_media{
width:62px;
height:62px;
border-radius: 50% 20% 60% 30%;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 62px;
border: 0;
background: var(--arkaplan_beyaz);
transition: border-radius .32s cubic-bezier(.22,.61,.36,1), background .32s cubic-bezier(.22,.61,.36,1);
}

.mega_item:hover .mega_media{
background: var(--arkaplan_beyaz);
border-radius: 20% 60% 30% 50%;
}

.mega_txt{display:flex;flex-direction:column;justify-content:center}
.mega_txt h4{margin:0 0 4px 0;font-size:15px;font-weight:700;color:var(--yazi_siyah);transition: color .32s cubic-bezier(.22,.61,.36,1)}
.mega_txt p{margin:0;font-size:13px;color:var(--yazi_siyah); opacity: 0.7;transition: color .32s cubic-bezier(.22,.61,.36,1), opacity .32s ease}
.mega_item:hover .mega_txt h4,
.mega_item:hover .mega_txt p{
color: var(--yazi_beyaz);
opacity: 1;
}

.menu_duyuru{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:12px 14px;
border-radius:14px;
border:1px solid transparent;
color:var(--yazi_siyah);
}
.menu_duyuru svg{
width:32px;
height:32px;
flex:0 0 32px;
color:currentColor;
}
.menu_duyuru p{
margin:0;
font-size:14px;
line-height:1.35;
color:inherit;
}
.menu_duyuru p strong{
font-weight:800;
color:inherit;
}
.menu_duyuru.yesil{
background: rgba(34,197,94,.12);
border-color: rgba(34,197,94,.22);
color: #16a34a;
}
.menu_duyuru.turuncu{
background: rgba(249,115,22,.12);
border-color: rgba(249,115,22,.22);
color: #ea580c;
}
.menu_duyuru.mavi{
background: rgba(59,130,246,.12);
border-color: rgba(59,130,246,.22);
color: #2563eb;
}
.menu_duyuru.mor{
background: rgba(168,85,247,.12);
border-color: rgba(168,85,247,.22);
color: #7c3aed;
}
.menu_duyuru.kirmizi{
background: rgba(239,68,68,.12);
border-color: rgba(239,68,68,.22);
color: #dc2626;
}
.menu_duyuru.sari{
background: rgba(234,179,8,.14);
border-color: rgba(234,179,8,.24);
color: #b45309;
}


.nav_toggle{width:28px;height:22px;position:relative;background:transparent;border:0;cursor:pointer;display:none}
.nav_toggle span{position:absolute;left:0;width:100%;height:3px;background:var(--yazi_beyaz);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.nav_toggle span:nth-child(1){top:0}
.nav_toggle span:nth-child(2){top:9px}
.nav_toggle span:nth-child(3){bottom:0}

.drawer_header,.drawer_footer{display:none}
.nav_overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:none;z-index:190}
.nav_overlay.is-ready{transition:opacity .25s ease}

.menu > li.has-dropdown { position: relative; }
.menu > li.has-megamenu { position: static; }


.menu > li.has-dropdown::after{
content:"";
position:absolute;
left:0;
top:100%;
width:100%;
height:22px;
pointer-events:auto;
background:transparent;
}

@media (min-width: 981px) and (max-width: 1200px){
  .main_nav .menu{gap:5px}
  .main_nav .menu>li>a {font-size: 14px;}
}

@media(max-width:980px){
.nav_toggle{display:block}
.nav_overlay.active{opacity:1;visibility:visible}
.main_nav{position:fixed;top:0;left:0;height:100dvh;width:100%;background:var(--arkaplan_beyaz);transform:translateX(-100%);transition:none;z-index:195;display:flex;flex-direction:column}
.main_nav.is-ready{transition:transform .3s ease}
.main_nav.active{transform:translateX(0)}
.main_nav.active .dropdown li.has-dropdown.open,
.main_nav.active .dropdown li.has-megamenu.open {padding: 10px 0px;}
.drawer_header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0px 16px;}
.drawer_logo img{width: 100%; max-height:55px; height: auto; display:block}
.drawer_close{width:28px;height:28px;border:0;background:transparent;position:relative}
.drawer_close::before,.drawer_close::after{content:"";position:absolute;left:6px;right:6px;height:2px;top:13px;background:var(--yazi_siyah);transform:rotate(45deg)}
.drawer_close::after{transform:rotate(-45deg)}
.drawer_body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:6px 12px 12px 12px;scrollbar-width:none}
.drawer_body::-webkit-scrollbar{width:0;height:0}

.drawer_footer {
display: flex;
padding: 16px 12px 12px 12px;
border-top: 1px solid rgba(255,255,255,.08);
gap: 12px;
justify-content: space-between;
}

.drawer_footer a {
position: relative;
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 10px 18px;
border-radius: 14px;
font-weight: 600;
font-size: 14px;
line-height: 1;
color: var(--yazi_beyaz);
text-decoration: none;
z-index: 1;
overflow: hidden;
}

.drawer_footer a span {
display: inline-block;
line-height: 1;
}

.drawer_footer a svg {
width: 18px;
height: 18px;
flex-shrink: 0;
display: block;
}

/* Ortak hover efekti */
.drawer_footer a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}

.drawer_footer a:hover::after {
opacity: 1;
transform: translateX(100%);
}

/* Müşteri Paneli */
.mpanel_btn {
background-color: var(--arkaplan_lacivert); /* normal */
}
.mpanel_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_lacivert), var(--arkaplan_beyaz), var(--arkaplan_lacivert), var(--arkaplan_beyaz));
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowGreen 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}

/* Hesap Oluştur */
.hesap_btn {
background-color: var(--arkaplan_yesil);
}
.hesap_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz), var(--arkaplan_yesil), var(--arkaplan_beyaz));
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowOrange 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}

/* Destek Sistemi */
.destek_btn {
background-color: var(--arkaplan_kirmizi); /* normal */
}
.destek_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(90deg, var(--arkaplan_beyaz), var(--arkaplan_kirmizi), var(--arkaplan_beyaz), var(--arkaplan_kirmizi), var(--arkaplan_beyaz));
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowOrange 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}


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


.main_nav .menu{flex-direction:column;align-items:flex-start;gap:0;list-style:none;margin:0;padding:0;float:unset!important;}
.main_nav .menu>li{width:100%;border-bottom: 1px solid rgb(0 0 0 / 9%);}
.main_nav .menu>li.has-megamenu.open {border-bottom: 0px;}
.main_nav .menu>li>a{color:var(--yazi_siyah);padding:14px 6px;width:100%;justify-content:flex-start;gap:6px;display:flex;align-items:center;}
.main_nav .menu>li>a::after{bottom:0px;background:rgb(255 255 255 / 20%);}
.badge{position:static;transform:none;margin-left:8px;}
.main_nav .menu>li>a .badge{margin-left:auto;}
.main_nav .menu>li>a .toggle_icon{margin-left:auto;flex-shrink:0;}
.main_nav .menu>li>a .badge + .toggle_icon{margin-left:6px;}
.main_nav .menu>li>a::after{bottom:0px;background:rgb(255 255 255 / 20%)}

.dropdown{position:absolute;left:0;right:0;box-shadow:none;border-radius:10px;width:100%;opacity:0;visibility:hidden;transform:scaleY(0);transform-origin:top;overflow:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s;background:transparent;padding:0;z-index:200;}
.has-dropdown.open>.dropdown{opacity:1;visibility:visible;transform:scaleY(1);padding:0px 0;position:static;max-width: 100%;}
.dropdown li a {
display: block;
padding: 12px 12px;
color: var(--yazi_beyaz);
text-decoration: none;
}


.megamenu{
position:absolute;left:0;right:0;
border-radius:10px;
background:transparent;
box-shadow:none;
width:100%;
padding:0;
display:grid;
grid-template-columns:1fr;
gap:12px;
opacity:0;
visibility:hidden;
transform:scaleY(0);
transform-origin:top;
overflow:hidden;
transition:transform .25s ease,opacity .25s ease,visibility .25s;
z-index:200;
}
.has-megamenu.open>.megamenu{opacity:1;visibility:visible;transform:scaleY(1);padding:10px 0;position:static;}



.megamenu_gorsel{grid-column:1;border-radius:10px;overflow:hidden;display: none;}
.megamenu_gorsel img{position:static;inset:auto;width:100%;height:auto;display:block;object-fit:cover}

.megamenu_itemler{
grid-column:1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px;
align-content:start;
}
.mega_txt h4{color:var(--yazi_siyah)}
.mega_txt p{color:var(--yazi_siyah);}
.mega_item:hover{
transform: scale(1);
}
.megamenu:not(:has(.megamenu_gorsel)) .megamenu_itemler{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega_item{border-bottom: 1px solid rgb(0 0 0 / 9%);background: transparent; border-radius: unset;padding: 5px 0px}

.mega_item:hover .mega_media,
.mega_media {
background: transparent;
border-radius: unset!important;
}
.mega_item:hover .mega_media img{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}


}

@media(max-width:768px){
.megamenu_itemler{grid-template-columns:1fr}
.megamenu:not(:has(.megamenu_gorsel)) .megamenu_itemler{grid-template-columns:1fr}
}
@media (max-width:500px){
.drawer_footer a {
font-size: 12px;
line-height: 1.3;
}
}
html.no-scroll,body.no-scroll{overflow:hidden}

.header_logo{flex:0 0 auto;}
.main_nav{
flex:1 1 auto; min-width:0;
display: flex;
justify-content: center;
}
.header_tools{
flex:0 0 auto;
margin-left:auto;
display:flex;
align-items:center;
justify-content:flex-end;
gap:12px;
margin-right: 10px;
}
.header_tools > *{
display:flex;
align-items:center;
}
.header_tools > .sepet{
float: unset;
width: unset;
margin-bottom: unset;
}
.header_tools a{
display:inline-flex;
align-items:center;
text-decoration:none;
color:var(--yazi_beyaz);
line-height:1;
font-weight:600;
}

.header_tools .langflagicon img{
width:20px;
height:20px;
display:block;
border-radius:50%;
opacity: unset;
float: unset;
margin-top: unset;
}

.header_tools .scurrencyicon{
font-size:13px;
padding:6px 8px;
border-radius:8px;
background:rgba(255,255,255,.10);
}

.header_tools .sepet a{
position:relative;
display:inline-flex;
align-items:center;
}
.header_tools .sepet svg{
width:24px;
height:24px;
display:block;
}
.header_tools .basket-count{
position:absolute;
top:-6px;
right:-6px;
display:inline-flex;
align-items:center;
justify-content:center;
width: 18px;
height: 18px;
box-sizing:border-box;
border-radius:50%;
aspect-ratio:1/1;
background:var(--arkaplan_kirmizi);
color:var(--yazi_beyaz);
font-size:10px;
font-weight:400;
line-height:1;
text-align:center;
border:2px solid rgba(255,255,255,.9);
}

@media (max-width:980px){
.header_tools{
margin-right: 25px;
gap:10px;
}
.header_tools .scurrencyicon{
font-size:12px;
padding:6px 8px;
background:rgba(255,255,255,.12);
}
.header_tools .sepet svg{
width:22px;
height:22px;
}
.header_tools .basket-count{
top:-6px;
right:-6px;
font-size:9px;
}
}


.dropdown-wrap {
position: relative;
display: flex;
align-items: center;
}

.dropdown-menu {
position: absolute;
top: calc(100% + 10px);
right: 0;
min-width: 220px;
max-height: 360px;
overflow-y: auto;
padding: 5px;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(0,0,0,0.12);
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 5px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(-10px) scale(0.98);
transition: all 0.2s cubic-bezier(0.16,1,0.3,1);
scrollbar-width: none;
}

.dropdown-menu::-webkit-scrollbar {
display: none;
}

.dropdown-open .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}

.dropdown-menu a {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
color: var(--yazi_siyah);
text-decoration: none;
transition: all 0.2s cubic-bezier(0.16,1,0.3,1);
position: relative;
}
.dropdown-menu a strong {
font-size: 13px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background: var(--arkaplan_gri);
border-radius: 9999px;
color: var(--yazi_beyaz);
font-weight: 500;
}

.dropdown-menu a img {
width: 20px;
height: 20px;
border-radius: 50%;
}

.dropdown-menu a:hover {
background: rgba(0,0,0,0.06);
color: var(--yazi_siyah);
}

.dropdown-menu .active-item {
background: rgba(0,0,0,0.12);
color: var(--yazi_siyah);
font-weight: 600;
position: relative;
}

.dropdown-menu .active-item::after {
content: '';
width: 6px;
height: 6px;
background: var(--arkaplan_yesil);
border-radius: 50%;
margin-left: auto;
}


.slider_kapsayici {
width: 100%;
min-height: calc(100dvh - 140px);
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
}
.slider_ic {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
box-sizing: border-box;
}
.slider_sag {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 0;
order: 2;
}
.slider_sol {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
color: var(--yazi_beyaz);
min-width: 0;
order: 1;
}

.slider_sol h2,
.slider_sol h1 {
font-size: 46px;
line-height: 1.5;
font-weight: 300;
margin: 0 0 0px 0;
letter-spacing: -0.5px;
position: relative;
color: var(--yazi_siyah);
}

.slider_sol h2 strong,
.slider_sol h1 strong {
font-weight: 900;
position: relative;
display: inline-block;
color: var(--yazi_lacivert);
}
.slider_sol h2 strong::after,
.slider_sol h1 strong::after {
content: "";
position: absolute;
left: 0;
bottom: -14px;
width: 100%;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,15 C25,0 75,0 100,15' stroke='%230d1ba2' stroke-width='2' fill='transparent' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
background-size: 100% 100%;
z-index: 0;
}



.slider_sol p {
font-size: 20px;
line-height: 1.6;
color: var(--yazi_siyah);
max-width: 90%;
margin: 0 0 5px 0;
}

.slider_btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 22px;
border-radius: 14px;
font-weight: 600;
font-size: 15px;
line-height: 1;
color: var(--yazi_beyaz);
text-decoration: none;
z-index: 1;
overflow: hidden;
background-color: var(--arkaplan_turuncu);
width: auto;
max-width: max-content;
align-self: flex-start;
}


.slider_btn svg {
width: 22px;
height: 22px;
flex-shrink: 0;
display: block;
}

.slider_btn span {
display: inline-block;
line-height: 1;
}

.slider_btn::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background-image: linear-gradient(
90deg,
var(--arkaplan_beyaz),
var(--arkaplan_turuncu),
var(--arkaplan_beyaz),
var(--arkaplan_turuncu),
var(--arkaplan_beyaz)
);
background-size: 300% 100%;
background-position: 0% 50%;
animation: borderFlowGreen 6.5s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}

.slider_btn::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(
120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%
);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}

.slider_btn:hover::after {
opacity: 1;
transform: translateX(100%);
}

@keyframes borderFlowGreen {
0%   { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}

.slider_sag img {
max-width: 100%;
max-height: 70vh;
object-fit: contain;
display: block;
}

.slider_kapsayici .swiper-pagination {
bottom: 20px !important;
text-align: center;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

.slider_kapsayici .swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
background: var(--arkaplan_lacivert) !important;
opacity: 0.4 !important;
margin: 0 6px !important;
border-radius: 50% !important;
transform: scale(1) !important;
transition: all 0.4s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

.slider_kapsayici .swiper-pagination-bullet-active {
width: 16px !important;
height: 16px !important;
opacity: 1 !important;
transform: scale(1.1) !important;
background: var(--arkaplan_lacivert) !important;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
}


.swiper-button-next,
.swiper-button-prev {
bottom: 20px;
top: auto;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(4px);
color: var(--yazi_beyaz);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background: rgba(255,255,255,0.4);
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 16px;
}

.swiper-button-next { right: 20px; }
.swiper-button-prev { right: 70px; }

@media(max-width: 768px) {
.slider_ic {
flex-direction: column;
justify-content: center;
text-align: center;
gap: 30px;
padding: 40px 0;
}
.slider_sol {
align-items: center;
}
.slider_sag {
justify-content: center;
}
.slider_sol h2,
.slider_sol h1 { font-size: 28px; }
.slider_sol p { font-size: 16px; }
.slider_sag img { max-width: 50%; }
.slider_btn {margin: 0px auto;}
}



.slider_sol h2,
.slider_sol h1,
.slider_sol p,
.slider_sol a {
opacity: 0;
transform: translateX(-40px);
}

.swiper-slide-active .slider_sol h2,
.swiper-slide-active .slider_sol h1 {
animation: fadeInLeft 0.8s ease forwards;
}
.swiper-slide-active .slider_sol p {
animation: fadeInLeft 0.8s ease forwards 0.3s;
}
.swiper-slide-active .slider_sol a {
animation: fadeInLeft 0.8s ease forwards 0.6s;
}

@keyframes fadeInLeft {
0% { opacity: 0; transform: translateX(-40px); }
100% { opacity: 1; transform: translateX(0); }
}

.slider_sag img {
opacity: 0;
}

.swiper-slide-active .slider_sag img {
animation: zoomInImg 0.6s ease forwards 0.2s;
}

@keyframes zoomInImg {
0% { opacity: 0; transform: scale(0.7); }
100% { opacity: 1; transform: scale(1); }
}
@media (max-width: 768px) {
.slider_sol h2,
.slider_sol h1,
.slider_sol p,
.slider_sol a {
opacity: 1 !important;
transform: translateX(0) !important;
animation: none !important;
}

.slider_sag img {
opacity: 1 !important;
transform: scale(1) !important;
animation: none !important;
}
}
.slider_kapsayici .swiper-slide:first-child {
opacity: 1 !important;
visibility: visible !important;
}

.slider_kapsayici .swiper-slide.force-visible {
opacity: 1 !important;
visibility: visible !important;
}

.slider_kapsayici.swiper-initialized .swiper-slide.force-visible {
opacity: 1 !important;
}

@media (max-width: 768px) {
.slider_kapsayici .swiper-slide {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
animation: none !important;
}
.swiper-slide .slider_sag img {
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
.swiper-slide .slider_sol h1,
.swiper-slide .slider_sol h2,
.swiper-slide .slider_sol p,
.swiper-slide .slider_sol a {
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
}
.slider_kapsayici .swiper-slide:first-child {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
transition: none !important;
}
.slider_kapsayici .swiper-slide.force-visible {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}



#anasayfa_alanadi {
width: 100%;
padding: 60px 0;
background: #f3f7fb;
}

#anasayfa_alanadi .alanadi_ana_ortala {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}

#anasayfa_alanadi .alanadi_sol {
flex: 1;
min-width: 300px;
}

#anasayfa_alanadi .alanadi_slider {
width: 100%;
}

#anasayfa_alanadi .alanadi_slider .swiper-wrapper {
transition-timing-function: ease-in-out !important;
}


#anasayfa_alanadi .alanadi_slider .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
box-sizing: border-box;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 14px 12px;
border-radius: 10px;
background: rgb(255 255 255 / 80%);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
text-align: center;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.04);
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld img {
display: block;
height: 28px;
width: auto;
object-fit: contain;
margin-bottom: 5px;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld .bilgi {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld .bilgi strong {
font-size: 14px;
font-weight: 700;
color: var(--yazi_siyah);
line-height: 1.25;
margin-bottom: 2px;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld .bilgi span {
font-size: 12px;
color: var(--yazi_gri);
font-weight: 500;
line-height: 1.2;
opacity: 0.6;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld .amount_spot_view {
font-size: 18px;
font-weight: 800;
color: var(--yazi_turuncu);
text-align: center;
margin-top: 5px;
line-height: 1;
display: flex;
align-items: baseline;
justify-content: center;
gap: 3px;
}

#anasayfa_alanadi .alanadi_slider .alanadi_sld .amount_spot_view .currposright {
font-size: 14px;
font-weight: 600;
margin-left: 0px;
color: var(--yazi_turuncu);
opacity: 0.9;
}




#anasayfa_alanadi .alanadi_sag {
flex: 1;
min-width: 300px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 15px;
}

#anasayfa_alanadi .input_wrapper {
position: relative;
flex: 1;
display: flex;
align-items: stretch;
}

#anasayfa_alanadi .input_wrapper svg {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--yazi_gri);
pointer-events: none;
width: 28px;
height: 28px;
opacity: 0.7;
}

#anasayfa_alanadi .input_wrapper input {
flex: 1;
width: 100%;
padding: 12px 14px 12px 50px;
font-size: 16px;
font-weight: 700;
border: 2px solid var(--arkaplan_lacivert);
border-right: none;
border-radius: 6px 0 0 6px;
outline: none;
box-sizing: border-box;
}

#anasayfa_alanadi .input_wrapper input:focus {
border-color: var(--arkaplan_lacivert);
}
input::placeholder {
color: #a7a7a7!important;
opacity: 1 !important;
isolation: isolate !important;
mix-blend-mode: normal !important;
font-weight: 600!important;
}

#anasayfa_alanadi .input_wrapper button {
padding: 0 24px;
font-size: 16px;
font-weight: 600;
background: var(--arkaplan_lacivert);
color: var(--yazi_beyaz);
border: 2px solid var(--arkaplan_lacivert);
border-left: none;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background 0.2s ease;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

#anasayfa_alanadi .input_wrapper button:hover {
background: var(--arkaplan_lacivert);
border-color: var(--arkaplan_lacivert);
}

#anasayfa_alanadi .input_wrapper button::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}

#anasayfa_alanadi .input_wrapper button:hover::after {
opacity: 1;
transform: translateX(100%);
}

#anasayfa_alanadi .alanadi_ozellik_liste_anasayfa {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px 20px;
margin: 0;
padding: 0;
list-style: none;
}

#anasayfa_alanadi .alanadi_ozellik_liste_anasayfa li {
font-size: 14px;
font-weight: 500;
color: var(--yazi_siyah);
padding-left: 20px;
position: relative;
line-height: 1;
}

#anasayfa_alanadi .alanadi_ozellik_liste_anasayfa li::before {
content: "";
position: absolute;
left: 0; top: 50%;
transform: translateY(-50%);
width: 14px; height: 14px;
display: block;
color: var(--yazi_lacivert);
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-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");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-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");
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
-webkit-mask-position: center; mask-position: center;
}

@media (max-width: 980px) {
#anasayfa_alanadi .alanadi_ana_ortala {
flex-direction: column-reverse;
gap: 30px;
}
#anasayfa_alanadi .alanadi_sag {
width: 100%;
}
#anasayfa_alanadi .alanadi_sol {
width: 100%;
}
}

@media (max-width: 640px) {
#anasayfa_alanadi .alanadi_ozellik_liste_anasayfa {
display: none;
}
}



/* Ortalanmış Başlık Alanı */
.ortali_baslik {
text-align: center;
width: 100%;
margin: 0 auto 60px;
}
.ortali_baslik h1,
.ortali_baslik h2 {
position: relative;
font-size: clamp(1.8rem, 2vw + 1rem, 2.6rem);
font-weight: 300;
color: var(--yazi_siyah);
line-height: 1.5;
margin-bottom: 10px;
letter-spacing: 0px;
}
.ortali_baslik h1 strong,
.ortali_baslik h2 strong {
position: relative;
font-weight: 900;
color: var(--yazi_lacivert);
display: inline-block;
padding-bottom: 5px;
max-width: 100%;
}
.ortali_baslik h1 strong::after,
.ortali_baslik h2 strong::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,15 C25,0 75,0 100,15' stroke='%230d1ba2' stroke-width='2' fill='transparent' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
background-size: 100% 100%;
z-index: 0;
}
.ortali_baslik p {
font-size: 22px;
color: var(--yazi_gri);
margin-top: 15px;
line-height: 1.4;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}


#anasayfa_kartlar ul.kart_liste {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
list-style: none;
margin: 30px 0 0;
padding: 0;
}

#anasayfa_kartlar ul.kart_liste > li {
--sdh-badge: 46px;
position: relative;
flex: 0 1 calc((100% - 60px) / 3);
border-radius: 16px 16px 0px 16px;
padding: 30px 30px 30px 30px;
text-align: center;
cursor: default;
background: linear-gradient(180deg, var(--arkaplan_acik_gri) 0%, var(--arkaplan_acik_gri) 100%);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
transition: none;
z-index: 0;
}

#anasayfa_kartlar ul.kart_liste > li::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
clip-path: inset(0 round 16px);
background: radial-gradient(circle at 50% 50%, var(--arkaplan_lacivert) 0%, var(--arkaplan_lacivert) 100%);
transform: scale(0);
opacity: 0;
z-index: 0;
}

@keyframes sdhFillIn {
0%   { transform: scale(0);    opacity: 0; }
60%  { transform: scale(1.05); opacity: .9; }
100% { transform: scale(1);    opacity: 1; }
}

#anasayfa_kartlar ul.kart_liste > li:hover::before,
#anasayfa_kartlar ul.kart_liste > li:focus-within::before {
animation: sdhFillIn .6s ease forwards;
}

#anasayfa_kartlar ul.kart_liste > li .ikon {
position: absolute;
bottom: 0px;
right: 0px;
width: 76px;
height: 66px;
border-radius: 30px 0px 0px 0px;
background: var(--arkaplan_beyaz);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}

#anasayfa_kartlar ul.kart_liste > li .ikon svg {
width: 42px;
height: 42px;
color: var(--yazi_gri);
transition: color .3s ease;
}
#anasayfa_kartlar ul.kart_liste > li:hover .ikon svg {
color: var(--yazi_lacivert);
}

#anasayfa_kartlar ul.kart_liste > li .ikon i {
font-size: 42px;
color: var(--yazi_gri);
transition: color .3s ease;
}
#anasayfa_kartlar ul.kart_liste > li:hover .ikon i {
color: var(--yazi_lacivert);
}

#anasayfa_kartlar ul.kart_liste > li strong {
font-size: 20px;
font-weight: 800;
color: var(--yazi_siyah);
margin-bottom: 10px;
display: block;
position: relative;
z-index: 1;
transition: color .3s ease;
}

#anasayfa_kartlar ul.kart_liste > li p {
max-width: 80%;
font-size: 16px;
line-height: 1.6;
color: var(--yazi_gri);
margin: 0;
flex: 1;
position: relative;
z-index: 1;
transition: color .3s ease;
text-align: left;
}

#anasayfa_kartlar ul.kart_liste > li:hover strong,
#anasayfa_kartlar ul.kart_liste > li:hover p,
#anasayfa_kartlar ul.kart_liste > li:focus-within strong,
#anasayfa_kartlar ul.kart_liste > li:focus-within p {
color: var(--yazi_beyaz);
}

/* Responsive */
@media (max-width: 980px) {
#anasayfa_kartlar ul.kart_liste > li {
flex: 0 1 calc((100% - 30px) / 2);
}
}

@media (max-width: 640px) {
#anasayfa_kartlar ul.kart_liste > li {
flex: 0 1 100%;
}
}







/* Fiyat filtreleme alanı */
.fiyat-filtre-alani {
margin-bottom: 30px;
text-align: center;
}
.fiyat-filtre-bar {
display: inline-block;
background: var(--arkaplan_lacivert);
border-radius: 50px;
padding: 5px 5px;
position: relative;
margin: 0 auto;
}
.fiyat-filtre {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
position: relative;
overflow: visible;
z-index: 1;
}
.fiyat-filtre button {
position: relative;
background: transparent;
border: none;
border-radius: 25px;
font-weight: 600;
font-size: 1rem;
color: var(--yazi_beyaz);
cursor: pointer;
transition: all 0.3s ease;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 18px;
font-size: 14px;
}
.buton-icerik {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
pointer-events: none;
}
.buton-icerik strong {
display: flex;
align-items: baseline;
gap: 2px;
}

.buton-icerik strong p {
display: inline;
font-size: 12px;
margin: 0;
line-height: 1;
font-weight: 400;
}

.fiyat-filtre button.aktif {
background: var(--arkaplan_acik_yesil);
color: var(--yazi_beyaz);
box-shadow: 0 0 12px rgba(34,197,94,0.4);
}
.indirim-baloncuk {
position: absolute;
top: -28px;
left: 50%;
transform: translateX(-50%);
background: var(--arkaplan_acik_yesil);
color: var(--yazi_beyaz);
font-size: 0.75rem;
font-weight: 700;
padding: 6px 8px;
border-radius: 10px;
white-space: nowrap;
z-index: 3;
opacity: 1;
line-height:1;
}
.fiyat-filtre button.aktif .indirim-baloncuk {
top: -34px;
}
.indirim-baloncuk::after {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid var(--arkaplan_acik_yesil);
}
.fiyat-filtre button.aktif .indirim-baloncuk {
animation: baloncukVurgu 0.4s ease;
}
/* Baloncuk animasyonu */
@keyframes baloncukVurgu {
0% {
transform: translateX(-50%) translateY(10px) scale(0.9);
opacity: 0.5;
}
60% {
transform: translateX(-50%) translateY(-5px) scale(1.05);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(0) scale(1);
opacity: 1;
}
}


/* Sekme yapısı */
.sekme-listesi,
.alt-sekme-listesi {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}

/* Sekme butonları */
.sekme-listesi button,
.alt-sekme-listesi button,
.alt-sekme-listesi a {
position: relative;
flex: 1 1 calc(25% - 12px);
max-width: calc(25% - 12px);
min-width: 220px;
background: #fff;
border: 1px solid #ddd;
padding: 6px 16px;
border-radius: 6px;
font-weight: 500;
cursor: pointer;
transition: all 0.25s ease;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 58px;
color: #333;
text-align: left;
z-index: 1;
}

/* SVG ve strong'lar butonun parçası */
.sekme-listesi button * ,
.alt-sekme-listesi button * ,
.alt-sekme-listesi a * {
pointer-events: none;
}

/* Hover */
.sekme-listesi button:hover,
.alt-sekme-listesi button:hover,
.alt-sekme-listesi a:hover {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
background: #f6f9ff;
}

/* Aktif */
.sekme-listesi button.aktif,
.alt-sekme-listesi button.aktif,
.alt-sekme-listesi a.aktif {
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
border-color: var(--arkaplan_mavi);
position: relative;
}



/* Pasif ikon (her zaman görünür) */
.sekme-listesi button::before,
.alt-sekme-listesi button::before,
.alt-sekme-listesi a::before {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
display: none;
width: 18px;
height: 18px;
opacity: 0.25;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12m0-1A5 5 0 1 1 8 3a5 5 0 0 1 0 10'/%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}

/* Aktif durumda pasif ikon gizlenir */
.sekme-listesi button.aktif::before,
.alt-sekme-listesi button.aktif::before,
.alt-sekme-listesi a.aktif::before {
opacity: 0;
}

/* Aktif ikon (sadece aktif butonda) */
.sekme-listesi button.aktif::after,
.alt-sekme-listesi button.aktif::after,
.alt-sekme-listesi a.aktif::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
display: inline-block;
width: 22px;
height: 22px;
opacity: 0.6;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}



/* SVG ikon */
.sekme-listesi a:nth-last-of-type(2) svg,
.sekme-listesi button:nth-last-of-type(2) svg {
width: 47px;
height: 47px;
}
.sekme-listesi button svg,
.alt-sekme-listesi button svg,
.alt-sekme-listesi a svg {
flex-shrink: 0;
width: 52px;
height: 52px;
color: currentColor;
transition: transform 0.25s ease;
}




/* Responsive düzeltme */
@media (max-width: 992px) {
.sekme-listesi button,
.alt-sekme-listesi button,
.alt-sekme-listesi a {
flex: 1 1 calc(33.333% - 12px);
max-width: calc(33.333% - 12px);
}
}

@media (max-width: 768px) {
.sekme-listesi button,
.alt-sekme-listesi button,
.alt-sekme-listesi a {
flex: 1 1 calc(50% - 10px);
max-width: calc(50% - 10px);
min-width: 180px;
}
.fiyat-filtre {
gap: 10px;
}
.fiyat-filtre button {
padding: 4px 9px;
}
.buton-icerik strong p {
font-size: 10px!important;
}
}

@media (max-width: 550px) {
.sekme-listesi button,
.alt-sekme-listesi button,
.alt-sekme-listesi a {
flex: 1 1 100%;
max-width: 100%;
}
.fiyat-filtre {
gap: 15px;
}
.buton-icerik strong {
display: flex;
align-items: flex-start;
gap: 2px;
flex-direction: column;
}
.fiyat-filtre button {
padding: 4px 10px;
}
}


/* İçerik alanı */
.sekme-icerik, .alt-icerik {
margin-top: 45px;
animation: sekme-icerik .3s ease;
}

@keyframes sekme-icerik {
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}
}




/* ===========================
VPS/VDS Paket Listesi – Scoped Stil (UL/LI)
=========================== */
.alt-icerik{
--radius: 14px;
--space-x: 16px;
--space-y: 14px;
--icon-size: 36px;
--icon-gap: 10px;
}


/* === Liste kabı (table yerine) === */
.alt-icerik .paket-liste{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
background: var(--bg);
overflow: hidden;
}

/* Satır (li) */
.alt-icerik .paket-item {
position: relative;
border: 1px solid var(--arkaplan_mavi);
border-radius: var(--radius);
margin-bottom: 10px;
}
li.paket-item.yatay_stokyok {
filter: blur(1.5px);
pointer-events: none;
opacity: 0.6;
transition: filter 0.3s ease, opacity 0.3s ease;
}


/* Asıl satır içi: kolonları taşıyan grid */
.alt-icerik .paket-item .item-head{
display: grid;
grid-template-columns: 140px 240px repeat(3, minmax(0, 1fr)) 130px 155px auto;
align-items: center;
gap: 0;
transition: filter .15s ease;
}
.alt-icerik .paket-item:nth-child(even) .item-head{ background: var(--row); }
.alt-icerik .paket-item:hover .item-head{ filter: brightness(.997); }


.alt-icerik .paket-item .item-head .kolon {
position: relative;
padding: var(--space-y) var(--space-x);
color: var(--yazi_siyah);
line-height: 1.25;
white-space: normal;
word-break: normal;
}

.alt-icerik .paket-item .item-head .kolon .ozellik h4 {
font-size: 18px;
font-weight: 900;
}

.alt-icerik .paket-item .item-head .kolon:has(.ikon) {
padding-top: 14px;
padding-bottom: 14px;
padding-right: 16px;
padding-left: 45px;
}

.alt-icerik .paket-item .item-head .kolon .ikon {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: var(--icon-size);
height: var(--icon-size);
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
opacity: .40;
}

.alt-icerik .paket-item .item-head .kolon .ikon > svg {
width: 100%;
height: 100%;
display: block;
}

.alt-icerik .paket-item .item-head .kolon strong {
display: block;
margin: 0;
font-weight: 700;
font-size: 15px;
}

.alt-icerik .paket-item .item-head .kolon p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin: 4px 0 0;
font-size: 14px;
color: var(--yazi_gri);
}




/* Fiyat kolonları */
.alt-icerik .paket-item .item-head .kolon.ucret {
text-align: right;
white-space: nowrap;
}

/* Fiyat bloğu */
.alt-icerik .paket-item .item-head .kolon.ucret .fiyat {
display: flex;
flex-direction: column; /* eski fiyat üstte, aktif fiyat altta */
align-items: flex-end;
justify-content: flex-end;
gap: 2px;
margin: 0;
line-height: 1.2;
}

/* Eski fiyat */
.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-eski {
display: block;
font-weight: 400;
font-size: 13px;
color: var(--yazi_gri);
text-decoration: none;
opacity: 0.8;
position: absolute;
top: -1px;
overflow: visible;
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-eski::after {
content: "";
position: absolute;
left: 5px;
bottom: 3px;
width: 90%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}

/* Aktif fiyat grubu (fiyat + /Ay) */
.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif-grup {
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
gap: 4px;
white-space: nowrap;
}

/* Aktif fiyat */
.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif {
font-weight: 800;
font-size: 22px;
color: var(--yazi_siyah);
line-height: 1;
}

/* Küçük /Ay kısmı */
.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif-grup small {
font-weight: 400;
font-size: 14px;
line-height: 1;
color: var(--yazi_gri);
opacity: 0.85;
margin-left: 2px;
}




.alt-icerik .paket-item .item-head .kolon.fiyat-kolon{
text-align: center;
}
.alt-icerik .fiyat-kolon .buton-satin-al {
min-width: 129px;
position: relative;
display: inline-block;
padding: 10px 14px;
border-radius: 999px;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-weight: 700;
text-decoration: none;
border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
white-space: nowrap;
overflow: hidden;
}
.alt-icerik .fiyat-kolon .buton-satin-al:hover {
background: var(--arkaplan_acik_yesil);
}

/* Son satır çizgisini kaldırma (detay paneli aşağıda yer alacak) */
.alt-icerik .paket-item:last-child .item-head{ border-bottom: 0; }

/* ================== Detay (satır içi) ================== */
/* .row-detail: her .paket-item içinde, .item-head’in ALTINDA yer alır */
.alt-icerik .paket-item .row-detail{
background: transparent;
border-radius: 0 0 var(--radius) var(--radius);
}

/* Animasyon sarmalayıcı – yükseklik animasyonu */
.alt-icerik .paket-item .row-detail .detay-anim{
overflow: hidden;
height: 0;
transform-origin: 50% 0%;
will-change: height, opacity, transform;
backface-visibility: hidden;
overflow-anchor: none;
border-radius: 0 0 var(--radius) var(--radius);
}

/* Açılış / kapanış keyframes (yumuşak) */
@keyframes detay-ac {
0%   { height: 0;        opacity: 0; transform: translateY(-10px) scaleY(.985); }
60%  { height: calc(var(--h) * .96); opacity: .85; transform: translateY(-3px) scaleY(.995); }
100% { height: var(--h); opacity: 1; transform: translateY(0)    scaleY(1); }
}
@keyframes detay-kapa {
0%   { height: var(--h); opacity: 1; transform: translateY(0)    scaleY(1); }
40%  { height: calc(var(--h) * .96); opacity: .6; transform: translateY(-3px) scaleY(.995); }
100% { height: 0;        opacity: 0; transform: translateY(-10px) scaleY(.985); }
}

/* Durum sınıfları — JS bunları ekleyecek */
.alt-icerik .paket-item .row-detail .detay-anim.aciliyor {
animation: detay-ac .42s cubic-bezier(.22,.61,.36,1) both;
}
.alt-icerik .paket-item .row-detail .detay-anim.kapaniyor{
animation: detay-kapa .36s cubic-bezier(.4,0,.2,1) both;
}

/* İçerik yerleşimi */
.alt-icerik .paket-item .detay-icerik{
border-top: 1px solid var(--border);
padding: 20px 20px;
display: grid;
grid-template-columns: minmax(0,1fr) 113px;  /* solda liste, sağda görsel */
gap: 16px;
align-items: stretch;
border-radius: 0 0 var(--radius) var(--radius);
}

/* UL: 4 kolon grid (responsive aşağıda) */
.alt-icerik .paket-item .detay-icerik .detay-liste{
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 16px;
row-gap: 10px;
color: var(--yazi_siyah);
font-size: .95rem;
line-height: 1.35;
}

/* LI: sol ikon + metin dikey ortalı */
.alt-icerik .paket-item .detay-icerik .detay-liste li{
position: relative;
display: flex;
align-items: center;
padding-left: 20px;           /* ikon 14px + 14px boşluk */
min-height: 20px;
word-break: break-word;
}

/* Check ikon (mask) */
.alt-icerik .paket-item .detay-icerik .detay-liste li::before{
content: "";
position: absolute;
left: 0; top: 49%;
transform: translateY(-50%);
width: 14px; height: 14px;
display: block;
color: var(--yazi_siyah);
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-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");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-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");
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
-webkit-mask-position: center; mask-position: center;
}

/* Görsel alanı: contain + dikey ortalı */
.alt-icerik .paket-item .detay-icerik .detay-img{
align-self: stretch;
height: 100%;
display: flex;
align-items: center; justify-content: center;
padding: 4px 0;
}
.alt-icerik .paket-item .detay-icerik .detay-img img{
display: block;
max-width: 90%;
max-height: 90%;
object-fit: contain;
}

/* ================== Responsive ================== */
@media (max-width: 1120px){
.alt-icerik .paket-item {
padding: 15px;
}
.alt-icerik .paket-item .item-head{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
"model fiyat fiyat"
"islemci ram disk"
"trafik lokasyon lokasyon"
"buton buton buton";
gap:0px;
align-items:center;
}

.alt-icerik .paket-item .item-head .kolon[data-label="Model"]{grid-area:model;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.alt-icerik .paket-item .item-head .ucret{grid-area:fiyat;justify-self:end;text-align:right;}
.alt-icerik .paket-item .item-head .kolon[data-label="İşlemci"]{grid-area:islemci;}
.alt-icerik .paket-item .item-head .kolon[data-label="RAM"]{grid-area:ram;}
.alt-icerik .paket-item .item-head .kolon[data-label="Disk"]{grid-area:disk;}
.alt-icerik .paket-item .item-head .kolon[data-label="Trafik"]{grid-area:trafik;}
.alt-icerik .paket-item .item-head .kolon[data-label="Lokasyon"]{grid-area:lokasyon;}
.alt-icerik .paket-item .item-head .fiyat-kolon{grid-area:buton;padding: 12px 0px 12px 0px!important;}
.alt-icerik .paket-item .item-head .fiyat-kolon .buton-satin-al{display:block;width:100%;}

.alt-icerik .paket-item .item-head .kolon{
padding: 12px;
}
.alt-icerik .paket-item .item-head .kolon.ucret{
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
width: 100%;
}
.alt-icerik .paket-item .detay-icerik{
grid-template-columns: minmax(0,1fr) 200px;
gap: 14px;
}
.alt-icerik .paket-item .detay-icerik .detay-liste{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alt-icerik .paket-item .detay-icerik .detay-img {
justify-content: flex-end;
}
}

@media (max-width: 980px){
.ortali_baslik p {
max-width: 90%;
font-size: 16px;
}
.alt-icerik .paket-item {
padding: 15px;
}
.alt-icerik .paket-item .item-head{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
"model fiyat fiyat"
"islemci ram disk"
"trafik lokasyon lokasyon"
"buton buton buton";
gap:0px;
align-items:center;
}

.alt-icerik .paket-item .item-head .kolon[data-label="Model"]{grid-area:model;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.alt-icerik .paket-item .item-head .ucret{grid-area:fiyat;justify-self:end;text-align:right;}
.alt-icerik .paket-item .item-head .kolon[data-label="İşlemci"]{grid-area:islemci;}
.alt-icerik .paket-item .item-head .kolon[data-label="RAM"]{grid-area:ram;}
.alt-icerik .paket-item .item-head .kolon[data-label="Disk"]{grid-area:disk;}
.alt-icerik .paket-item .item-head .kolon[data-label="Trafik"]{grid-area:trafik;}
.alt-icerik .paket-item .item-head .kolon[data-label="Lokasyon"]{grid-area:lokasyon;}
.alt-icerik .paket-item .item-head .fiyat-kolon{grid-area:buton;padding: 12px 0px 12px 0px!important;}
.alt-icerik .paket-item .item-head .fiyat-kolon .buton-satin-al{display:block;width:100%;}

.alt-icerik .paket-item .item-head .kolon{
padding: 12px;
}
.alt-icerik .paket-item .item-head .kolon.ucret{
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
width: 100%;
}
.alt-icerik .paket-item .detay-icerik{
grid-template-columns: minmax(0,1fr) 200px;
gap: 14px;
}
.alt-icerik .paket-item .detay-icerik .detay-liste{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alt-icerik .paket-item .detay-icerik .detay-img {
justify-content: flex-end;
}

}

@media (max-width: 640px){
.alt-icerik .paket-item .item-head{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-areas:
"model fiyat"
"islemci ram"
"disk trafik"
"lokasyon lokasyon"
"buton buton";
}


.alt-icerik .paket-item .item-head .kolon{
padding: 10px;
}
.alt-icerik .paket-item .item-head .kolon::before{
content: attr(data-label);
display: block;
font-size: 13px;;
font-weight: 600;
color: var(--yazi_gri);
margin-bottom: 4px;
display: none;
}
.alt-icerik .fiyat-kolon .buton-satin-al{
width: 100%;
text-align: center;
}
.alt-icerik .paket-item .item-head .kolon strong {
font-size: 15px;
}
.alt-icerik .paket-item .item-head .kolon p {
font-size: 13px;
}
.alt-icerik .paket-item .row-detail {
display: none;
}
.alt-icerik .paket-item .item-head .kolon.ucret::before,
.alt-icerik .paket-item .item-head .kolon.ucret::after{
content: none !important;
display: none !important;
}
.alt-icerik .paket-item .item-head .kolon.ucret {
height: 62px;
}
}

/* Hareket azalt tercihi */
@media (prefers-reduced-motion: reduce){
.alt-icerik .paket-item .row-detail .detay-anim{
animation: none !important;
height: auto !important;
transform: none !important;
}
}





ul.webhosting_paketleri {
--radius: 14px;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid var(--arkaplan_mavi);
border-radius: var(--radius);
background: var(--bg);
}

ul.webhosting_paketleri > li {
flex: 1 1 25%;
min-width: 230px;
border-right: 1px solid var(--border);
box-sizing: border-box;
padding: 40px 20px 20px 20px;
display: flex;
flex-direction: column;
text-align: center;
position: relative;
}

ul.webhosting_paketleri > li:last-child {
border-right: none;
}


/* Popüler paket */
ul.webhosting_paketleri > li.host_populer {
background: linear-gradient(180deg, var(--arkaplan_mavi) 0%, var(--arkaplan_mavi) 100%);
position: relative;
}

ul.webhosting_paketleri > li.host_populer .etiket {
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 700;
padding: 6px 18px;
border-radius: 999px;
min-width: 170px;
border: 4px solid var(--arkaplan_beyaz);
}

ul.webhosting_paketleri > li.host_populer .paket-adi,
ul.webhosting_paketleri > li.host_populer .paket-aciklama,
ul.webhosting_paketleri > li.host_populer .paket-fiyat .fiyat,
ul.webhosting_paketleri > li.host_populer .fiyat-aktif,
ul.webhosting_paketleri > li.host_populer .paket-fiyat .periyot,
ul.webhosting_paketleri > li.host_populer .fiyat-eski,
ul.webhosting_paketleri > li.host_populer .ozellikler li {
color: var(--yazi_beyaz);
}

/* Başlık ve açıklama */
ul.webhosting_paketleri .paket-adi {
font-size: 28px;
font-weight: 800;
margin: 10px 0px 10px 0px;
padding-bottom: 15px;
color: var(--yazi_siyah);
text-align: left;
position: relative;
}
ul.webhosting_paketleri .paket-adi:after {
position: absolute;
content: "";
width: 30%;
height: 4px;
background: var(--arkaplan_mavi);
bottom: 0px;
left: 0px;
}
ul.webhosting_paketleri > li.host_populer .paket-adi:after {
background: var(--arkaplan_acik_yesil);
}

ul.webhosting_paketleri .paket-aciklama {
font-size: 14px;
color: var(--yazi_gri);
margin: 5px 0px 15px 0px;
text-align: left;
}

/* Fiyat alanı */
ul.webhosting_paketleri .paket-fiyat {
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 4px;
margin-bottom: 14px;
}

ul.webhosting_paketleri .paket-fiyat .fiyat {
font-weight: 800;
font-size: 22px;
color: var(--yazi_siyah);
line-height: 1;
text-align: left;
}

ul.webhosting_paketleri .paket-fiyat .periyot {
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(--yazi_gri);
opacity: 0.85;
margin-left: 0px;
top: -5px;
position: relative;
}

/* Fiyat varyasyonları */
ul.webhosting_paketleri .fiyat-eski {
display: inline-block;
text-decoration: none;
color: var(--yazi_gri);
font-weight: 400;
font-size: 18px;
margin-bottom: 2px;
margin-left: 2px;
text-align: left;
overflow: visible;
position: relative;
}

ul.webhosting_paketleri .fiyat-eski::after {
content: "";
position: absolute;
left: 5px;
bottom: 3px;
width: 90%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}

ul.webhosting_paketleri .fiyat-aktif {
display: block;
font-weight: 800;
font-size: 32px;
color: var(--yazi_siyah);
line-height: 1.2;
}


/* Satın Al butonu */
a#sunucutukenbtn,
a#tukendiBtn {
background: var(--arkaplan_kirmizi)!important;
color: var(--yazi_beyaz)!important;
opacity: 1!important;
}
ul.webhosting_paketleri .buton-satin-al {
position: relative;
display: block;
width: 100%;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
text-decoration: none;
font-weight: 700;
font-size: 16px;
border-radius: 999px;
padding: 10px 0;
margin-bottom: 18px;
border: none;
transition: background .2s ease;
overflow: hidden;
}
ul.webhosting_paketleri > li.host_populer .buton-satin-al {
background: var(--arkaplan_acik_yesil);
}
ul.webhosting_paketleri > li.host_populer .buton-satin-al:hover {
background: var(--arkaplan_acik_yesil);
}
ul.webhosting_paketleri .buton-satin-al:hover {
background: var(--arkaplan_acik_yesil);
}


.butonlar_after::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}
.butonlar_after:hover::after {
opacity: 1;
transform: translateX(100%);
}



ul.webhosting_paketleri .ozellikler {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
ul.webhosting_paketleri .ozellikler li {
position: relative;
display: flex;
align-items: center;
padding: 10px 0 10px 22px;
font-size: 16px;
color: var(--yazi_gri);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
line-height: 1.4;
transition: color 0.2s ease, opacity 0.2s ease;
flex-wrap: wrap;
}

ul.webhosting_paketleri .ozellikler li:last-child {
border-bottom: none;
}
ul.webhosting_paketleri .ozellikler li strong,
ul.webhosting_paketleri .ozellikler li span,
ul.webhosting_paketleri .ozellikler li em {
display: contents;
}
ul.webhosting_paketleri .ozellikler li b::after {
content: "\00a0";
}

ul.webhosting_paketleri .ozellikler li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
display: inline-block;
color: var(--renk_ana);
background-color: currentColor;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.449 2.399a.75.75 0 0 1 .152 1.05l-7.232 9.69a1.537 1.537 0 0 1-2.364.11l-3.561-3.94a.75.75 0 1 1 1.112-1.006l3.562 3.94l.007.004q.006.003.02.003l.017-.004l.004-.004l7.233-9.69a.75.75 0 0 1 1.05-.153M12 3.75A8.25 8.25 0 1 0 20.25 12a.75.75 0 0 1 1.5 0c0 5.385-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12S6.615 2.25 12 2.25a.75.75 0 0 1 0 1.5'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}



/* Responsive */
@media (max-width: 1024px) {
ul.webhosting_paketleri > li {
flex: 1 1 50%;
}
ul.webhosting_paketleri > li:nth-child(2n) {
border-right: none;
}
}
@media (max-width: 640px) {
ul.webhosting_paketleri > li {
flex: 1 1 100%;
border-right: none;
border-bottom: 1px solid var(--border);
}
ul.webhosting_paketleri > li:last-child {
border-bottom: none;
}
}





.tumpaketleri_gor_linki {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: var(--arkaplan_beyaz);
margin: 30px 0px 0px 0px;
text-align: center;
flex-wrap: wrap;
}
.tumpaketleri_gor_linki_ic {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: var(--yazi_siyah);
}
.tumpaketleri_gor_linki_ic a {
position: relative;
display: inline-block;
padding: 6px 12px;
border-radius: 8px;
background: var(--arkaplan_beyaz);
font-weight: 500;
text-decoration: none;
overflow: hidden;
transition: color 0.3s ease, transform 0.3s ease;
isolation: isolate;
border: 1px solid #dedede;
}
.tumpaketleri_gor_linki_ic a::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border-radius: 10px;
background: conic-gradient(
from 0deg,
#6f00ff,
#00b4ff,
#00ffd5,
#6f00ff
);
animation: tumpaketleri_gor_linki 4s linear infinite;
z-index: 0;
}
.tumpaketleri_gor_linki_ic a::after {
content: "";
position: absolute;
inset: 2px;
border-radius: 6px;
background: var(--arkaplan_beyaz);
z-index: 1;
}
.tumpaketleri_gor_linki_ic a strong {
position: relative;
font-weight: 600;
z-index: 2;
color: var(--yazi_siyah);
transition: color 0.3s ease, transform 0.3s ease;
}
.tumpaketleri_gor_linki_ic a:hover::after {
background: #f6fcff;
}
.tumpaketleri_gor_linki_ic a:hover strong {
color: var(--yazi_lacivert);
}
@keyframes tumpaketleri_gor_linki {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* ===== WhatsApp CTA Alanı ===== */
.uzmanla_gorus{
position: relative;
isolation: isolate;
overflow: hidden;
color: #fff;
background:
radial-gradient(1200px 800px at 8% 20%, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 55%),
radial-gradient(900px 700px at 92% 85%, rgba(7,94,84,.28) 0, rgba(7,94,84,0) 60%),
radial-gradient(700px 600px at 110% -10%, rgba(37,211,102,.22) 0, rgba(37,211,102,0) 65%),
linear-gradient(135deg, var(--arkaplan_lacivert) 0%, var(--arkaplan_lacivert) 45%, var(--arkaplan_mavi) 100%);
background-repeat: no-repeat;
background-size: cover, cover, cover, cover;
}
.uzmanla_gorus::before,
.uzmanla_gorus::after{
content:"";
position:absolute;
inset:-25% -15%;
pointer-events:none;
opacity:.35;
z-index:0;
background-repeat:repeat;
}
.uzmanla_gorus::before{
background-image:
radial-gradient(circle, rgba(255,255,255,.18) 2px, transparent 3px),
radial-gradient(circle, rgba(255,255,255,.12) 1.5px, transparent 3px);
background-size: 60px 60px, 80px 80px;
background-position: 0 0, 30px 40px;
animation: wpBubblesA 48s linear infinite;
}
.uzmanla_gorus::after{
opacity:.22;
background-image:
radial-gradient(circle, rgba(255,255,255,.18) 6px, transparent 7px),
radial-gradient(circle, rgba(255,255,255,.10) 4px, transparent 5px);
background-size: 140px 140px, 160px 160px;
background-position: 0 0, 70px 20px;
animation: wpBubblesB 70s linear infinite;
}
@keyframes wpBubblesA{
0%   { background-position: 0    0,    30px  40px; }
100% { background-position: 0 -1200px, 30px -1600px; }
}
@keyframes wpBubblesB{
0%   { background-position: 0     0,    70px   20px; }
100% { background-position: 0 -1800px, 70px -2200px; }
}
.uzmanla_gorus .wp_icerik_alani{
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: clamp(16px, 2.4vw, 32px);
padding: 30px 0px;
min-height: 100px;
}
.uzmanla_gorus .wp_yazi h3{
margin: 0 0 8px 0;
font-size: 32px;
font-weight: 900;
line-height: 1.15;
letter-spacing: 0.2px;
}
.uzmanla_gorus .wp_yazi p{
margin: 0;
max-width: 60ch;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
opacity: .95;
}
.uzmanla_gorus .kullanici_link a {
padding: 15px 30px;
font-weight: 900;
font-size: 16px;
}
@media (max-width: 768px){
.uzmanla_gorus .wp_icerik_alani{
grid-template-columns: 1fr;
text-align: center;
min-height: unset;
}
.uzmanla_gorus .wp_yazi h3 {
font-size: 28px;
}
.uzmanla_gorus .wp_yazi p {
max-width: 100%;
font-size: 16px;
}
.uzmanla_gorus .kullanici_link a {
margin: 10px auto 0 auto;
justify-content: center;
padding: 13px 20px;
font-weight: 800;
font-size: 15px;
}
}
@media (prefers-reduced-motion: reduce){
.uzmanla_gorus::before,
.uzmanla_gorus::after{
animation: none !important;
}
}



/* ===================== Akordiyon ===================== */
.sss_resim .site_ortala{
display:flex;
align-items:stretch;
justify-content:center;
gap:40px;
box-sizing:border-box;
}

.sss_resim .ortali_baslik {
margin: 0 0 20px 0;
text-align: left;
}

.sss_resim .ortali_baslik p {
max-width: 80%;
margin: 0;
}

.sss_alani{
flex:1 1 0;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
min-width:0;
box-sizing:border-box;
}

.sssresmi{
flex:1 1 0;
display:block;
min-width:0;
min-height:0;
box-sizing:border-box;
position: relative;
}

.sssresmi img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
border-radius: 30px;
/*animation: sssresmi 8s ease-in-out infinite;*/
transform-origin: center center;
will-change: transform;
}

@keyframes sssresmi {
0% {
transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1);
}
25% {
transform: translate3d(5px, -6px, 0px) rotate(1deg) scale(1.01);
}
50% {
transform: translate3d(0px, -10px, 0px) rotate(0deg) scale(1.02);
}
75% {
transform: translate3d(-5px, -6px, 0px) rotate(-1deg) scale(1.01);
}
100% {
transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1);
}
}

@media (max-width:1024px){
.sss_resim .site_ortala{flex-direction:column; gap:25px}
.sss_alani, .sssresmi{flex:none; width:100%}
.sssresmi img{width:100%; height:auto}
}
@media (max-width:980px){
.sss_resim .ortali_baslik {
text-align: center;
}
.sss_resim .ortali_baslik p {
margin: 0 auto;
}
}
.sss-item {
border-bottom: 1px solid var(--border);
overflow: hidden;
}

.sss-head {
width: 100%;
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
border: none;
font-size: 1.05rem;
font-weight: 600;
padding: 18px 42px 18px 0;
text-align: left;
cursor: pointer;
position: relative;
transition: color .25s ease;
}

.sss-head:hover {
color: var(--yazi_lacivert);
}

.sss-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
display: inline-block;
width: 22px;
height: 22px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23475569' d='M4.5 6L8 9.5L11.5 6' stroke-width='1.2'/%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
transition: transform .35s ease, color .25s ease;
color: var(--yazi_gri);
}

.sss-item.is-open .sss-icon {
transform: translateY(-50%) rotate(180deg);
color: var(--yazi_lacivert);
}

.sss-panel {
overflow: hidden;
max-height: 0;
transition: max-height .45s ease, border-color .3s ease;
opacity: 1;
border-top: 1px solid transparent;
}

.sss-item.is-open .sss-panel {
border-top: 1px solid var(--border);
animation: sssSlideUp .32s cubic-bezier(.22,.55,.32,1) both;
will-change: transform;
max-height: none;
}

@keyframes sssSlideUp {
0% {
transform: translateY(14px);
}
100% {
transform: translateY(0);
}
}
.sss-panel p {
margin: 0;
padding: 16px 0 20px 0;
color: var(--yazi_gri);
line-height: 1.65;
font-size: .96rem;
}




/* ===================== Kampanya Geri Sayim ===================== */
.kampanya_gerisayim{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}
.kampanya_gerisayim .kg-icerik{display:flex;gap:14px;align-items:stretch;justify-content:center;transition:filter .3s ease,opacity .3s ease}
.kampanya_gerisayim .kg-kutu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:10px 12px;border-radius:12px;background:var(--arkaplan_beyaz)}
.kampanya_gerisayim .kg-sayi{font-weight:800;font-size:28px;line-height:1;color:var(--yazi_siyah)}
.kampanya_gerisayim .kg-etiket{font-size:12px;line-height:1.2;color:var(--yazi_gri);margin-top:3px}
.kampanya_gerisayim .kg-mesaj{font-size:14px;color:var(--yazi_gri);text-align:center;z-index:3;display:none}

.kampanya_gerisayim.durum-beklemede .kg-kutu{border-color:var(--arkaplan_acik_mavi)}
.kampanya_gerisayim.durum-aktif .kg-kutu{border-color:var(--arkaplan_yesil)}
.kampanya_gerisayim.durum-bitti .kg-kutu{border-color:var(--arkaplan_kirmizi);opacity:.85}

.kampanya_gerisayim.durum-bitti .kg-icerik{filter:blur(2px);opacity:.6;pointer-events:none}
.kampanya_gerisayim.durum-bitti .kg-mesaj{
display:block;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
max-width:min(92vw,720px);
width:180px;
padding:10px 18px;
border-radius:12px;
background:#f8d7da;
border:1px solid #f5c2c7;
color:#842029;
font-weight:700;
line-height:1.35;
box-shadow:0 0 10px 0 rgba(0,0,0,.12)
}

/* Mesaj boşsa varsayılan metin */
.kampanya_gerisayim.durum-bitti .kg-mesaj:empty::before{content:"Kampanya sona erdi"}

@media (max-width:600px){
.kampanya_gerisayim .kg-icerik{gap:10px}
.kampanya_gerisayim .kg-kutu{min-width:54px;padding:8px 10px;border-radius:10px}
.kampanya_gerisayim .kg-sayi{font-size:22px}
.kampanya_gerisayim .kg-etiket{font-size:11px}
.kampanya_gerisayim.durum-bitti .kg-mesaj{max-width:92%;padding:12px 14px;border-radius:10px;font-size:14px}
}



.streamline-flex-color--discount-percent-coupon{
display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-size:100% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none'%3E%3Cpath fill='%23d7e0ff' d='M13.25 4.032v1.163a2 2 0 0 0 0 3.673v1.164c0 1.104-.793 1.843-2 2c-3.319.43-5.175.433-8.5 0c-1.173-.153-2-.896-2-2V8.868a2 2 0 0 0 0-3.673V4.032c0-1.105.835-1.803 2-2c3.285-.558 5.167-.474 8.5 0c1.102.156 2 .895 2 2'/%3E%3Cpath stroke='%234147d5' stroke-linecap='round' stroke-linejoin='round' d='M13.25 4.032v1.163a2 2 0 0 0 0 3.673v1.164c0 1.104-.793 1.843-2 2c-3.319.43-5.175.433-8.5 0c-1.173-.153-2-.896-2-2V8.868a2 2 0 0 0 0-3.673V4.032c0-1.105.835-1.803 2-2c3.285-.558 5.167-.474 8.5 0c1.102.156 2 .895 2 2' stroke-width='1'/%3E%3Cpath fill='%23d7e0ff' d='M5.02 5.807a.98.98 0 1 0 0-1.959a.98.98 0 0 0 0 1.96'/%3E%3Cpath stroke='%234147d5' stroke-linecap='round' stroke-linejoin='round' d='M5.02 5.807a.98.98 0 1 0 0-1.959a.98.98 0 0 0 0 1.96' stroke-width='1'/%3E%3Cpath fill='%23d7e0ff' d='M9.02 9.828a.98.98 0 1 0 0-1.96a.98.98 0 0 0 0 1.96'/%3E%3Cpath stroke='%234147d5' stroke-linecap='round' stroke-linejoin='round' d='M9.02 9.828a.98.98 0 1 0 0-1.96a.98.98 0 0 0 0 1.96m-4.314-.706c2.025-1.667 3.037-2.667 4.588-4.588' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}
.kampanya_kuponkodu{
--kk-h:48px;
--kk-r:12px;
--kk-pad-x:14px;
--kk-focus:0 0 0 3px rgba(65,71,213,.18);
position:relative;
display:block;
flex:1 1 100%;
max-width:100%;
margin-top: 5px;
}
.kampanya_kuponkodu .kk-inputwrap{position:relative;}
.kampanya_kuponkodu .kk-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}
.kampanya_kuponkodu .kk-input{
width:100%;height:var(--kk-h);border:1px solid var(--border);border-radius:var(--kk-r);background:var(--arkaplan_beyaz);
padding-left:calc(var(--kk-pad-x) + 44px);padding-right:calc(var(--kk-pad-x) + 92px);
font-weight: 600; font-size: 16px;
letter-spacing:.5px;color:var(--yazi_siyah);outline:none;transition:border-color .2s,box-shadow .2s
}
.kampanya_kuponkodu .kk-input::selection{background:rgba(65,71,213,.18)}
.kampanya_kuponkodu .kk-input:focus{border-color:var(--arkaplan_mavi);box-shadow:var(--kk-focus)}
.kampanya_kuponkodu .kk-copy{
position:absolute;right:6px;top:50%;transform:translateY(-50%);height:calc(var(--kk-h) - 12px);
padding:0 14px;border-radius:calc(var(--kk-r) - 4px);border:1px solid var(--arkaplan_mavi);
background:var(--arkaplan_mavi);color:#fff;font-weight:600;cursor:pointer;user-select:none;transition:filter .15s,transform .06s;overflow: hidden;
}
.kampanya_kuponkodu .kk-copy:hover{filter:brightness(1.05)}
.kampanya_kuponkodu .kk-copy:active{transform:translateY(-50%) scale(.98)}
.kampanya_kuponkodu .kk-copy[disabled]{opacity:.5;cursor:not-allowed}
.kampanya_kuponkodu .kk-copied{
position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;
z-index:5;font-weight:800;font-size:15px;color:var(--yazi_yesil);
background:linear-gradient(to bottom,rgba(255,255,255,.92),rgba(255,255,255,.92));
border:1px solid rgba(22,163,74,.2);border-radius:var(--kk-r);text-shadow:0 1px 0 #fff;opacity:0
}
.kampanya_kuponkodu.is-copied .kk-copied{display:flex;animation:kkToast 1.1s ease both}
@keyframes kkToast{0%{opacity:0;transform:scale(.98)}20%{opacity:1;transform:scale(1)}80%{opacity:1}100%{opacity:0}}
@media (max-width:380px){
.kampanya_kuponkodu{--kk-h:44px}
.kampanya_kuponkodu .kk-copy{padding:0 10px}
}







.anasayfa_kampanya_yazisi{
margin-top:30px;
background:
radial-gradient(1200px 800px at 8% 20%, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 55%),
radial-gradient(900px 700px at 92% 85%, rgba(7,94,84,.28) 0, rgba(7,94,84,0) 60%),
radial-gradient(700px 600px at 110% -10%, rgba(37,211,102,.22) 0, rgba(37,211,102,0) 65%),
linear-gradient(135deg, var(--arkaplan_lacivert) 0%, var(--arkaplan_lacivert) 45%, var(--arkaplan_mavi) 100%);
background-repeat: no-repeat;
background-size: cover, cover, cover, cover;
border-radius:30px 0px 30px 30px;
padding:25px 30px 25px 30px;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:22px 28px;
box-sizing:border-box;
overflow:hidden;
position: relative;
}

.anasayfa_kampanya_yazisi .kampanya_basligi{
flex:1 1 100%;
text-align:left;
color:var(--yazi_beyaz);
min-width:0;
}

.anasayfa_kampanya_yazisi .kampanya_basligi h2{
margin:0 0 8px 0;
line-height:1.25;
font-size:24px;
color:var(--yazi_beyaz);
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}

.anasayfa_kampanya_yazisi .kampanya_basligi h2 strong{
position:relative;
display:inline-flex;
align-items:center;
padding:6px 12px;
border-radius:9999px;
background:var(--yazi_beyaz);
color:var(--arkaplan_lacivert);
font-weight:900;
line-height:1.25;
font-size:20px;
z-index:0;
isolation:isolate;
}

.anasayfa_kampanya_yazisi .kampanya_basligi h2 strong::before{
content:"";
position:absolute;
inset:0;
padding:2px;
border-radius:inherit;
background-image:linear-gradient(90deg,
var(--arkaplan_beyaz),
var(--arkaplan_lacivert),
var(--arkaplan_beyaz),
var(--arkaplan_lacivert),
var(--arkaplan_beyaz)
);
background-size:300% 100%;
background-position:0% 50%;
animation:kgBorderFlow 6.5s linear infinite;
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
z-index:1;
}

.anasayfa_kampanya_yazisi .kampanya_basligi h2 strong::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(120deg,
rgba(255,255,255,.28) 0%,
rgba(255,255,255,.06) 40%,
rgba(255,255,255,0) 60%
);
background-size:200% 100%;
opacity:.18;
z-index:0;
pointer-events:none;
}

@keyframes kgBorderFlow{
0%{background-position:0% 50%}
100%{background-position:300% 50%}
}

.anasayfa_kampanya_yazisi .kampanya_basligi p{
width: 90%;
margin:10px 0px 5px 0px;
font-size:16px;
line-height:1.6;
color:var(--yazi_beyaz);
opacity:.9;
}

.anasayfa_kampanya_yazisi .kampanya_fiyati{
flex:1 1 0;
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:2px;
color:var(--yazi_beyaz);
margin-top: 5px;
}

.anasayfa_kampanya_yazisi .kampanya_fiyati span {
order:1;
font-size:18px;
font-weight:600;
opacity:.75;
text-decoration:line-through;
color:var(--yazi_beyaz);
overflow: visible;
position: relative;
}
.anasayfa_kampanya_yazisi .kampanya_fiyati span::after {
content: "";
position: absolute;
left: 0px;
bottom: 7px;
width: 100%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}

.anasayfa_kampanya_yazisi .kampanya_fiyati strong{
order:2;
font-size:28px;
font-weight:900;
color:var(--yazi_beyaz);
letter-spacing:.2px;
line-height:1.1;
}
.anasayfa_kampanya_yazisi .kampanya_svg{
position:absolute;
top:0;
right:0;
width:90px;
height:80px;
border-radius:0 0 0 30px;
background:var(--arkaplan_beyaz);
display:flex;
align-items:top;
justify-content:center;
z-index:2;
overflow:hidden;
}

.anasayfa_kampanya_yazisi .kampanya_svg svg{
width:70px;
height:70px;
}


@media (max-width:980px){
.anasayfa_kampanya_yazisi{
padding:22px 20px;
gap:18px 20px;
}
.anasayfa_kampanya_yazisi .kampanya_gerisayim{justify-content:flex-start}
}

@media (max-width:768px){
.anasayfa_kampanya_yazisi .kampanya_basligi h2 {
width: 80%;
}
.anasayfa_kampanya_yazisi .kampanya_basligi p {
width: 90%;
}
.anasayfa_kampanya_yazisi .kampanya_fiyati span{font-size:16px}
.anasayfa_kampanya_yazisi .kampanya_fiyati strong{font-size:22px}
}
@media (max-width:600px){
.kampanya_fiyati,
.anasayfa_kampanya_yazisi .kampanya_gerisayim {
width: 100%!important;
    align-items: center!important;
}
.kampanya_fiyati,
.anasayfa_kampanya_yazisi .kampanya_gerisayim {
width: 100%;
}
}


.rakamlarla_biz {
    --rb-gap: 30px;
    display: grid;
    gap: var(--rb-gap);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
}
.rakamlarla_biz .rb-item { list-style: none; }
.rakamlarla_biz .rb-card {
    --accent: #7dd3fc;
    --grad-top: #ffffff;
    --grad-bottom: #f8fafc;
    --hover-bg: #f0f9ff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 24px;
    padding: 30px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(180deg, var(--grad-top) 0%, var(--grad-bottom) 100%);
    border: 1px solid #f1f5f9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);

    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}
.rakamlarla_biz .rb-card::before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-bg);
    z-index: -1;
    transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.rakamlarla_biz .rb-card:hover::before {
    bottom: 0;
}
.rakamlarla_biz .rb-card:hover {
    border-color: var(--accent);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.1);
}
.rakamlarla_biz .svg_si {
    width: 68px;
    height: 68px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: #ffffff;
    color: #94a3b8;
    border: 1px solid #f1f5f9;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.rakamlarla_biz .rb-card:hover .svg_si {
    transform: scale(1.2);
    background: var(--accent);
    color: #ffffff;
    border-color: var(--accent);
    box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.15);
}
.rakamlarla_biz .svg_si i { font-size: 28px; }
.rakamlarla_biz .rb-num {
    display: block;
    font-weight: 800;
    font-size: 40px;
    line-height: 1;
    color: #1e293b;
    letter-spacing: -1.5px;
    margin-bottom: 12px;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.rakamlarla_biz .rb-card:hover .rb-num {
    color: #0f172a;
}
.rakamlarla_biz .rb-label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: color 0.4s ease;
}
.rakamlarla_biz .rb-card:hover .rb-label {
    color: #1e293b;
}
.rakamlarla_biz > li:nth-child(1) .rb-card {
    --accent: #7dd3fc;
    --grad-bottom: #f0f9ff;
    --hover-bg: #e0f2fe;
}
.rakamlarla_biz > li:nth-child(2) .rb-card {
    --accent: #a78bfa;
    --grad-bottom: #f5f3ff;
    --hover-bg: #ede9fe;
}
.rakamlarla_biz > li:nth-child(3) .rb-card {
    --accent: #34d399;
    --grad-bottom: #f0fdf4;
    --hover-bg: #d1fae5;
}
.rakamlarla_biz > li:nth-child(4) .rb-card {
    --accent: #fbbf24;
    --grad-bottom: #fffbeb;
    --hover-bg: #fef3c7;
}
@media (max-width: 1024px) {
    .rakamlarla_biz { grid-template-columns: repeat(2, 1fr); gap: 20px;}
}
@media (max-width: 640px) {
    .rakamlarla_biz { grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .rakamlarla_biz .rb-card {padding: 30px 15px;}
    .rakamlarla_biz .rb-num {font-size: 28px;}
    .rakamlarla_biz .rb-label {font-size: 11px;}
}


.cozumortaklari_anasayfa .ortali_baslik {
margin: 0 0 45px 0;
}

.cozum_ortaklarimiz {
width: 100%;
position: relative;
padding: 0 15px !important;
}

.cozum_ortaklarimiz .swiper-wrapper {
padding: 20px 0;
align-items: center;
transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1) !important;
}

.cozum_ortaklarimiz .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
border-radius: 16px;
padding: 15px 0;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1),
box-shadow 0.5s cubic-bezier(0.25, 1, 0.3, 1);
will-change: transform, box-shadow;
cursor: pointer;
}

.cozum_ortaklarimiz .swiper-slide:hover {
transform: scale(1.05);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
}

.cozum_ortaklari-img {
height: 62px;
width: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.8;
transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);
will-change: transform, filter, opacity;
}

.cozum_ortaklarimiz .swiper-slide:hover .cozum_ortaklari-img {
transform: scale(1.08);
filter: grayscale(0%);
opacity: 1;
}




.hak_alani {
display: grid;
grid-template-columns: 2.5fr 3fr;
align-items: stretch;
justify-content: center;
gap: 40px;
width: 100%;
}


.hak_alani .hakalani_sol {
display: flex;
align-items: center;
justify-content: center;
}

.hak_alani .haksol_tanitim {
position: relative;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 30px 30px 0px 30px;
position: relative;
}

.hak_alani .haksol_tanitim video,
.hak_alani .haksol_tanitim img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border-radius: 30px 30px 0px 30px;
}
.hak_alani .haksol_tanitim::after,
.hak_alani .haksol_tanitim::after {
content: "";
position: absolute;
inset: 0;
background: var(--arkaplan_lacivert);
opacity: 0.25;
z-index: 1;
border-radius: 30px 30px 0 30px;
pointer-events: none;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana {
position: absolute;
bottom: 0px;
right: 0px;
width: auto;
height: auto;
border-radius: 30px 0px 0px 0px;
padding: 15px 0px 0px 15px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
background: var(--arkaplan_beyaz);
font-size: 16px;
font-weight: 600;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0px;
padding: 12px 32px;
border-radius: 18px 18px 18px 18px;
background: var(--arkaplan_beyaz);
font-weight: 500;
text-decoration: none;
overflow: hidden;
transition: color 0.3s ease, transform 0.3s ease;
isolation: isolate;
border: 1px solid #dedede;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border-radius: 10px;
background: conic-gradient(
from 0deg,
#6f00ff,
#00b4ff,
#00ffd5,
#6f00ff
);
animation: tumpaketleri_gor_linki 4s linear infinite;
z-index: 0;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a::after {
content: "";
position: absolute;
inset: 2px;
border-radius: 6px;
background: var(--arkaplan_beyaz);
z-index: 1;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a strong {
position: relative;
font-weight: 600;
z-index: 2;
color: var(--yazi_siyah);
transition: color 0.3s ease, transform 0.3s ease;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a:hover::after {
background: #f6fcff;
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a:hover strong {
color: var(--yazi_lacivert);
}
.hak_alani .haksol_tanitim .hakkimizda_link_ana a svg {
position: relative;
z-index: 2;
transition: transform 0.4s ease, color 0.4s ease;
animation: svgPulse 2.4s ease-in-out infinite;
color: var(--yazi_siyah);
wdith: 22px;
height: 22px;
}

.hak_alani .haksol_tanitim .hakkimizda_link_ana a:hover svg {
transform: translateX(6px) scale(1.1);
color: var(--yazi_lacivert);
}

@keyframes svgPulse {
0%, 100% {
transform: translateX(0) scale(1);
opacity: 0.85;
}
50% {
transform: translateX(3px) scale(1.15);
opacity: 1;
}
}



.hak_alani .hakalani_sag {
display: flex;
flex-direction: column;
justify-content: center;
}
.hak_alani .hakalani_sag .ortali_baslik {
margin: 25px 0px 35px 0px;
text-align: left;
}
.hak_alani .hakalani_sag .ortali_baslik p {
max-width: 100%;
text-align: left;
}


@media (max-width: 991px) {
.hak_alani {
grid-template-columns: 1fr;
gap: 30px;
}

.hak_alani .hakalani_sol,
.hak_alani .hakalani_sag {
width: 100%;
}
.hak_alani .hakalani_sag .ortali_baslik {
margin: 25px 0px 0px 0px;
}
}





/* ÜST BİLGİ ALANI */
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
box-sizing: border-box;
}
@media (min-width: 981px) and (max-width: 1024px) {
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 641px) and (max-width: 980px) {
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list {
grid-template-columns: repeat(1, 1fr);
}
}
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list li {
display: flex;
align-items: center;
gap: 18px;
padding: 0px 0px 0px 25px;
box-sizing: border-box;
position: relative;
}
section#sepet_sayfasi_ust .genel_bilgi_sol ul.gbs_list li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
display: inline-block;
color: var(--renk_ana);
background-color: currentColor;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.449 2.399a.75.75 0 0 1 .152 1.05l-7.232 9.69a1.537 1.537 0 0 1-2.364.11l-3.561-3.94a.75.75 0 1 1 1.112-1.006l3.562 3.94l.007.004q.006.003.02.003l.017-.004l.004-.004l7.233-9.69a.75.75 0 0 1 1.05-.153M12 3.75A8.25 8.25 0 1 0 20.25 12a.75.75 0 0 1 1.5 0c0 5.385-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12S6.615 2.25 12 2.25a.75.75 0 0 1 0 1.5'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
section#sepet_sayfasi_ust .genel_bilgi_sag img {
height: 300px;
}
section#sepet_sayfasi_ust .gbs_list {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
opacity: 0;
height: 0;
transform-origin: top;
transition: height 0.55s cubic-bezier(0.4, 0, 0.2, 1);
will-change: height;
}
section#sepet_sayfasi_ust .gbs_list li {
opacity: 0;
transform: translateY(-10px);
}
section#sepet_sayfasi_ust .gbs_list.acik li {
opacity: 1;
transform: translateY(0);
animation: fadeInItemSoft 0.35s ease forwards;
animation-delay: calc(var(--i) * 0.06s);
}
section#sepet_sayfasi_ust .gbs_list.acik {
opacity: 1;
transition: opacity 0.25s ease-in;
margin-top: 30px;
}
@keyframes fadeInItemSoft {
from {opacity: 1; transform: translateY(0x);}
to {opacity: 1; transform: translateY(0);}
}

section#sepet_sayfasi_ust .paket_ozellik_buton {
position: relative;
display: inline-block;
padding: 6px 12px;
border-radius: 8px;
background: var(--arkaplan_beyaz);
font-weight: 500;
text-decoration: none;
overflow: hidden;
transition: color 0.3s ease, transform 0.3s ease;
isolation: isolate;
border: 1px solid #dedede;
margin-top: 15px;
}
section#sepet_sayfasi_ust .paket_ozellik_buton::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border-radius: 10px;
background: conic-gradient(
from 0deg,
#6f00ff,
#00b4ff,
#00ffd5,
#6f00ff
);
animation: tumpaketleri_gor_linki 4s linear infinite;
z-index: 0;
}
section#sepet_sayfasi_ust .paket_ozellik_buton::after {
content: "";
position: absolute;
inset: 2px;
border-radius: 6px;
background: var(--arkaplan_beyaz);
z-index: 1;
}
section#sepet_sayfasi_ust .paket_ozellik_buton strong {
position: relative;
font-weight: 600;
z-index: 2;
color: var(--yazi_siyah);
transition: color 0.3s ease, transform 0.3s ease;
}
section#sepet_sayfasi_ust .paket_ozellik_buton:hover::after {
background: #f6fcff;
}
section#sepet_sayfasi_ust .paket_ozellik_buton:hover strong {
color: var(--yazi_lacivert);
}
@media (min-width: 981px) {
section#sepet_sayfasi_ust .paket_ozellik_buton {
display: none !important;
}
section#sepet_sayfasi_ust .gbs_list {
height: auto !important;
opacity: 1 !important;
overflow: visible !important;
margin: 30px 0 0 0 !important;
will-change: auto !important;
}
}
section#sepet_sayfasi_ust .gbs_list li {
backface-visibility: hidden;
transform-style: preserve-3d;
}


.ust_bilgi_alani {
position: relative;
overflow: hidden;
z-index: 1;
padding: 30px 0;
}

.ust_bilgi_alani::before,
.ust_bilgi_alani::after {
content: "";
position: absolute;
top: 0;
width: 50%;
height: 100%;
z-index: -1;
}

.ust_bilgi_alani::before {
left: 0;
background-color: #f3f7fb;
}

.ust_bilgi_alani::after {
right: 0;
background-color: #f3f7fb;
}

/* GENEL BİLGİ ALANI */
.genel_bilgi_alani {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 0;
}

.genel_bilgi_sol {
width: 60%;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 40px;
box-sizing: border-box;
}
.genel_bilgi_sol .ortali_baslik {
text-align: left;
margin: 0px;
}
.genel_bilgi_sol .ortali_baslik h1,
.genel_bilgi_sol .ortali_baslik h2 {
font-size: 32px;
}
.genel_bilgi_sol .ortali_baslik p {
font-size: 18px;
color: var(--yazi_gri);
margin-top: 15px;
line-height: 1.6;
max-width: 100%;
margin-left: unset;
margin-right: unset;
}



.genel_bilgi_sol ul.gbs_list {
list-style: none;
margin: 30px 0px 0px 0px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px 30px;
}

.genel_bilgi_sol ul.gbs_list li {
display: flex;
align-items: center;
flex: 1 1 48%;
gap: 18px;
box-sizing: border-box;
}

.gbs_svg {
width: 64px;
height: 64px;
min-width: 64px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
background: var(--arkaplan_beyaz);
color: var(--arkaplan_lacivert);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gbs_svg svg {
width: 42px;
height: 42px;
fill: currentColor;
}


.gbs_content {
display: flex;
flex-direction: column;
justify-content: center;
}

.gbs_content strong {
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 700;
margin-bottom: 0px;
}

.gbs_content p {
font-size: 14px;
color: var(--yazi_gri);
margin: 0;
line-height: 1.4;
}

@media (max-width: 992px) {
.genel_bilgi_sol ul.gbs_list {
gap: 20px 0;
}

.genel_bilgi_sol ul.gbs_list li {
flex: 1 1 100%;
padding: 10px 0;
}

.gbs_svg {
width: 54px;
height: 54px;
min-width: 54px;
}

.gbs_content strong {
font-size: 1rem;
}

.gbs_content p {
font-size: 0.9rem;
}
}




.genel_bilgi_sag {
width: 40%;
display: flex;
align-items: center;
justify-content: flex-end;
box-sizing: border-box;
}

.genel_bilgi_sag img {
width: auto;
height: 400px;
object-fit: contain;
display: block;
}
@media (max-width: 990px) {
.genel_bilgi_alani {
flex-direction: column;
}

.genel_bilgi_sol,
.genel_bilgi_sag {
width: 100%;
padding-right: 0;
}

.genel_bilgi_sag,
.genel_bilgi_sag img,
.header_bilgi_sag_img,
.header_bilgi_sag_img img {
display: none
}

.ust_bilgi_alani::before,
.ust_bilgi_alani::after {
width: 100%;
border-radius: 0;
opacity: 0.2;
}
}


ul.isletim_sistemleri_listele {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}

ul.isletim_sistemleri_listele > li {
flex: 1 1 calc(16% - 25px);
max-width: calc(16% - 25px);
height: 220px;
perspective: 1200px;
}

ul.isletim_sistemleri_listele .kart {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.8s ease;
border-radius: 6px;
border: 1px solid #ddd;
}

ul.isletim_sistemleri_listele > li:hover .kart {
transform: rotateY(180deg);
}

ul.isletim_sistemleri_listele .kart .on,
ul.isletim_sistemleri_listele .kart .arka {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border-radius: 6px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

ul.isletim_sistemleri_listele .kart .on {
background: var(--arkaplan_beyaz);
z-index: 2;
}

ul.isletim_sistemleri_listele .kart .on img {
height: 64px;
width: auto;
object-fit: contain;
margin-bottom: 10px;
}

ul.isletim_sistemleri_listele .kart .on strong {
font-size: 18px;
color: var(--yazi_siyah);
font-weight: 600;
margin: 10px 0px 0px 0px;
}

ul.isletim_sistemleri_listele .kart .arka {
color: var(--yazi_beyaz);
background: var(--arkaplan_lacivert);
transform: rotateY(180deg);
z-index: 1;
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
ul.isletim_sistemleri_listele .kart .arka .liste_ic {
list-style: none;
margin: 0;
padding: 0;
}

ul.isletim_sistemleri_listele .kart .arka .liste_ic li {
font-size: 14px;
margin: 6px 0;
opacity: 0;
transform: translateY(10px);
}

ul.isletim_sistemleri_listele > li:hover .arka .liste_ic li {
animation: kart_fadeUp 0.5s ease forwards;
animation-delay: calc(var(--i) * 0.1s);
}

@keyframes kart_fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 1200px) {
ul.isletim_sistemleri_listele > li {
flex: 1 1 calc(25% - 20px);
max-width: calc(25% - 20px);
}
}

@media (max-width: 900px) {
ul.isletim_sistemleri_listele > li {
flex: 1 1 calc(25% - 20px);
max-width: calc(25% - 20px);
}
}

@media (max-width: 600px) {
ul.isletim_sistemleri_listele {
gap: 15px;
}

ul.isletim_sistemleri_listele > li {
flex: 1 1 calc(50% - 15px);
max-width: calc(50% - 15px);
}
ul.isletim_sistemleri_listele .kart .arka .liste_ic li {
font-size: 13px;
}
}




/* Detay Sayfası Panel Listesi */
ul.panelleri_listele {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}

ul.panelleri_listele li {
flex: 1 1 calc(20% - 25px);
max-width: calc(20% - 25px);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
background: var(--arkaplan_beyaz);
border-radius: 6px;
padding: 10px 20px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: pointer;
border: 1px solid #ddd;
}

ul.panelleri_listele li:hover {
transform: scale(1.03);
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
background: #f6f9ff;
}
ul.panelleri_listele li:hover strong {
color: var(--yazi_mavi);
}

ul.panelleri_listele li img {
height: auto;
width: 36px;
object-fit: contain;
}

ul.panelleri_listele li strong {
font-size: 15px;
color: var(--yazi_siyah);
font-weight: 600;
white-space: nowrap;
}
@media (max-width: 1200px) {
ul.panelleri_listele li {
flex: 1 1 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
}
}
@media (max-width: 980px) {
ul.panelleri_listele li {
flex: 1 1 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
}
}
@media (max-width: 768px) {
ul.panelleri_listele li {
flex: 1 1 calc(50% - 15px);
max-width: calc(50% - 15px);
}
ul.panelleri_listele li strong {
font-size: 13px;
}
ul.panelleri_listele {
gap: 15px;
}
}
@media (max-width: 480px) {
ul.panelleri_listele li {
flex: 1 1 100%;
max-width: 100%;
}
}





.paket_aciklama_alani {
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
}

.paket_aciklama {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: nowrap;
overflow: hidden;
}

.pkt_aciklama_sol,
.pkt_aciklama_sag {
flex: 1;
min-height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}

.pkt_aciklama_sol {
flex-basis: 60%;
padding-right: 20px;
}

.pkt_aciklama_sol .scrollbar {
width: 100%;
height: 100%;
max-height: 350px;
overflow-y: scroll;
padding: 15px 30px;
}
.pkt_aciklama_sol .scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: var(--arkaplan_beyaz);
border-radius: 9999px;
}
.pkt_aciklama_sol .scrollbar::-webkit-scrollbar {
width: 7px;
background-color: var(--arkaplan_beyaz);
border-radius: 9999px;
}
.pkt_aciklama_sol .scrollbar::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: var(--arkaplan_lacivert);
border-radius: 9999px;
}
.pkt_aciklama_sol .scrollbar h3 {
font-size: 28px;
font-weight: 700;
color: var(--yazi_siyah);
margin-top: 15px;
}
.pkt_aciklama_sol .scrollbar h4 {
font-size: 22px;
font-weight: 600;
color: var(--yazi_siyah);
margin-top: 15px;
}
.pkt_aciklama_sol .scrollbar p {
font-size: 18px;
color: var(--yazi_siyah);
margin-top: 15px;
line-height: 1.6;
}
.pkt_aciklama_sol .scrollbar ul{
  margin-top:15px;
  padding-left:20px;
}

.pkt_aciklama_sol .scrollbar li{
  font-size:18px;
  color:var(--yazi_siyah);
  line-height:1.6;
  margin-top:10px;
}

.pkt_aciklama_sag {
flex-basis: 40%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-left: 20px;
overflow: hidden;
border-radius: 30px 30px 30px 30px;
/*clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);*/
}

.pkt_aciklama_sag img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 0;
transform: scale(1);
border-radius: 30px 30px 30px 30px;
}

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

.paket_aciklama:nth-child(even) .pkt_aciklama_sol {
padding-right: 0;
padding-left: 20px;
}

.paket_aciklama:nth-child(even) .pkt_aciklama_sag {
padding-left: 0;
padding-right: 20px;
}

@media (max-width: 990px) {
.paket_aciklama {
flex-direction: column;
}

.pkt_aciklama_sol {
flex-basis: 100%;
min-height: auto;
padding: 0;
}
.pkt_aciklama_sol .scrollbar {
width: 100%;
height: 100%;
max-height: 350px;
overflow-y: scroll;
padding: 15px 30px 15px 0px;
}
.paket_aciklama:nth-child(even) .pkt_aciklama_sol {
padding-right: 0;
padding-left: 0px;
}

.paket_aciklama:nth-child(even) .pkt_aciklama_sag {
padding-left: 0;
padding-right: 0px;
}
.pkt_aciklama_sag {
display: none;
}
}


.detay_sss_yanyana {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 60px;
box-sizing: border-box;
}

.detay_sss_yanyana .sss_alani {
flex: 1 1 calc(50% - 30px);
box-sizing: border-box;
min-width: 0;
}

@media (max-width: 980px) {
.detay_sss_yanyana {
flex-direction: column;
gap: 40px;
}

.detay_sss_yanyana .sss_alani {
flex: 1 1 100%;
}
}





.timeline_alani {
width: 100%;
padding: 0px 0 100px 0;
position: relative;
overflow: hidden;
}
.timeline_alani_container {
position: relative;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.timeline_alani_wave {
position: absolute;
top: 50%;
left: 15px;
width: calc(100% - 30px);
height: 200px;
z-index: 1;
transform: translateY(-50%);
pointer-events: none;
}
.timeline_alani_step {
position: relative;
width: 18%;
text-align: center;
z-index: 2;
}
.timeline_alani_circle {
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.timeline_alani_icon_bg {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--arkaplan_beyaz);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s ease;
position: relative;
z-index: 2;
}
.timeline_alani_icon_bg svg {
width: 52px;
height: 52px;
color: var(--yazi_mavi);
z-index: 2;
transition: 0.3s ease;
}
.timeline_alani_number {
position: absolute;
top: -70px;
left: 50%;
transform: translateX(-50%);
font-size: 70px;
font-weight: 800;
color: var(--yazi_beyaz);
text-shadow:
-1px 0 rgb(0 119 255 / 20%),
1px 0 rgb(0 119 255 / 20%),
0 -1px rgb(0 119 255 / 20%),
0  1px rgb(0 119 255 / 20%);
z-index: 1;
pointer-events: none;
}
.timeline_alani_number::before {
content: attr(data-text);
position: absolute;
inset: 0;
color: transparent;
background: var(--yazi_beyaz);
mix-blend-mode: screen;
pointer-events: none;
}
.timeline_alani_step:hover .timeline_alani_icon_bg {
background: var(--arkaplan_mavi);
}
.timeline_alani_step:hover .timeline_alani_icon_bg svg {
color: var(--yazi_beyaz);
transform: scale(1.1);
transition: 0.3s ease;
}
.timeline_alani_step h3 {
font-size: 18px;
font-weight: 600;
color: var(--yazi_siyah);
margin-top: 20px;
}
.timeline_alani_step p {
font-size: 14px;
color: var(--yazi_siyah);
margin: 5px 0 15px;
opacity: 0.7;
}
.timeline_alani_btn {
display: inline-block;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-size: 13px;
font-weight: 600;
padding: 8px 18px;
border-radius: 25px;
text-decoration: none;
transition: 0.3s ease;
position: relative;
overflow: hidden;
}
.timeline_alani_step:hover .timeline_alani_btn {
background: var(--arkaplan_acik_yesil);
}
.timeline_alani_step.yukari {
transform: translateY(40px);
}
.timeline_alani_step.asagi {
transform: translateY(80px);
}

@media (max-width: 980px) {
.timeline_alani {
padding: 0px;
}
.timeline_alani_container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 40px 25px;
}

.timeline_alani_wave {
display: none;
}

.timeline_alani_step {
width: calc(33.333% - 25px);
margin: 0;
transform: none !important;
}

.timeline_alani_circle {
width: 80px;
height: 80px;
}

.timeline_alani_icon_bg svg {
width: 40px;
height: 40px;
}

.timeline_alani_number {
top: -55px;
font-size: 55px;
}
}

@media (max-width: 768px) {
.timeline_alani_container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 40px 20px;
}

.timeline_alani_step {
width: calc(50% - 20px);
margin: 0;
transform: none !important;
}

.timeline_alani_circle {
width: 75px;
height: 75px;
}

.timeline_alani_icon_bg svg {
width: 36px;
height: 36px;
}

.timeline_alani_number {
top: -45px;
font-size: 45px;
}
}

@media (max-width: 520px) {
.timeline_alani_container {
flex-direction: column;
align-items: center;
gap: 50px;
}

.timeline_alani_step {
width: 100%;
max-width: 320px;
}

.timeline_alani_circle {
width: 70px;
height: 70px;
}

.timeline_alani_icon_bg svg {
width: 32px;
height: 32px;
}

.timeline_alani_number {
top: -50px;
font-size: 50px;
}
}





.platformlar_alani {
margin: 90px 0px 0px 0px;
}
.platformlar_icerik {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
.platformlar_sol {
display: grid;
width: 45%;
height: auto;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 10px;
position: relative;
}
.logo_box {
display: flex;
align-items: center;
justify-content: center;
width: 75px;
height: 75px;
background: var(--arkaplan_beyaz);
border-radius: 9999px;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.4s ease, box-shadow 0.4s ease;
opacity: 0.95;
animation-timing-function: ease-in-out;
}
.logo_box:hover {
transform: scale(1.3);
opacity: 1;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.14);
}
.logo_box span {
display: block;
width: 60%;
height: 60%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

/* --- SVG ICONLAR --- */
.platformlar_sol .svg_icon_php          { background-image: url("../images/hizli_kurulum/svg_icon_php.svg"); }
.platformlar_sol .svg_icon_cpanel       { background-image: url("../images/hizli_kurulum/svg_icon_cpanel.svg"); }
.platformlar_sol .svg_icon_litespeed    { background-image: url("../images/hizli_kurulum/svg_icon_litespeed.svg"); }
.platformlar_sol .svg_icon_wordpress    { background-image: url("../images/hizli_kurulum/svg_icon_wordpress.svg"); }
.platformlar_sol .svg_icon_drupal       { background-image: url("../images/hizli_kurulum/svg_icon_drupal.svg"); }
.platformlar_sol .svg_icon_woocommerce  { background-image: url("../images/hizli_kurulum/svg_icon_woocommerce.svg"); }
.platformlar_sol .svg_icon_joomla       { background-image: url("../images/hizli_kurulum/svg_icon_joomla.svg"); width: 50%!important; height: 50%!important;}
.platformlar_sol .svg_icon_prestashop   { background-image: url("../images/hizli_kurulum/svg_icon_prestashop.svg"); }
.platformlar_sol .svg_icon_magento      { background-image: url("../images/hizli_kurulum/svg_icon_magento.svg"); }
.platformlar_sol .svg_icon_cloudflare   { background-image: url("../images/hizli_kurulum/svg_icon_cloudflare.svg"); }
.platformlar_sol .svg_icon_opencart     { background-image: url("../images/hizli_kurulum/svg_icon_opencart.svg"); }
@keyframes floatY {
0%   { transform: translateY(0) rotate(0deg) scale(1); }
25%  { transform: translateY(-10px) rotate(-1deg) scale(1.03); }
50%  { transform: translateY(0) rotate(1deg) scale(0.98); }
75%  { transform: translateY(8px) rotate(-0.5deg) scale(1.02); }
100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes floatX {
0%   { transform: translateX(0) rotate(0deg) scale(1); }
25%  { transform: translateX(8px) rotate(1deg) scale(1.02); }
50%  { transform: translateX(0) rotate(-1deg) scale(0.98); }
75%  { transform: translateX(-8px) rotate(0.5deg) scale(1.03); }
100% { transform: translateX(0) rotate(0deg) scale(1); }
}
.platformlar_sol .wordpress   { animation: floatY 6s ease-in-out infinite; animation-delay: 0.2s; }
.platformlar_sol .drupal      { animation: floatX 6.8s ease-in-out infinite; animation-delay: 0.5s; }
.platformlar_sol .opencart    { animation: floatY 7.3s ease-in-out infinite; animation-delay: 0.8s; }
.platformlar_sol .litespeed   { animation: floatX 5.9s ease-in-out infinite; animation-delay: 0.4s; }
.platformlar_sol .joomla      { animation: floatY 7.1s ease-in-out infinite; animation-delay: 0.6s; }
.platformlar_sol .cloudflare  { animation: floatX 7.4s ease-in-out infinite; animation-delay: 0.9s; }
.platformlar_sol .magento     { animation: floatY 6.6s ease-in-out infinite; animation-delay: 0.3s; }
.platformlar_sol .prestashop  { animation: floatY 7.8s ease-in-out infinite; animation-delay: 0.7s; }
.platformlar_sol .woocommerce { animation: floatX 6.5s ease-in-out infinite; animation-delay: 0.5s; }
.platformlar_sol .cpanel      { animation: floatY 6.2s ease-in-out infinite; animation-delay: 0.4s; }
/* Üst satır */
.platformlar_sol .wordpress   { grid-column: 2; grid-row: 1; animation: floatY 6s infinite; }
.platformlar_sol .drupal      { grid-column: 4; grid-row: 1; animation: floatX 6.5s infinite; }
/* 2. satır */
.platformlar_sol .opencart    { grid-column: 1; grid-row: 2; animation: floatY 7s infinite; }
.platformlar_sol .litespeed   { grid-column: 3; grid-row: 2; animation: floatX 5.8s infinite; }
.platformlar_sol .joomla      { grid-column: 5; grid-row: 2; animation: floatY 6.8s infinite; }
/* 3. satır */
.platformlar_sol .cloudflare  { grid-column: 2; grid-row: 3; animation: floatX 7.2s infinite; }
.platformlar_sol .magento     { grid-column: 4; grid-row: 3; animation: floatY 6.4s infinite; }
/* 4. satır */
.platformlar_sol .prestashop  { grid-column: 1; grid-row: 4; animation: floatY 7.5s infinite; }
.platformlar_sol .woocommerce { grid-column: 3; grid-row: 4; animation: floatX 6s infinite; }
.platformlar_sol .cpanel      { grid-column: 5; grid-row: 4; animation: floatY 6.2s infinite; }

.platformlar_sag {
width: 55%;
}
.platformlar_sag .ortali_baslik p {
max-width: 90%;
}
.platformlar_sag .ortali_baslik {
margin: 0px auto;
}
@media (max-width: 990px) {
.platformlar_icerik {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 40px;
}
.platformlar_sag {
width: 100%;
order: 1;
}
.platformlar_sol {
width: 100%;
order: 2;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 25px;
justify-items: center;
align-items: center;
}
.logo_box {
width: 70px;
height: 70px;
}
}

@media (max-width: 990px) {
.platformlar_alani {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
.platformlar_sol {
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
gap: 5px;
height: auto;
order: 2;
}
.platformlar_sag {
order: 1;
}
.logo_box {
width: 40px;
height: 40px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.logo_box span {
width: 65%;
height: 65%;
}
}
















































/* --- Modal İçerik --- */
.iziModal-content {
width: calc(100% - 60px)!important;
margin: 0px 30px;
background: transparent!important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 14px !important;
color: var(--yazi_siyah) !important;
transition: background 0.3s ease !important;
padding: 30px 0px!important;
}
.langandcur h4 {
color: #fff !important;
font-weight: 600 !important;
font-size: 22px !important;
margin-bottom: 20px !important;
text-align: center !important;
letter-spacing: 0.3px !important;
}
.langcurclose {
position: absolute;
width: 25px;
height: 25px;
text-align: center;
background: rgba(255, 255, 255, 0.12) !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 15px !important;
line-height: 25px !important;
transition: background 0.2s ease !important;
right: 5px!important;
top: 5px!important;
}
.langcurclose:hover {
background: rgba(255, 255, 255, 0.25) !important;
}
.langandcur a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 10px 20px !important;
margin: 6px !important;
font-size: 15px !important;
color: #e0e0e0 !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 6px !important;
background: rgba(255, 255, 255, 0.04) !important;
transition: all 0.25s ease !important;
position: relative !important;
overflow: hidden !important;
}
.langandcur a::before {
content: "";
position: absolute !important;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.25), transparent);
transform: skewX(-20deg);
transition: all 0.5s ease;
}
.langandcur a:hover::before {
left: 125%;
}
.langandcur a:hover {
border-color: rgba(255, 255, 255, 0.3) !important;
background: rgba(255, 255, 255, 0.08) !important;
color: #fff !important;
}
.activelangcur {
opacity: 1 !important;
color: #fff !important;
border-color: #0bc !important;
background: rgba(0, 188, 212, 0.15) !important;
}
.langandcur img {
height: 18px !important;
border-radius: 3px !important;
margin: 0 !important;
box-shadow: none !important;
}
.iziModal-overlay {
background-color: rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
z-index: 997 !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#selectLang .langandcur a {
width: 45%!important;
}
}
@media only screen and (min-width: 20px) and (max-width: 767px) {
#selectLang .langandcur a {
width: 93%!important;
}
}

.amount_spot_view i {
font-style: unset!important;
font-size: unset!important;
font-weight: unset!important;
position: unset!important;
}
.currposright {
margin: unset!important;
}


/* Yazılım Listele */
.anasayfa_yazilimlar .tumpaketleri_gor_linki {
margin: 45px 0px 0px 0px;
}
.anasayfa_yazilim_listele {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
box-sizing: border-box;
}
.anasayfa_yazilim {
box-sizing: border-box;
flex: 0 1 100%;
position: relative;
background: var(--arkaplan_acik_gri);
border-radius: 15px 15px 0px 15px;
padding-bottom: 15px;
}
.anasayfa_yazilim.populeryazilim {
background: var(--arkaplan_mavi);
}
@media (min-width: 480px) {
.anasayfa_yazilim {
flex-basis: calc((100% - 30px) / 2);
}
}
@media (min-width: 768px) {
.anasayfa_yazilim {
flex-basis: calc((100% - (30px * 2)) / 2);
}
}
@media (min-width: 1024px) {
.anasayfa_yazilim {
flex-basis: calc((100% - (30px * 2)) / 3);
}
}
@media (min-width: 1280px) {
.anasayfa_yazilim {
flex-basis: calc((100% - (30px * 3)) / 4);
}
}
.anasayfa_yazilim .yazilim_gorsel {
display: block;
width: 100%;
overflow: hidden;
border-radius: 15px 15px 45px 45px;
filter: drop-shadow(0 14px 18px rgba(0,0,0,.12))
drop-shadow(0 4px 6px rgba(0,0,0,.06));
}
.anasayfa_yazilim .yazilim_gorsel img {
display: block;
width: 100%;
height: auto;
border-radius: 15px 15px 45px 45px;
/*
aspect-ratio: 16 / 9;
object-fit: cover;
*/
}
.anasayfa_yazilim .yazilim_icerik {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
}
.anasayfa_yazilim.populeryazilim .yazilim_baslik h3,
.anasayfa_yazilim.populeryazilim .fiyat_yeni,
.anasayfa_yazilim.populeryazilim .fiyat_eski del {
color: var(--yazi_beyaz);
}
.yazilim_baslik {
display: flex;
align-items: center;
height: 46px;
margin: 5px 0px 5px 0px;
}
.yazilim_baslik h3 {
font-size: 17px;
line-height: 1.4;
color: var(--yazi_siyah);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.yazilim_tag_listesi {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
gap: 4px;
margin: 0px;
padding: 0px;
list-style: none;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
}
.yazilim_tag_listesi li {
display: inline-block;
width: auto;
overflow: hidden;
padding: 4px 8px;
border-radius: 15px;
font-size: 10px;
color: var(--yazi_beyaz);
background-color: rgba(0, 0, 0, 0.15);
}
.yazilim_tag_listesi li:nth-child(6n+1) { background-color: rgba(0,122,255,0.70); }
.yazilim_tag_listesi li:nth-child(6n+2) { background-color: rgba(52,199,89,0.70); }
.yazilim_tag_listesi li:nth-child(6n+3) { background-color: rgba(255,149,0,0.70); }
.yazilim_tag_listesi li:nth-child(6n+4) { background-color: rgba(255,45,85,0.70); }
.yazilim_tag_listesi li:nth-child(6n+5) { background-color: rgba(175,82,222,0.70); }
.yazilim_tag_listesi li:nth-child(6n)   { background-color: rgba(90,200,250,0.70); }
.yazilim_fiyat_alani {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0px;
}
.fiyat_eski {
display: inline-flex;
align-items: center;
gap: 6px;
}
.fiyat_eski del {
opacity: 0.6;
position:relative;
text-decoration: none;
font-size: 15px;
font-weight: 300;
}
.fiyat_eski del::after {
content: "";
position: absolute;
left: 2px;
bottom: 5px;
width: 95%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}
.indirim_orani {
display: inline-block;
padding: 3px 8px;
border-radius: 12px;
background: var(--arkaplan_kirmizi);
font-size: 12px;
font-weight: 600;
line-height: 1;
color: var(--yazi_beyaz);
border:0px;
box-shadow: 0px;
}
.fiyat_yeni {
display: inline-flex;
align-items: baseline;
gap: 6px;
}
.fiyat_tutar {
font-weight: 700;
font-size: 20px;
}
.fiyat_periyot {
font-size: 12px;
}
.yazilim_satin_al {
position: absolute;
bottom: 0px;
right: 0px;
width: 76px;
height: 66px;
border-radius: 30px 0px 0px 0px;
background: var(--arkaplan_beyaz);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: background 0.35s ease, box-shadow 0.35s ease;
}
.yazilim_satin_al svg {
width: 42px;
height: 42px;
}
.anasayfa_yazilim:hover .yazilim_satin_al {
background: var(--arkaplan_yesil);
box-shadow: -3px -3px 6px rgb(0 0 0 / 15%);
}
.anasayfa_yazilim:hover .yazilim_satin_al svg {
color: var(--yazi_beyaz);
}
@media (max-width: 768px) {
.anasayfa_yazilim .yazilim_gorsel,
.anasayfa_yazilim .yazilim_gorsel img {
border-radius: 15px 15px 30px 30px;
}
.yazilim_satin_al {
width: 56px;
height: 46px;
}
.yazilim_satin_al svg {
width: 32px;
height: 32px;
}
.fiyat_periyot {
font-size: 11px;
}
}


/* Anasayfa Blog Listesi */
.anasayfa_h_b_liste {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 40px;
}
.anasayfa_haber_sol,
.anasayfa_blog_sag {
width: 100%;
}

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

ul#anasayfa_blog_liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
justify-content: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
ul#anasayfa_blog_liste li {
display: flex;
flex-direction: column;
align-items: center;
max-width: 500px;
margin: 0 auto;
padding: 15px;
border: 1px solid var(--border);
border-radius: 8px 8px 8px 8px;
}
ul#anasayfa_blog_liste .blog-article {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
ul#anasayfa_blog_liste .blog-image-link {
position: relative;
}
ul#anasayfa_blog_liste .blog-image-link img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
height: auto;
border-radius: 8px 8px 0 0;
display: block;
}
ul#anasayfa_blog_liste .blog-title {
font-size: 18px;
font-weight: 800;
color: var(--yazi_siyah);
line-height: 1.4;
margin: 25px 0px 10px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
ul#anasayfa_blog_liste .blog-title a {
text-decoration: none;
color: var(--yazi_siyah);
}
ul#anasayfa_blog_liste li:hover .blog-title a {
color: var(--yazi_lacivert);
}
ul#anasayfa_blog_liste .blog-date {
font-size: 14px;
color: var(--yazi_beyaz);
position: absolute;
bottom: -21px;
right: 10px;
padding: 6px 16px;
background: var(--arkaplan_acik_mavi);
border-radius: 30px;
border: 6px solid var(--arkaplan_beyaz);
}
ul#anasayfa_blog_liste .blog-excerpt {
font-size: 16px;
font-weight: 400;
color: var(--yazi_siyah);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
display: none!important;
}
@media (max-width: 980px) {
ul#anasayfa_blog_liste {
grid-template-columns: 1fr;
}
}



ul#anasayfa_haber_liste {
display: flex;
flex-direction: column;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}

ul#anasayfa_haber_liste li {
border-radius: 10px;
overflow: hidden;
padding: 15px;
border: 1px solid var(--border);
border-radius: 8px 8px 8px 8px;
}


ul#anasayfa_haber_liste .haber-item {
display: grid;
grid-template-columns: 150px 1fr;
align-items: center;
gap: 20px;
}

ul#anasayfa_haber_liste .haber-sol {
position: relative;
overflow: hidden;
border-radius: 8px;
}

ul#anasayfa_haber_liste .haber-sol img {
width: 100%;
aspect-ratio: 16 / 13.55;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}

ul#anasayfa_haber_liste .haber-sag {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}

ul#anasayfa_haber_liste .haber-tarih {
font-size: 14px;
line-height: 1;
color: var(--yazi_gri);
display: block;
}

ul#anasayfa_haber_liste .haber-baslik {
font-size: 18px;
font-weight: 800;
line-height: 1.4;
margin: 3px 0px 7px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}

ul#anasayfa_haber_liste .haber-baslik a {
color: var(--yazi_siyah);
}

ul#anasayfa_haber_liste .haber-item:hover .haber-baslik a {
color: var(--yazi_lacivert);
}

ul#anasayfa_haber_liste .haber-aciklama {
font-size: 16px;
font-weight: 400;
color: var(--yazi_siyah);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}


h3.blog_haber_baslik {
position: relative;
font-size: clamp(1.6rem, 2vw + 1rem, 2rem);
font-weight: 400;
color: var(--yazi_siyah);
text-align: left;
margin: 0 0 10px 0;
padding-bottom: 12px;
display: inline-block;
letter-spacing: 0px;
overflow: hidden;
}

h3.blog_haber_baslik a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}

h3.blog_haber_baslik::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 60px;
background: linear-gradient(90deg, #007bff, #00c6ff, #007bff);
background-size: 200%;
border-radius: 3px;
animation: blog_haber_glow 2.5s linear infinite;
transition: width 0.4s ease;
}

h3.blog_haber_baslik:hover::after {
width: 100px;
}

h3.blog_haber_baslik a:hover {
color: var(--yazi_lacivert);
}

@keyframes blog_haber_glow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}


.ilanasamalar {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 25px 0 20px;
text-align: center;
margin-bottom: 20px;
position: relative;
margin-top: 40px;
}

.ilanasamax {
flex: 1;
text-align: center;
font-size: 14px;
position: relative;
z-index: 3;
min-width: 60px;
}

.ilanasamax h3 {
width: 60px;
height: 60px;
background: #eee;
text-align: center;
line-height: 60px;
font-size: 28px;
font-weight: 700;
margin: 0 auto 7px;
border-radius: 50%;
text-shadow: 0.03em 0.03em #fff;
transition: all 0.3s ease;
}
#asamaaktif.ilanasamax {font-size: 16px;}
#asamaaktif h3 {
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
text-shadow: none;
transform: scale(1.2);
box-shadow: 0px 0px 12px -5px rgb(0, 0, 0);
margin: 0 auto 15px;
}

#asamaaktif {
color: var(--yazi_yesil);
font-weight: 700;
}

.asamaline {
position: absolute;
top: 53px;
height: 5px;
background: var(--arkaplan_acik_gri);
border-radius: 3px;
overflow: hidden;
z-index: 1;
}

.asamaline-fill {
position: absolute;
top: 0;
left: 0;
height: 5px;
background: var(--arkaplan_yesil);
border-radius: 3px;
width: 0;
transition: width 0.45s ease;
z-index: 2;
}

/* responsive */
@media (max-width: 768px) {
.ilanasamax h3 {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 26px;
}
.ilanasamax {
font-size: 14px;
}
ul#anasayfa_haber_liste .haber-item {
grid-template-columns: 1fr;
}
ul#anasayfa_haber_liste .haber-item img {
display: none;
}
}


/* Genel alan */
.siparis-bilgileri {
padding: 0px 0px;
}

.donemler-alani {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: stretch;
margin: 20px 0 0;
padding: 0;
}

.donemler-alani .donem-karti {
flex: 0 1 calc((100% - 60px) / 4);
background: var(--arkaplan_acik_gri);
border-radius: 10px;
text-align: center;
padding: 0 20px;
cursor: pointer;
transition: all 0.25s ease;
transform: scale(0.95);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 300px;
}
@media (max-width: 1200px) {
.donemler-alani .donem-karti {
flex: 0 1 calc((100% - 40px) / 3);
}
}

@media (max-width: 900px) {
.donemler-alani .donem-karti {
flex: 0 1 calc((100% - 20px) / 2);
}
}

@media (max-width: 600px) {
.donemler-alani .donem-karti {
flex: 0 1 100%;
}
}
.donem-karti:hover {
transform: scale(1.00);
border-color: var(--yazi_gri);
}
.donem-karti.secili {
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
transform: scale(1.00);
}
.donem-icerik {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
}
.donem-baslik {
font-size: 24px;
font-weight: 900;
color: var(--yazi_siyah);
margin-bottom: 10px;
}
.secili .donem-baslik {
color: var(--yazi_beyaz);
}
.eski-fiyat {
color: var(--yazi_gri);
font-size: 16px;
line-height: 1;
margin-top: 5px;
position: relative;
}
.eski-fiyat::after {
content: "";
position: absolute;
left: 5px;
bottom: 3px;
width: 90%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}
.donem-karti.secili .eski-fiyat {
color: var(--yazi_beyaz);
}
.donem-karti.secili .eski-fiyat::after {
background: var(--arkaplan_kirmizi);
opacity: 0.8;
}
.yeni-fiyat {
font-size: 32px;
font-weight: 900;
color: var(--yazi_siyah);
line-height: 1;
margin: 5px 0px 10px 0px;
}

.secili .yeni-fiyat {
color: var(--yazi_beyaz);
}
.tasarruf {
font-size: 14px;
font-weight: 400;
background: var(--arkaplan_acik_mavi);
padding: 5px 15px;
color: var(--yazi_beyaz);
border-radius: 6px 6px 6px 6px;
}
.tasarruf b {
font-size: 16px;
margin-right: 5px;
}
.donem-karti.secili .tasarruf {
background: var(--arkaplan_acik_yesil);
color: var(--yazi_beyaz);
}
.indirim-etiketi {
position: absolute;
bottom: 0;
right: 0;
background: var(--arkaplan_beyaz);
padding: 10px 0px 10px 10px;
border-radius: 50% 0 0 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
width: auto;
height: auto;
box-sizing: border-box;
}
.indirim-etiketi strong {
background: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 900;
width: 56px;
height: 56px;
border-radius: 50% 50% 50% 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
box-sizing: border-box;
}


.buton-alani {
text-align: center;
margin-top: 50px;
}

.buton-alani a {
min-width: 60%;
position: relative;
display: inline-block;
padding: 10px 14px;
border-radius: 999px;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-weight: 700;
text-decoration: none;
border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
white-space: nowrap;
overflow: hidden;
}
.buton-alani a:hover {
background: var(--arkaplan_acik_yesil);
}
.buton-alani a.geri_don_buton {
background: var(--arkaplan_acik_kirmizi)!important;
color: var(--yazi_beyaz)!important;
}
.buton-alani a.pasif_olan_buton {
background: rgb(0 0 0 / 15%) !important;
color: #185397!important;
cursor: no-drop;
}

/* Hata mesajı */
.hata-mesaji {
margin-top: 15px;
text-align: center;
color: var(--yazi_kirmizi);
font-size: 0.95rem;
}

.siparisbilgileri .domainsec {
width: 100%;
}

.siparisbilgileri .ui-state-default {
background: transparent;
border: 1px solid var(--arkaplan_acik_mavi);
}
.siparisbilgileri .ui-accordion .ui-accordion-header {
display:block;
cursor:pointer;
position:relative;
border-radius: 0px 0px 0px 0px;
padding:20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
font-size:20px;
font-weight: 700;
outline:none;
color: var(--yazi_lacivert);
-webkit-transition: all 0.0s ease-out;
-moz-transition: all 0.0s ease-out;
-ms-transition: all 0.0s ease-out;
-o-transition: all 0.0s ease-out;
transition: all 0.0s ease-out;
}
.siparisbilgileri .ui-accordion .ui-accordion-header-active {
padding:20px 20px 5px 20px;
margin: 30px 0px 0px 0px;
color: var(--yazi_lacivert)!important;
}
.siparisbilgileri .ui-accordion .ui-accordion-header span {
display: none;
}
.siparisbilgileri .ui-accordion .ui-accordion-header p {
font-size: 16px;
font-weight: 400;
margin-top: 5px;
line-height: 1.4;
color: var(--yazi_siyah);
}
.siparisbilgileri .ui-accordion .ui-accordion-header p strong {
font-size: 20px;
font-weight: 900;
margin-right: 3px;
}

.siparisbilgileri .ui-state-active {
background: transparent!important;
color:var(--yazi_siyah)!important;
border-left: 1px solid var(--arkaplan_acik_mavi);
border-right: 1px solid var(--arkaplan_acik_mavi);
border-top: 1px solid var(--arkaplan_acik_mavi);
border-bottom: 0px;
}
.siparisbilgileri .ui-widget-content {
border: 1px solid var(--arkaplan_acik_mavi);
}
.siparisbilgileri .ui-accordion-content-active {
margin-bottom: 30px;
}
.siparisbilgileri .ui-accordion .ui-accordion-content {
padding: 0px 20px 20px 20px;
}
.siparisbilgileri .ui-accordion .ui-accordion-content table tr td {
padding: 30px 0px 15px 0px;
}
.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper {
position: relative;
flex: 1;
display: flex;
align-items: stretch;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper svg {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--yazi_gri);
pointer-events: none;
width: 28px;
height: 28px;
opacity: 0.7;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper input {
flex: 1;
width: 100%;
padding: 12px 14px 12px 50px;
font-size: 16px;
font-weight: 700;
border: 2px solid var(--arkaplan_lacivert);
border-right: none;
border-radius: 6px 0 0 6px;
outline: none;
box-sizing: border-box;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper input:focus {
border-color: var(--arkaplan_lacivert);
}
input::placeholder {
color: #a7a7a7!important;
opacity: 1 !important;
isolation: isolate !important;
mix-blend-mode: normal !important;
font-weight: 600!important;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper a {
padding: 0 24px;
font-size: 16px;
font-weight: 600;
background: var(--arkaplan_lacivert);
color: var(--yazi_beyaz);
border: 2px solid var(--arkaplan_lacivert);
border-left: none;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background 0.2s ease;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper a:hover {
background: var(--arkaplan_lacivert);
border-color: var(--arkaplan_lacivert);
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}

.siparisbilgileri .ui-accordion .ui-accordion-content .input_wrapper a:hover::after {
opacity: 1;
transform: translateX(100%);
}
div#modal-alert .iziModal-content {
padding: 0px!important;
}

.arkodiyon_alert {
display: flex;
align-items: center;
gap: 20px;
padding: 30px 0px;
color: var(--yazi_siyah);
}

.arkodiyon_alert .dns_svg {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 92px;
height: 92px;
}

.arkodiyon_alert .dns_svg svg {
width: 92px;
height: 92px;
color: var(--yazi_sari);
stroke: currentColor;
}

.arkodiyon_alert #dns_list {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}

.arkodiyon_alert #dns_list p {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.5;
color: var(--yazi_siyah);
}

.arkodiyon_alert #dns_list span {
display: inline-block;
color: var(--yazi_sari);
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}

.arkodiyon_alert #dns_list {
flex-wrap: wrap;
}
@media (max-width: 768px){
.arkodiyon_alert .dns_svg {
width: 62px;
height: 62px;
}

.arkodiyon_alert .dns_svg svg {
width: 62px;
height: 62px;
}
}
.siparisbilgileri table {
width: 100%;
}
table.ek_hizmetler_table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
}

table.ek_hizmetler_table tr:first-child td {
background: var(--arkaplan_acik_gri);
color: var(--yazi_siyah);
font-weight: 600;
font-size: 15px;
padding: 18px 20px;
text-align: left;
border-bottom: 1px solid var(--border);
}

table.ek_hizmetler_table tr {
border-bottom: 1px solid var(--border);
}

table.ek_hizmetler_table td {
padding: 24px 20px;
vertical-align: top;
}

table.ek_hizmetler_table label {
display: block;
cursor: pointer;
color: var(--yazi_siyah);
line-height: 1.5;
}

table.ek_hizmetler_table label strong {
display: block;
font-size: 16px;
color: var(--yazi_siyah);
margin-bottom: 6px;
font-weight: 600;
}

table.ek_hizmetler_table span {
display: block;
color: var(--yazi_siyah);
font-size: 14px;
line-height: 1.6;
}

/* Radyo ve seçeneklerin hizası */
table.ek_hizmetler_table input.radio-custom {
color: var(--yazi_mavi);
transform: scale(1.1);
margin-right: 8px;
}

table.ek_hizmetler_table .radio-custom-label {
display: flex;
align-items: center;
gap: 8px;
color: var(--yazi_siyah);
font-size: 15px;
margin-bottom: 10px;
padding: 8px 12px;
border-radius: 6px;
transition: background 0.2s ease, color 0.2s ease;
background: var(--arkaplan_acik_gri);
border: 1px solid var(--border);
}

table.ek_hizmetler_table .radio-custom:checked + .radio-custom-label {
border-color: var(--arkaplan_mavi);
background: #eff4ff;
color: var(--yazi_mavi);
font-weight: 400;
}
table.ek_hizmetler_table .radio-custom:checked + .radio-custom-label:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background-color: var(--arkaplan_yesil);
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
table.ek_hizmetler_table .checkbox-custom+.checkbox-custom-label:before,
table.ek_hizmetler_table .radio-custom+.radio-custom-label:before {content:'';border:2px solid var(--arkaplan_acik_mavi);    border-radius: 5px;display:inline-block;line-height:20px;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center;border-radius:100%;}

table.ek_hizmetler_table .radio-custom-label strong {
display: inline;
margin: 0 2px;
color: inherit;
}
table.ek_hizmetler_table input.radio-custom {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
}


table.ek_hizmetler_table #result {
font-size: 14px;
margin-top: 12px;
color: var(--yazi_kirmizi);
}


@media (max-width: 768px) {
table.ek_hizmetler_table,
table.ek_hizmetler_table tbody,
table.ek_hizmetler_table tr,
table.ek_hizmetler_table td {
display: block;
width: 100%;
}

table.ek_hizmetler_table tr:first-child {
display: none;
}

table.ek_hizmetler_table td {
border: none;
border-bottom: 1px solid var(--border);
padding: 20px 18px;
}

table.ek_hizmetler_table td label strong {
font-size: 16px;
}

table.ek_hizmetler_table a.mio-ajax-submit {
width: 100%;
text-align: center;
padding: 14px 0;
}

}

table.ek_hizmetler_table select {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border);
border-radius: 8px;
background: var(--arkaplan_acik_gri);
color: var(--yazi_siyah);
font-size: 15px;
font-weight: 500;
outline: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--yazi_siyah) 50%),
linear-gradient(135deg, var(--yazi_siyah) 50%, transparent 50%);
background-position: calc(100% - 18px) calc(50% - 4px),
calc(100% - 12px) calc(50% - 4px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
transition: border-color 0.2s ease, background-color 0.2s ease;
}

table.ek_hizmetler_table select:hover {
background-color: var(--arkaplan_beyaz);
}

table.ek_hizmetler_table select:focus {
border-color: var(--arkaplan_mavi);
background-color: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
}

/* Mobil cihazlarda zoom engelleme */
@media (max-width: 768px) {
table.ek_hizmetler_table select {
font-size: 16px;
}
}



.sepetin_alani {
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
align-items: start;
gap: 40px;
}

/*.sepetrightshadow {
background: var(--arkaplan_beyaz);
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
border: 1px solid var(--arkaplan_acik_gri);
border-radius: 10px 10px 10px 10px;
}*/
.sepet_sag,
.genel_bol_sag {
background: var(--arkaplan_mavi);
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
border: 1px solid var(--arkaplan_mavi);
border-radius: 10px 10px 10px 10px;
}
.sepet_sag .sepetrightshadow {
padding: 5px;
}
.sepetbaslik {
width: 100%;
color: var(--yazi_beyaz);
font-size: 18px;
font-weight: 500;
position: relative;
text-align: right;
padding: 15px 15px 5px 15px;
border-radius: 10px 10px 0px 0px;
font-family: var(--font)!important;
}
.sepetbaslik:after {
position: absolute;
width: 70px;
height: 1px;
background: var(--arkaplan_beyaz);
bottom: 0px;
right: 15px;
z-index: 1;
content: "";
}

.sepet_sol .sepetbaslik {
color: var(--yazi_mavi);
margin: 0px 0px 25px 0px;
padding: 0px 0px 5px 0px;
}
.sepet_sol .sepetbaslik:after {
background: var(--yazi_mavi);
right: 0px;
}
.sepetsipinfo{font-size:14px; font-weight: 400;}
.sepetrightcon{padding:15px;}
.sepetsipinfo h5{
font-weight:700;
font-size:18px;
color: var(--yazi_beyaz);
width:120px;
}
.sepetsipinfo tr td h5#total-amount-payable {
width: 100%;
font-size: 28px;
font-weight: 700;
color: #ffef19;
}
.sepetsipinfo tr td {
border-bottom: 1px solid rgb(255 255 255 / 20%);
padding: 15px 0;
color: var(--yazi_beyaz);
}
.sepetsipinfo input {
width: 90%;
padding: 10px 10px 10px 10px;
text-align-last:center;
border:1px dashed var(--arkaplan_acik_yesil);
border-radius: 8px;
margin-top: 10px;
}
.sepetsipinfo input::placeholder {
color: var(--yazi_beyaz)!important;
opacity: 0.7!important;
font-weight: 400!important;
}

tr#use_coupon a {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 500;
transition: color 0.25s ease;
line-height: 1;
}

tr#use_coupon a svg {
width: 32px;
height: 32px;
flex-shrink: 0;
}

tr#use_coupon a:hover {
color: var(--yazi_acik_yesil);
}
.sepet_sag .buton-alani {
margin-top: 0px;
}
.sepet_sag .buton-alani a {
background: var(--arkaplan_lacivert);
}
.sepet_sag .buton-alani a:hover {
background: var(--arkaplan_acik_yesil);
}

.plogos2 {
width: auto!important;
height: 60px!important;
display: inline-block;
margin-bottom: 5px!important;
margin-left: unset!important;
}
.plogos1 {
width: unset!important;
height: 20px!important;
margin: 0px auto 20px auto!important;
}
.paymentlogos p {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
color: var(--yazi_beyaz);
}

@media (max-width: 1024px) {
.sepetin_alani {
grid-template-columns: 1fr;
gap: 30px;
}

.sepet_sol {
order: 1;
}

.sepet_sag {
order: 2;
}


}

.sepet_sol .uhperiyod select {
padding: 0px;
}
.sepet_sol .sepetlistcon {
display: grid;
grid-template-columns: 3fr 200px 130px;
align-items: center;
gap: 0px 15px;
background: var(--arkaplan_acik);
border: 1px solid var(--cizgi_renk);
border-radius: 10px;
padding: 30px 20px;
position: relative;
}
.sepet_sol .uhinfo {
width: unset;
grid-column: 1 / 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.sepet_sol .uhinfo h5 {
color: var(--yazi_siyah);
font-size: 18px;
font-weight: 700;
}
.sepet_sol .uhinfo h4 a {
color: var(--yazi_gri);
margin-top: 5px;
font-size: 14px;
}
.sepet_sol .uhinfo p {
color: var(--yazi_gri);
font-size: 14px;
}
.sepet_sol .uhinfo p span {
font-weight: 700;
}
.sepet_sol .uhinfo h3 {
display: inline-block;
color: var(--yazi_gri);
font-size: 14px;
font-weight: 500;
padding: 0px 0px;
border-radius: 99px;
margin: 5px 0;
vertical-align: middle;
box-sizing: border-box;
height: 22px;
line-height: 1.1;
}

.sepet_sol .cart-additional-details {
float: left;
width: 100%;
border-top: 0px;
padding-top: 5px;
margin-top: 5px;
font-size: 14px;
}

.checkbox-custom {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
opacity: 0;
pointer-events: none;
}

.checkbox-custom-label {
display: inline-flex!important;
align-items: center;
justify-content: flex-start;
gap: 0px;
cursor: pointer;
font-size: 14px;
color: var(--yazi_siyah);
position: relative;
line-height: 1.3;
}

.checkbox-custom-label::before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
border: 1.5px solid var(--arkaplan_gri);
border-radius: 5px;
box-sizing: border-box;
flex-shrink: 0;
background-color: transparent;
transition: border-color 0.25s ease;
vertical-align: middle;
margin-right: 10px;
}
.checkbox-custom:checked + .checkbox-custom-label::before {
background: var(--arkaplan_yesil);
border-color: var(--arkaplan_yesil);
}
.checkbox-custom:checked + .checkbox-custom-label::after {
content: '';
position: absolute;
left: 1px;
top: 51%;
transform: translateY(-51%);
width: 22px;
height: 22px;
pointer-events: none;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23009595' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 70% 70%;
mask-size: 70% 70%;
background-color: var(--arkaplan_beyaz);
}


.sepet_sol .uhperiyod {
width: unset;
grid-column: 2 / 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.sepet_sol .uhperiyod font {
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%) rotate(0deg);
display: inline-block;
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
font-size: 11px;
font-weight: 400;
padding: 4px 10px 4px 10px;
border-radius: 20px;
letter-spacing: 0.3px;
text-transform: uppercase;
white-space: nowrap;
z-index: 2;
transition: all 0.2s ease-in-out;
}
.sepet_sol .row-label.green-label {display: none;}
.sepet_sol .uhtutar {
width: unset;
grid-column: 3 / 4;
display: flex;
align-items: center;
justify-content: right;
}
.sepet_sol .uhtutar .amount_spot_view {
font-size: 18px;
font-weight: 700;
}
.sepet_sol .sepetlist {
margin: 0px 0px 15px 0px;
position: relative;
border: 1px solid var(--arkaplan_acik_gri);
border-radius: 10px;
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
}
.sepet_sol .uhsil {
float: unset;
width: auto;
text-align: center;
position: absolute;
right: 0px;
bottom: 0px;
background: var(--arkaplan_kirmizi);
border-radius: 10px 0px 10px 0px;
opacity: 0;
transform: translateY(100%);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.sepet_sol .uhsil a {
padding: 6px 8px 6px 8px;
font-size: unset;
display: block;
}
.sepet_sol .uhsil svg {
width: 22px;
height: 22px;
color: var(--yazi_beyaz);
}

@keyframes slideUpUhsil {
from {
transform: scale(0.8);
opacity: 0;
}
60% {
transform: scale(1.05);
opacity: 1;
}
to {
transform: scale(1);
opacity: 1;
}
}
.sepet_sol .sepetlist:hover .uhsil {
animation: slideUpUhsil 0.4s ease forwards;
}


@media (max-width: 980px) {
.sepet_sol .sepetlistcon {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: auto auto;
gap: 15px;
width: 100%;
padding: 30px 20px 15px 20px;
}

.sepet_sol .uhinfo {
grid-column: 1 / -1;
width: 100%;
text-align: left;
}

.sepet_sol .uhperiyod {
grid-column: 1 / 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
width: 100%;
position: relative;
}
.sepet_sol .uhperiyod .custom_dropdown_wrapper {
width: calc(100% - 100px);
}
.sepet_sol .uhperiyod font {
top: 12px;
left: unset;
right: 0px;
transform: unset;
}

.sepet_sol .uhtutar {
grid-column: 2 / 3;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}

.sepet_sol .uhtutar .amount_spot_view {
font-size: 22px;
}

.sepet_sol .uhsil {
opacity: 1 !important;
transform: none !important;
animation: none !important;
position: absolute;
right: 0px;
bottom: unset;
border-radius: 8px;
padding: 2px;
top: 0px;
}
.sepet_sol .uhsil a {
padding: 4px 6px 4px 6px;
}
.sepet_sol .uhsil svg {
width: 18px;
height: 18px;
}
}





.sepet_sayfasi_genel {
position: relative;
z-index: 1;
}
#odeme_hesap_sayfasi .orderuserlogin {
width: 100%;
}
#odeme_hesap_sayfasi .userverification {
margin: 0px;
}


.radio-group-modern {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
width: 100%;
align-items: center;
}

@media (max-width: 768px) {
.radio-group-modern {
grid-template-columns: 1fr;
}
}
.radio-item {
display: flex;
justify-content: center;
position: relative;
}
.radio-input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.radio-label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
font-size: 15px;
font-weight: 500;
color: var(--yazi_siyah);
background-color: var(--arkaplan_beyaz);
border: 1.5px solid var(--arkaplan_gri);
border-radius: 8px;
padding: 10px 16px;
cursor: pointer;
width: 100%;
transition: all 0.25s ease;
box-sizing: border-box;
position: relative;
}
.radio-label::before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
border: 2px solid var(--arkaplan_gri);
border-radius: 50%;
background-color: var(--arkaplan_beyaz);
flex-shrink: 0;
transition: all 0.25s ease;
}
.radio-input:checked + .radio-label::before {
border-color: var(--arkaplan_yesil);
background-color: var(--arkaplan_yesil);
}
.radio-input:checked + .radio-label::after {
content: '';
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23009595' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23009595' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 55% 55%;
mask-size: 55% 55%;
background-color: var(--arkaplan_beyaz);
}
.radio-label:hover {
border-color: var(--arkaplan_yesil);
color: var(--arkaplan_yesil);
box-shadow: 0 0 0 3px rgba(0, 149, 95, 0.15);
transition: all 0.25s ease;
}
.radio-input:checked + .radio-label {
border-color: var(--arkaplan_yesil);
background-color: #e8fff1;
color: var(--arkaplan_yesil);
box-shadow: 0 0 0 3px rgba(0, 149, 95, 0.2);
transition: all 0.25s ease;
}
.radio-input:focus + .radio-label {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 149, 95, 0.25);
}


.modern-mavi .radio-input:checked + .radio-label::before {
border-color: var(--arkaplan_mavi);
background-color: var(--arkaplan_mavi);
}
.modern-mavi .radio-label:hover {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
box-shadow: 0 0 0 3px rgba(0, 119, 255, 0.15);
transition: all 0.25s ease;
}
.modern-mavi .radio-input:checked + .radio-label {
border-color: var(--arkaplan_mavi);
background-color: #e0efff;
color: var(--arkaplan_mavi);
box-shadow: 0 0 0 3px rgba(0, 119, 255, 0.2);
transition: all 0.25s ease;
}
.modern-mavi .radio-input:focus + .radio-label {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 119, 255, 0.25);
}








#odeme_hesap_sayfasi .sepet_sol .sepetlist {
margin: 0px 0px 15px 0px;
position: relative;
padding: 20px;
background: var(--arkaplan_beyaz);
overflow: hidden;
}
table.hesapolustur_girisyap {
width: 100%;
border-collapse: separate;
border-spacing: 0 12px;
}
table.hesapolustur_girisyap tr {
display: grid;
grid-template-columns: 180px 1fr;
align-items: center;
gap: 16px;
padding: 6px 0;
}
table.hesapolustur_girisyap tr.tr_bildirim_izinleri {
display: grid;
grid-template-columns: 1fr;
width: 100%;
gap: 10px;
padding: 8px 0;
}
table.hesapolustur_girisyap tr.tr_bildirim_izinleri td {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 16px 30px;
box-sizing: border-box;
}
table.hesapolustur_girisyap td {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
color: var(--yazi_siyah);
box-sizing: border-box;
font-weight: 400;
}
table.hesapolustur_girisyap td:has(> div:nth-of-type(2)) {
gap: 30px;
}
table.hesapolustur_girisyap td:has(> div:nth-of-type(2)) > div {
flex: 1;
}
table.hesapolustur_girisyap td:first-child {
padding-right: 8px;
}
table.hesapolustur_girisyap td:last-child {
width: 100%;
}
table.hesapolustur_girisyap td h5 {
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 700;
}
@media (max-width: 768px) {
table.hesapolustur_girisyap tr {
grid-template-columns: 1fr;
gap: 8px;
padding: 8px 0;
}
table.hesapolustur_girisyap td:first-child {
text-align: left;
padding-right: 0;
}
}



.hesapbilgisi {
display: grid;
grid-template-columns: 180px 1fr;
align-items: center;
width: 100%;
gap: 16px;
box-sizing: border-box;
margin-top: 20px;
}

.hesapbilgisi .yuzde25 {
width: 100%;
}

.hesapbilgisi .yuzde75 {
width: 100%;
}
.hesapbilgisi .yuzde75 .iti {
width: 100%;
}

@media (max-width: 980px) {
.hesapbilgisi {
grid-template-columns: 1fr;
row-gap: 10px;
}
}

#newAddress h3 {
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 700;
margin-top: 30px;
display: block;
}
.hesapbilgititle {
font-size: 14px;
color: var(--yazi_siyah);
font-weight: 400;
}

.ulke_sehir_grup {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 100%;
}

.ulke_sehir_grup .ulke_sehir_alani:last-child {
grid-column: 1 / -1;
}

@media (max-width: 768px) {
.ulke_sehir_grup {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
}
.ulke_sehir_grup .ulke_sehir_alani strong {
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
display: block;
margin-left: 2px;
}


#haveAddress {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
width: 100%;
box-sizing: border-box;
}

#haveAddress h5 {
margin: 0;
flex: 1 1 auto;
text-align: left;
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 700;
}

#haveAddress a {
flex: 0 0 auto;
text-align: right;
font-weight: 500;
text-decoration: none;
color: var(--yazi_siyah);
}

#haveAddress a:hover {
color: var(--yazi_yesil);
}


#haveAddress .radio-group-modern {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
width: 100%;
align-items: stretch;
box-sizing: border-box;
}

#haveAddress .radio-label {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
#haveAddress .radio-input:checked + .radio-label::after {
top: 10px;
transform: unset;
}
#haveAddress .radio-label strong {
font-size: 15px;
font-weight: 700;
color: var(--yazi_siyah);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}

#haveAddress .radio-label span {
font-size: 14px;
color: var(--yazi_gri);
line-height: 1.4;
white-space: normal;
word-break: break-word;
width: 100%;
}


@media (max-width: 768px) {
#haveAddress .radio-group-modern {
grid-template-columns: 1fr;
gap: 14px;
}
}



#payment_methods {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
box-sizing: border-box;
width: 100%;
}

.odeme_secenekleri_basket {
box-sizing: border-box;
flex: 0 1 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px;
}

@media (min-width: 480px) {
.odeme_secenekleri_basket {
flex-basis: calc((100% - 20px) / 2);
}
}

@media (min-width: 980px) {
.odeme_secenekleri_basket {
flex-basis: calc((100% - (20px * 2)) / 3);
}
}

@media (min-width: 1280px) {
.odeme_secenekleri_basket {
flex-basis: calc((100% - (20px * 3)) / 4);
}
}


.sepet_sol .faturabilgisi .red-info {
background-color: #f8d7da !important;
border: 1px solid #f5c6cb !important;
color: #721c24 !important;
text-align: center !important;
border-radius: 10px;
padding: 20px !important;
margin: 0px 0px 20px 0px;
}

.sepet_sol .faturabilgisi .red-info .padding20 {
padding: 0 !important;
}

.sepet_sol .faturabilgisi .red-info h5 {
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #721c24 !important;
}

.sepet_sol .faturabilgisi .red-info h5 strong {
font-size: 18px;
color: #721c24 !important;
}
.sepet_sol .faturabilgisi .bank-notification-info {
color: var(--yazi_kirmizi);
}

.sepet_sol .yuzde50 input[name="sender_name"] {
width: 100%;
min-height: 44px;
padding: 10px 14px;
border: 1.4px solid var(--border);
border-radius: 6px;
background-color: var(--arkaplan_gri_acik);
color: var(--yazi_siyah);
font-size: 15px;
font-family: var(--font);
font-weight: 500;
line-height: 1.4;
outline: none;
box-sizing: border-box;
transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
-webkit-text-size-adjust: 100%;
margin-top: 20px;
}
.sepet_sol .yuzde50 input[name="sender_name"]:hover {
border-color: var(--arkaplan_gri);
background-color: var(--arkaplan_beyaz);
}
.sepet_sol .yuzde50 input[name="sender_name"]:focus {
border-color: var(--arkaplan_gri);
background-color: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
}
.sepet_sol .yuzde50 input[name="sender_name"]::placeholder {
color: var(--yazi_siyah);
opacity: 0.7;
font-weight: 400 !important;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.sepet_sol .yuzde50 input[name="sender_name"] {
font-size: 16px;
}
}


.sepet_sol .bankablok {
width: 100%;
margin: 20px 0px 0px 0px;
}
.sepet_sol .bankablok .padding15{
padding: 0px;
}
.sepet_sol .bankalogo {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
gap: 14px;
}
.sepet_sol .bankalogo img {
height: 46px;
width: unset;
display: block;
object-fit: contain;
}
.sepet_sol .bankalogo h4 {
color: var(--yazi_siyah);
font-size: 16px;
font-weight: 500;
position: relative;
padding: 0px;
float: unset;
line-height: unset;
}

.sepet_sol .bankainfo {
width: 100%;
display: flex;
flex-direction: column;
gap: 5px;
}

.sepet_sol .bankainfo .line {
width: 100%;
height: 1px;
background-color: var(--border);
}

.sepet_sol .bankainfo h5 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
font-size: 15px;
font-weight: 400;
color: var(--yazi_siyah);
margin: 0;
line-height: 1.6;
}

.sepet_sol .bankainfo h5 span {
flex: 0 0 140px;
font-weight: 600;
color: var(--yazi_gri);
box-sizing: border-box;
}

.sepet_sol .bankainfo h5 .iban-copy-icon {
flex: 0 0 auto;
margin-left: 6px;
cursor: pointer;
color: var(--yazi_siyah);
transition: color 0.25s ease;
}

.sepet_sol .bankainfo h5 .iban-copy-icon:hover {
color: var(--yazi_yesil);
}


.iban-copy-icon {
margin-left: 10px !important;
color: var(--yazi_siyah) !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
vertical-align: middle !important;
transition: color 0.25s ease, transform 0.2s ease !important;
}

.iban-copy-icon:hover {
color: var(--yazi_yesil) !important;
transform: scale(1) !important;
}

.iban-copy-icon font.kopya-yazi {
font-size: 13px !important;
font-weight: 600 !important;
color: var(--yazi_yesil) !important;
opacity: 0;
animation: yazifade 2s ease forwards;
position: relative;
top: 0;
}

@keyframes yazifade {
0% { opacity: 0; transform: translateX(0px); }
10% { opacity: 1; transform: translateX(0); }
80% { opacity: 1; }
100% { opacity: 0; transform: translateX(0px); }
}


@media (max-width: 768px) {
.sepet_sol .bankainfo h5 {
font-size: 14px;
}
.sepet_sol .bankainfo h5 span {
width: unset;
flex: 0 0 120px;
font-size: 14px;
}
}


.genel_ikiye_bol {
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
align-items: start;
gap: 40px;
}
@media (max-width: 1024px) {
.genel_ikiye_bol {
grid-template-columns: 1fr;
gap: 30px;
}
.genel_bol_sol {
order: 1;
}
.genel_bol_sag {
order: 2;
}
}



ul.server_sayfasi_liste {
display: block;
}
ul.server_sayfasi_liste li {
margin: 0px 0px 15px 0px;
position: relative;
border: 1px solid var(--arkaplan_acik_gri);
border-radius: 10px;
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
list-style: none;
padding: 20px;
}



.li_bir {
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid var(--border);
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
transition: all 0.25s ease;
cursor: pointer;
}
.li_bir label {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
cursor: pointer;
}

.li_bir svg {
flex-shrink: 0;
width: 32px;
height: 32px;
}

.li_bir strong {
display: block;
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 600;
line-height: 1.3;
}

.li_bir font {
display: block;
color: var(--yazi_gri);
font-size: 14px;
line-height: 1.4;
margin-top: 2px;
}

.li_bir .text-group {
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.3;
}

.li_bir .zorunlu {
color: var(--yazi_kirmizi);
font-weight: 700;
margin-right: 6px;
font-size: 18px;
}

.toplam_sunucu_ucreti {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 15px 0;
}

.genel_bol_sag .sepetrightshadow {
padding: 20px 20px 0px 20px;
}
.genel_bol_sag .sepetrightshadow .sepetbaslik {
padding: 0px 0px 5px 0px;
}
.genel_bol_sag .sepetrightshadow .sepetbaslik:after {
right: 0px;
}

.toplam_sunucu_ucreti span {
font-size: 16px;
font-weight: 700;
color: var(--yazi_beyaz);
text-transform: uppercase;
}
.toplam_sunucu_ucreti strong {
font-size: 28px;
font-weight: 700;
color: #ffef19;
}
.genel_bol_sag .buton-alani {
margin-top: 0px;
}
.genel_bol_sag .buton-alani a {
background: var(--arkaplan_lacivert);
}
.ares_error {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border: 1px solid #f5c6cb;
background-color: #f8d7da;
color: #721c24;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
text-align: center;
box-sizing: border-box;
position: relative;
margin-top: 10px;
}
.sunucu_ozellikleri_liste_fiyati {

}
.sunucu_basligi_liste {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 120px;
align-items: center;
justify-content: space-between;
gap: 5px 10px;
width: 100%;
height: 100%;
box-sizing: border-box;
margin-top: 20px;
border-bottom: 1px solid rgb(255 255 255 / 20%);
padding-bottom: 15px;
}

.sunucu_basligi_liste h3 {
grid-column: 1 / 3;
font-size: 18px;
font-weight: 700;
margin: 0 0 5px 0;
text-align: left;
color: var(--yazi_beyaz);
display: flex;
align-items: center;
gap: 8px;
}
.sunucu_basligi_liste h3 svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}

.sunucu_basligi_liste span {
grid-column: 1 / 2;
font-size: 14px;
color: var(--yazi_beyaz);
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.sunucu_basligi_liste strong {
grid-column: 2 / 3;
font-size: 18px;
font-weight: 700;
text-align: right;
width: 120px;
color: var(--yazi_beyaz);
}


ul.ek_hizmet_listesi {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
display: flex;
flex-direction: column;
gap: 0px;
width: 100%;
box-sizing: border-box;
}

ul.ek_hizmet_listesi li {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 120px;
align-items: center;
justify-content: space-between;
gap: 5px 10px;
padding: 15px 0px 15px 0px;
border-bottom: 1px solid rgb(255 255 255 / 20%);
}

ul.ek_hizmet_listesi li h4 {
grid-column: 1 / 3;
font-size: 16px;
font-weight: 700;
margin: 0;
text-align: left;
color: var(--yazi_beyaz);
display: flex;
align-items: center;
gap: 8px;
}

ul.ek_hizmet_listesi li h4 svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}

ul.ek_hizmet_listesi li span {
grid-column: 1 / 2;
font-size: 14px;
color: var(--yazi_beyaz);
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

ul.ek_hizmet_listesi li strong {
grid-column: 2 / 3;
font-size: 16px;
font-weight: 700;
text-align: right;
width: 120px;
color: var(--yazi_beyaz);
}





.alan_adi_sayfasi_ust #anasayfa_alanadi {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
background: transparent;
}
.alan_adi_sayfasi_ust #anasayfa_alanadi .input_wrapper {
position: relative;
flex: 1;
display: flex;
align-items: stretch;
margin-right: 20px;
}
.alan_adi_sayfasi_ust #anasayfa_alanadi a#alanadi_transfer_link {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
height: 52px;
padding: 0 24px;
font-size: 16px;
font-weight: 600;
color: var(--yazi_beyaz);
border-left: none;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s ease;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: var(--arkaplan_turuncu);
}
@media (max-width: 768px) {
.alan_adi_sayfasi_ust #anasayfa_alanadi {
flex-direction: column;
align-items: center;
}
.alan_adi_sayfasi_ust #anasayfa_alanadi .input_wrapper {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.alan_adi_sayfasi_ust #anasayfa_alanadi a#alanadi_transfer_link {
width: auto;
margin: 0 auto;
}
}

.transfercode {
width: 50%;
margin: 30px auto 0 auto;
display: none;
text-align: center;
}

.transfercode strong {
display: block;
font-size: 15px;
margin-bottom: 15px;
background: #ffefef;
color: #b30000;
border: 1px solid #ffbaba;
padding: 10px;
border-radius: 6px;
}

.transfercode .transfercode-flex {
display: flex;
align-items: stretch;
justify-content: center;
gap: 0;
}
.transfercode input#transfer_code {
flex: 1;
padding: 12px 12px;
border: 1px solid var(--arkaplan_yesil);
border-right: none;
border-radius: 6px 0 0 6px;
font-size: 16px;
outline: none;
box-sizing: border-box;
font-weight: 700;
}
.transfercode a.transfer_code_buton {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 22px;
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 0 6px 6px 0;
transition: background 0.3s ease;
box-sizing: border-box;
white-space: nowrap;
position: relative;
overflow: hidden;
}

@media (max-width: 980px) {
.transfercode {
width: 100%;
padding: 0 15px;
}
.transfercode .transfercode-flex {
flex-direction: column;
align-items: stretch;
}
.transfercode input#transfer_code {
border-radius: 6px;
border-right: 1px solid #ccc;
margin-bottom: 10px;
}
.transfercode a.transfer_code_buton {
border-radius: 6px;
padding: 12px;
}
}

#anasayfa_alanadi .input_wrapper a {
padding: 0 24px;
font-size: 16px;
font-weight: 600;
background: var(--arkaplan_lacivert);
color: var(--yazi_beyaz);
border: 2px solid var(--arkaplan_lacivert);
border-left: none;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background 0.2s ease;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

#anasayfa_alanadi .input_wrapper a:hover {
background: var(--arkaplan_lacivert);
border-color: var(--arkaplan_lacivert);
}

#anasayfa_alanadi .input_wrapper a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(120deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.0) 60%);
background-size: 200% 100%;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s ease, transform .6s ease;
z-index: 1;
}

#anasayfa_alanadi .input_wrapper a:hover::after {
opacity: 1;
transform: translateX(100%);
}


.popuzantilar {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 40px auto;
}
.popuzantilar .uzanti {
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
position: relative;
transition: all 0.35s ease;
overflow: hidden;
height: 100%;
}

.alanadi_slider_detay .swiper-slide {
flex-shrink: 0;
display: flex;
height: auto;
transition: transform 0.35s ease;
}
.popuzantilar .uzanti img {
width: 72px;
height: 42px;
object-fit: contain;
margin-bottom: 12px;
align-self: flex-start;
}
.popuzantilar .domdiscount {
position: absolute!important;
top: 10px;
right: 10px;
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
font-size: 12px;
font-weight: 600;
padding: 4px 8px;
border-radius: 6px;
line-height: 1;
padding: 6px 8px!important;
}
.popuzantilar .amount_spot_view {
font-size: 20px;
font-weight: 700;
color: var(--yazi_siyah);
display: inline-flex;
align-items: center;
gap: 1px;
}
.popuzantilar .dnewprice {
margin-top: 4px;
}
.popuzantilar .doldprice {
text-decoration: unset;
color: var(--yazi_gri);
font-size: 14px;
font-weight: 400;
position: relative;
overflow: hidden;
}
.popuzantilar .doldprice:after {
content: "";
position: absolute;
left: 2px;
bottom: 3px;
width: 96%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}
.popuzantilar .alanadi_aciklamasi {
margin-top: 10px;
font-size: 16px;
line-height: 1.5;
color: var(--yazi_siyah);
transition: color 0.3s ease;
}
.popuzantilar .uzanti::before {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background: var(--arkaplan_acik_gri);
z-index: 0;
transition: top 0.4s ease;
}
.popuzantilar .uzanti:hover::before {
top: 0;
animation: fadeinbg 0.5s forwards;
}
@keyframes slideInBg {
0% {
top: -100%;
}
60% {
top: 0;
}
100% {
top: 0;
}
}
.popuzantilar .uzanti * {
position: relative;
z-index: 1;
}
.popuzantilar .uzanti h5 {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
}
.popuzantilar .ddiscountnewprice,
.popuzantilar .doldprice {
display: inline-flex;
align-items: center;
}
.popuzantilar .ddiscountnewprice .amount_spot_view {
font-weight: 700;
color: var(--yazi_siyah);
}
.popuzantilar .uzanti .buton-alani {
width: 100%;
margin-top: 25px;
}
.popuzantilar .uzanti .buton-alani a {
background: transparent;
border: 1px solid var(--border);
color: var(--yazi_siyah);
}
.popuzantilar .uzanti:hover .buton-alani a {
background: var(--arkaplan_acik_yesil);
border: 1px solid var(--arkaplan_acik_yesil);
color: var(--yazi_beyaz);
}


.tescilucretleri {
max-width: 100%;
margin: -20px auto 0 auto;
box-sizing: border-box;
}

.tescilucretleri h4 {
margin-bottom: 1rem;
font-size: 1.4rem;
font-weight: 600;
}

.tld-filter {
width: 100%;
max-width: 400px;
padding: 10px 15px;
border: 1px solid var(--border);
border-radius: 8px;
margin-bottom: 10px;
font-size: 16px;
transition: 0.2s;
float: right;
}
.tld-filter:focus {
border-color: var(--arkaplan_mavi);
outline: none;
box-shadow: 0 0 0 3px rgb(0 119 255 / 15%);
}

.tld-head {
display: grid;
grid-template-columns: 0.5fr repeat(3, 1fr);
background: var(--arkaplan_mavi);
border-radius: 8px;
padding: 15px 15px;
font-weight: 600;
font-size: 16px;
color: var(--yazi_beyaz);
margin-bottom: 10px;
}

.tld-head-name {
text-align: left;
display: flex;
align-items: center;
}
.tld-head-col {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

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

.tld-item {
display: grid;
grid-template-columns: 0.5fr repeat(3, 1fr);
align-items: center;
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 8px;
padding: 12px 15px;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
transition: background 0.2s, border-color 0.2s;
}

.tld-item:hover {
border-color: var(--arkaplan_mavi);
background: #eff4ff;
}

.tld-item.promo {
background: #f9fff6;
border-color: #b8e29a;
}
.tld-item.promo .tld-ext {
color: var(--yazi_yesil);
}

.tld-col {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}

.tld-name {
text-align: left;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 10px;
font-size: 16px;
font-weight: 600;
}
.tld-ext {
color: var(--yazi_mavi);
}
.tld-doc {
color: var(--yazi_gri);
text-decoration: none;
}

.price {
font-weight: 600;
color: var(--yazi_siyah);
}
.old-price {
text-decoration: line-through;
color: var(--yazi_gri);
font-size: 12px;
}
.new-price {
color: var(--yazi_yesil);
font-weight: 700;
font-size: 16px;
}

@media (max-width: 720px) {
.tld-head { display: none; }

.tld-item {
grid-template-columns: 1fr;
text-align: left;
gap: 0.6rem;
padding: 1rem;
}

.tld-col {
flex-direction: row;
justify-content: space-between;
position: relative;
padding: 0.5rem 0;
}

.tld-col::before {
content: attr(data-label);
font-weight: 600;
color: #666;
font-size: 0.9rem;
}

.tld-name::before {
content: none;
}

.tld-name {
justify-content: flex-start;
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 0.4rem;
}

.old-price {
text-decoration: line-through;
color: #aaa;
font-size: 0.9rem;
position: absolute;
right: 0px;
top: -10px;
}
}

#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste {
margin: 30px 0px 10px 0px;
}
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li {
position: relative;
z-index: auto;
overflow: visible;
border-radius: 16px;
padding: 15px;
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
}

#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li::before {
display: none;
}

#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li .alt_renk {
position: absolute;
right: -8px;
bottom: -8px;
width: 50%;
height: 50%;
border-radius: 16px;
z-index: -1;
}
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(1) .alt_renk  { background: #FF3C38; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(2) .alt_renk  { background: #FFB800; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(3) .alt_renk  { background: #32E875; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(4) .alt_renk  { background: #00B4D8; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(5) .alt_renk  { background: #8E44AD; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(6) .alt_renk  { background: #FF6B00; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(7) .alt_renk  { background: #06D6A0; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(8) .alt_renk  { background: #EF476F; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(9) .alt_renk  { background: #3A86FF; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(10) .alt_renk { background: #8338EC; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(11) .alt_renk { background: #FF9F1C; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(12) .alt_renk { background: #06AED5; }

#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(1) .ikon  { background: #FF3C38; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(2) .ikon  { background: #FFB800; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(3) .ikon  { background: #32E875; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(4) .ikon  { background: #00B4D8; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(5) .ikon  { background: #8E44AD; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(6) .ikon  { background: #FF6B00; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(7) .ikon  { background: #06D6A0; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(8) .ikon  { background: #EF476F; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(9) .ikon  { background: #3A86FF; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(10) .ikon { background: #8338EC; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(11) .ikon { background: #FF9F1C; }
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:nth-child(12) .ikon { background: #06AED5; }

#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li .ikon {
position: absolute;
top: 15px;
left: 15px;
bottom: unset;
right: unset;
width: 58px;
height: 58px;
border-radius: 999px;
}
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:hover .ikon svg,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:hover .ikon i,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li .ikon svg,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li .ikon i {
color: var(--yazi_beyaz);
width: 32px;
height: 32px;
font-size: 32px;
}
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:hover strong,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:hover p,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:focus-within strong,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li:focus-within p {
color: var(--yazi_gri);
}
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li strong,
#anasayfa_kartlar ul.kart_liste.alternatif_kart_liste > li p {
width: calc(100% - 80px);
left: 75px;
overflow: hidden;
text-align: left;
}


#showTLDStatusAvailable,
#showTLDStatusUnavailable {
display: none;
font-weight: 400;
padding: 14px 18px;
border-radius: .375rem;
font-size: 22px;
line-height: 1.5;
margin: 15px auto;
max-width: 100%;
text-align: center;
}
#showTLDStatusAvailable strong,
#showTLDStatusUnavailable strong {
font-weight: 700;
}
#showTLDStatusAvailable {
color: var(--yazi_yesil);
}
#showTLDStatusUnavailable {
color: var(--yazi_kirmizi);
}

@media (max-width: 768px) {
#showTLDStatusAvailable,
#showTLDStatusUnavailable {
font-size: 16px;
}
}

#tldok {color: var(--yazi_yesil); font-weight:400; font-size: 14px;}
#tldno {color: var(--yazi_kirmizi); font-weight:400; font-size: 14px;}

#OrderForm {
width: 100%;
overflow: hidden;
margin-top: 20px;
font-size: 15px;
color: var(--yazi_siyah);
}

.lookcolumtitle {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--arkaplan_mavi);
padding: 5px 0;
border-radius: 8px;
}
.lookcolumtitle .lookcolum {
font-weight: 600;
font-size: 16px;
color: var(--yazi_beyaz);
}
.lookcolum {
flex: 1;
text-align: center;
padding: 10px 15px;
min-width: 140px;
font-size: 16px;
color: var(--yazi_siyah);
box-sizing: border-box;
}

.lookcolum:last-child {
border-right: none;
}
.lookcolum:first-child {
text-align: left;
}
.tld-name {
text-align: left;
}
.lookcolumtitle .lookcolum .checkbox-custom-label::before {
border: 1.5px solid #ffffff;
}

.lookcolumlist {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f1f1f1;
transition: background 0.2s ease;
font-size: 15px;
}

.lookcolumlist:hover {
background: #f9fafb;
}

.lookcolum select {
padding: 6px 8px;
border-radius: 6px;
border: 1px solid #d1d5db;
font-size: 15px;
color: #333;
outline: none;
width: 90%;
background: #fff;
}

.checkbox-custom-label {
cursor: pointer;
}

.tldlistfoot {
background: #f8f9fa;
border-top: 1px solid #e9ecef;
padding: 12px;
text-align: right;
}
.lbtn.transfer-btn,
.lbtn.whois-btn {
display: inline-block;
font-size: 12px;
font-weight: 600;
padding: 4px 8px;
border-radius: 6px;
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease;
margin: 2px;
position: relative;
overflow: hidden;
}

.lbtn.transfer-btn {
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
}
.lbtn.whois-btn {
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

@media (max-width: 992px) {
.lookcolum {
font-size: 15px;
min-width: 120px;
}
}

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

.lookcolumlist {
display: block;
border: 1px solid #e5e7eb;
border-radius: 8px;
margin-bottom: 12px;
padding: 12px;
}

.lookcolumlist .lookcolum {
display: flex;
justify-content: space-between;
align-items: center;
border: none;
padding: 6px 0;
font-size: 15px;
}

.lookcolumlist .lookcolum::before {
content: attr(data-label);
font-weight: 600;
color: #555;
}

.lookcolum select {
width: 100%;
}

.lbtn.transfer-btn,
.lbtn.whois-btn {
display: block;
width: 100%;
text-align: center;
margin-top: 6px;
}
}

@media (max-width: 480px) {
.lookcolumlist {
padding: 10px;
}

.lookcolum {
font-size: 14px;
}

}


.hosting-selection-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
}

.hosting-category {
display: flex;
flex-direction: column;
gap: 15;
}

.hosting-category h4 {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 16px;
font-weight: 600;
color: var(--yazi_yesil);
padding: 0px 0px;
margin: 0;
text-transform: capitalize;
letter-spacing: 0.3px;
margin-top: 20px;
margin-bottom: 15px;
}

.hosting-category h4::after {
content: "";
display: inline-block;
flex-grow: 1;
height: 1px;
background: var(--border);
border-radius: 2px;
margin-left: 14px;
vertical-align: middle;
transform: translateY(1px);
}


.hosting-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0px 15px;
}

label.hosting-option span {
font-size: 0.95rem;
font-weight: 500;
color: #111827;
line-height: 1.45;
}

@media (max-width: 992px) {
.hosting-grid {
grid-template-columns: repeat(2, 1fr);
}
}

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

label.hosting-option {
padding: 12px 16px;
}
}

.genel_radio_butonlari input.radio-custom {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
}

.genel_radio_butonlari .radio-custom-label {
display: flex;
align-items: center;
color: var(--yazi_siyah);
font-size: 15px;
padding: 10px 14px;
border-radius: 8px;
transition: background 0.25s ease, color 0.25s ease, border 0.25s ease;
background: var(--arkaplan_acik_gri);
border: 1px solid var(--border);
cursor: pointer;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
}

.genel_radio_butonlari .radio-custom:checked + .radio-custom-label {
border-color: var(--arkaplan_mavi);
background: #eff4ff;
color: var(--yazi_mavi);
font-weight: 500;
}

.genel_radio_butonlari .checkbox-custom + .checkbox-custom-label:before,
.genel_radio_butonlari .radio-custom + .radio-custom-label:before {
content: "";
border: 2px solid var(--arkaplan_acik_mavi);
border-radius: 50%;
display: inline-block;
width: 20px;
height: 20px;
padding: 2px;
margin-right: 10px;
line-height: 20px;
vertical-align: middle;
text-align: center;
transition: all 0.25s ease;
}

.genel_radio_butonlari .radio-custom:checked + .radio-custom-label:before {
background-color: var(--arkaplan_yesil);
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M17.47 250.9C88.82 328.1 158 397.6 224.5 485.5c72.3-143.8 146.3-288.1 268.4-444.37L460 26.06C356.9 135.4 276.8 238.9 207.2 361.9c-48.4-43.6-126.62-105.3-174.38-137z'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}


.barindirma-yok-alani {
width: 100%;
display: block;
}

.alanadi-sorgu-kapsayici {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}

.aciklama-baslik {
margin: 0;
text-align: left;
font-size: 16px;
font-weight: 400;
color: var(--yazi_siyah);
line-height: 1.4;
margin-top: 15px;
}

.nameserver-alani {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}

.nameserver-satir {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-bottom: 15px;
}

.islem-alani {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
@media (max-width: 600px) {
.nameserver-satir {
grid-template-columns: 1fr;
}
}



.ust_ozellikler_listesi {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
align-items: start;
}

@media(max-width: 640px) {
.ust_ozellikler_listesi {
grid-template-columns: 1fr;
gap: 15px;
}
}

.kisa_ozellikler h4,
.sunucu_gereksinimleri h4 {
font-size: 18px;
font-weight: 700;
margin-top: 15px;
margin-bottom: 8px;
color: var(--yazi_lacivert);
position: relative;
display: inline-block;
padding-bottom: 7px;
}

.kisa_ozellikler h4::after,
.sunucu_gereksinimleri h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 75px;
height: 1px;
background: var(--arkaplan_lacivert);
}

.genel_bilgi_sol ul.software_list,
.sunucu_gereksinimleri ul.requirements_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 5px;
flex-direction: column;
}

.genel_bilgi_sol ul.software_list li,
.sunucu_gereksinimleri ul.requirements_list li {
display: flex;
align-items: center;
color: var(--yazi_gri);
line-height: 1.4;
box-sizing: border-box;
position: relative;
padding-left: 24px;
}

.genel_bilgi_sol ul.software_list li::after,
.sunucu_gereksinimleri ul.requirements_list li::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.449 2.399a.75.75 0 0 1 .152 1.05l-7.232 9.69a1.537 1.537 0 0 1-2.364.11l-3.561-3.94a.75.75 0 1 1 1.112-1.006l3.562 3.94l.007.004q.006.003.02.003l.017-.004l.004-.004l7.233-9.69a.75.75 0 0 1 1.05-.153M12 3.75A8.25 8.25 0 1 0 20.25 12a.75.75 0 0 1 1.5 0c0 5.385-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12S6.615 2.25 12 2.25a.75.75 0 0 1 0 1.5'/%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
opacity: 0.8;
}
.genel_bilgi_sol ul.software_list li i,
.sunucu_gereksinimleri ul.requirements_list li i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
font-size: 16px;
color: var(--yazi_gri);
line-height: 1;
flex-shrink: 0;
opacity: 0.8;
}


.genel_bilgi_sol ul.software_list li.has-icon::after,
.sunucu_gereksinimleri ul.requirements_list li.has-icon::after {
content: none;
}

#genel_bilgi_sag,
#genel_bilgi_sag img {
border-radius: 16px;
object-fit: cover;
}
.ortali_baslik.after_sil h1 {
margin-bottom: 0px;
}
.ortali_baslik.after_sil p {
margin-top: 10px;
}
.ortali_baslik.after_sil h1 strong {
padding-bottom: 0px;
}
.ortali_baslik.after_sil h1 strong:after {
display: none;
}

.script_fiyat {
display: grid;
grid-template-columns: 1fr 2fr;
align-items: flex-start;
gap: 20px;
margin-top: 30px;
align-items: center;
}

.fiyat_wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}

.butonlar_wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
}

.ust_fiyat_alani {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}

.old_price {
font-size: 18px;
color: var(--yazi_gri);
opacity: 0.6;
position: relative;
}

.old_price::after {
content: "";
position: absolute;
left: 2px;
bottom: 5px;
width: 95%;
height: 3px;
background: var(--arkaplan_kirmizi);
transform: rotate(352deg);
transform-origin: left bottom;
opacity: 0.5;
pointer-events: none;
border-radius: 100%;
}

.discount_rate {
display: inline-block;
padding: 3px 8px;
border-radius: 12px;
background: var(--arkaplan_kirmizi);
font-size: 12px;
font-weight: 600;
line-height: 1;
color: var(--yazi_beyaz);
border: 0;
}

.alt_fiyat_alani {
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 3px;
}

.current_price {
font-size: 32px;
font-weight: 700;
color: var(--yazi_yesil);
line-height: 1;
}

.currpos_left,
.currpos_right {
font-size: 22px;
font-weight: 600;
line-height: 1;
color: var(--yazi_yesil);
}

.currpos_left {
order: -1;
}

.period_info {
font-size: 14px;
color: var(--yazi_gri);
line-height: 1;
margin-left: 4px;
margin-bottom: 2px;
}

.butonlar_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex: 1;
flex-wrap: nowrap;
overflow: hidden;
}
.butonlar_wrapper a {
width: auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding: 8px 12px;
border-radius: 999px;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-weight: 700;
font-size: 14px;
text-decoration: none;
border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
white-space: nowrap;
overflow: hidden;
}
.butonlar_wrapper a:hover {
background: var(--arkaplan_acik_yesil);
}
.butonlar_wrapper a#buy_link_buton {
background: var(--arkaplan_yesil);
}
.butonlar_wrapper a svg {
width: 24px;
height: 24px;
}

@media (max-width: 768px) {
.script_fiyat {
grid-template-columns: 1fr;
}
.butonlar_wrapper {
justify-content: center;
}
.fiyat_wrapper,
.ust_fiyat_alani,
.alt_fiyat_alani {
align-items: center;
}
}
@media (max-width: 600px) {
.butonlar_wrapper {
flex-direction: column;
}
.butonlar_wrapper a {
width: 100%;
}
}


.software_genel_alan {
display: grid;
grid-template-columns: 2fr 1fr;
align-items: start;
gap: 40px;
width: 100%;
padding: 0px 0px;
box-sizing: border-box;
}
.software_sol {
position: relative;
}
@media (max-width: 980px) {
.software_genel_alan {
grid-template-columns: 1fr;
gap: 20px;
padding: 0px 0px;
}
}


.script_ozellikler {
display: flex;
flex-direction: column;
gap: 15px;
}

.script_ozellik_item {
display: flex;
align-items: center;
gap: 15px;
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 12px;
padding: 15px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}

.script_ozellik_item::before,
.script_ozellik_item::after {
content: "";
position: absolute;
height: 3px;
width: 50%;
bottom: 0;
transition: all 0.4s ease;
}

.script_ozellik_item::before {
left: 0;
background: #FF3C38;
}
.script_ozellik_item:nth-child(2)::before { background: #FFB800; }
.script_ozellik_item:nth-child(3)::before { background: #32E875; }
.script_ozellik_item:nth-child(4)::before { background: #00B4D8; }
.script_ozellik_item:nth-child(5)::before { background: #8E44AD; }
.script_ozellik_item:nth-child(6)::before { background: #FF6B00; }
.script_ozellik_item:nth-child(7)::before { background: #06D6A0; }
.script_ozellik_item:nth-child(8)::before { background: #EF476F; }
.script_ozellik_item:nth-child(9)::before { background: #3A86FF; }
.script_ozellik_item:nth-child(10)::before { background: #8338EC; }
.script_ozellik_item:nth-child(11)::before { background: #FF9F1C; }
.script_ozellik_item:nth-child(12)::before { background: #06AED5; }

.script_ozellik_item::after {
right: 0;
background: rgba(0,0,0,0.05);
}

.script_ozellik_item:hover::before {
width: 100%;
}

.script_ozellik_icon {
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: var(--yazi_beyaz);
transition: all 0.3s ease;
}

.script_ozellik_item:nth-child(1) .script_ozellik_icon { background: #FF3C38; }
.script_ozellik_item:nth-child(2) .script_ozellik_icon { background: #FFB800; }
.script_ozellik_item:nth-child(3) .script_ozellik_icon { background: #32E875; }
.script_ozellik_item:nth-child(4) .script_ozellik_icon { background: #00B4D8; }
.script_ozellik_item:nth-child(5) .script_ozellik_icon { background: #8E44AD; }
.script_ozellik_item:nth-child(6) .script_ozellik_icon { background: #FF6B00; }
.script_ozellik_item:nth-child(7) .script_ozellik_icon { background: #06D6A0; }
.script_ozellik_item:nth-child(8) .script_ozellik_icon { background: #EF476F; }
.script_ozellik_item:nth-child(9) .script_ozellik_icon { background: #3A86FF; }
.script_ozellik_item:nth-child(10) .script_ozellik_icon { background: #8338EC; }
.script_ozellik_item:nth-child(11) .script_ozellik_icon { background: #FF9F1C; }
.script_ozellik_item:nth-child(12) .script_ozellik_icon { background: #06AED5; }


.script_ozellik_icerik {
flex: 1;
text-align: left;
}

.ozellik_baslik {
font-size: 16px;
font-weight: 700;
color: var(--yazi_siyah);
margin-bottom: 6px;
}

.ozellik_aciklama {
font-size: 16px;
color: var(--yazi_gri);
line-height: 1.5;
margin-bottom: 8px;
}

.ozellik_detay {
font-size: 14px;
color: var(--yazi_gri);
line-height: 1.6;
border-top: 1px solid var(--border);
padding-top: 10px;
}

@media (max-width: 980px) {
.script_ozellik_icon {
width: 50px;
height: 50px;
font-size: 26px;
margin-bottom: 10px;
}
}


.software_sol_icerik {
font-size: 16px;
line-height: 1.8;
color: var(--yazi_siyah);
overflow: hidden;
background: var(--arkaplan_beyaz);
border: 1px solid var(--arkaplan_acik_gri);
border-radius: 10px;
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
padding: 30px;
position: relative;
}
.software_sol_icerik .one_cikan_gorsel {
margin-bottom: 30px;
display: none;
}
.software_sol_icerik .one_cikan_gorsel img {
width: 100%;
height: auto;
margin-bottom: 0px;
}
.software_sol_icerik p {
margin: 0px 0px 15px 0px;
}

.software_sol_icerik h1,
.software_sol_icerik h2,
.software_sol_icerik h3,
.software_sol_icerik h4,
.software_sol_icerik h5,
.software_sol_icerik h6 {
font-weight: 700;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
line-height: 1.3;
}

.software_sol_icerik h1 { font-size: 32px; }
.software_sol_icerik h2 { font-size: 28px; }
.software_sol_icerik h3 { font-size: 24px; }
.software_sol_icerik h4 { font-size: 20px; }
.software_sol_icerik h5 { font-size: 18px; }
.software_sol_icerik h6 { font-size: 16px; }

.software_sol_icerik ul,
.software_sol_icerik ol {
margin: 15px 0 15px 25px;
padding: 0;
}

.software_sol_icerik ul li,
.software_sol_icerik ol li {
margin-bottom: 8px;
line-height: 1.6;
}

.software_sol_icerik ul li::marker {
color: var(--yazi_siyah);
}

.software_sol_icerik ol li::marker {
color: var(--yazi_siyah);
font-weight: 600;
}

.software_sol_icerik a {
color: var(--yazi_siyah);
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.3s ease;
}

.software_sol_icerik a:hover {
color: var(--yazi_mavi);
}

.software_sol_icerik blockquote {
border-left: 4px solid var(--yazi_siyah);
background: var(--arkaplan_acik_gri);
padding: 15px 15px 15px 15px;
border-radius: 8px;
font-style: italic;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
}

.software_sol_icerik img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 0px 0px 15px 0px;
display: block;
}

.software_sol_icerik table {
width: 100%;
border-collapse: collapse;
margin: 0px 0px 15px 0px;
font-size: 16px;
border: 1px solid var(--border);
}

.software_sol_icerik th,
.software_sol_icerik td {
padding: 15px;
border: 1px solid var(--border);
text-align: left;
color: var(--yazi_siyah);
}

.software_sol_icerik th {
background: var(--arkaplan_acik_gri);
font-weight: 600;
}

.software_sol_icerik tr:nth-child(even) {
background: #fafbfc;
}

.software_sol_icerik code {
background: var(--arkaplan_acik_gri);
padding: 3px 6px;
border-radius: 4px;
font-family: monospace;
font-size: 15px;
color: var(--yazi_siyah);
}

.software_sol_icerik pre {
background: var(--arkaplan_acik_gri);
border-radius: 8px;
padding: 15px;
overflow-x: auto;
font-family: monospace;
font-size: 15px;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
}

.software_sol_icerik hr {
border: 0;
height: 1px;
background: var(--border);
margin: 0px 0px 15px 0px;
}

.software_sol_icerik strong {
font-weight: 700;
color: var(--yazi_siyah);
}

.software_sol_icerik em {
font-style: italic;
color: var(--yazi_siyah);
}

.software_sol_icerik iframe {
width: 100%;
max-width: 100%;
border: none;
border-radius: 8px;
aspect-ratio: 16/9;
margin: 0px 0px 15px 0px;
}

.software_sol_icerik figure {
margin: 0px 0px 15px 0px;
text-align: center;
}

.software_sol_icerik figcaption {
font-size: 15px;
color: var(--yazi_siyah);
margin-top: 6px;
}

@media (max-width: 980px) {
.software_sol_icerik {
font-size: 15px;
line-height: 1.7;
padding: 15px;
}

.software_sol_icerik table {
display: block;
overflow-x: auto;
white-space: nowrap;
}

.software_sol_icerik h1 { font-size: 28px; }
.software_sol_icerik h2 { font-size: 24px; }
.software_sol_icerik h3 { font-size: 20px; }
.software_sol_icerik h4 { font-size: 18px; }
.software_sol_icerik h5 { font-size: 16px; }
.software_sol_icerik h6 { font-size: 15px; }

.software_sol_icerik .one_cikan_gorsel {
display: block;
}
.software_genel_alan.ust_bosluk {
margin-top: 30px;
}
}

.software_sol .ui-accordion .ui-accordion-content {
padding: 15px;
}
.software_sol .akordiyon_ic {
height:250px;
overflow-y:scroll;
}
.akordiyon_ic {
font-size: 16px;
}
font-size: 16px;
.akordiyon_ic p {
margin: 0px 0px 15px 0px;
}

.akordiyon_ic h1,
.akordiyon_ic h2,
.akordiyon_ic h3,
.akordiyon_ic h4,
.akordiyon_ic h5,
.akordiyon_ic h6 {
font-weight: 700;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
line-height: 1.3;
}

.akordiyon_ic h1 { font-size: 32px; }
.akordiyon_ic h2 { font-size: 28px; }
.akordiyon_ic h3 { font-size: 24px; }
.akordiyon_ic h4 { font-size: 20px; }
.akordiyon_ic h5 { font-size: 18px; }
.akordiyon_ic h6 { font-size: 16px; }

.akordiyon_ic ul,
.akordiyon_ic ol {
margin: 15px 0 15px 25px;
padding: 0;
}

.akordiyon_ic ul li,
.akordiyon_ic ol li {
margin-bottom: 8px;
line-height: 1.6;
}

.akordiyon_ic ul li::marker {
color: var(--yazi_siyah);
}

.akordiyon_ic ol li::marker {
color: var(--yazi_siyah);
font-weight: 600;
}

.akordiyon_ic a {
color: var(--yazi_siyah);
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.3s ease;
}

.akordiyon_ic a:hover {
color: var(--yazi_mavi);
}

.akordiyon_ic blockquote {
border-left: 4px solid var(--yazi_siyah);
background: var(--arkaplan_acik_gri);
padding: 15px 15px 15px 15px;
border-radius: 8px;
font-style: italic;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
}

.akordiyon_ic img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 0px 0px 15px 0px;
display: block;
}

.akordiyon_ic table {
width: 100%;
border-collapse: collapse;
margin: 0px 0px 15px 0px;
font-size: 16px;
border: 1px solid var(--border);
}

.akordiyon_ic th,
.akordiyon_ic td {
padding: 15px;
border: 1px solid var(--border);
text-align: left;
color: var(--yazi_siyah);
}

.akordiyon_ic th {
background: var(--arkaplan_acik_gri);
font-weight: 600;
}

.akordiyon_ic tr:nth-child(even) {
background: #fafbfc;
}

.akordiyon_ic code {
background: var(--arkaplan_acik_gri);
padding: 3px 6px;
border-radius: 4px;
font-family: monospace;
font-size: 15px;
color: var(--yazi_siyah);
}

.akordiyon_ic pre {
background: var(--arkaplan_acik_gri);
border-radius: 8px;
padding: 15px;
overflow-x: auto;
font-family: monospace;
font-size: 15px;
color: var(--yazi_siyah);
margin: 0px 0px 15px 0px;
}

.akordiyon_ic hr {
border: 0;
height: 1px;
background: var(--border);
margin: 0px 0px 15px 0px;
}

.akordiyon_ic strong {
font-weight: 700;
color: var(--yazi_siyah);
}

.akordiyon_ic em {
font-style: italic;
color: var(--yazi_siyah);
}

.akordiyon_ic iframe {
width: 100%;
max-width: 100%;
border: none;
border-radius: 8px;
aspect-ratio: 16/9;
margin: 0px 0px 15px 0px;
}

.akordiyon_ic figure {
margin: 0px 0px 15px 0px;
text-align: center;
}

.akordiyon_ic figcaption {
font-size: 15px;
color: var(--yazi_siyah);
margin-top: 6px;
}

@media (max-width: 980px) {
.akordiyon_ic {
font-size: 15px;
line-height: 1.7;
}

.akordiyon_ic table {
display: block;
overflow-x: auto;
white-space: nowrap;
}

.akordiyon_ic h1 { font-size: 28px; }
.akordiyon_ic h2 { font-size: 24px; }
.akordiyon_ic h3 { font-size: 20px; }
.akordiyon_ic h4 { font-size: 18px; }
.akordiyon_ic h5 { font-size: 16px; }
.akordiyon_ic h6 { font-size: 15px; }

.akordiyon_ic .one_cikan_gorsel {
display: block;
}
}

.software_sol .ui-accordion .ui-accordion-header {
border-radius: 10px;
margin: 2px 0 0;
padding: 20px 15px;
font-size: 16px;
}
.software_sol .ui-state-active,
.software_sol .ui-widget-content .ui-state-active,
.software_sol .ui-widget-header .ui-state-active,
.software_sol a.ui-button:active,
.software_sol .ui-button:active,
.software_sol .ui-button.ui-state-active:hover {
background: var(--arkaplan_gri);
font-weight: 400;
color: var(--yazi_beyaz);
}

.software_sol .ui-icon {
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
width: 18px;
height: 18px;
cursor: pointer;
transition: transform 0.25s ease;
background-color: currentColor;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' d='M4.5 6L8 9.5L11.5 6' stroke-width='1.5'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
margin: 0px;
}

.ui-state-active .ui-icon {
transform: translateY(-50%) rotate(180deg);
}



.genel_sol_sag {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:40px;
}
.genel_solu {
flex:1 1 auto;
}
.genel_sagi {
flex:0 0 360px;
max-width:360px;
}
@media(max-width:980px) {
.genel_sol_sag {
flex-direction:column;
gap:20px;
}
.genel_sagi {
flex:1 1 auto;
width:100%;
max-width:100%;
}
}

.genel_solu ul#anasayfa_blog_liste {
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
.genel_solu ul#anasayfa_blog_liste .blog-title {
width: 100%;
}
.genel_solu ul#anasayfa_blog_liste .blog-excerpt {
display: -webkit-box!important;
}

.sag_kategoriler {
list-style: none;
padding: 0;
margin: 0px 0px 30px 0px;
border-radius: 8px;
background: var(--arkaplan_mavi);
}
.sag_kategoriler li {
border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.sag_kategoriler li:last-child {
border-bottom: none;
}
.sag_kategoriler li a {
display: block;
padding: 12px 15px;
text-decoration: none;
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 500;
line-height: 1.4;
position: relative;
overflow: hidden;
}
.sag_kategoriler li a::after {
content: "";
position: absolute;
top: 50%;
left: 2px;
width: 4px;
height: 80%;
background: var(--arkaplan_sari);
transform: translateY(-50%) scaleY(0);
transform-origin: center;
transition: transform .25s ease;
border-radius: 8px;
}
.sag_kategoriler li a:hover::after {
transform: translateY(-50%) scaleY(1);
}
.sag_kategoriler li a:hover {
color: var(--yazi_beyaz);
}



h3.blogs_haber_baslik {
position: relative;
font-size: clamp(1.4rem, 1.6vw + 1rem, 1.6rem);
font-weight: 400;
color: var(--yazi_siyah);
text-align: left;
margin: 0 0 10px 0;
padding-bottom: 12px;
display: inline-block;
letter-spacing: 0px;
overflow: hidden;
}
h3.blogs_haber_baslik::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 90px;
background: linear-gradient(90deg, #007bff, #00c6ff, #007bff);
background-size: 200%;
border-radius: 3px;
animation: blog_haber_glow 2.5s linear infinite;
transition: width 0.4s ease;
}

ul.sag_populer_yazilar {
list-style: none;
margin: 0;
padding: 0;
}

ul.sag_populer_yazilar li {
margin-bottom: 12px;
}

ul.sag_populer_yazilar li a {
display: block;
text-decoration: none;
color: inherit;
}

.populer_item_wrap {
display: flex;
align-items: center;
gap: 15px;
padding: 12px;
border-radius: 10px;
transition: all 0.25s ease;
background: var(--arkaplan_beyaz);
border: 1px solid var(--arkaplan_acik_gri);
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
}

.populer_img {
width: 100px;
height: 75px;
flex-shrink: 0;
overflow: hidden;
border-radius: 8px;
}

.populer_img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.populer_text {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
gap: 6px;
}

.populer_tarih {
font-size: 12px;
color: var(--yazi_gri);
line-height: 1;
}

.populer_baslik {
font-size: 16px;
line-height: 1.4;
color: var(--yazi_siyah);
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

ul.sag_populer_yazilar li a:hover .populer_baslik {
color: var(--yazi_lacivert);
}



.blog_kategori_spotu {
margin-top: 45px;
}
.blog_kategori_spotu p {
margin: 0 0 12px;
line-height: 1.6;
font-size: 16px;
}

.blog_kategori_spotu h1,
.blog_kategori_spotu h2,
.blog_kategori_spotu h3,
.blog_kategori_spotu h4,
.blog_kategori_spotu h5,
.blog_kategori_spotu h6 {
margin: 20px 0 10px;
line-height: 1.3;
font-weight: 600;
}

.blog_kategori_spotu ul {
padding-left: 20px;
margin: 10px 0;
list-style: disc;
}

.blog_kategori_spotu ol {
padding-left: 20px;
margin: 10px 0;
list-style: decimal;
}

.blog_kategori_spotu li {
margin-bottom: 8px;
line-height: 1.6;
font-size: 16px;
}

.blog_kategori_spotu a {
color: inherit;
text-decoration: underline;
}

.blog_kategori_spotu strong,
.blog_kategori_spotu b {
font-weight: 600;
}

.blog_kategori_spotu em,
.blog_kategori_spotu i {
font-style: italic;
}

.blog_kategori_spotu img {
max-width: 100%;
height: auto;
display: block;
margin: 18px 0;
}

.blog_kategori_spotu blockquote {
margin: 18px 0;
padding: 14px 18px;
border-left: 4px solid var(--border);
background: var(--border);
font-style: italic;
line-height: 1.6;
}

.blog_kategori_spotu table {
width: 100%;
border-collapse: collapse;
margin: 18px 0;
}

.blog_kategori_spotu table th,
.blog_kategori_spotu table td {
border: 1px solid var(--border);
padding: 10px;
text-align: left;
font-size: 15px;
}

.blog_kategori_spotu iframe {
width: 100%;
max-width: 100%;
aspect-ratio: 16/9;
border: none;
margin: 18px 0;
}

.sayfalama {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 40px 0;
}

.sayfalama span {
display: flex;
justify-content: center;
align-items: center;
min-width: 40px;
height: 40px;
padding: 0 5px;
background-color: var(--arkaplan_acik_gri);
border: 1px solid var(--border);
border-radius: 8px;
font-size: 14px;
font-weight: 600;
color: var(--yazi_siyah);
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.sayfalama span a {
text-decoration: none;
color: inherit;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.sayfalama span:hover:not(.sayfalama-active) {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2);
}

.sayfalama .sayfalama-active {
background-color: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
border-color: var(--arkaplan_mavi);
pointer-events: none;
box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.4);
}




.tarih_sosyal {
display: flex;
justify-content: space-between;
align-items: center;
margin: 25px 0;
}

.tarih_alani time {
font-size: 14px;
color: var(--yazi_gri);
}

.sosyal_alani {
display: flex;
gap: 10px;
}

.sosyal_btn {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease;
}

.sosyal_btn svg {
width: 18px;
height: 18px;
pointer-events: none;
transition: filter .25s ease;
}

.sosyal_btn.fb:hover { background: #1877f2; }
.sosyal_btn.tw:hover { background: #000000; }
.sosyal_btn.ln:hover { background: #0167c9; }
.sosyal_btn.wa:hover { background: #25d366; }

.sosyal_btn:hover svg {
filter: brightness(0) invert(1);
}

@media(max-width: 768px) {
.tarih_sosyal {
flex-direction: column;
gap: 15px;
text-align: center;
}
.tarih_alani time {
text-align: center;
}
.sosyal_alani {
justify-content: center;
}
}

nav.icindekiler {
background: #fefefe;
border: 1px solid var(--border);
border-radius: 12px;
padding: 15px 15px;
margin: 30px 0;
}

nav.icindekiler h3 {
font-size: 18px;
font-weight: 600;
margin: 0 0 8px 0;
color: var(--siyah);
border-bottom: 1px solid #e2e2e2;
padding-bottom: 8px;
}

nav.icindekiler ul {
list-style: none;
margin: 0!important;
padding: 0;
counter-reset: toc-counter;
}

nav.icindekiler ul li {
counter-increment: toc-counter;
margin: 0px 0px;
}

nav.icindekiler ul li a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px 10px 0px;
font-size: 15px;
font-weight: 500;
color: var(--yazi_siyah);
text-decoration: none;
border-radius: 6px;
transition: all 0.25s ease-in-out;
background: transparent;
}

nav.icindekiler ul li a::before {
content: counter(toc-counter);
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 4px;
background: #e0e0e0;
color: var(--siyah);
font-size: 12px;
font-weight: 600;
flex-shrink: 0;
transition: all 0.25s ease-in-out;
}

nav.icindekiler ul li a:hover {
background: #eef6fa;
color: #0073aa;
}

nav.icindekiler ul li a:hover::before {
background: #0073aa;
color: #fff;
}

@media (max-width: 768px) {
nav.icindekiler {
padding: 16px 18px;
margin: 24px 0;
}
nav.icindekiler h3 {
font-size: 16px;
margin-bottom: 12px;
}
nav.icindekiler ul li a {
font-size: 14px;
padding: 8px 10px;
}
nav.icindekiler ul li a::before {
width: 24px;
height: 24px;
font-size: 12px;
}
}


#header_bilgi_alani {
width: 100%;
height: auto;
padding: 30px 0px;
overflow: hidden;
display: block;
background: #f3f7fb;
}
.header_bilgi_alani{
display:flex;
justify-content:space-between;
align-items:stretch;
gap:30px;
}

.header_bilgi_sol{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
row-gap:5px;
}

.header_bilgi_sol .page_title h1 {
font-size:clamp(1.5rem, 1.3vw + 1.2rem, 2rem);
font-weight:700;
line-height: 1.4;
}

.header_bilgi_sol .seo_description_alani{
font-size:clamp(1.1rem, 1vw + 0.6rem, 1.4rem);
line-height: 1.5;
}

.header_bilgi_sol .bread_alan {
font-size:14px;
opacity:.75;
margin-top: 10px;
}
.header_bilgi_sol .bread_alan i {
font-size: 10px;
opacity:.75;
margin: 0px 2px;
}

.header_bilgi_sag{
width:300px;
display:flex;
justify-content:center;
align-items:center;
}
.header_bilgi_sag_img {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}
.header_bilgi_sag_img img {
    width: auto;
    height: 400px;
    object-fit: contain;
    display: block;
}

.header_bilgi_sag .sosyal_grup {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
}

.header_bilgi_sag .sosyal_btn {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease;
}

.header_bilgi_sag .sosyal_btn svg {
width: 18px;
height: 18px;
pointer-events: none;
transition: filter .25s ease;
}
.header_bilgi_sag .sosyal_btn.fb:hover { background: #1877f2; }
.header_bilgi_sag .sosyal_btn.tw:hover { background: #000000; }
.header_bilgi_sag .sosyal_btn.ln:hover { background: #0167c9; }
.header_bilgi_sag .sosyal_btn.wa:hover { background: #25d366; }

.header_bilgi_sag .sosyal_btn:hover svg {
filter: brightness(0) invert(1);
}

@media(max-width:768px){
.header_bilgi_alani{
flex-direction:column;
align-items:center;
text-align:center;
}

.header_bilgi_sag{
width:100%;
justify-content:center;
}

.header_bilgi_sol{
align-items:center;
}
}

.referans_kategori {
display: block;
background: var(--arkaplan_lacivert);
border-radius: 50px;
padding: 5px 5px;
position: relative;
margin: 0 auto 35px auto;
width: fit-content;
}
.referans_kategori_liste{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:16px;
padding:0;
list-style:none;
position:relative;
z-index:1;
}
.referans_kategori_liste li a{
position:relative;
background:transparent;
border:none;
border-radius:25px;
font-weight:600;
font-size:clamp(0.9rem, 0.4vw + 0.8rem, 1rem);
color:var(--yazi_beyaz);
cursor:pointer;
transition:all .3s ease;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
padding:6px 20px;
text-decoration:none;
}

.referans_kategori_liste li a.aktif{
background:var(--arkaplan_acik_yesil);
color:var(--yazi_beyaz);
box-shadow:0 0 12px rgba(34,197,94,0.4);
}

.referans_kategori_liste li a:hover{
background:var(--arkaplan_acik_yesil);
color:var(--yazi_beyaz);
}

/* Mobil */
@media(max-width:980px){
.referans_kategori_liste{
flex-direction:column;
gap:12px;
}
.referans_kategori {
border-radius: 12px;
}
}




.referanslar_listele {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
box-sizing: border-box;
}
.liste_referans {
box-sizing: border-box;
flex: 0 1 100%;
position: relative;
background: var(--arkaplan_acik_gri);
border-radius: 15px 15px 15px 15px;
padding-bottom: 15px;
}
@media (min-width: 480px) {
.liste_referans {
flex-basis: calc((100% - 30px) / 1);
}
}
@media (min-width: 640px) {
.liste_referans {
flex-basis: calc((100% - (30px * 2)) / 2);
}
}
@media (min-width: 768px) {
.liste_referans {
flex-basis: calc((100% - (30px * 2)) / 2);
}
}
@media (min-width: 1024px) {
.liste_referans {
flex-basis: calc((100% - (30px * 2)) / 3);
}
}
@media (min-width: 1280px) {
.liste_referans {
flex-basis: calc((100% - (30px * 3)) / 4);
}
}
.liste_referans .referans_gorsel img {
display: block;
width: 100%;
height: auto;
border-radius: 15px 15px 15px 15px;
}

.liste_referans .referans_icerik {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
}
.liste_referans .referans_baslik {
display: flex;
align-items: center;
justify-content: center;
height: auto;
margin: 5px 0px 5px 0px;
}
.liste_referans .referans_baslik h3 {
font-size: 16px;
line-height: 1.4;
color: var(--yazi_siyah);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.referans_butonlar {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0px 15px 0px 15px;
}
.referans_butonlar a {
color: var(--yazi_beyaz);
text-decoration: none;
font-weight: 500;
border-radius: 999px;
transition: all .3s ease;
white-space: nowrap;
padding: 5px 10px;
font-size: 13px;
position: relative;
}
.referans_butonlar a:first-child {
background: var(--arkaplan_turuncu);
}

.referans_butonlar a:last-child {
background: var(--arkaplan_mavi);
}

.websitesi_ziyaret_et a {
position: relative;
display: block;
width: 100%;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
text-decoration: none;
font-weight: 700;
font-size: 16px;
border-radius: 999px;
padding: 10px 0;
margin-bottom: 30px;
border: none;
transition: background .2s ease;
overflow: hidden;
text-align: center;
}


.bilgibankasi_arama {
width: 100%;
margin-bottom: 30px;
}

.bilgibankasi_arama h3 {
margin: 0 0 6px;
font-size: 28px;
font-weight: 700;
color: var(--yazi_siyah);
}

.bilgibankasi_arama p {
margin: 0 0 22px;
font-size: 16px;
color: var(--yazi_gri);
}

.form_alani_banka {
width: 100%;
}

.form_alani_banka form {
display: flex;
align-items: center;
gap: 12px;
position: relative;
}

.form_alani_banka .arama_svg {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
color: var(--yazi_gri);
pointer-events: none;
}

.form_alani_banka input {
width: 100%;
height: 50px;
padding: 0 16px 0 50px;
border: 1px solid var(--border);
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
border-radius: 16px;
font-size: 16px;
color: var(--yazi_siyah);
background: var(--arkaplan_beyaz);
transition: border-color .25s ease, box-shadow .25s ease;
}

.form_alani_banka input:focus {
border-color: var(--yazi_mavi);
box-shadow: 0 0 0 3px rgba(0,119,255,0.18);
outline: none;
}

.form_alani_banka input:focus ~ .arama_svg {
color: var(--yazi_mavi);
}

.form_alani_banka input::placeholder {
color: var(--yazi_gri);
}

.form_alani_banka a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
padding: 0 26px;
border-radius: 999px;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: background .25s ease;
}

.form_alani_banka a:hover {
background: var(--arkaplan_acik_yesil);
}

@media(max-width: 640px) {
.form_alani_banka form {
flex-direction: column;
align-items: stretch;
}

.form_alani_banka a {
width: 100%;
}

.form_alani_banka .arama_svg {
top: 24px;
left: 18px;
}
.kb-stats {
display: flex;
gap: 2px;
margin-left: 15px;
flex-direction: column;
}
.kb-title {
-webkit-line-clamp: 2!important;
}
}

.bbbaslik_alani {
width: 100%;
display: flex;
align-items: center;
gap: 5px;
padding: 0px 0px 15px 0px;
}

.bbbaslik_alani .basligin_svgsi {
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: var(--yazi_turuncu);
}

.bbbaslik_alani strong {
font-size: 22px;
font-weight: 700;
color: var(--yazi_siyah);
line-height: 1;
}

@media(max-width: 640px) {
.bbbaslik_alani {
gap: 12px;
}

.bbbaslik_alani .basligin_svgsi {
width: 38px;
height: 38px;
}

.bbbaslik_alani strong {
font-size: 20px;
}
}


.kb-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 5px;
background: var(--arkaplan_acik_gri);
padding: 15px;
border-radius: 14px;
}

.kb-card {
background: #ffffff;
border-bottom: 1px solid var(--border);
padding: 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 6px;
}

.kb-title {
flex: 1;
font-size: 15px;
font-weight: 600;
color: var(--yazi_siyah);
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.kb-title:hover {
color: var(--yazi_lacivert);
}

.kb-stats {
display: flex;
gap: 10px;
margin-left: 15px;
}
.kb-box {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 8px;
font-size: 10px;
color: var(--yazi_siyah);
position: relative;
cursor: pointer;
background: var(--border);
border: 1px solid var(--border);
}
.kb-box:hover {
background: var(--border);
}

.kb-ic {
width: 12px;
height: 12px;
display: inline-block;
}
.kb-num {
font-weight: 600;
color: var(--yazi_siyah);
}

.kb-box:hover::after {
content: attr(data-tip);
position: absolute;
top: -38px;
right: 0;
background: var(--arkaplan_siyah);
color: var(--yazi_beyaz);
padding: 7px 10px;
border-radius: 6px;
font-size: 13px;
white-space: nowrap;
}

.kb-box:hover::before {
content: "";
position: absolute;
top: -12px;
right: 10px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid #111;
}

.sag_bilgi_kategori {
display: flex;
flex-direction: column;
gap: 18px;
}

.sag_kat_item {
position: relative;
display: block;
padding: 18px 18px 16px 18px;
border-radius: 12px;
background: var(--arkaplan_acik_gri);
border: 1px solid var(--border);
text-decoration: none;
transition: background-color .25s ease, border-color .25s ease;
cursor: pointer;
overflow: hidden;
}

.sag_kat_item:hover {
background: #ffffff;
border-color: var(--border);
}

.sag_kat_title {
font-size: 16px;
color: var(--yazi_siyah);
font-weight: 600;
padding-right: 75px;
line-height: 1.35;
margin-bottom: 8px;
}

.sag_kat_short {
font-size: 13px;
color: var(--yazi_gri);
line-height: 1.5;
padding-right: 10px;
max-height: 48px;
overflow: hidden;
}

.sag_kat_count {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
position: absolute;
top: 8px;
right: 10px;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-size: 10px;
font-weight: 600;
border-radius: 999px;
white-space: nowrap;
pointer-events: none;
}

#votingContent {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 300px;
float: left;
}

#votingContent strong {
display: flex !important;
align-items: center !important;
}

#votingContent a {
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
font-size: 16px !important;
border-radius: 999px!important;
}

#votingContent a i {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}

.destek_talebi_bilgi_bankasi {
background-color: #d4edda !important;
border: 1px solid #c3e6cb !important;
color: #155724 !important;
border-radius: 6px !important;
padding: 25px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
margin: 30px 0px;
}

.destek_talebi_bilgi_bankasi .padding20 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
}

.destek_talebi_bilgi_bankasi h4 {
margin: 0 !important;
font-size: 20px !important;
font-weight: 600 !important;
}

.destek_talebi_bilgi_bankasi p {
margin: 0 !important;
font-size: 14px !important;
}

.destek_talebi_bilgi_bankasi .buton-satin-al {
position: relative;
display: block;
width: auto;
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
text-decoration: none;
font-weight: 700;
font-size: 16px;
border-radius: 999px;
padding: 10px 30px;
margin-bottom: 18px;
border: none;
transition: background .2s ease;
overflow: hidden;
}
.destek_talebi_bilgi_bankasi .buton-satin-al:hover {
background: var(--arkaplan_acik_yesil);
}



.nav_sidebar {
width: 100%;
height: auto;
background: var(--arkaplan_gri);
padding: 15px 15px;
box-sizing: border-box;
border-radius: 16px;
}

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

.nav_menu_item a {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 14px 20px;
font-size: 15px;
font-weight: 500;
color: var(--yazi_beyaz);
text-decoration: none;
border-radius: 12px;
background: rgba(255, 255, 255, 0.1);
background-size: 200% 200%;
box-sizing: border-box;
transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
}

.nav_menu_item a:hover {
color: var(--yazi_beyaz);
border-color: transparent;
background: rgba(255, 255, 255, 0.2);
}

.nav_menu_item_active a {
background: rgba(255, 255, 255, 0.2);
color: var(--yazi_beyaz);
font-weight: 600;
border-color: transparent;
}

.nav_menu_text {
z-index: 1;
line-height: 1.4;
letter-spacing: 0.3px;
}






.intl-tel-input.separate-dial-code .selected-flag {
background: transparent!important;
display: flex!important;
align-items: center!important;
justify-content: flex-start!important;
}

.genel_inputlar input,
.genel_inputlar textarea {
width: 100%;
min-height: 44px;
padding: 10px 14px;
border: 1.4px solid var(--border);
border-radius: 6px;
background-color: var(--arkaplan_gri_acik);
color: var(--yazi_siyah);
font-size: 15px;
font-family: var(--font);
font-weight: 500;
line-height: 1.4;
outline: none;
resize: vertical;
transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
}
.genel_inputlar input:hover,
.genel_inputlar textarea:hover {
border-color: var(--arkaplan_gri);
background-color: var(--arkaplan_beyaz);
}
.genel_inputlar input:focus,
.genel_inputlar textarea:focus {
border-color: var(--arkaplan_gri);
background-color: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
}
.genel_inputlar input::placeholder,
.genel_inputlar textarea::placeholder {
color: var(--yazi_siyah);
opacity: 0.7;
font-weight: 400!important;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.genel_inputlar input,
.genel_inputlar textarea {
font-size: 16px;
}
}







#empty_list{margin-top:7%;margin-bottom:40px;color:#345a6c;text-align:center;display:none}
#empty_list i{font-size:54px;margin-bottom:20px}
#empty_list h4{font-size:22px}
#empty_list span{font-size:18px}

.iziModal-content ul.tab li a {
color: var(--yazi_siyah);
}
.iziModal-content .formcon .siyah_ver {
color: var(--yazi_siyah);
}

.iziModal-content .popup_inputlar {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 15px;
}

.iziModal-content #contact-type-registrant .formcon,
.iziModal-content #contact-type-administrative .formcon,
.iziModal-content #contact-type-technical .formcon,
.iziModal-content #contact-type-billing .formcon {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px 15px;
float: unset!important
}
.iziModal .iziModal-header-subtitle span {
color: var(--yazi_beyaz)!important;
}

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

.iziModal-content .popup_inputlar input {
width: 100%;
height: 46px;
padding: 0 14px;
border: 1.4px solid var(--border);
border-radius: 6px;
background-color: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
font-size: 16px;
font-weight: 500;
letter-spacing: 0.2px;
outline: none;
box-sizing: border-box;
transition: border-color 0.25s ease, background-color 0.25s ease;
}

.iziModal-content .popup_inputlar input:hover {
border-color: var(--border);
background-color: var(--arkaplan_beyaz);
}

.iziModal-content .popup_inputlar input:focus {
border-color: var(--border);
background-color: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
}

.iziModal-content .popup_inputlar input::placeholder {
color: var(--yazi_acik_gri);
opacity: 1;
font-weight: 400;
font-size: 14px;
}


.modal-foot-btn {
background: transparent!important;
}
#selectLang .iziModal-content,
#selectCurrency .iziModal-content {
background: var(--arkaplan_gri) !important;
}
.irs-grid-text {
bottom: -12px!important;
}

.custom_dropdown_wrapper {
position: relative;
width: 100%;
box-sizing: border-box;
}

.custom_dropdown_trigger {
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 8px;
padding: 12px 14px;
font-size: 15px;
color: var(--yazi_siyah);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.25s ease;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

.custom_dropdown_trigger:hover {
border-color: var(--arkaplan_mavi);
}

.custom_dropdown_trigger.open {
border-color: var(--arkaplan_mavi);
background: #eff4ff;
}

.custom_dropdown_trigger .dropdown_label {
flex: 1 1 0;
display: block;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}

.custom_dropdown_trigger .dropdown_arrow {
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
color: var(--yazi_siyah);
transition: transform 0.3s ease, color 0.3s ease;
}

.custom_dropdown_trigger.open .dropdown_arrow {
transform: rotate(180deg);
color: var(--yazi_mavi);
}

.custom_dropdown_list {
position: absolute;
top: calc(100% + 4px);
left: 0;
width: 100%;
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 8px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
z-index: 100;
display: none;
max-height: 260px;
overflow-y: auto;
}

.custom_dropdown_list.open {
display: block;
}

.custom_dropdown_item {
padding: 10px 14px;
font-size: 15px;
color: var(--yazi_siyah);
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
text-align: left;
}

.custom_dropdown_item:hover {
background: #eff4ff;
color: var(--yazi_mavi);
}

.custom_dropdown_item:not(:last-child) {
border-bottom: 1px solid var(--border);
}
@media (max-width: 768px) {
.custom_dropdown_trigger {
font-size: 16px;
}
.custom_dropdown_item {
font-size: 14px;
}
}

.h_baslik {
width: 100%;
background: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
font-size: 16px;
font-weight: 600;
letter-spacing: 0.2px;
padding: 16px 22px;
border-radius: 10px;
margin-bottom: 10px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
}

.h_baslik::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 8px;
background: rgba(255, 255, 255, 0.25);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.h_baslik strong {
font-weight: 600;
color: var(--yazi_beyaz);
margin-left: 10px;
opacity: 0.95;
}

@media (max-width: 768px) {
.h_baslik {
font-size: 16px;
padding: 14px 18px;
border-radius: 6px;
}
}


.genel_dosya_yukle_wrapper {
position: relative;
border: 2px dashed var(--arkaplan_gri);
border-radius: 12px;
background-color: var(--arkaplan_beyaz);
padding: 30px 20px;
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}

.genel_dosya_yukle_wrapper:hover {
border-color: var(--arkaplan_yesil);
background-color: #f7fffa;
box-shadow: 0 0 0 3px rgba(0, 149, 95, 0.1);
}

.genel_dosya_yukle_wrapper.dragover {
border-color: var(--arkaplan_yesil);
background-color: #e8fff1;
}

.genel_dosya_yukle_wrapper svg {
width: 42px;
height: 32px;
color: var(--arkaplan_yesil);
}

.genel_dosya_yukle_wrapper span {
font-size: 14px;
color: var(--yazi_gri);
user-select: none;
}

.genel_dosya_yukle {
opacity: 0;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
cursor: pointer;
}





.requirements-wrapper {
display: grid;
padding: 20px;
gap: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid var(--arkaplan_acik_gri);
border-radius: 10px;
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%);
}

.requirement-item {
display: grid;
grid-template-columns: 1fr 3fr;
align-items: center;
justify-content: space-between;
gap: 30px;
box-sizing: border-box;
width: 100%;
}

.requirement-label {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
min-width: 250px;
}

.requirement-label strong {
font-size: 14px;
font-weight: 600;
color: var(--yazi_siyah);
}

.requirement-label .requirement-desc {
font-size: 14px;
font-weight: 400;
color: var(--yazi_gri);
line-height: 1.4;
}

.requirement-label .zorunlu {
color: var(--arkaplan_kirmizi);
font-weight: 600;
margin-right: 5px;
}

.requirement-field {
display: grid;
gap: 10px;
min-width: 250px;
}

@media (max-width: 768px) {
.requirement-item {
grid-template-columns: 1fr;
align-items: flex-start;
gap: 15px;
}

.requirement-label strong {
font-size: 15px;
}

.requirement-label .requirement-desc {
font-size: 13px;
}
}



#contract1_modal .iziModal-content p,
#contract2_modal .iziModal-content p {
font-size: 16px;
font-weight: 400;
color: var(--yazi_gri);
line-height: 1.5;
margin-bottom: 15px;
}

.order_alert {
display: block;
width: 100%;
padding: 1rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid #ebb1b7;
border-radius: 0.375rem;
background-color: #f8d7da;
color: #721c24;
font-size: clamp(0.90rem, 2vw + 0.25rem, 1.1rem)!important;
font-weight: 500!important;
line-height: 1.5;
box-sizing: border-box;
text-align: center;
}

.gg_yorum {
background: #fff;
border-radius: 12px;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
border: 1px solid #dddddd;
cursor: grab;
}
.kullanici_yildiz {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 7px;
position: relative;
}
.kullanici_yildiz img {
width: 48px;
height: 48px;
border-radius: 50%;
flex-shrink: 0;
}
.kullanici_yildiz .bilgi {
display: flex;
flex-direction: column;
justify-content: center;
}
.kullanici_yildiz .isim {
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}
.kullanici_yildiz .tarih {
font-size: 0.85rem;
color: var(--yazi_siyah);
opacity: 0.6;
}
.kullanici_yildiz .yildizlar {
margin-left: auto;
color: #f4b400;
font-size: 24px;
white-space: nowrap;
}
.gg_k_yorum {
flex: 1;
font-size: 0.95rem;
line-height: 1.5;
color: var(--yazi_siyah);
max-height: 120px;
overflow-y: auto;
padding-right: 6px;
border-top: 1px dashed var(--border);
padding: 5px 15px 0px 0px;
position: relative;
}
.gg_k_yorum::-webkit-scrollbar {
width: 6px;
}
.gg_k_yorum::-webkit-scrollbar-track {
background: var(--arkaplan_gri_acik);
border-radius: 6px;
}
.gg_k_yorum::-webkit-scrollbar-thumb {
background: var(--arkaplan_gri);
border-radius: 6px;
}
.gg_k_yorum::-webkit-scrollbar-thumb:hover {
background: var(--arkaplan_gri);
}


/* Yukarı çık butonu */
.cd-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 42px;
height: 42px;
border-radius: 8px;
background-color: var(--arkaplan_mavi);
color: var(--yazi_beyaz);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
visibility: hidden;
opacity: 0;
text-indent: -9999px;
transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
}
.cd-top::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-left: 3px solid var(--yazi_beyaz);
border-top: 3px solid var(--yazi_beyaz);
transform: rotate(45deg);
top: 50%;
left: 50%;
translate: -50% -40%;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: 0.5;
}
.cd-top.cd-fade-out:hover {
opacity: 1;
}
.no-touch .cd-top:hover {
background-color: var(--arkaplan_mavi);
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
opacity: 1;
}
div#wisecp_brand {
display: inline-block;
margin: 0px 0px 0px 0px!important;
text-align: center;
font-size: 11px!important;
color: var(--yazi_beyaz)!important;
width: 100%!important;
text-shadow: unset!important;
visibility: visible;
z-index: 950;
position: relative;
opacity: 0.5;
}
div#wisecp_brand a {
color: var(--yazi_beyaz)!important;
text-shadow: unset!important;
font-size: 11px!important;
font-weight: 600;
}

.social_media_container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 15px;
}
.social_media_inner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.sm_link {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: var(--yazi_beyaz);
text-decoration: none;
font-size: 12px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
border: 1px solid #ffffff;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
z-index: 1;
}
.sm_link i {
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sm_link:hover {
color: #ffffff;
border-color: transparent;
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
.sm_link:hover i {
transform: rotate(360deg);
}
.sm_link.facebook:hover {
background-color: #1877F2;
box-shadow: 0 5px 15px rgba(24, 119, 242, 0.4);
}
.sm_link.twitter:hover,
.sm_link.x:hover {
background-color: #000000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.sm_link.instagram:hover {
background-color: #fd5949;
box-shadow: 0 5px 15px rgba(214, 36, 159, 0.4);
}
.sm_link.linkedin:hover {
background-color: #0A66C2;
box-shadow: 0 5px 15px rgba(10, 102, 194, 0.4);
}
.sm_link.youtube:hover {
background-color: #FF0000;
box-shadow: 0 5px 15px rgba(255, 0, 0, 0.4);
}
.sm_link.pinterest:hover {
background-color: #E60023;
box-shadow: 0 5px 15px rgba(230, 0, 35, 0.4);
}
.sm_link.whatsapp:hover {
background-color: #25D366;
box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}
.sm_link.tiktok:hover {
background-color: #000000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.sm_link.telegram:hover {
background-color: #0088cc;
box-shadow: 0 5px 15px rgba(0, 136, 204, 0.4);
}

footer {
background: var(--arkaplan_lacivert);
color: var(--yazi_beyaz);
margin: 120px 0px 0px 0px;
/*border-top: 10px solid var(--arkaplan_mavi);*/
}

.footer {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0px 0px;
gap: 60px;
}

.footer_sol {
flex: 0 0 350px;
padding: 30px 20px 20px 20px;
background: #0c1995;
position: relative;
top: -50px;
border-radius: 16px 16px 16px 16px;
}

.footer_sag {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 45px;
}


.footer_logo img {
height: 46px;
width: auto;
object-fit: contain;
}
.footer_hakkimizda {
font-size: 14px;
line-height: 1.6;
opacity: 0.9;
margin: 15px 0px 25px 0px;
}
.footer_hakkimizda span {
display: block;
font-size: 15px;
line-height: 1.4;
font-weight: 400;
margin-bottom: 2px;
}
.footer_hakkimizda span b {
font-weight: 700;
}
.footer_iletisim {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.footer_iletisim li {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.08);
border-radius: 8px;
padding: 12px 12px;
transition: background 0.3s ease;
position: relative;
overflow: hidden;
z-index: 2;
}

.footer_iletisim li a {
color: var(--yazi_beyaz);
font-size: 16px;
text-decoration: none;
font-weight: 400;
width: 100%;
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 12px 8px 65px;
z-index: 3;
}

.footer_iletisim li .ikon {
padding: 8px 8px;
background: rgba(255, 255, 255, 0.12);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.footer_iletisim li .ikon svg {
width: 28px;
height: 28px;
}
.footer_iletisim li.canli_destek .ikon {
background: rgba(255, 255, 255, 0.30);
}
.footer_iletisim li.canli_destek a {
font-size: 18px;
font-weight: 600;
}
.footer_iletisim li.canli_destek {
background: #25D366;
color: var(--yazi_beyaz);
animation: shadow-pulse 1s infinite;
}
.footer_iletisim li.canli_destek a {
color: var(--yazi_beyaz);
}
@keyframes shadow-pulse{
0%{box-shadow: 0 0 0 0px rgb(82 235 139 / 60%);}
100%{box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);}
}




.footer_menuler {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px 0px;
width: 100%;
align-items: start;
}
.menu_grup {
display: flex;
flex-direction: column;
gap: 14px;
}
.menu_grup h3 {
position: relative;
font-size: 17px;
font-weight: 600;
color: var(--yazi_beyaz);
padding-bottom: 12px;
text-transform: capitalize;
}
.menu_grup h3::before,
.menu_grup h3::after {
content: "";
position: absolute;
left: 0px;
bottom: 0;
background: var(--arkaplan_beyaz);
border-radius: 2px;
}
.menu_grup h3::before {
width: 40px;
height: 3px;
}

.menu_grup h3::after {
width: 80px;
height: 1px;
bottom: 1px;
}
.menu_grup ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.menu_grup li a {
color: var(--yazi_beyaz);
text-decoration: none;
font-size: 15px;
font-weight: 400;
position: relative;
display: inline-block;
padding-bottom: 2px;
transition: color 0.3s ease;
opacity: 0.8;
}
.menu_grup li a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 1px;
background: var(--arkaplan_beyaz);
transition: width 0.35s ease;
}

.menu_grup li a:hover {
opacity: 1;
}

.menu_grup li a:hover::after {
width: 100%;
animation: underlineSlide 0.7s ease forwards;
}
@keyframes underlineSlide {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 100%;
left: 0;
}
}




.footer_alt {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 30px 0;
gap: 15px;
flex-wrap: wrap;
}

.footer_alt p {
color: var(--yazi_beyaz);
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
margin: 0;
}

.footer_alt .footer_copy {
flex: 1;
text-align: left;
}

.footer_alt .footer_odeme {
height: auto;
max-height: 24px;
object-fit: contain;
opacity: 0.9;
transition: opacity 0.3s ease;
}

.footer_alt .footer_odeme:hover {
opacity: 1;
}

.footer_alt .footer_legal {
flex-basis: 100%;
text-align: center;
font-size: 14px;
color: var(--yazi_beyaz);
margin-top: 10px;
line-height: 1.5;
}


@media (max-width: 768px) {
.footer_alt {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 10px;
}

.footer_alt .footer_copy {
text-align: center;
}

.footer_alt .footer_legal {
font-size: 13px;
}

}




@media (max-width: 980px) {
.footer {
flex-direction: column;
gap: 30px;
align-items: stretch;
margin-bottom: 30px;
}

.footer_sol {
flex: unset;
width: 100%;
padding: 25px 20px 20px 20px;
border-radius: 16px 16px 0 0;
}

.footer_sag {
flex: unset;
width: 100%;
margin-top: -45px;
}

.footer_iletisim li .ikon svg {
width: 22px;
height: 22px;
}

.footer_menuler {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.footer_alt .footer_odeme {
min-height: 18px;
margin-top: 10px;
}

}

#mio-cookie-popup{left:50% !important;right:auto !important;bottom:20px !important;top:auto !important;transform:translateX(-50%) !important;opacity:1 !important;width:calc(100% - 32px) !important;max-width:1100px !important;font-family:inherit !important;z-index:999999 !important}

#mio-cookie-popup .mio-cookie-popup__c-p-card{width:100% !important}

#mio-cookie-popup .mio-cookie-popup__card{width:100% !important;max-width:100% !important;background:var(--arkaplan_siyah) !important;border:1px solid var(--border) !important;box-shadow:none !important;border-radius:999px !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:16px !important;line-height:1.45 !important;overflow:hidden !important}

#mio-cookie-popup .mio-cookie-popup__content{padding:14px 16px !important;text-align:left !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;width:100% !important}

#mio-cookie-popup .mio-cookie-popup__content h3{margin:0 !important;font-size:16px !important;font-weight:700 !important;color:var(--yazi_beyaz) !important;line-height:1.2 !important;white-space:nowrap !important}

#mio-cookie-popup .mio-cookie-popup__content p{margin:0 !important;font-size:13px !important;color:var(--yazi_acik_gri) !important;line-height:1.5 !important;flex:1 1 auto !important}

#mio-cookie-popup .mio-cookie-popup__content a{color:var(--yazi_turkuaz) !important;text-decoration:underline !important;text-underline-offset:2px !important}

#mio-cookie-popup .mio-cookie-popup__content a strong{font-weight:700 !important}

#mio-cookie-popup .mio-cookie-popup__c-p-button{background:var(--arkaplan_mavi) !important;border:1px solid var(--border) !important;color:var(--yazi_beyaz) !important;height:42px !important;line-height:42px !important;padding:0 22px !important;border-radius:999px !important;font-size:14px !important;font-weight:700 !important;cursor:pointer !important;white-space:nowrap !important;box-shadow:none !important}

#mio-cookie-popup .mio-cookie-popup__c-p-button:hover{background:var(--arkaplan_acik_mavi) !important;box-shadow:none !important}

#mio-cookie-popup:hover{opacity:1 !important}

#mio-cookie-popup .mio-cookie-popup--close:after{right:10px !important;top:50% !important;transform:translateY(-50%) !important;width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:999px !important;background:var(--arkaplan_gri) !important;color:var(--yazi_beyaz) !important;font-size:13px !important;box-shadow:none !important}

#mio-cookie-popup .mio-cookie-popup--close:hover:after{background:var(--arkaplan_siyah) !important;color:var(--yazi_beyaz) !important}

@media (max-width:900px){
  #mio-cookie-popup{bottom:16px !important;width:calc(100% - 24px) !important}
  #mio-cookie-popup .mio-cookie-popup__content{padding:12px 14px !important;gap:12px !important}
  #mio-cookie-popup .mio-cookie-popup__content h3{font-size:15px !important}
  #mio-cookie-popup .mio-cookie-popup__content p{font-size:12.5px !important}
  #mio-cookie-popup .mio-cookie-popup__c-p-button{height:40px !important;line-height:40px !important;padding:0 18px !important}
}

@media (max-width:640px){
  #mio-cookie-popup{bottom:12px !important;width:calc(100% - 20px) !important}
  #mio-cookie-popup .mio-cookie-popup__card{border-radius:22px !important}
  #mio-cookie-popup .mio-cookie-popup__content{flex-direction:column !important;align-items:stretch !important}
  #mio-cookie-popup .mio-cookie-popup__content h3{white-space:normal !important;width:100% !important}
  #mio-cookie-popup .mio-cookie-popup__content p{width:100% !important}
  #mio-cookie-popup .mio-cookie-popup__c-p-button{width:100% !important}
  #mio-cookie-popup .mio-cookie-popup--close:after{top:12px !important;right:12px !important;transform:none !important}
}

@media (max-width:380px){
  #mio-cookie-popup .mio-cookie-popup__content{padding:12px 12px !important}
  #mio-cookie-popup .mio-cookie-popup__content p{font-size:12px !important}
}

/* 1) Orijinal metni gizle ve hazırlık yap */
#payment_methods input[type="radio"] + label.checkbox-custom-label strong {
    display: inline-block;
    vertical-align: middle;
}

/* 2) Ortak Stil (Font ayarları vb.) */
#payment_methods input[type="radio"] + label.checkbox-custom-label strong::after {
    font-size: 14px !important; /* Font boyutunu ihtiyaca göre ayarla */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    display: inline-block;
}

/* 3) TR - Varsayılan İçerikler */
/* Iyzico için */
#payment_methods input[value="Iyzico"] + label strong::after {
    content: "Iyzico — TRY ve USD" !important;margin-left: 4px;
}

/* PayTR için */
#payment_methods input[value="PayTR"] + label strong::after {
    content: "PayTR — TRY ve USD" !important;margin-left: 4px;
}

/* 4) EN - İngilizce Dil Desteği (html lang="en" ise) */
html[lang^="en"] #payment_methods input[value="Iyzico"] + label strong::after {
    content: "Iyzico — TRY & USD" !important;margin-left: 4px;
}

html[lang^="en"] #payment_methods input[value="PayTR"] + label strong::after {
    content: "PayTR — TRY & USD" !important;margin-left: 4px;
}


/* =========================
   UL TASARIM 1 (Sade / list-like)
   3 / 2 / 1 kolon + ortalama
   Kart görünümü yok: no bg, no border, no shadow
   Padding yok: sadece düzen + ince ayırıcı + şık hover
========================= */

.ul_tasarimi_bir ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:26px;
}

.ul_tasarimi_bir li{
  width:calc((100% - 52px) / 3);
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  display:flex;
  align-items:flex-start;
  gap:14px;
  position:relative;
}


.ul_tasarimi_bir li > div:first-child{
  width:44px;
  min-width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(245,246,248,.9);
  border:1px solid rgba(230,233,239,.9);
  color:var(--yazi_mavi);
  transition:border-color .2s ease, background-color .2s ease;
}


.ul_tasarimi_bir li > div:first-child img,
.ul_tasarimi_bir li > div:first-child svg{
  width:22px;
  height:22px;
  display:block;
}

.ul_tasarimi_bir li strong{
  display:block;
  margin:2px 0 6px 0;
  color:var(--yazi_siyah);
  font-size:16px;
  line-height:1.22;
  letter-spacing:-.012em;
}

.ul_tasarimi_bir li p{
  margin:0;
  color:var(--yazi_gri);
  font-size:14px;
  line-height:1.6;
}

@media (min-width:768px) and (max-width:980px){
  .ul_tasarimi_bir li{ width:calc((100% - 26px) / 2); }
}

@media (max-width:767px){
  .ul_tasarimi_bir ul{ gap:20px; }
  .ul_tasarimi_bir li{ width:100%; }
  .ul_tasarimi_bir li:before{ bottom:-10px; }
}




/* =========================
   UL TASARIM 2
   4 / 2 / 1 kolon + ortalama
   (İstediğin gibi) hover yok, şık shadow var, after icon: sadece renk
========================= */

.ul_tasarimi_iki ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:22px;
}

.ul_tasarimi_iki li{
  width:calc((100% - 66px) / 4);
  position:relative;
  border-radius:12px;
  padding:8px 8px 8px 40px;
  background:var(--arkaplan_beyaz);
  border:1px solid rgba(230,233,239,.95);
  box-shadow:
    0 10px 24px rgba(15,23,42,.08),
    0 2px 10px rgba(15,23,42,.05);
  overflow:hidden;
}

.ul_tasarimi_iki li:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg, rgba(0,119,255,.65), rgba(6,182,212,.55));
  opacity:.9;
}

.ul_tasarimi_iki li:after{
  content:"";
  position:absolute;
    left: 13px;
    top: 11px;
  display:inline-block;
  width:18px;
  height:18px;
  --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='M14.857 3.79a8 8 0 1 0 2.852 3.24'/%3E%3Cpath d='m6.5 9.5l3 3l8-8'/%3E%3C/g%3E%3C/svg%3E");
  background-color:currentColor;
  -webkit-mask-image:var(--svg);
  mask-image:var(--svg);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:var(--yazi_turkuaz);
}

.ul_tasarimi_iki li p{
  margin:0;
  color:rgba(71,85,105,.95);
  font-size:14px;
  line-height:1.6;
}

@media (min-width:768px) and (max-width:980px){
  .ul_tasarimi_iki li{ width:calc((100% - 22px) / 2); }
}
@media (max-width:767px){
  .ul_tasarimi_iki li{ width:100%; }
  .ul_tasarimi_iki li:after{ top:16px; }
}


i.ri-information-line.tooltip-top{
  display: inline-block;
  width: 12px;
  height: 12px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 12a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-9.5a3.625 3.625 0 0 1 1.348 6.99a.8.8 0 0 0-.305.201c-.044.05-.051.114-.05.18L13 14a1 1 0 0 1-1.993.117L11 14v-.25c0-1.153.93-1.845 1.604-2.116a1.626 1.626 0 1 0-2.229-1.509a1 1 0 1 1-2 0A3.625 3.625 0 0 1 12 6.5'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color:#64748b;
  margin-left:8px;
  vertical-align:middle;
  flex:0 0 auto;
  outline:none;
  transition:color .18s ease, transform .18s ease;
}
ul.webhosting_paketleri > li.host_populer i.ri-information-line.tooltip-top {
color:#ffffff;
}

i.ri-information-line.tooltip-top:hover,
i.ri-information-line.tooltip-top:focus-visible{
  color:#0f172a;
}

i.ri-information-line.tooltip-top::before,
i.ri-information-line.tooltip-top::after{
  content:none !important;
  display:none !important;
}

#ri-global-tooltip{
  position:fixed;
  left:0;
  top:0;
  z-index:99999;
  max-width:min(360px, calc(100vw - 20px));
  pointer-events:none;
  opacity:1;
  visibility:visible;
  transform:translateZ(0);
}

#ri-global-tooltip[aria-hidden="true"]{
  opacity:0;
  visibility:hidden;
}

#ri-global-tooltip .ri-global-tooltip__inner{
  padding:.5rem .75rem;
  border-radius:.375rem;
  background:#000;
  color:#fff;
  font-size:.875rem;
  font-weight:400;
  line-height:1.35;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.22);
}

#ri-global-tooltip .ri-global-tooltip__arrow{
  position:absolute;
  width:0;
  height:0;
  margin-left:-6px;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
}

#ri-global-tooltip[data-placement="top"] .ri-global-tooltip__arrow{
  top:100%;
  border-top:6px solid #000;
  border-bottom:0;
}

#ri-global-tooltip[data-placement="bottom"] .ri-global-tooltip__arrow{
  bottom:100%;
  border-bottom:6px solid #000;
  border-top:0;
}



.sj-wrapper{
    width:100%;
    margin-top:40px;
    margin-bottom:40px;
    font-family:var(--font);
}

.sj-hero{
    width:100%;
}

.sj-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    align-items:center;
    gap:56px;
    margin-bottom:28px;
}

.sj-hero-content{
    min-width:0;
    max-width:760px;
}

.sj-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:0 18px;
    border:1px solid color-mix(in srgb, var(--border) 55%, var(--yazi_mavi) 45%);
    border-radius:999px;
    background:var(--arkaplan_beyaz);
    color:var(--yazi_mavi);
    font-size:16px;
    font-weight:700;
    line-height:1;
    margin-bottom:24px;
    white-space:nowrap;
}

.sj-badge-icon,
.sj-float-icon,
.sj-point-icon,
.sj-feature-band-icon,
.sj-card-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.sj-badge-icon svg{
    width:18px;
    height:18px;
}

.sj-title{
    margin:0 0 18px;
    max-width:820px;
    color:var(--yazi_siyah);
    font-size:56px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1px;
}

.sj-highlight{
    color:var(--yazi_mavi);
}

.sj-lead{
    margin:0 0 24px;
    color:var(--yazi_gri);
    font-size:19px;
    line-height:1.85;
}

.sj-hero-points{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}

.sj-point{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:18px 20px;
    background:var(--arkaplan_beyaz);
    border:1px solid var(--border);
    border-radius:22px;
}

.sj-point-icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background:var(--arkaplan_acik_gri);
    border:1px solid var(--border);
    color:var(--yazi_mavi);
}

.sj-point-icon svg{
    width:20px;
    height:20px;
}

.sj-point-text strong{
    display:block;
    margin:0 0 4px;
    color:var(--yazi_siyah);
    font-size:17px;
    line-height:1.45;
    font-weight:800;
}

.sj-point-text span{
    display:block;
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.75;
}

.sj-hero-visual{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:0;
}

.sj-image-inner{
    position:relative;
    width:100%;
}

.sj-main-img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
    border-radius:28px;
    border:1px solid var(--border);
}

.sj-floating-box{
    position:absolute;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:208px;
    max-width:240px;
    padding:14px 16px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid var(--border);
    border-radius:20px;
    z-index:2;
}

.sj-float-1{
    top:18px;
    right:-18px;
}

.sj-float-2{
    left:-34px;
    top:48%;
    transform:translateY(-50%);
}

.sj-float-3{
    right:-6px;
    bottom:18px;
}

.sj-float-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:var(--arkaplan_acik_gri);
    border:1px solid var(--border);
    color:var(--yazi_mavi);
}

.sj-float-icon svg{
    width:18px;
    height:18px;
}

.sj-float-text{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}

.sj-float-text strong{
    color:var(--yazi_siyah);
    font-size:16px;
    line-height:1.35;
    font-weight:800;
    white-space:nowrap;
}

.sj-float-text span{
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.45;
    white-space:nowrap;
}

.sj-feature-band{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:0 0 56px;
}

.sj-feature-band-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:20px 18px;
    background:var(--arkaplan_beyaz);
    border:1px solid var(--border);
    border-radius:22px;
}

.sj-feature-band-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    border:1px solid var(--border);
    background:var(--arkaplan_acik_gri);
    color:var(--yazi_mavi);
    flex:0 0 46px;
}

.sj-feature-band-icon svg{
    width:21px;
    height:21px;
}

.sj-feature-band-text strong{
    display:block;
    margin:0 0 6px;
    color:var(--yazi_siyah);
    font-size:16px;
    line-height:1.45;
    font-weight:800;
}

.sj-feature-band-text span{
    display:block;
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.7;
}

.sj-section-heading{
    max-width:920px;
    margin:0 0 24px;
}

.sj-section-heading h3{
    margin:0 0 10px;
    color:var(--yazi_siyah);
    font-size:32px;
    line-height:1.28;
    font-weight:800;
}

.sj-section-heading p{
    margin:0;
    color:var(--yazi_gri);
    font-size:17px;
    line-height:1.85;
}

.sj-section-heading-alt{
    margin-top:52px;
}

.sj-grid{
    display:grid;
    gap:18px;
}

.sj-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

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

.sj-card{
    padding:24px 22px;
    background:var(--arkaplan_beyaz);
    border:1px solid var(--border);
    border-radius:24px;
}

.sj-card-icon{
    width:56px;
    height:56px;
    margin:0 0 16px;
    border-radius:16px;
    border:1px solid var(--border);
    background:var(--arkaplan_acik_gri);
    color:var(--yazi_mavi);
}

.sj-card-icon svg{
    width:24px;
    height:24px;
}

.sj-card h4{
    margin:0 0 10px;
    color:var(--yazi_siyah);
    font-size:20px;
    line-height:1.42;
    font-weight:800;
}

.sj-card p{
    margin:0;
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.8;
}

.sj-steps{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}

.sj-step{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:22px 22px;
    background:var(--arkaplan_beyaz);
    border:1px solid var(--border);
    border-radius:24px;
}

.sj-step-no{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:16px;
    background:var(--arkaplan_acik_gri);
    border:1px solid var(--border);
    color:var(--yazi_mavi);
    flex:0 0 52px;
}

.sj-step-no span{
    display:block;
    font-size:16px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
}

.sj-step-body h4{
    margin:0 0 8px;
    color:var(--yazi_siyah);
    font-size:20px;
    line-height:1.42;
    font-weight:800;
}

.sj-step-body p{
    margin:0;
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.8;
}

.sj-bottom-grid{
    margin-top:24px;
}

.sj-wide-card{
    padding:26px 24px;
    background:var(--arkaplan_beyaz);
    border:1px solid var(--border);
    border-radius:26px;
}

.sj-wide-card h4{
    margin:0 0 12px;
    color:var(--yazi_siyah);
    font-size:21px;
    line-height:1.42;
    font-weight:800;
}

.sj-wide-card p{
    margin:0;
    color:var(--yazi_gri);
    font-size:16px;
    line-height:1.85;
}

@media screen and (max-width:1399px){
    .sj-hero-grid{
        grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);
        gap:44px;
    }

    .sj-title{
        font-size:48px;
    }

    .sj-grid-3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sj-feature-band{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media screen and (max-width:1199px){
    .sj-hero-grid{
        grid-template-columns:1fr;
        gap:32px;
    }

    .sj-hero-content,
    .sj-section-heading{
        max-width:100%;
    }

    .sj-title{
        max-width:100%;
        font-size:42px;
    }

    .sj-lead{
        font-size:17px;
    }

    .sj-grid-2,
    .sj-grid-3{
        grid-template-columns:1fr;
    }

    .sj-feature-band{
        grid-template-columns:1fr 1fr;
    }

    .sj-hero-visual{
        justify-content:flex-start;
    }

    .sj-image-inner{
        max-width:620px;
    }

    .sj-float-1{
        right:0;
    }

    .sj-float-2{
        left:0;
    }

    .sj-float-3{
        right:0;
    }
}

@media screen and (max-width:767px){
    .sj-wrapper{
        margin-top:28px;
        margin-bottom:40px;
    }

    .sj-hero-grid{
        gap:24px;
        margin-bottom:24px;
    }

    .sj-badge{
        min-height:38px;
        padding:0 14px;
        font-size:16px;
        margin-bottom:18px;
    }

    .sj-badge-icon svg{
        width:16px;
        height:16px;
    }

    .sj-title{
        font-size:32px;
        line-height:1.14;
        letter-spacing:-.6px;
        margin-bottom:14px;
    }

    .sj-lead{
        font-size:16px;
        line-height:1.8;
        margin-bottom:18px;
    }

    .sj-point{
        padding:16px;
        border-radius:18px;
    }

    .sj-point-icon{
        width:38px;
        height:38px;
        border-radius:12px;
    }

    .sj-point-icon svg{
        width:18px;
        height:18px;
    }

    .sj-point-text strong{
        font-size:16px;
    }

    .sj-point-text span{
        font-size:16px;
        line-height:1.7;
    }

    .sj-feature-band{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:42px;
    }

    .sj-feature-band-item{
        padding:16px;
        border-radius:18px;
    }

    .sj-feature-band-icon{
        width:42px;
        height:42px;
        border-radius:12px;
        flex:0 0 42px;
    }

    .sj-feature-band-icon svg{
        width:19px;
        height:19px;
    }

    .sj-feature-band-text strong,
    .sj-feature-band-text span{
        font-size:16px;
    }

    .sj-section-heading{
        margin-bottom:18px;
    }

    .sj-section-heading h3{
        font-size:26px;
        line-height:1.34;
    }

    .sj-section-heading p{
        font-size:16px;
        line-height:1.8;
    }

    .sj-card,
    .sj-step,
    .sj-wide-card{
        padding:20px 16px;
        border-radius:20px;
    }

    .sj-card-icon{
        width:50px;
        height:50px;
        border-radius:14px;
        margin-bottom:14px;
    }

    .sj-card-icon svg{
        width:22px;
        height:22px;
    }

    .sj-card h4,
    .sj-step-body h4,
    .sj-wide-card h4{
        font-size:18px;
    }

    .sj-card p,
    .sj-step-body p,
    .sj-wide-card p{
        font-size:16px;
        line-height:1.8;
    }

    .sj-step{
        gap:12px;
    }

    .sj-step-no{
        width:44px;
        height:44px;
        border-radius:12px;
        flex:0 0 44px;
    }

    .sj-step-no span{
        font-size:15px;
    }

    .sj-main-img{
        border-radius:22px;
    }

    .sj-floating-box{
        position:static;
        min-width:100%;
        max-width:none;
        margin-top:12px;
        padding:14px;
        border-radius:18px;
    }

    .sj-float-icon{
        width:32px;
        height:32px;
        border-radius:10px;
    }

    .sj-float-icon svg{
        width:17px;
        height:17px;
    }

    .sj-float-text strong,
    .sj-float-text span{
        white-space:normal;
        font-size:16px;
    }
}

@media screen and (max-width:720px){
.sj-float-1,
.sj-float-2,
.sj-float-3 {
display: none;
}

}