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

::-webkit-input-placeholder {
color: var(--arkaplan_mavi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-moz-placeholder {
color: var(--arkaplan_mavi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
::-moz-placeholder {
color: var(--arkaplan_mavi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-ms-input-placeholder {
color: var(--arkaplan_mavi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: var(--yazi_siyah) !important;
caret-color: var(--yazi_siyah) !important;
-webkit-box-shadow: 0 0 0 1000px var(--arkaplan_beyaz) inset !important;
box-shadow: 0 0 0 1000px var(--arkaplan_beyaz) inset !important;
transition: background-color 9999s ease-out 0s;
}

*, *::before, *::after {
box-sizing: border-box;
}

*{
margin:0;
padding:0;
font:inherit;
box-sizing:border-box;
font-family:"Segoe UI", system-ui, -apple-system, "SF Pro Text", Roboto, "Noto Sans", Arial, sans-serif;
}


html {
color-scheme: light dark;
}

body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
background: #ffffff;
color: var(--yazi_siyah);
}

img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}

input, button, textarea, select {
font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}

ol, ul [role='list'] {
list-style: none;
}


a{text-decoration:none;color:inherit}

table {
border-collapse: collapse;
}

@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}

*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}

.ust_bosluk {
margin-top: 90px;
}




:root{
--arkaplan_beyaz:#ffffff;
--arkaplan_gri:#f1f5f9;
--border:#ebebeb;
--arkaplan_acik_mavi: #006deb;
--arkaplan_mavi: #0d1ba2;
--arkaplan_lacivert: #0c1891;
--arkaplan_yesil: #10b981;
--arkaplan_kirmizi: #ec5555;
--arkaplan_mor: #8b5cf6;
--arkaplan_turuncu: #f59e0b;
--arkaplan_sari: #ffd700;
--arkaplan_siyah: #191919;
--ustbar_arkaplan_rengi: #0d1ba2;
--header_menu_arkaplan_rengi: #0c1891;
--ustbar_yazi_rengi: #ffffff;
--header_menu_yazi_rengi: #ffffff;
--asya_ozellik_kampanya_kart_arkaplan: #0077ff;

--yazi_siyah: #191919;
--yazi_gri: #64748b;
--yazi_beyaz: #ffffff;
--yazi_mor: #8b5cf6;
--yazi_mavi: #0d1ba2;
--yazi_acik_mavi: #006deb;
--yazi_lacivert: #0c1891;
--yazi_sari: #ffd700;

--border_radius_6:6px;
--border_radius_12:12px;
--border_radius_24:24px;
--border_radius_48:48px;

--box_shadow: 0px 0px 9px 0px rgba(0, 0, 0, .08);

--font_h1: clamp(2rem, 5vw, 3.5rem);
--font_h2: clamp(1.65rem, 3.6vw, 2.5rem);
--font_h3: clamp(1.4rem, 2.8vw, 2rem);
--font_h4: clamp(1.2rem, 2.0vw, 1.5rem);
--font_h5: clamp(1.1rem, 1.6vw, 1.2rem);

--font_p:  clamp(1.05rem, 1.8vw, 1.1rem);


--font_900:900;
--font_800:800;
--font_700:700;
--font_600:600;
--font_500:500;
--font_400:400;
--font_300:300;

--gecis:all .22s cubic-bezier(.4,0,.2,1);
--kapsayici:1390px;
--pad:20px;
--ustbar_h:50px;
--header_h:80px;
--sticky_header_trigger:50px;
--cekmece_w:360px;
}
@media (max-width: 768px){
:root {
--ustbar_h: 45px;
--header_h : 60px;
}
}

.siteyi_ortala {
max-width: var(--kapsayici);
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--pad);
padding-right: var(--pad);
box-sizing: border-box;
}

.asya_sticky,
.asya_sticky_sidebar {
position: sticky;
top: var(--asya_sticky_offset, calc(var(--ustbar_h, 50px) + var(--header_h, 80px) + 14px));
align-self: start;
}

@media (max-width: 991px) {
.asya_sticky,
.asya_sticky_sidebar {
position: static;
top: auto;
}
}

a.buton_tasarimi,
button.buton_tasarimi {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 25px;
text-decoration: none;
font-weight: var(--font_600);
overflow: hidden;
transition: all 0.4s ease;
gap: 5px;
z-index: 2;
color: #ffffff;
border-radius: 999px;
border: 0px;
cursor: pointer;
}
.site_input_alani a.buton_tasarimi,
.site_input_alani button.buton_tasarimi {
width: 150px;
}
a.buton_tasarimi svg,
button.buton_tasarimi svg {
width: 20px;
height: 20px;
fill: currentColor;
position: relative;
z-index: 2;
}
a.buton_tasarimi span,
button.buton_tasarimi span {
position: relative;
z-index: 2;
line-height: 1;
}
a.buton_mavi,
button.buton_mavi    { background-color: var(--arkaplan_acik_mavi); }
a.buton_yesil,
button.buton_yesil   { background-color: var(--arkaplan_yesil); }
a.buton_sari,
button.buton_sari    { background-color: var(--arkaplan_sari); color: #333; }
a.buton_turuncu,
button.buton_turuncu { background-color: var(--arkaplan_turuncu); }
a.buton_mor,
button.buton_mor     { background-color: var(--arkaplan_mor); }
a.buton_siyah,
button.buton_siyah   { background-color: var(--arkaplan_siyah); }
a.buton_kirmizi,
button.buton_kirmizi { background-color: var(--arkaplan_kirmizi); }
a.buton_beyaz,
button.buton_beyaz {background-color: var(--arkaplan_beyaz); color: var(--yazi_siyah);}
a.buton_beyaz:hover span,
a.buton_beyaz:hover svg,
button.buton_beyaz:hover span,
button.buton_beyaz:hover svg {
color: #ffffff;
fill: #ffffff;
z-index: 3;
}
a.h_yesil.buton_tasarimi::before,
a.h_yesil.buton_tasarimi::after,
button.h_yesil.buton_tasarimi::before,
button.h_yesil.buton_tasarimi::after {
background-color: var(--arkaplan_yesil) !important;
}
a.h_mavi.buton_tasarimi::before,
a.h_mavi.buton_tasarimi::after,
button.h_mavi.buton_tasarimi::before,
button.h_mavi.buton_tasarimi::after {
background-color: var(--arkaplan_mavi) !important;
}
a.h_siyah.buton_tasarimi::before,
a.h_siyah.buton_tasarimi::after,
button.h_siyah.buton_tasarimi::before,
button.h_siyah.buton_tasarimi::after {
background-color: var(--arkaplan_siyah) !important;
}
a.h_mor.buton_tasarimi::before,
a.h_mor.buton_tasarimi::after,
button.h_mor.buton_tasarimi::before,
button.h_mor.buton_tasarimi::after {
background-color: var(--arkaplan_mor) !important;
}
a.h_kirmizi.buton_tasarimi::before,
a.h_kirmizi.buton_tasarimi::after,
button.h_kirmizi.buton_tasarimi::before,
button.h_kirmizi.buton_tasarimi::after {
background-color: var(--arkaplan_kirmizi) !important;
}
a.h_turuncu.buton_tasarimi::before,
a.h_turuncu.buton_tasarimi::after,
button.h_turuncu.buton_tasarimi::before,
button.h_turuncu.buton_tasarimi::after {
background-color: var(--arkaplan_turuncu) !important;
}

a.buton_bir::before,
button.buton_bir::before {
content: "";
position: absolute;
bottom: 0; left: 0; width: 100%; height: 0;
background-color: rgba(0,0,0,0.15);
transition: height 0.3s ease-in-out;
z-index: 1;
}
a.buton_bir:hover::before,
button.buton_bir:hover::before { height: 100%; }
a.buton_iki::before,
button.buton_iki::before {
content: "";
position: absolute;
top: 0; left: 0; width: 0; height: 100%;
background-color: rgba(255,255,255,0.2);
transition: width 0.3s ease;
z-index: 1;
}
a.buton_iki:hover::before,
button.buton_iki:hover::before { width: 100%; }
a.buton_uc::before,
button.buton_uc::before {
content: "";
position: absolute;
top: 0; left: -100%; width: 50%; height: 100%;
background-color: rgba(255,255,255,0.4);
transform: skewX(-25deg);
transition: 0.5s;
z-index: 1;
}
a.buton_uc:hover::before,
button.buton_uc:hover::before { left: 150%; }
a.buton_dort,
button.buton_dort { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
a.buton_dort:hover,
button.buton_dort:hover { transform: scale(1.05); }
a.buton_dort::after,
button.buton_dort::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0,0,0,0.1);
opacity: 0;
transition: opacity 0.3s;
}
a.buton_dort:hover::after,
button.buton_dort:hover::after { opacity: 1; }
a.buton_bes svg,
button.buton_bes svg { transition: transform 0.5s ease; }
a.buton_bes:hover svg,
button.buton_bes:hover svg { transform: rotate(360deg); }
a.buton_bes::before,
button.buton_bes::before {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0,0,0,0.2);
transform: translateY(100%);
transition: transform 0.3s;
z-index: 1;
}
a.buton_bes:hover::before,
button.buton_bes:hover::before { transform: translateY(0); }
a.buton_alti::before,
button.buton_alti::before {
content: "";
position: absolute;
top: 50%; left: 50%; width: 0; height: 0;
background-color: rgba(255,255,255,0.2);
transition: all 0.4s ease;
border-radius: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
a.buton_alti:hover::before,
button.buton_alti:hover::before { width: 150%; height: 150%; }


.site_input_alani{
width:100%;
}

.site_input_kapsul{
width:100%;
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border:2px solid var(--border);
border-radius:999px;
background:var(--arkaplan_beyaz);
box-sizing:border-box;
transition:border-color .2s ease, background-color .2s ease;
}

.site_input_kapsul:focus-within{
border-color:var(--arkaplan_acik_mavi);
}

.site_input_ikon{
width:38px;
height:38px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
background:rgba(0,0,0,.04);
color:var(--yazi_gri);
}

.site_input_ikon svg{
width:18px;
height:18px;
display:block;
fill:currentColor;
}

.site_input{
flex:1 1 auto;
width:100%;
border:0;
outline:0;
background:transparent;
font-size:18px;
color:var(--yazi_siyah);
padding:0 2px;
min-height:38px;
font-weight: var(--font_600);
color-scheme: light;
}
.site_input::placeholder{
color:var(--yazi_siyah)!important;
opacity:.85;
}
.site_input:-webkit-autofill,
.site_input:-webkit-autofill:hover,
.site_input:-webkit-autofill:focus{
-webkit-text-fill-color: var(--yazi_siyah) !important;
caret-color: var(--yazi_siyah) !important;
-webkit-box-shadow: 0 0 0 1000px var(--arkaplan_beyaz) inset !important;
box-shadow: 0 0 0 1000px var(--arkaplan_beyaz) inset !important;
}
.site_input_buton svg{
width:18px;
height:18px;
display:block;
fill:currentColor;
}
.site_input_buton:hover{
filter:brightness(.96);
}
.site_input_buton:active{
transform:scale(.98);
}
.site_input_buton:focus-visible{
outline:2px solid var(--arkaplan_mavi);
outline-offset:2px;
}

.dropdown_donustur_wrap{
position:relative;
display:inline-block;
width:100%;
max-width:100%;
}

.dropdown_donustur--native{
position:absolute !important;
inset:0 !important;
opacity:0 !important;
pointer-events:none !important;
width:100% !important;
height:100% !important;
}

.dropdown_donustur_tetik{
width:100%;
min-height:38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 12px;
border:1px solid var(--border);
border-radius:10px;
background:var(--arkaplan_beyaz);
color:var(--yazi_siyah);
font-size:14px;
font-weight:var(--font_500);
line-height:1.25;
cursor:pointer;
transition:var(--gecis);
}

.dropdown_donustur_yazi{
flex:1 1 auto;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-align:left;
}

.dropdown_donustur_ok{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
color:var(--yazi_gri);
transition:transform .2s ease;
}

.dropdown_donustur_ok svg{
width:16px;
height:16px;
display:block;
}

.dropdown_donustur_wrap.is-open .dropdown_donustur_tetik{
border-color:var(--arkaplan_mavi);
}

.dropdown_donustur_wrap.is-open .dropdown_donustur_ok{
transform:rotate(180deg);
}

.dropdown_donustur_menu{
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
z-index:140;
display:none;
padding:6px;
border:1px solid var(--border);
border-radius:12px;
background:var(--arkaplan_beyaz);
box-shadow:0 12px 26px rgba(15, 23, 42, 0.16);
max-height:240px;
overflow:auto;
}

.dropdown_donustur_wrap.is-open .dropdown_donustur_menu{
display:block;
}

.dropdown_donustur_oge{
width:100%;
border:0;
border-bottom:1px solid #e9f0fa;
background:transparent;
padding:9px 11px;
border-radius:8px;
text-align:left;
font-size:0.9rem;
font-weight:var(--font_500);
line-height:1.25;
color:var(--yazi_siyah);
cursor:pointer;
}

.dropdown_donustur_oge:hover{
background:#f2f7ff;
}

.dropdown_donustur_oge.is-selected{
background:#e9f2ff;
color:var(--arkaplan_lacivert);
}



.kapsayici{
max-width:var(--kapsayici);
width:100%;
margin:0 auto;
padding:0 var(--pad);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-width:0;
}
.kapsayici > *{
min-width:0;
}

.ustbar{
height:var(--ustbar_h);
background: var(--ustbar_arkaplan_rengi);
color:var(--ustbar_yazi_rengi);
display:flex;
align-items:center;
position:relative;
top:0;
z-index:120;
min-width:0;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.ustbar-sol,.ustbar-sag{
display:flex;
align-items:center;
gap:10px;
min-width:0;
max-width:100%;
}

.ustbar .ustbar-sol a{
color:var(--ustbar_yazi_rengi);
font-weight:400;
font-size:12px;
letter-spacing:.2px;
white-space:nowrap;
display:inline-flex;
align-items:center;
gap:8px;
transition:var(--gecis);
max-width:100%;
}

.ustbar .ustbar-sol a:hover{opacity:.8;}

.ustbar-ayrac{
width:1px;
height:14px;
background:currentColor;
opacity:.25;
flex-shrink:0;
}

.ustbar-ikon{
width:16px;
height:16px;
opacity:.92;
flex-shrink:0;
}

.panel-kapsayici{
position:relative;
display:inline-flex;
align-items:center;
border-radius:999px;
background:transparent;
text-decoration:none;
z-index:1;
cursor:pointer;
isolation:isolate;
}

.panel-kapsayici::before{
content:"";
position:absolute;
inset:3px;
background:var(--arkaplan_yesil);
border-radius:999px;
z-index:-1;
background-clip:padding-box;
}

.online-dot-sabit{
position:absolute;
left:18px;
width:10px;
height:10px;
top:50%;
transform:translateY(-50%);
background-color:#a8ffc8;
border-radius:50%;
z-index:5;
}

.panel-kapsayici::after{
content:"";
position:absolute;
left:18px;
width:10px;
height:10px;
background-color:#3bf981;
border-radius:50%;
z-index:4;
animation:nokta_dalga 2s ease-out infinite;
}

.panel-tetik{
color: var(--yazi_beyaz);
font-weight: var(--font_400);
font-size: 12px;
letter-spacing: .2px;
white-space: nowrap;
text-decoration:none;
padding:10px 24px 10px 42px;
z-index:10;
background:transparent;
border:0;
margin:0;
cursor:pointer;
font-family:inherit;
}

@keyframes nokta_dalga{
0%{transform:scale(1);opacity:1;}
100%{transform:scale(3);opacity:0;}
}

.panel-menu{
position:absolute;
top:calc(100% + 21px);
right:0;
left:auto;
background:var(--arkaplan_beyaz);
border:1px solid rgba(15,23,42,.10);
padding:10px;
min-width:190px!important;
max-width:calc(100vw - (var(--pad) * 2));
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(8px);
transition:var(--gecis);
z-index:3000;
border-radius:12px;
}

.panel-menu::before{
content:'';
position:absolute;
left:0;
right:0;
top:-21px;
height:21px;
background:transparent;
}

.dropdown-open .panel-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}



@media (max-width: 768px){
.ustbar{
height:auto;
min-height:var(--ustbar_h);
}
}

@media (max-width: 500px){
.panel-tetik {
padding: 10px 18px 10px 36px;
}

.ustbar-sol,
.ustbar-sag{
flex-wrap:wrap;
row-gap:8px;
}

.ustbar .ustbar-sol a{
white-space:normal;
}

}

@media (max-width: 768px){
.ustbar .ustbar-sol a span{
display: none;
}
.ustbar .ustbar-sol a svg {
width: 18px;
height: 18px;
}
}

.site-header{
background: var(--header_menu_arkaplan_rengi);
height:var(--header_h);
width:100%;
position: relative;
top: 0px;
z-index:99;
border-bottom:1px solid rgba(15,23,42,.08);
display:flex;
align-items:center;
overflow:visible;
}

.site-header .kapsayici{height:100%;position:relative}

/* Sticky Header Baslar */
@media (min-width:981px){
body.sticky-header-enabled .ustbar{
position:sticky;
top:0;
backface-visibility:hidden;
transform:translateZ(0);
will-change:background-color,border-color,box-shadow;
transition:background-color .18s ease,border-color .18s ease,box-shadow .22s ease,color .18s ease;
}

body.sticky-header-enabled .site-header{
position:sticky;
top:var(--ustbar_h);
backface-visibility:hidden;
transform:translateZ(0);
will-change:background-color,border-color,box-shadow;
transition:background-color .18s ease,border-color .18s ease,box-shadow .22s ease,color .18s ease;
}

body.sticky-header-enabled.is-header-sticky .ustbar{
background:var(--ustbar_arkaplan_rengi);
border-bottom:1px solid rgba(15,23,42,.10);
animation:none;
}

body.sticky-header-enabled.is-header-sticky .site-header{
background:var(--header_menu_arkaplan_rengi);
border-bottom:1px solid rgba(15,23,42,.10);
box-shadow:0 16px 30px rgba(15,23,42,.10);
animation:none;
}

body.sticky-header-enabled.is-header-sticky .ustbar .ustbar-sol a,
body.sticky-header-enabled.is-header-sticky .ustbar .ustbar-ikon,
body.sticky-header-enabled.is-header-sticky .header_tools .scurrencyicon{
color:var(--ustbar_yazi_rengi);
}

body.sticky-header-enabled.is-header-sticky .menu-link,
body.sticky-header-enabled.is-header-sticky .menu-link .ok,
body.sticky-header-enabled.is-header-sticky .sepet-buton{
color:var(--header_menu_yazi_rengi);
}

body.sticky-header-enabled.is-header-sticky .panel-tetik{
color:var(--yazi_beyaz);
}

body.sticky-header-enabled.is-header-sticky .menu-oge:hover>.menu-link,
body.sticky-header-enabled.is-header-sticky .menu-oge:focus-within>.menu-link{
color:var(--header_menu_yazi_rengi);
}

body.sticky-header-enabled.is-header-sticky .header_tools .scurrencyicon{
border-color:var(--ustbar_yazi_rengi);
}

body.sticky-header-enabled.is-header-sticky .ustbar-ayrac{
background:currentColor;
opacity:.25;
}

body.sticky-header-enabled.is-header-sticky .mobil-menu-buton span{
background:var(--header_menu_yazi_rengi);
}

body.sticky-header-enabled .logo-masaustu img{
transition:max-height .2s ease, transform .2s ease, opacity .2s ease;
will-change:transform,opacity;
}

body.sticky-header-enabled.is-header-sticky .logo-masaustu img{
max-height:40px;
transform:translateY(-1px);
}

body.sticky-header-enabled.is-header-sticky .mega-menu{
top:var(--header_h);
}
}

@media (prefers-reduced-motion: reduce) and (min-width:981px){
body.sticky-header-enabled .ustbar,
body.sticky-header-enabled .site-header,
body.sticky-header-enabled .logo-masaustu img{
transition:none !important;
animation:none !important;
}
}

@keyframes stickyUstbarIn{
0%{opacity:0;transform:translateY(-12px);}
100%{opacity:1;transform:translateY(0);}
}

@keyframes stickySiteHeaderIn{
0%{opacity:0;transform:translateY(-14px);}
100%{opacity:1;transform:translateY(0);}
}
/* Sticky Header Biter */

.logo-alani{
flex-shrink:0;
display:flex;
align-items:center;
height:100%;
min-width:0;
max-width:52%;
z-index:99;
}

.logo-alani a{
display:inline-flex;
align-items:center;
min-width:0;
max-width:100%;
}

.logo-masaustu{display:block;height:40px;max-width:100%}
.logo-masaustu img {width: auto;max-height: 40px;}

.ana-nav-logo{
display:none;
}

.ana-nav-logo img{
display:block;
width:auto;
max-height:34px;
}

.ana-nav-top,
.ana-nav-tools,
.ana-nav-sepet,
.ana-nav-close,
.ana-nav-footer-actions{
display:none;
}

.islemler{
display:flex;
align-items:center;
gap:14px;
flex-shrink:0;
z-index:99;
}

.sepet-buton{
position:relative;
width:44px;
height:44px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--header_menu_yazi_rengi);
transition:var(--gecis);
background: transparent;
border: 0px;
}

.sepet-buton:hover{
background: transparent;
border: 0px;
}

.sepet-badge{
position:absolute;
top:-4px;
right:-2px;
background:var(--arkaplan_kirmizi);
color:var(--yazi_beyaz);
font-size:10px;
font-weight:500;
width:24px;
height:24px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
border:2px solid var(--arkaplan_beyaz);
z-index: 3;
}

.mobil-menu-buton{
display:none;
width:44px;
height:44px;
border: 0px;
background: transparent;
cursor:pointer;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
transition:var(--gecis);
}

.mobil-menu-buton:hover{border-color:rgba(29,78,216,.45)}
.mobil-menu-buton span{width:22px;height:2px;background:var(--header_menu_yazi_rengi);border-radius:2px;transition:var(--gecis);display:block}
.mobil-menu-buton.aktif span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobil-menu-buton.aktif span:nth-child(2){opacity:0}
.mobil-menu-buton.aktif span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.ana-nav{
display:flex;
align-items:center;
height:100%;
min-width:0;
z-index:99;
}

.menu-liste{
display:flex;
list-style:none;
height:100%;
align-items:stretch;
gap:2px;
}

.menu-oge{
position:relative;
height:100%;
display:flex;
align-items:stretch;
}

#mobsabitmenus>li,
#mobmenu_wrap li{
position:relative;
}

.menu_tag{
position:absolute;
top:5px;
left:50%;
right:auto;
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
min-height:18px;
padding:2px 8px;
border-radius:999px;
font-size:11px;
font-weight:var(--font_400);
line-height:1;
letter-spacing:.2px;
color:var(--yazi_beyaz);
white-space:nowrap;
pointer-events:none;
user-select:none;
overflow:hidden;
isolation:isolate;
z-index:3;
}

.menu_tag::before{
content:'';
position:absolute;
inset:0;
z-index:-1;
background:var(--menu-tag-bg,var(--arkaplan_kirmizi));
animation:menuTagBlink 1.8s ease-in-out infinite;
}

@keyframes menuTagBlink{
0%,100%{
opacity:.58;
}
50%{
opacity:1;
}
70%{
opacity:.74;
}
}

.menu-link{
height:100%;
display:flex;
align-items:center;
padding:0 12px;
color:var(--header_menu_yazi_rengi);
font-weight:600;
font-size:16px;
gap:2px;
white-space:nowrap;
user-select:none;
transition:var(--gecis);
}

.menu-link .ok{
width:10px;
height:10px;
opacity:.85;
transform-origin:center;
transition:var(--gecis);
}

.menu-oge:hover>.menu-link,
.menu-oge:focus-within>.menu-link{color:var(--arkaplan_mavi)}

.menu-oge:hover>.menu-link .ok,
.menu-oge:focus-within>.menu-link .ok{transform:rotate(180deg)}

.mega-menu{
position:fixed;
left:0;
right:0;
top:var(--mega-menu-top, calc(var(--ustbar_h) + var(--header_h)));
width:100%;
background:var(--arkaplan_beyaz);
border-top:1px solid rgba(15,23,42,.10);
box-shadow:0 25px 50px -12px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(10px);
transition:var(--gecis);
padding:24px 0;
z-index:2500;
}

.mega-menu::before{
content:'';
position:absolute;
left:0;
right:0;
top:-14px;
height:14px;
background:transparent;
}

.menu-oge:hover>.mega-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}

.mega-kapsayici{
max-width:var(--kapsayici);
width:100%;
margin:0 auto;
padding:0 var(--pad);
display:flex;
gap:28px;
align-items:flex-start;
min-width:0;
}

.mega-grid{
flex:1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
align-content:start;
min-width:0;
}

.mega-menu.mega-2 .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-menu.mega-3 .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.mega-link{
display:flex;
align-items:flex-start;
gap:14px;
padding:14px;
border-radius:var(--border_radius_12);
border:1px solid rgba(15,23,42,.10);
background:transparent;
transition:var(--gecis);
min-width:0;
}

.mega-link:hover{
background:rgba(29,78,216,.06);
border-color:rgba(15,23,42,.10);
}

.mega-ikon{
width:44px;
height:44px;
background:rgba(29,78,216,.08);
color:var(--arkaplan_mavi);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.mega-yazi{
min-width:0;
display:flex;
flex-direction:column;
}

.mega-yazi strong{
font-size:15px;
font-weight:600;
line-height:1.25;
color:var(--yazi_siyah);
display:block;
margin-bottom:2px;
}

.mega-yazi span{
font-size:12px;
font-weight:400;
line-height:1.45;
color:var(--yazi_gri);
display:block;
}

.mega-yan{
width:320px;
background:var(--arkaplan_lacivert);
border-radius:16px;
padding:20px;
color:var(--yazi_beyaz);
display:flex;
flex-direction:column;
justify-content:space-between;
gap:14px;
position:relative;
overflow:hidden;
flex-shrink:0;
}

.mega-yan::before{
content:'';
position:absolute;
top:-18px;
right:-18px;
width:110px;
height:110px;
background:var(--arkaplan_mavi);
opacity:.18;
border-radius:50%;
}

.mega-yan strong{
font-size:18px;
font-weight:700;
position:relative;
display:block;
}

.mega-yan p{
font-size:13px;
font-weight:400;
line-height:1.55;
opacity:.88;
position:relative;
color:var(--yazi_beyaz);
}

.promo-buton{
background:var(--arkaplan_mavi);
color:var(--yazi_beyaz);
padding:11px 18px;
border-radius:12px;
font-size:13px;
font-weight:700;
text-align:center;
display:inline-flex;
align-items:center;
justify-content:center;
transition:var(--gecis);
position:relative;
width:100%;
}

.promo-buton:hover{background:#163aa6}

.acilir-menu{
position:absolute;
top:calc(100% - 1px);
right:0;
background:var(--arkaplan_beyaz);
border:1px solid rgba(15,23,42,.10);
box-shadow:0 25px 50px -12px rgba(0,0,0,.15);
padding:10px;
min-width:230px;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(10px);
transition:var(--gecis);
z-index:2600;
}

.acilir-menu::before{
content:'';
position:absolute;
left:0;
right:0;
top:-14px;
height:14px;
background:transparent;
}

.menu-oge:hover>.acilir-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}


.acilir-menu a{
display:block;
padding:12px 14px;
border-radius:12px;
font-weight:600;
font-size:15px;
color:var(--yazi_siyah);
transition:var(--gecis);
white-space:nowrap;
}

.acilir-menu a:hover{
background:rgba(29,78,216,.06);
color:var(--arkaplan_mavi);
}

.saydam-katman{
position:fixed;
inset:0;
background:rgba(15,23,42,.42);
backdrop-filter:blur(4px);
z-index:1600;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:var(--gecis);
}

body.menu-acik .saydam-katman{
opacity:1;
visibility:visible;
pointer-events:auto;
}

body.hero-overlay .site-header{
background: transparent;
border-bottom: 0px;
}
body.hero-overlay .menu-link {
color: var(--yazi_beyaz);
}
body.hero-overlay .menu-oge:hover>.menu-link,
body.hero-overlay .menu-oge:focus-within>.menu-link{
color: var(--yazi_beyaz);
}
body.hero-overlay .sepet-buton {
background: transparent;
border: 0px;
width: 44px;
height: 44px;
border-radius: unset;
color: var(--yazi_beyaz);
transition: var(--gecis);
}
body.hero-overlay .sepet-badge {
top: -3px;
right: -4px;
background: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
width: 24px;
height: 24px;
border: 1px solid var(--arkaplan_beyaz);
}
body.hero-overlay .ustbar {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.hero-overlay .mobil-menu-buton {
border-radius: unset;
border: 0px;
background: transparent;
color: var(--yazi_beyaz);
}
body.hero-overlay .mobil-menu-buton span {
background: var(--yazi_beyaz);
}
body.hero-overlay .mega-menu {
max-width:calc(var(--kapsayici) - (var(--pad) * 2));
width: 100%;
margin: 0 auto;
background: var(--arkaplan_beyaz);
border-top: 1px solid rgba(15, 23, 42, .10);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);
border-radius: var(--border_radius_12);
top:var(--mega-menu-top, calc(var(--ustbar_h) + var(--header_h)));
}
.acilir-menu {
border-radius: var(--border_radius_12);
}
body.hero-overlay .panel-menu {
border-radius: var(--border_radius_12);
top: calc(100% + 5px);
}
body.hero-overlay .ustbar .ustbar-sol a {
    color: var(--yazi_beyaz);
}
body.hero-overlay .header_tools .scurrencyicon {
    color: var(--yazi_beyaz);
    border-color: var(--arkaplan_beyaz);
}

@media (max-width:980px){
:root{--pad:15px}

.logo-alani{max-width:58%}
.logo-masaustu{display:block}
.mobil-menu-buton{display:flex}

.ustbar-sag{gap:5px}
.ustbar-sag .ustbar-ayrac{display:none}

.saydam-katman{
top:0;
}
body.hero-overlay .menu-link {color: var(--yazi_siyah)}
body.hero-overlay .menu-oge:hover>.menu-link,
body.hero-overlay .menu-oge:focus-within>.menu-link {
    color: var(--arkaplan_mavi);
}
.ana-nav{
position:fixed;
top: 0px;
left:0;
right:0;
height:100vh;
width:100%;
max-width: 420px;
background:var(--arkaplan_beyaz);
border-top:0;
box-shadow:0 16px 40px rgba(0,0,0,.12);
transform:translateX(-110%);
transition:var(--gecis);
z-index:99999;
padding:16px var(--pad) var(--pad);
overflow-y:auto;
display:block;
}

body.menu-acik .ana-nav{transform:translateX(0)}
body.menu-acik .site-header{z-index:130;}
body.menu-acik .islemler{opacity:0;visibility:hidden;pointer-events:none;}

.ana-nav-top{
position:sticky;
top:0;
z-index:6;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin:0 0 12px;
padding:2px 0 12px;
background:linear-gradient(180deg,var(--arkaplan_beyaz) 78%,rgba(255,255,255,0));
border-bottom:1px solid rgba(15,23,42,.08);
}

.ana-nav-logo{
display:inline-flex;
align-items:center;
max-width:100%;
margin:0;
}

.ana-nav-logo img{
max-height:32px;
}

.ana-nav-tools{
display:flex;
align-items:center;
gap:8px;
}

.ana-nav-sepet{
display:inline-flex;
width:42px;
height:42px;
color:var(--yazi_siyah);
border:1px solid rgba(15,23,42,.12);
border-radius:12px;
background:var(--arkaplan_beyaz);
}
body.hero-overlay .ana-nav-sepet{
color:var(--yazi_siyah);
}

.ana-nav-sepet:hover{
background:var(--arkaplan_gri);
border-color:rgba(15,23,42,.2);
}

.ana-nav-sepet .sepet-badge{
top:-6px;
right:-6px;
border:1px solid var(--arkaplan_beyaz);
}

.ana-nav-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:0;
border-radius:12px;
background:transparent;
color:var(--yazi_siyah);
cursor:pointer;
transition:var(--gecis);
}

.ana-nav-close svg{
width:18px;
height:18px;
}

.ana-nav-close:hover{
background:rgba(15,23,42,.05);
}

.menu-liste{
flex-direction:column;
height:auto;
width:100%;
gap:0;
padding-bottom:8px;
background: var(--arkaplan_beyaz);
position: relative;
z-index: 9;
}

.menu-oge{
height:auto;
width:100%;
flex-direction:column;
align-items:stretch;
border-bottom:1px solid rgba(15,23,42,.08);
}

.menu-link{
height:auto;
padding:16px 6px;
width:100%;
justify-content:space-between;
font-size:16px;
color: var(--yazi_siyah);
}

.menu-oge>.menu_tag{
top:50%;
right:10px;
left:auto;
transform:translateY(-50%);
}

#mobsabitmenus>li>.menu_tag,
#mobmenu_wrap li>.menu_tag{
top:50%;
right:10px;
left:auto;
transform:translateY(-50%);
}

.menu-link .ok{width:16px;height:16px;transform:rotate(0)}

.mega-menu,
.acilir-menu{
position:static;
left:auto;
right:auto;
top:auto;
width:100%;
border:0;
box-shadow:none;
padding:0 0 16px;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
display:none;
background:transparent;
border-radius:0;
}
.menu-oge.acik>.mega-menu,
.menu-oge.acik>.acilir-menu {
    box-shadow: unset;
}
.menu-oge.acik>.mega-menu,
.menu-oge.acik>.acilir-menu{display:block; border-radius: 0px;}

.mega-menu::before,
.acilir-menu::before{display:none}

.mega-kapsayici{
max-width:none;
width:100%;
margin:0;
padding:0;
flex-direction:column;
gap:12px;
}

.mega-grid{
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap:12px;
margin-top: 12px;
}

.mega-menu.mega-2 .mega-grid,
.mega-menu.mega-3 .mega-grid{
grid-template-columns: repeat(1, minmax(0, 1fr));
}

.mega-link{
width:100%;
border:1px solid rgba(15,23,42,.10);
background:var(--arkaplan_beyaz);
padding:14px;
}

.mega-yan{
width:100%;
padding:18px;
}

.acilir-menu{padding:0 0 16px}

.acilir-menu a{
width:100%;
border:1px solid rgba(15,23,42,.10);
background:var(--arkaplan_beyaz);
border-radius:14px;
margin-top:10px;
padding:13px 12px;
white-space:normal;
}

.ana-nav-footer-actions{
position:sticky;
bottom:0;
z-index:6;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:16px;
}
.ana-nav-footer-actions > :nth-child(3){
grid-column:1 / -1;
}
}





.header_tools{
flex:0 0 auto;
margin-left:auto;
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
}

.header_tools > *{
display:flex;
align-items:center;
}

.header_tools a,
.header_tools button{
display:inline-flex;
align-items:center;
text-decoration:none;
color:var(--ustbar_yazi_rengi);
line-height:1;
font-weight:500;
transition:var(--gecis);
background:transparent;
border:0;
padding:0;
margin:0;
font-family:inherit;
cursor:pointer;
}

.header_tools a:focus-visible,
.header_tools button:focus-visible{
outline:2px solid rgba(255,255,255,.85);
outline-offset:3px;
border-radius:10px;
}

.header_tools .langflagicon{
display:inline-flex;
align-items:center;
justify-content:center;
}

.header_tools .langflagicon img{
width:24px;
height:24px;
display:block;
border-radius:50%;
opacity:1;
margin-top: unset!important;
}

.header_tools .scurrencyicon{
font-size:16px;
padding:0px 0px;
width: 24px;
height: 24px;
text-align: center;
border-radius:999px;
background: transparent;
color:var(--ustbar_yazi_rengi);
border: 1px solid var(--ustbar_yazi_rengi);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
transition:var(--gecis);
font-weight:400;
display: flex;
justify-content: center;
align-items: center;
}

.header_tools .scurrencyicon:hover{
background:rgba(255,255,255,.16);
}

@media (max-width:980px){
.header_tools{
gap:8px;
}
.header_tools .scurrencyicon{
font-size:12px;
padding:7px 10px;
background:rgba(255,255,255,.14);
}
.header_tools .langflagicon img{
width:24px;
height:24px;
}
}

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

.dropdown-menu{
position:absolute;
top:calc(100% + 10px);
right:0;
min-width:200px;
max-height:240px;
overflow-y:auto;
padding:0px 0;
background:rgba(255,255,255,.98);
border-radius:var(--border_radius_12);
display:flex;
flex-direction:column;
gap:0;
z-index:9999;
opacity:0;
visibility:hidden;
transform:translateY(-10px) scale(.98);
transition:var(--gecis);
scrollbar-width:none;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.dropdown-menu::-webkit-scrollbar{
display:none;
}
.dropdown-open .dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0) scale(1);
}
.dropdown-menu a{
position:relative;
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
font-size:13px;
font-weight:500;
color:var(--yazi_siyah);
text-decoration:none;
background:transparent;
transition:var(--gecis);
}
.dropdown-menu a + a{
border-top:1px solid rgba(25,25,25,.08);
}
.dropdown-menu a:hover{
background:rgb(157 255 167 / 42%);
}
.dropdown-menu a:focus-visible{
outline:2px solid rgb(157 255 167 / 42%);
outline-offset:-2px;
}
.dropdown-menu a strong{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:999px;
font-size: 12px;
font-weight: var(--font_500);
color:var(--yazi_beyaz);
background: #2b8736;
flex:0 0 auto;
}
.dropdown-menu a img{
width:22px;
height:22px;
border-radius:9999px;
display:block;
background:var(--arkaplan_acik_mavi);
object-fit:cover;
flex:0 0 auto;
}
.dropdown-menu .active-item{
background:rgb(157 255 167 / 42%);
}


@media (max-width:500px){
.ustbar-sol > span.ustbar-ayrac:last-of-type,
.ustbar-sol > a:last-of-type{
display:none;
}

}

@media (max-width:600px){
.dropdown-menu {
right: -95px;
}
.panel-kapsayici .dropdown-menu {
right: 0px;
}
}

.hero-slider-wrap{
--hero-muted:rgba(255,255,255,.78);
--hero-border:rgba(255,255,255,.12);
--hero-accent:#2f7cff;
--hero-gap:clamp(18px,3vw,44px);
--hero-pad:clamp(18px,4vw,64px);
position:relative;
background:
radial-gradient(1200px 700px at 15% 20%, rgba(44,146,255,.22), transparent 60%),
radial-gradient(900px 600px at 85% 10%, rgba(255,255,255,.10), transparent 55%),
linear-gradient(145deg,var(--arkaplan_mavi),var(--arkaplan_lacivert));
color:var(--yazi_beyaz);
overflow:hidden;
}

.hero-slider-wrap{
--hero-stack-h:calc(var(--ustbar_h) + var(--header_h));
isolation:isolate;
}

body.hero-overlay .hero-slider-wrap{
margin-top:calc(-1 * var(--hero-stack-h));
}
.hero-slider-wrap:before{
content:'';
position:absolute;
inset:0;
z-index:0;
opacity:0;
transition:opacity .35s ease;
background:var(--hero-bg-override, transparent);
}

.hero-slider-wrap.has-slide-bg:before{
opacity:1;
}

#heroSlider{
position:relative;
z-index:1;
}
/*
.hero-slider-wrap{
--bg-1:linear-gradient(135deg,#08203e,#557c93);
--bg-2:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99%,#fecfef 100%);
--bg-3:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);
--bg-4:linear-gradient(135deg,#00b09b,#96c93d);
--bg-5:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
--bg-6:linear-gradient(135deg,#5ee7df 0%,#b490ca 100%);
--bg-7:linear-gradient(135deg,#232526,#414345);
--bg-8:linear-gradient(135deg,#f6d365 0%,#fda085 100%);
}
*/
.hero-slider-wrap{
--bg-1:url("../images/slider/bg1.png") center/cover no-repeat;
--bg-2:url("../images/slider/bg2.png") center/cover no-repeat;
--bg-3:url("../images/slider/bg3.png") center/cover no-repeat;
--bg-4:url("../images/slider/bg4.png") center/cover no-repeat;
--bg-5:url("../images/slider/bg5.png") center/cover no-repeat;
--bg-6:url("../images/slider/bg6.png") center/cover no-repeat;
--bg-7:url("../images/slider/bg7.png") center/cover no-repeat;
--bg-8:url("../images/slider/bg8.png") center/cover no-repeat;
--bg-9:url("../images/slider/bg9.png") center/cover no-repeat;
--bg-10:url("../images/slider/bg10.png") center/cover no-repeat;
background:
radial-gradient(1200px 700px at 15% 20%, rgba(44,146,255,.22), transparent 60%),
radial-gradient(900px 600px at 85% 10%, rgba(255,255,255,.10), transparent 55%),
linear-gradient(145deg,var(--arkaplan_mavi),var(--arkaplan_lacivert));
}
.hero-slider-wrap.has-slide-bg{
background:
radial-gradient(1200px 700px at 15% 20%, rgba(44,146,255,.22), transparent 60%),
radial-gradient(900px 600px at 85% 10%, rgba(255,255,255,.10), transparent 55%),
linear-gradient(145deg,var(--arkaplan_mavi),var(--arkaplan_lacivert));
}


body.hero-overlay #heroSlider{
height:100vh;
height:100svh;
height:100dvh;
}

body:not(.hero-overlay) #heroSlider{
height:calc(100vh - var(--hero-stack-h));
height:calc(100svh - var(--hero-stack-h));
height:calc(100dvh - var(--hero-stack-h));
}

.hero-slide{
height:100%;
display:grid;
grid-template-rows:var(--hero-top-offset, 0px) 1fr;
align-items:stretch;
}

body.hero-overlay .hero-slide{
--hero-top-offset:var(--hero-stack-h);
}

body:not(.hero-overlay) .hero-slide{
--hero-top-offset:0px;
}

.hero-inner{
grid-row:2;
align-self:center;
}


#heroSlider .splide__track,
#heroSlider .splide__list,
#heroSlider .splide__slide{
height:100%;
}

.hero-slide{
height:100%;
display:grid;
grid-template-rows:var(--hero-top-offset, 0px) 1fr;
align-items:stretch;
}

.hero-inner{
grid-row:2;
align-self:center;
}

.hero-inner{
max-width: var(--kapsayici);
width: 100%;
margin: 0 auto;
padding: 0 var(--pad);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--hero-gap);
}
/*
body.hero-overlay .hero-inner {
margin-top:calc(+1 * (var(--ustbar_h) + var(--header_h)));
}
*/
.hero-left{
flex:1 1 52%;
min-width:0;
align-self:center;
text-align:left;
}

.hero-right{
flex:1 1 48%;
min-width:0;
align-self:center;
display:flex;
justify-content:flex-end;
}

.hero-title{
margin:0 0 14px 0;
font-size:clamp(28px,3.6vw,54px);
line-height:1.08;
letter-spacing:-.02em;
font-weight: var(--font_300);
}
.hero-title strong {position: relative;font-weight: var(--font_600);}
.hero-title strong:after {
content: '';
position: absolute;
left: -4px;
right: -4px;
bottom: 6px;
height: 20%;
background: currentColor;
opacity: 0.25;
z-index: -1;
transform: rotate(-1deg);
border-radius: 4px;
}


.hero-desc{
margin:0 0 26px 0;
max-width:54ch;
color:var(--hero-muted);
font-size:clamp(15px,1.2vw,18px);
line-height:1.55;
font-weight: var(--font_300);
}

.hero-media{
width:min(560px, 100%);
height:clamp(240px, 38vw, 420px);
overflow:hidden;
}

.hero-media img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}


#heroSlider .splide__arrows{
position:absolute;
right:clamp(14px,2.4vw,30px);
bottom:22px;
left:auto;
top:auto;
transform:none;
display:flex;
align-items:center;
gap:12px;
pointer-events:none;
z-index:5;
}

#heroSlider .splide__arrow{
position:static;
transform:none;
margin:0;
width:26px;
height:26px;
border-radius:0px;
border: 0px;
background: transparent;
opacity:1;
display:flex;
align-items:center;
justify-content:center;
pointer-events:auto;
}

#heroSlider .splide__arrow svg{
fill:#fff;
width:26px;
height:26px;
}

#heroSlider .splide__pagination{
position:absolute;
left:50%;
bottom:22px;
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0;
margin:0;
list-style:none;
z-index:6;
}

#heroSlider .splide__pagination li{
list-style:none;
margin:0;
padding:0;
line-height:1;
}

#heroSlider .splide__pagination__page{
width:24px;
height:5px;
border-radius:99px;
border:0;
background:rgba(255,255,255,.58);
opacity:.55;
padding:0;
cursor:pointer;
}

#heroSlider .splide__pagination__page.is-active{
opacity:1;
transform:none;
height:9px;
background:#ffffff;
}

@keyframes heroInLeft{
from{opacity:0; transform:translateY(14px)}
to{opacity:1; transform:translateY(0)}
}

@keyframes heroInRight{
from{opacity:0; transform:translateY(14px)}
to{opacity:1; transform:translateY(0)}
}

#heroSlider .splide__slide .hero-left,
#heroSlider .splide__slide .hero-right{
opacity:0;
}

#heroSlider .splide__slide.is-active .hero-left{
animation:heroInLeft .7s ease both;
animation-delay:.05s;
}

#heroSlider .splide__slide.is-active .hero-right{
animation:heroInRight .7s ease both;
animation-delay:.12s;
}

@media (max-width: 980px){
.hero-inner{
padding:clamp(10px,4vw,28px);
}
.hero-left{
flex:1 1 auto;
}
.hero-right{
flex:1 1 auto;
}
.hero-media{
width:min(520px, 100%);
}
}

@media (max-width: 768px){
.hero-inner{
flex-direction:column;
justify-content:center;
text-align:center;
}
.hero-left{
text-align:center;
}
.hero-desc{
margin-left:auto;
margin-right:auto;
}
.hero-right{
width:100%;
justify-content:center;
}
.hero-media{
width:min(520px, 100%);
max-height:48svh;
}
#heroSlider .splide__arrow{
width:42px;
height:42px;
}
#heroSlider .splide__arrows{
right:12px;
bottom:12px;
gap:10px;
}
}


#anasayfa_alan_adi .site_input_alani {
width: 99%;
margin: 0px auto 30px auto;
}

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

#anasayfa_alan_adi .domain_hizli_aksiyon {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: auto;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid var(--border);
background: var(--arkaplan_beyaz);
color: var(--yazi_siyah);
text-decoration: none;
font-size: 0.78rem;
font-weight: var(--font_500);
line-height: 1.2;
letter-spacing: 0.02em;
}

#anasayfa_alan_adi .domain_hizli_aksiyon:hover {
border-color: var(--arkaplan_yesil);
color: var(--arkaplan_yesil);
background: var(--arkaplan_beyaz);
}

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

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

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

#tldSlider{
position:relative;
--tld-nav-size:34px;
--tld-nav-gap:16px;
--tld-nav-bottom:6px;
}

#tldSlider .splide__arrows{
position:absolute;
left:50%;
right:auto;
bottom:var(--tld-nav-bottom);
top:auto;
transform:translateX(-50%);
display:none;
justify-content:center;
gap:10px;
pointer-events:none;
z-index:5;
}

#tldSlider .splide__arrow{
position:static;
width:var(--tld-nav-size);
height:var(--tld-nav-size);
padding:0;
margin:0;
top:auto;
right:auto;
bottom:auto;
left:auto;
transform:none !important;
border:1px solid var(--border);
border-radius:50%;
background:var(--arkaplan_beyaz);
box-shadow:none;
opacity:1;
pointer-events:auto;
display:flex;
align-items:center;
justify-content:center;
}

#tldSlider .splide__arrow:disabled{opacity:.35}

#tldSlider .splide__arrow svg{
display:block;
width:15px;
height:15px;
transform:none!important;
color: var(--yazi_siyah);
}

#tldSlider .splide__arrow--prev svg{transform:none!important}
#tldSlider .splide__arrow--next svg{transform:none!important}

@media (min-width:769px){
#tldSlider .splide__arrows{display:none}
}
@media (max-width:768px){
#anasayfa_alan_adi .domain_hizli_aksiyonlar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-items: start;
gap: 6px;
width: 100%;
margin: 0 auto 20px auto;
}

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

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

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

#tldSlider{
--tld-nav-size:32px;
--tld-nav-gap:16px;
--tld-nav-bottom:6px;
padding-bottom:calc(var(--tld-nav-size) + var(--tld-nav-gap) + var(--tld-nav-bottom));
}
#tldSlider .splide__arrows{display:flex}
}


.alanadi_sld {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 14px 12px;
border-radius: 10px;
background: var(--arkaplan_beyaz);
text-align: center;
box-sizing: border-box;
border: 1px solid var(--border);
z-index: 2;
position: relative;
cursor: pointer;
}
.alanadi_sld:hover {
border: 1px solid var(--arkaplan_acik_mavi);
}

.alanadi_sld .alanadi_indirim {
position: absolute;
top: 8px;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 8px;
border-radius: 999px;
background: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
font-size: 11px;
font-weight: var(--font_700);
line-height: 1;
pointer-events: none;
}

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

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

.alanadi_sld .bilgi strong {
font-size: 14px;
font-weight: var(--font_600);
color: var(--yazi_siyah);
line-height: 1.25;
margin: 4px 0px;
}

.alanadi_sld .bilgi span {
font-size: 12px;
color: var(--yazi_siyah);
font-weight: var(--font_500);
line-height: 1.2;
opacity: 0.3;
}

.alanadi_sld .amount_spot_view {
text-align: center;
margin-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1.15;
gap: 4px;
min-height: 38px;
}

.alanadi_sld .amount_spot_view small {
font-size: 12px;
font-weight: var(--font_500);
color: var(--yazi_gri);
line-height: 1;
white-space: nowrap;
position: relative;
display: inline-block;
}

.alanadi_sld .amount_spot_view .guncel_fiyat {
font-size: 18px;
font-weight: var(--font_700);
color: var(--yazi_siyah);
line-height: 1;
white-space: nowrap;
}

.alanadi_sld .amount_spot_view .guncel_fiyat.indirimli {
color: var(--arkaplan_yesil);
}

.alanadi_sld .amount_spot_view .guncel_fiyat.yazi_yesil {
color: var(--arkaplan_yesil);
}

.alanadi_sld .amount_spot_view .eski_fiyat_tutar::after {
content: "";
position: absolute;
left: -2px;
top: 50%;
width: 110%;
height: 2px;
background: var(--arkaplan_kirmizi);
transform: rotate(-12deg);
}

.alanadi_sld .amount_spot_view .currposright {
font-size: 14px;
font-weight: var(--font_600);
margin-left: 0px;
color: var(--yazi_siyah);
opacity: 0.9;
}

.site_baslik.rrkmlrlbz {
margin-top: 45px;
}
.site_baslik.rrkmlrlbz p {
margin-bottom: 0px;
}

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


#sekmeIcerikleri {
width: 100%;
}
.hosting_bolumu {display: block;}

.hosting_konteynir {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
align-items: flex-start;
margin-top: 30px;
}

.hosting_kart {
flex: 0 1 calc(25% - 30px);
min-width: 315px;
background: var(--arkaplan_beyaz);
border: 2px solid var(--arkaplan_gri);
border-radius: var(--border_radius_24);
padding: 30px 20px;
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box;
transition: border-color 0.3s ease;
z-index: 2;
overflow: hidden;
}
.hosting_kart:hover { border-color: var(--arkaplan_acik_mavi); }
.populer_ek.hosting_kart:hover { border-color: var(--arkaplan_acik_mavi); }
.populer_ek{
  background-color: var(--arkaplan_acik_mavi);
  border-color: var(--arkaplan_acik_mavi);
}
/*.populer_ek{
background-color: var(--yazi_mor);
background-image:
radial-gradient(900px 420px at 18% 18%, rgba(255,140,0,.35) 0%, rgba(255,140,0,0) 62%),
radial-gradient(720px 520px at 86% 26%, rgba(11,42,111,.55) 0%, rgba(11,42,111,0) 64%),
radial-gradient(560px 420px at 58% 110%, rgba(255,215,0,.18) 0%, rgba(255,215,0,0) 60%),
linear-gradient(135deg, rgba(25,25,25,.22) 0%, rgba(25,25,25,0) 55%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700'%3E%3Cdefs%3E%3CradialGradient id='g1' cx='18%25' cy='18%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23ff8c00' stop-opacity='.85'/%3E%3Cstop offset='55%25' stop-color='%23ff8c00' stop-opacity='.10'/%3E%3Cstop offset='100%25' stop-color='%236d28d9' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2' cx='86%25' cy='22%25' r='75%25'%3E%3Cstop offset='0%25' stop-color='%230b2a6f' stop-opacity='.9'/%3E%3Cstop offset='60%25' stop-color='%230b2a6f' stop-opacity='.12'/%3E%3Cstop offset='100%25' stop-color='%236d28d9' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='22'/%3E%3C/filter%3E%3Cpattern id='circuit' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 30h46v-18h54M56 12v66h54M10 90h34v20h66M110 40h-18v40h18' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='56' cy='12' r='4' fill='%23ffd700' fill-opacity='.22'/%3E%3Ccircle cx='110' cy='40' r='3' fill='%23ffffff' fill-opacity='.18'/%3E%3Ccircle cx='44' cy='110' r='3' fill='%23ff8c00' fill-opacity='.16'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1200' height='700' fill='url(%23g1)'/%3E%3Crect width='1200' height='700' fill='url(%23g2)'/%3E%3Cpath d='M-60 540 C160 380 360 640 560 520 C760 400 900 250 1120 330 C1260 380 1320 450 1260 520 C1120 660 860 660 640 620 C420 580 220 650 40 620 C-40 606 -100 580 -60 540 Z' fill='%23ff8c00' opacity='.14' filter='url(%23b)'/%3E%3Cpath d='M220 210 C320 120 450 120 560 190 C690 270 820 250 910 170 C1010 80 1130 90 1180 150 C1230 210 1210 290 1110 320 C960 370 860 320 760 270 C640 200 520 210 420 260 C310 320 180 300 160 250 C145 215 175 240 220 210 Z' fill='%230b2a6f' opacity='.22' filter='url(%23b)'/%3E%3Crect width='1200' height='700' fill='url(%23circuit)' opacity='.9'/%3E%3Ccircle cx='980' cy='88' r='2.5' fill='%23ffffff' opacity='.35'/%3E%3Ccircle cx='1010' cy='120' r='1.8' fill='%23ffffff' opacity='.26'/%3E%3Ccircle cx='950' cy='140' r='1.6' fill='%23ffffff' opacity='.22'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-color: var(--arkaplan_sari);
}
*/
.paket_baslik_svg {
position: relative;
margin-bottom: 10px;
}
.paket_baslik_svg svg {
width: 82px!important;
height: 82px!important;
}
.paket_baslik_svg img {
width: 82px!important;
height: 82px!important;
object-fit: contain;
}
.populer_etiket {
position: absolute;
top: 0px;
right: -14px;
background: var(--arkaplan_sari);
color: var(--yazi_siyah);
font-size: 12px;
font-weight: var(--font_600);
padding: 9px 32px 9px 18px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: var(--border_radius_24);
z-index: 5;
}
.paket_baslik { font-size: var(--font_h4); font-weight: var(--font_700); margin: 0 0 10px; color: var(--yazi_siyah); text-align: left; }
.populer_ek .paket_baslik { color: var(--yazi_beyaz); }
.paket_aciklama {
font-size: 14px;
color: var(--yazi_gri);
margin-bottom: 15px;
line-height: 1.5;
text-align: left;
height: 42px;
overflow: hidden;
}
.populer_ek .paket_aciklama { color: var(--yazi_beyaz); }
.fiyat_alani { margin-bottom: 15px; text-align: left; }
.fiyat_ust_blok { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.populer_ek .eski_fiyat {
color: var(--yazi_beyaz);
}
.eski_fiyat {
font-size: clamp(16px, calc(2vw + 14px), 20px);
color: var(--yazi_gri);
font-weight: var(--font_400);
position: relative;
display: inline-block;
}
.eski_fiyat span {
position: relative;
}
.eski_fiyat span::after {
content: ""; position: absolute; left: -2px; top: 50%; width: 110%; height: 2px;
background: var(--arkaplan_kirmizi); transform: rotate(-12deg);
}
.indirim_kutusu {
background: var(--arkaplan_yesil);
color: var(--yazi_beyaz);
font-size: 12px;
font-weight: var(--font_400);
padding: 1px 9px;
border-radius: 999px;
}
.guncel_fiyat { font-size: clamp(24px, calc(2.2vw + 14px), 32px); font-weight: var(--font_700); color: var(--yazi_siyah); margin-top: 2px; line-height: 1; }
.populer_ek .guncel_fiyat { color: var(--yazi_beyaz); }
.guncel_fiyat small { font-size: 16px; font-weight: var(--font_400); color: var(--yazi_gri); margin-left: 5px;}
.eski_fiyat small { font-size: 12px; font-weight: var(--font_400); color: var(--yazi_gri); margin-left: 5px;}
.populer_ek .guncel_fiyat small {
color: var(--yazi_beyaz);
}

@keyframes buton_isik {
0% { left: -100%; }
100% { left: 100%; }
}

.ozellik_listesi { list-style: none; padding: 0; margin: 15px 0 15px 0; border-top: 1px solid #f1f5f9; }
.populer_ek .ozellik_listesi { border-top-color: rgba(255,255,255,0.1); }

.ozellik_listesi li {
padding: 10px 0 10px 24px;
font-size: 14px;
color: var(--yazi_siyah);
position: relative;
text-align: left;
border-bottom: 1px solid #f1f5f9;
}
.populer_ek .ozellik_listesi li { color: var(--yazi_beyaz); border-bottom-color: rgba(255,255,255,0.05); }
.populer_ek .ozellik_listesi li::after {
color: var(--yazi_beyaz);
}
.ozellik_listesi li::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' 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");
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%;
position: absolute;
left: 5px;
top: 52%;
transform: translateY(-50%);
color: var(--yazi_siyah);
}

.ikon_satiri { display: flex; justify-content: center; gap: 20px; padding: 0px 0 !important; margin: 20px 0px 5px 0px; border: none !important; overflow: hidden;}
.ikon_satiri::after { display: none !important; }
.ikon_satiri img { width: auto; height: 20px; object-fit: contain;}

.tumunu_gor{
background: none;
border: 1px solid #e8ebed;
color: var(--arkaplan_mavi);
width: 36px;
height: 36px;
border-radius: 999px;
cursor: pointer;
font-weight: var(--font_500);
margin: 0 auto;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}

.tumunu_gor svg{
width: 26px;
height: 26px;
display: block;
}

.populer_ek .tumunu_gor{
color: var(--arkaplan_sari);
border: 1px solid #e8ebed42;
}

/* Tum paketleri call-to-action baslangic */
.tumpaketleri_gor_linki {
margin-top: 15px;
display: flex;
justify-content: center;
}

.tumpaketleri_gor_linki_ic {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
text-align: center;
padding: 8px 14px;
color: var(--yazi_siyah);
font-size: 16px;
line-height: 1.45;
}

.tumpaketleri_gor_linki_ic a {
display: inline-flex;
align-items: center;
justify-content: center;
padding:6px 14px;
border-radius: 999px;
border: 1px solid var(--arkaplan_mavi);
text-decoration: none;
color: var(--arkaplan_mavi);
transition: transform .2s ease,color .2s ease,border-color .2s ease;
}

.tumpaketleri_gor_linki_ic a strong {
color: inherit;
font-weight: var(--font_600);
}

.tumpaketleri_gor_linki_ic a:hover {
color: var(--arkaplan_yesil);
border-color: var(--arkaplan_yesil);
}

.tumpaketleri_gor_linki_ic a:focus-visible {
outline: 2px solid var(--arkaplan_mavi);
outline-offset: 2px;
}

@media (max-width: 640px) {
.tumpaketleri_gor_linki_ic {
padding: 10px 12px;
gap: 8px;
}

.tumpaketleri_gor_linki_ic a {
padding: 7px 12px;
}
}
/* Tum paketleri call-to-action bitis */


@media (max-width: 1280px) { .hosting_kart { flex: 0 1 calc(50% - 25px); } }
@media (max-width: 700px) { .hosting_kart { flex: 0 1 100%; } }
/*.hosting_kart::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: conic-gradient(transparent, transparent, transparent, var(--arkaplan_lacivert));
animation: rotate_border 5s linear infinite;
opacity: 0;
z-index: 0;
pointer-events: none;
}
.hosting_kart.populer_ek::before {
background: conic-gradient(transparent, transparent, transparent, var(--arkaplan_sari));
}
.hosting_kart:hover::before {
opacity: 1;
}

.hosting_kart::after {
content: '';
position: absolute;
inset: 2px;
background: inherit;
border-radius: 21px;
z-index: 1;
pointer-events: none;
}

.hosting_kart > * {
z-index: 2;
}
*/
@keyframes rotate_border {
100% { transform: rotate(360deg); }
}

.anasayfa_kategori_listesi{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:30px;
justify-items:stretch;
align-items:stretch;
grid-auto-rows:1fr;
}

.kategori_liste_kart{
min-width:0;
--kategori_kart_renk:var(--arkaplan_turuncu);
background:var(--arkaplan_beyaz);
border:2px solid var(--arkaplan_gri);
border-radius:var(--border_radius_24);
padding:30px 20px;
display:flex;
flex-direction:column;
position:relative;
box-sizing:border-box;
transition:border-color .3s ease;
z-index:2;
overflow:hidden;
isolation:isolate;
height:100%;
}

@media (max-width:980px){
.anasayfa_kategori_listesi{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:15px;
}
}
/*
@media (max-width:640px){
.anasayfa_kategori_listesi{
grid-template-columns:1fr;
}
}
*/

.kategori_liste_kart:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:10px;
background:var(--kategori_kart_renk);
z-index:3;
}

.kategori_liste_kart:before{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:0%;
background:var(--kategori_kart_renk);
z-index:0;
animation:none;
}

.kategori_liste_kart > *{
position:relative;
z-index:1;
transition:color .25s ease, fill .25s ease;
}

.kategori_liste_kart:hover:before{
animation:kart_bg_yukari .55s cubic-bezier(.2,.8,.2,1) forwards;
}

.kategori_liste_kart:hover .kategori_liste_baslik,
.kategori_liste_kart:hover .kategori_liste_aciklama,
.kategori_liste_kart:hover .kategori_liste_fiyat,
.kategori_liste_kart:hover .kategori_liste_fiyat small{
color:var(--yazi_beyaz);
}

.kategori_liste_baslik_svg{
position:relative;
margin-bottom:10px;
}

.kategori_liste_baslik_svg svg{
width:82px!important;
height:82px!important;
}

.kategori_liste_baslik_svg img{
width:82px!important;
height:82px!important;
object-fit:contain;
}
.kategori_liste_baslik{
font-size:var(--font_h4);
font-weight:700;
margin:0 0 10px;
color:var(--yazi_siyah);
text-align:left;
width: 65%;
line-height: 1.4;
}

@media (max-width:980px){
.kategori_liste_baslik{
width:100%;
}
}

.kategori_liste_aciklama{
font-size: var(--font_p);
color:var(--yazi_gri);
margin-bottom:15px;
line-height:1.5;
text-align:left;
overflow:hidden;
}

.indirim_kutusu{
background:var(--arkaplan_yesil);
color:var(--yazi_beyaz);
font-size:12px;
font-weight:400;
padding:1px 9px;
border-radius:999px;
}

.kategori_liste_fiyat{
font-size:clamp(24px, calc(2.2vw + 14px), 32px);
font-weight:700;
color:var(--yazi_siyah);
margin:2px 0 18px 0;
line-height:1;
}

.kategori_liste_fiyat small{
font-size:16px;
font-weight:400;
color:var(--yazi_gri);
margin-left:5px;
}

@keyframes kart_bg_yukari{
0%{height:0%}
100%{height:100%}
}
.kategori_liste_kart .link_svg{
align-self:center;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
line-height:0;
color:var(--kategori_kart_renk);
margin: 15px 0px 10px 0px;
}

.kategori_liste_kart .link_svg svg{
width:38px;
height:38px;
display:block;
transition:transform .25s ease;
transform:scale(1);
}

.kategori_liste_kart:hover .link_svg svg {
transform:scale(1.5);
}

.kategori_liste_kart:hover .link_svg{
color:var(--yazi_beyaz);
}




.alt-sekme-listesi {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
background: var(--arkaplan_acik_mavi);
padding: 8px;
border-radius: var(--border_radius_48);
width: fit-content;
margin: 0 auto;
border: 2px solid rgba(255, 255, 255, 0.1);
}

.alt-sekme-listesi button,
.alt-sekme-listesi a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 10px 24px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--border_radius_48);
cursor: pointer;
transition: all 0.2s ease-in-out;
min-width: 120px;
}

.alt-sekme-listesi button svg,
.alt-sekme-listesi a svg{
width:36px;
height:36px;
stroke:none;
fill:var(--yazi_beyaz);
transition:fill .2s ease;
}
.alt-sekme-listesi button img,
.alt-sekme-listesi a img{
width:36px;
height:36px;
transition:fill .2s ease;
}
.alt-sekme-listesi button i,
.alt-sekme-listesi a i{
width:36px;
height:36px;
display:inline-flex;
align-items:center;
justify-content:flex-start;
font-size:24px;
line-height:1;
color:var(--yazi_siyah);
flex-shrink:0;
}

.alt-sekme-listesi button.lbtn.aktif i,
.alt-sekme-listesi a.lbtn.aktif i{
color:var(--yazi_beyaz);
}


.alt-sekme-listesi button strong,
.alt-sekme-listesi a strong {
font-size: 14px;
font-weight: var(--font_700);
color: var(--yazi_beyaz);
white-space: nowrap;
line-height: 1.2;
text-align: left;
}

.alt-sekme-listesi button:hover,
.alt-sekme-listesi a:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.3);
}

.alt-sekme-listesi button.aktif,
.alt-sekme-listesi a.aktif,
.alt-sekme-listesi a#category-button-active {
background: var(--arkaplan_beyaz);
border-color: var(--arkaplan_beyaz);
}

.alt-sekme-listesi button.aktif strong,
.alt-sekme-listesi a.aktif strong,
.alt-sekme-listesi a#category-button-active strong {
color: var(--yazi_acik_mavi);
}
.alt-sekme-listesi button.aktif svg,
.alt-sekme-listesi a.aktif svg,
.alt-sekme-listesi a#category-button-active svg {
fill: var(--yazi_acik_mavi);
color: var(--yazi_acik_mavi);
}


@media (max-width: 768px) {
.alt-sekme-listesi {
flex-direction: column;
width: 100%;
border-radius: 20px;
padding: 10px;
}

.alt-sekme-listesi button,
.alt-sekme-listesi a {
width: 100%;
min-width: auto;
flex-direction: row;
justify-content: flex-start;
padding: 12px 20px;
gap: 15px;
}

}


nav.alt-sekme-listesi.alt_sekme_iki {
background:  unset;
padding: 0px;
border-radius: unset;
width: fit-content;
margin: 0 auto;
border: 0px;
}
nav.alt-sekme-listesi.alt_sekme_iki button,
nav.alt-sekme-listesi.alt_sekme_iki a {
padding: 10px 24px;
background: unset;
border: 1px solid var(--border);
border-radius: var(--border_radius_6);
}
nav.alt-sekme-listesi.alt_sekme_iki button strong,
nav.alt-sekme-listesi.alt_sekme_iki a strong {
color: var(--yazi_siyah);
}
nav.alt-sekme-listesi.alt_sekme_iki button svg,
nav.alt-sekme-listesi.alt_sekme_iki a svg {
fill: var(--yazi_siyah);
}
nav.alt-sekme-listesi.alt_sekme_iki button img,
nav.alt-sekme-listesi.alt_sekme_iki a img {
width: 36px;
height: 36px;
}
nav.alt-sekme-listesi.alt_sekme_iki button.aktif,
nav.alt-sekme-listesi.alt_sekme_iki a.aktif,
nav.alt-sekme-listesi.alt_sekme_iki a#category-button-active {
background: var(--arkaplan_acik_mavi);
border-color: var(--arkaplan_acik_mavi);
}
nav.alt-sekme-listesi.alt_sekme_iki button.aktif strong,
nav.alt-sekme-listesi.alt_sekme_iki a.aktif strong,
nav.alt-sekme-listesi.alt_sekme_iki a#category-button-active strong {
color: var(--yazi_siyah);
}
nav.alt-sekme-listesi.alt_sekme_iki button.aktif strong,
nav.alt-sekme-listesi.alt_sekme_iki a.aktif strong,
nav.alt-sekme-listesi.alt_sekme_iki a#category-button-active strong {
color: var(--yazi_beyaz);
}
nav.alt-sekme-listesi.alt_sekme_iki button.aktif svg,
nav.alt-sekme-listesi.alt_sekme_iki a.aktif svg,
nav.alt-sekme-listesi.alt_sekme_iki a#category-button-active svg {
fill: var(--yazi_beyaz);
}




.fiyat-filtre-alani {
display: flex;
justify-content: center;
align-items: center;
margin: 35px 0px 0px 0px;
}

.fiyat-filtre-bar {
display: inline-flex;
margin: 0 auto;
}

.fiyat-filtre {
display: flex;
align-items: center;
gap: 4px;
position: relative;
background: var(--arkaplan_gri);
border: 1px solid rgba(11, 42, 111, 0.08);
border-radius: var(--border_radius_48);
padding: 5px;
}

.fiyat-filtre button {
position: relative;
background: transparent;
border: 0;
border-radius: var(--border_radius_48);
font-weight: var(--font_700);
color: rgba(25, 25, 25, 0.6);
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
justify-content: center;
padding: 6px 18px;
white-space: nowrap;
}

.fiyat-filtre button:hover {
color: var(--arkaplan_yesil);
}

.fiyat-filtre button.aktif {
background: var(--arkaplan_beyaz);
color: var(--arkaplan_yesil);
}

.buton-icerik {
display: flex;
flex-direction: column;
align-items: center;
gap: 1px;
line-height: 1.2;
}

.buton-icerik strong {
display: flex;
align-items: baseline;
gap: 4px;
font-size: 15px;
}

.buton-icerik strong p {
display: inline;
font-size: 11px;
margin: 0;
font-weight: var(--font_500);
color: inherit;
}

.indirim-baloncuk {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
background: var(--arkaplan_acik_mavi);
color: #ffffff;
font-size: 11px;
font-weight: var(--font_400);
padding: 2px 8px;
border-radius: 6px;
white-space: nowrap;
border: 1px solid #ffffff;
pointer-events: none;
}

.fiyat-filtre button.aktif .indirim-baloncuk {
background: var(--arkaplan_yesil);
}

.fiyat-filtre button::after {
content: "";
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background: var(--arkaplan_yesil);
border-radius: 10px;
transition: width 0.25s ease;
}

.fiyat-filtre button.aktif::after {
width: 12px;
}

@media (max-width: 520px) {
.fiyat-filtre {
gap: 2px;
padding: 4px;
}
.fiyat-filtre button {
padding: 10px 14px;
font-size: 13px;
min-height: 42px;
}
.indirim-baloncuk {
font-size: 9px;
top: -12px;
}
}


























.ozellikler_bolumu{
text-align:center;
}

.ozellikler_konteynir{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:30px;
justify-content:center;
align-items:stretch;
list-style:none;
padding:0;
margin:0;
}

.ozellik_karti{
min-width:300px;
background:var(--arkaplan_beyaz);
border-radius:var(--border_radius_24);
padding:30px 30px;
position:relative;
box-sizing:border-box;
overflow:hidden;
text-align:left;
border:1px solid #e2e8f0;
isolation:isolate;
display:grid;
align-items:stretch;
}

.ozellik_karti.genis_kart{
grid-column:span 2;
background:var(--asya_ozellik_kampanya_kart_arkaplan);
padding:10px 30px;
}
.ozellik_karti.genis_kart:before {
  display: none!important;
}

/* Kampanya karti kapaliysa 6 ozellik karti duzgun dolsun (3x2 gibi) */
.ozellikler_konteynir.kampanya-yok{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.ozellikler_konteynir.kampanya-yok .ozellik_karti{
min-width:0;
}

.ozellik_karti::before{
content:"";
position:absolute;
inset:-60%;
background:conic-gradient(from 180deg, transparent 0 70%, var(--arkaplan_mavi) 85%, transparent 100%);
animation:rotate_border 4s linear infinite;
display:none;
z-index:0;
pointer-events:none;
}

.ozellik_karti:hover::before{
display:block;
}

.ozellik_karti::after{
content:"";
position:absolute;
inset:3px;
background:inherit;
border-radius:calc(var(--border_radius_24) - 3px);
z-index:1;
pointer-events:none;
}

@keyframes rotate_border{
100%{transform:rotate(360deg)}
}

.kart_icerik{
position:relative;
z-index:2;
width:100%;
display:grid;
grid-template-rows:auto auto 1fr auto;
row-gap:10px;
min-height:100%;
}

.genis_kart .kart_icerik{
display:flex;
width:100%;
min-height:unset;
flex-direction:row;
align-items:center;
gap:30px;
row-gap:0px;
}

.genis_kart .kart_kampanya{
flex:1.50 1 0;
min-width:0;
}

.genis_kart .kart_sayac{
flex:0.50 1 0;
width:auto;
}

@media (max-width:990px){
.genis_kart .kart_icerik{
flex-direction:column;
align-items:stretch;
gap:10px;
}
.genis_kart .kart_sayac{
width:100%;
max-width:none;
}
}

@media (max-width:980px){
.genis_kart .kart_kampanya{
text-align:center;
}
}

.ozellik_ikon{
width:auto;
height:auto;
display:block;
position: relative;
}
.ozellik_ikon svg {
width:52px;
height:52px;
color:var(--arkaplan_acik_mavi);
fill:var(--arkaplan_acik_mavi);
}

.genis_kart .ozellik_ikon{
color:var(--arkaplan_sari);
grid-column:1;
grid-row:1;
}

.ozellik_baslik{
font-size: var(--font_h5);
font-weight: var(--font_600);
color:var(--yazi_siyah);
margin:0;
line-height: 1.3;
}

.genis_kart .ozellik_baslik{
color:var(--yazi_beyaz);
font-size: var(--font_h4);
position: relative;
font-weight: var(--font_700);
}
.genis_kart .ozellik_baslik strong {position: relative;font-weight: var(--font_900); color: var(--yazi_sari); display: table; font-size: var(--font_h3);}
.genis_kart .ozellik_baslik strong:after {
content: '';
position: absolute;
left: -4px;
right: -4px;
bottom: 6px;
height: 30%;
background: currentColor;
opacity: 0.425;
z-index: -1;
transform: rotate(-1deg);
border-radius: 4px;
}

.genis_kart .kart_sayac strong {position: relative;font-weight: var(--font_900); color: var(--yazi_sari); display: table; font-size:clamp(30px,2.0vw,32px); margin:0px auto 15px auto;}
.genis_kart .kart_sayac strong:after {
content: '';
position: absolute;
left: -4px;
right: -4px;
bottom: 6px;
height: 30%;
background: currentColor;
opacity: 0.425;
z-index: -1;
transform: rotate(-1deg);
border-radius: 4px;
}

.ozellik_metin{
font-size:15px;
color:var(--yazi_siyah);
line-height:1.4;
margin: 0px 0px 15px 0px;
}
.genis_kart .ozellik_metin{
font-size:17px;
line-height:1.3;
}

.genis_kart .ozellik_metin{
color:rgba(255,255,255,.8);
grid-column:1;
grid-row:3;
}

.detay_butonu{
display:inline-grid;
place-items:center;
padding:12px 25px;
background:var(--arkaplan_lacivert);
color:var(--yazi_beyaz);
text-decoration:none;
border-radius:var(--border_radius_12);
font-weight:700;
font-size:14px;
margin-top:20px;
transition:background-color .3s ease,color .3s ease;
justify-self:start;
}

.detay_butonu:hover{
background:var(--arkaplan_yesil);
}

.genis_kart .detay_butonu{
grid-column:1;
grid-row:4;
}

.kart_gorsel{
width:160px;
height:auto;
position:relative;
z-index:2;
}

.genis_kart .kart_gorsel{
grid-column:2;
grid-row:1 / 5;
align-self:center;
justify-self:end;
}

@media (max-width:1200px){
.ozellikler_konteynir{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ozellikler_konteynir.kampanya-yok{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ozellik_karti.genis_kart{
grid-column:1 / -1;
}
}

@media (max-width:768px){
.ozellikler_konteynir{
grid-template-columns:1fr;
gap:15px;
}
.ozellikler_konteynir.kampanya-yok{
grid-template-columns:1fr;
}
.ozellik_karti,
.ozellik_karti.genis_kart{
min-width:0;
}
.genis_kart .kart_icerik{
grid-template-columns:1fr;
grid-template-rows:auto auto 1fr auto auto;
column-gap:0;
}
.genis_kart .kart_gorsel{
grid-column:1;
grid-row:5;
justify-self:start;
align-self:start;
margin-top:20px;
}
}

.ozellik_karti.genis_kart::after{
content:"";
position:absolute;
inset:0;
background-image:url("../images/sekil_bg.png");
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
border-radius:inherit;
z-index:0;
opacity:0.1;
pointer-events:none;
}

.kart_eski_fiyati,
.kart_yeni_fiyati{
margin:0;
display:flex;
align-items:baseline;
}

@media (max-width:980px){
.kart_eski_fiyati,
.kart_yeni_fiyati{
justify-content:center;
}
}

.kart_eski_fiyati{
color:var(--yazi_beyaz);
overflow: hidden;
position: relative;
line-height: 1;
}

.kart_yeni_fiyati{
color:var(--yazi_beyaz);
}

.kart_eski_fiyati small,
.kart_yeni_fiyati small{
font-size:.72em;
font-weight:400;
}

.kart_eski_fiyati strong{
font-size:clamp(18px, 1.1vw, 24px);
font-weight:700;
overflow: hidden;
position: relative;
}
.kart_yeni_fiyati strong{
font-size:clamp(36px, 1.8vw, 36px);
font-weight:700;
overflow: hidden;
position: relative;
}

.kart_eski_fiyati strong::after{
content:"";
position:absolute;
left:0;
right:0;
top:55%;
height:2px;
background:#e11d48;
transform:rotate(-10deg);
pointer-events:none;
}

.kampanya_gerisayim{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative; margin-bottom: 15px;}
.kampanya_gerisayim .kg-icerik{display:flex;gap:10px;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;width:55px;padding:8px 10px;border-radius:var(--border_radius_12);background: var(--arkaplan_beyaz);}
.kampanya_gerisayim .kg-sayi{font-weight:700;font-size:22px;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)
}

.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}
}




.kampanya_kuponkodu{
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: 46px;border:0;border-radius:999px;background:var(--arkaplan_beyaz);padding-right:50px; padding-left: 20px;
font-weight: var(--font_600); font-size: 22px;
letter-spacing:.5px;color:var(--yazi_siyah);outline:none;transition:border-color .2s,box-shadow .2s
}
.kampanya_kuponkodu .kk-input::selection{background:unset}
.kampanya_kuponkodu .kk-input:focus{border-color:0;box-shadow:unset}
.kampanya_kuponkodu .kk-copy{
position:absolute;right:6px;top:50%;transform:translateY(-50%);height:auto;padding:0 10px;border:0;background:transparent;color:var(--yazi_mavi);cursor:pointer;user-select:none;transition:filter .15s,transform .06s;overflow: hidden;
}

.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:700;font-size:15px;color:var(--yazi_mavi);
border:0;border-radius:999px;background:var(--arkaplan_beyaz);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}
}



.alt-icerik .paket-liste{
margin: 30px 0px 0px 0px;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.alt-icerik .paket-item {
position: relative;
border: 2px solid var(--border);
border-radius: var(--border_radius_12);
margin-bottom: 10px;
padding: 0px 0px;
}
.alt-icerik .paket-item:hover {
border-color: var(--arkaplan_mavi);
}




li.paket-item.yatay_stokyok {
filter: blur(1.5px);
pointer-events: none;
opacity: 0.6;
transition: filter 0.3s ease, opacity 0.3s ease;
border-radius: var(--border_radius_12);
}

.alt-icerik .paket-item .item-head{
display: grid;
grid-template-columns: 140px 230px repeat(2, minmax(0, 1fr)) 230px 130px 220px;
align-items: center;
gap: 0;
transition: filter .15s ease;
}
.alt-icerik .paket-item:nth-child(even) .item-head{ background: transparent; }
.alt-icerik .paket-item:hover .item-head{ filter: brightness(.997); }


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

.alt-icerik .paket-item .item-head .kolon .ozellik h3 {
font-size: var(--font_h5);
font-weight: var(--font_700);
}

.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: 38px;
height: 38px;
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: var(--font_600);
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);
}

.alt-icerik .paket-item .item-head .kolon.ucret {
text-align: right;
white-space: nowrap;
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat,
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
gap: 2px;
margin: 0;
line-height: 1.2;
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-eski {
display: block;
font-weight: var(--font_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 .fiyat-kolon .fiyat .fiyat-eski {
display: table;
font-weight: var(--font_400);
font-size: 18px;
color: var(--yazi_gri);
text-decoration: none;
opacity: 0.8;
position: absolute;
top: 0px;
overflow: visible;
left: 0px;
right: 0px;
margin: 0px auto;
}

.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%;
}
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-eski span {position: relative; overflow: hidden;}
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-eski span::after {
content: "";
position: absolute;
left: -2px;
top: 50%;
width: 110%;
height: 2px;
background: var(--arkaplan_kirmizi);
transform: rotate(-12deg);
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif-grup,
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-aktif-grup {
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
gap: 4px;
white-space: nowrap;
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif,
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-aktif {
font-weight: var(--font_700);
font-size: 22px;
color: var(--yazi_siyah);
line-height: 1;
}
.fiyat_small .fiyat-aktif {
font-weight: var(--font_700);
font-size: 24px;
color: var(--yazi_siyah);
line-height: 1;
}

.alt-icerik .paket-item .item-head .kolon.ucret .fiyat .fiyat-aktif-grup small,
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat small.periyot {
font-weight: var(--font_400);
font-size: 14px;
line-height: 1;
color: var(--yazi_gri);
opacity: 0.85;
margin-left: 2px;
}
.fiyat_small small.periyot,
.alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-eski small {
font-weight: var(--font_400);
font-size: 12px;
color: var(--yazi_gri);
margin-left: 3px;
}


.alt-icerik .paket-item .item-head .kolon.fiyat-kolon a {width: 100%;}
.alt-icerik .paket-item .item-head .kolon.fiyat-kolon{
text-align: center;
}
.alt-icerik .paket-item:last-child .item-head{ border-bottom: 0; }

.alt-icerik .paket-item .row-detail{
background: transparent;
border-radius: 0 0 var(--radius) var(--radius);
}

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

@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); }
}

.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;
}

.alt-icerik .paket-item .detay-icerik{
border-top: 1px solid var(--border);
padding: 20px 20px;
display: grid;
grid-template-columns: minmax(0,1fr) 180px;
gap: 16px;
align-items: stretch;
border-radius: 0 0 var(--radius) var(--radius);
}

.alt-icerik .paket-item .detay-icerik .detay-liste{
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 16px;
row-gap: 5px;
color: var(--yazi_siyah);
font-size: .95rem;
line-height: 1.35;grid-auto-rows:minmax(0, 32px);
}

.alt-icerik .paket-item .detay-icerik .detay-liste li{
position: relative;
display: flex;
align-items: center;
padding-left: 20px;
word-break: break-word;
}

.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;
}

.alt-icerik .paket-item .detay-icerik .detay-img{
align-self: stretch;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.alt-icerik .paket-item .detay-icerik .detay-img img{
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.alt-icerik .paket-item .detay-icerik .detay-img svg{
width: 86px;
height: 86px;
object-fit: contain;
}

@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 model model"
"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 model model"
"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: 768px){
.alt-icerik .paket-item .item-head{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-areas:
"model model"
"islemci islemci"
"ram disk"
"trafik lokasyon"
"buton buton";
}
.alt-icerik .paket-item .row-detail {
display: none;
}
}

@media (max-width: 640px){
.alt-icerik .paket-item .item-head{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-areas:
"model model"
"islemci islemci"
"ram disk"
"trafik 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: var(--font_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;
}
}
a#sunucutukenbtn, a#tukendiBtn {
background: var(--arkaplan_kirmizi) !important;
color: var(--yazi_beyaz) !important;
opacity: 1 !important;
}
.fiyat_small{
display:flex;
align-items:flex-end;
justify-content: center;
gap:0px;
flex-wrap:nowrap;
margin-bottom: 10px;
}



.bg_ver {
position: relative;
z-index: 2;
}
.bg_ver::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(../images/neden_biz_bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: 0;
left: 0;
z-index: -1;
}



.process-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 25px;
width: 100%;
max-width: 1400px;
}

.step-card {
background: var(--arkaplan_beyaz);
border: 2px solid var(--border);
padding: 30px 20px 30px 20px;
border-radius: var(--border_radius_24);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}

.step-card:nth-child(odd) { transform: translateY(-10px); }
.step-card:nth-child(even) { transform: translateY(10px); }

.step-card:hover {
transform: translateY(0);
z-index: 10;
}

.icon-circle {
width: 80px;
height: 80px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
transition: all 0.3s ease;
}
.step-card:hover .icon-circle {
transform: scale(1.1);
}

.icon-circle svg {
width: 44px;
height: 44px;
stroke-width: 1.5;
fill: none;
transition: all 0.3s ease;
}

.step-card h3 {
font-size: 19px;
font-weight: var(--font_700);
color: var(--arkaplan_siyah);
margin-bottom: 15px;
letter-spacing: -0.5px;
}

.step-card p {
font-size: 14px;
color: #64748b;
line-height: 1.6;
margin-bottom: 25px;
flex-grow: 1;
}

.btn-action {
display: inline-block;
padding: 12px 24px;
border-radius: 999px;
font-size: 13px;
font-weight: var(--font_700);
text-decoration: none;
transition: all 0.3s ease;
}

.card-blue .icon-circle { background-color: rgba(59, 130, 246, 0.1); }
.card-blue svg { stroke: var(--arkaplan_mavi); }
.card-blue .btn-action { background-color: var(--arkaplan_gri); color: var(--arkaplan_mavi); }
.card-blue:hover { border-color: var(--arkaplan_mavi); }
.card-blue:hover .icon-circle { background-color: var(--arkaplan_mavi); }
.card-blue:hover svg { stroke: var(--arkaplan_beyaz); }
.card-blue:hover .btn-action { background-color: var(--arkaplan_mavi); color: var(--arkaplan_beyaz); }

.card-purple .icon-circle { background-color: rgba(139, 92, 246, 0.1); }
.card-purple svg { stroke: var(--arkaplan_mor); }
.card-purple .btn-action { background-color: var(--arkaplan_gri); color: var(--arkaplan_mor); }
.card-purple:hover { border-color: var(--arkaplan_mor); }
.card-purple:hover .icon-circle { background-color: var(--arkaplan_mor); }
.card-purple:hover svg { stroke: var(--arkaplan_beyaz); }
.card-purple:hover .btn-action { background-color: var(--arkaplan_mor); color: var(--arkaplan_beyaz); }

.card-red .icon-circle { background-color: rgba(220, 38, 38, 0.1); }
.card-red svg { stroke: var(--arkaplan_kirmizi); }
.card-red .btn-action { background-color: var(--arkaplan_gri); color: var(--arkaplan_kirmizi); }
.card-red:hover { border-color: var(--arkaplan_kirmizi); }
.card-red:hover .icon-circle { background-color: var(--arkaplan_kirmizi); }
.card-red:hover svg { stroke: var(--arkaplan_beyaz); }
.card-red:hover .btn-action { background-color: var(--arkaplan_kirmizi); color: var(--arkaplan_beyaz); }

.card-orange .icon-circle { background-color: rgba(245, 158, 11, 0.1); }
.card-orange svg { stroke: var(--arkaplan_turuncu); }
.card-orange .btn-action { background-color: var(--arkaplan_gri); color: var(--arkaplan_turuncu); }
.card-orange:hover { border-color: var(--arkaplan_turuncu); }
.card-orange:hover .icon-circle { background-color: var(--arkaplan_turuncu); }
.card-orange:hover svg { stroke: var(--arkaplan_beyaz); }
.card-orange:hover .btn-action { background-color: var(--arkaplan_turuncu); color: var(--arkaplan_beyaz); }

.card-green .icon-circle { background-color: rgba(16, 185, 129, 0.1); }
.card-green svg { stroke: var(--arkaplan_yesil); }
.card-green .btn-action { background-color: var(--arkaplan_gri); color: var(--arkaplan_yesil); }
.card-green:hover { border-color: var(--arkaplan_yesil); }
.card-green:hover .icon-circle { background-color: var(--arkaplan_yesil); }
.card-green:hover svg { stroke: var(--arkaplan_beyaz); }
.card-green:hover .btn-action { background-color: var(--arkaplan_yesil); color: var(--arkaplan_beyaz); }

@media (max-width: 1200px) {
.process-container { grid-template-columns: repeat(3, 1fr); gap: 20px; }
.step-card:nth-child(odd), .step-card:nth-child(even) { transform: translateY(0); }
}

@media (max-width: 768px) {
.process-container { grid-template-columns: 1fr; width: 100%; }
}



.sss_anasayfa{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
gap:30px;
align-items:stretch;
width:100%;
}

.sss_anasayfa.tek-kolon{
grid-template-columns:1fr;
}

.sss_anasayfa_sol,
.sss_anasayfa_sag{
min-width:0;
height:100%;
}

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

.sss_anasayfa_sag{
display:flex;
align-items:center;
justify-content:center;
min-height:0;
overflow:hidden;
height:100%;
contain:size;
}

.sss_anasayfa_sag img{
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
}

@media (max-width:768px){
.sss_anasayfa{
grid-template-columns:1fr;
gap:15px;
}
.sss_anasayfa_sag{
contain:none;
height:auto;
overflow:visible;
justify-content:flex-start;
margin: 15px auto 0px auto;
}
.sss_anasayfa_sag img{
max-height:none;
width:90%;
height: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: var(--font_h5);
font-weight: var(--font_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_siyah);
font-size: var(--font_p);
font-weight: var(--font_400);
}



.rakamlarla_biz {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
list-style: none;
margin: 45px auto 0 auto;
}

.rb-item {
display: flex;
align-items: center;
}

.rb-card {
display: flex;
align-items: center;
width: 100%;
}

.svg_si {
width: 80px;
height: 80px;
min-width: 80px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: transform 0.3s ease;
}

.svg_si i {
font-size: 36px;
color: var(--yazi_beyaz);
}
.svg_si svg {
width: 42px;
height: 42px;
color: var(--yazi_beyaz);
}

.rb-content {
flex-grow: 1;
background: var(--arkaplan_beyaz);
border: 2px solid transparent;
border-left: none;
height: 70px;
margin-left: -40px;
padding-left: 60px;
padding-right: 20px;
border-radius: 0 999px 999px 0;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.3s ease;
}

.rb-num {
display: block;
font-size: 24px;
font-weight: var(--font_700);
color: var(--arkaplan_siyah);
line-height: 1;
}

.rb-label {
font-size: 13px;
font-weight: var(--font_400);
color: #64748b;
margin-top: 2px;
}

.rb-mavi .svg_si { background-color: var(--arkaplan_mor); }
.rb-mavi .rb-content { border-color: var(--arkaplan_mor); }

.rb-lacivert .svg_si { background-color: var(--arkaplan_acik_mavi); }
.rb-lacivert .rb-content { border-color: var(--arkaplan_acik_mavi); }

.rb-yesil .svg_si { background-color: var(--arkaplan_yesil); }
.rb-yesil .rb-content { border-color: var(--arkaplan_yesil); }

.rb-kirmizi .svg_si { background-color: var(--arkaplan_turuncu); }
.rb-kirmizi .rb-content { border-color: var(--arkaplan_turuncu); }

.rb-card:hover .svg_si {
transform: scale(1.1);
}

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

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

.svg_si {
width: 60px;
height: 60px;
min-width: 60px;
}


.svg_si i {
font-size: 28px;
}
.svg_si svg {
width: 28px;
height: 28px;
}

.rb-content {
margin-left: -30px;
padding-left: 40px;
height: 50px;
}

.rb-num {
font-size: 18px;
}

.rb-label {
font-size: 11px;
}
}

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






.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: var(--border_radius_24);
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 .hakalani_sag {
display: flex;
flex-direction: column;
justify-content: center;
margin: 25px 0px 30px 0px;
}
.hak_alani .hakalani_sag .site_baslik {
margin: 0px 0px 35px 0px;
align-items: flex-start;
padding: 0px;
}
.hak_alani .hakalani_sag .site_baslik h2 {
font-size: var(--font_h3);
font-weight: var(--font_600);
}
.hak_alani .hakalani_sag .site_baslik p {
max-width: 100%;
text-align: left;
font-size: clamp(1.01rem,1.7vw,1.3rem);
margin-bottom: 0px;
}


@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 .site_baslik {
margin: 25px 0px 0px 0px;
}
}

.hak_alani .hakkimizda_link_ana {
position: relative;
width: auto;
height: auto;
z-index: 2;
}





.kurumsal_destek_section {
position: relative;
padding: 30px 30px 30px 30px;
overflow: hidden;
background: linear-gradient(135deg, #0b6b60 0%, #128c7e 50%, #10b981 100%);
color: var(--yazi_beyaz);
isolation: isolate;
border-radius: var(--border_radius_24);
}
.kurumsal_destek_section.bg_ver::after {
opacity: 0.3;
}
.kurumsal_esnek_yapi {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
position: relative;
z-index: 5;
}

.kurumsal_ust_bilgi {
display: inline-block;
font-size: 14px;
font-weight: var(--font_700);
letter-spacing: 2px;
color: var(--arkaplan_sari);
margin-bottom: 5px;
}

.kurumsal_yazi_grubu h3 {
font-size: var(--font_h3);
font-weight: var(--font_700);
line-height: 1.2;
margin: 0 0 10px 0;
}

.kurumsal_yazi_grubu p {
font-size: 18px;
font-weight: var(--font_400);
max-width: 580px;
margin: 0;
opacity: 0.9;
line-height: 1.4;
}

.kurumsal_buton_grubu {
display: flex;
gap: 15px;
flex-shrink: 0;
}

.beyaz_buton {
display: flex;
align-items: center;
padding: 10px 25px 10px 10px;
background: var(--arkaplan_beyaz);
border-radius: 999px;
text-decoration: none;
transition: background 0.3s ease;
border: none;
}

.buton_ikon_bg {
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
color: var(--yazi_beyaz);
transition: transform 0.3s ease;
}

.buton_ikon_bg svg {
width: 20px;
height: 20px;
}

.wp_yesil { background: var(--arkaplan_yesil); }
.tel_mavi { background: var(--arkaplan_acik_mavi); }
.mail_mor { background: var(--arkaplan_mor); }
.link_turuncu { background: var(--arkaplan_turuncu); }

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

.buton_metni small {
font-size: 13px;
font-weight: var(--font_500);
color: var(--yazi_siyah);
text-transform: uppercase;
line-height: 1.4;
opacity: 0.6;
}

.buton_metni span {
font-size: 15px;
font-weight: var(--font_600);
color: var(--yazi_siyah);
line-height: 1.4;
}

.beyaz_buton:hover .buton_ikon_bg {
transform: scale(1.15);
}

@media (max-width: 1024px) {
.kurumsal_esnek_yapi { flex-direction: column; text-align: center; }
.kurumsal_buton_grubu { width: 100%; justify-content: center; }
.kurumsal_yazi_grubu p { margin: 0 auto; }
}

@media (max-width: 540px) {
.kurumsal_buton_grubu { flex-direction: column; align-items: center; }
.beyaz_buton { width: auto; max-width: 280px; }
}



.canli_iletisim_kapsul {
display: inline-flex;
align-items: center;
background: transparent;
}

.canli_esnek_hizalama {
display: flex;
align-items: center;
gap: 14px;
}

.canli_ikon_alani {
position: relative;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.canli_ikon_zemin {
position: absolute;
inset: 0;
background: var(--arkaplan_yesil);
border-radius: 999px;
opacity: 0.12;
}

.canli_tel_svg {
width: 24px;
height: 24px;
color: var(--arkaplan_yesil);
position: relative;
z-index: 2;
animation: canliHafifSalla 3s ease-in-out infinite;
}

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

.canli_durum_cubugu {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 2px;
}

.canli_sinyal_noktasi {
position: relative;
width: 8px;
height: 8px;
background: var(--arkaplan_yesil);
border-radius: 50%;
flex-shrink: 0;
}

.canli_halka {
position: absolute;
inset: 0;
border: 1.5px solid var(--arkaplan_yesil);
border-radius: 50%;
pointer-events: none;
}

.halka_ic {
animation: canliDalgaEfekti 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.halka_dis {
animation: canliDalgaEfekti 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s infinite;
}

.canli_durum_metni {
font-size: 12px;
font-weight: var(--font_400);
color: var(--yazi_gri);
letter-spacing: 0.5px;
line-height: 1;
}

.canli_numara_tikla {
font-size: 19px;
font-weight: var(--font_700);
color: var(--yazi_siyah);
text-decoration: none;
line-height: 1.2;
transition: color 0.3s ease;
}

.canli_numara_tikla:hover {
color: var(--arkaplan_yesil);
}

@keyframes canliHafifSalla {
0%, 90%, 100% { transform: scale(1) rotate(0); }
92% { transform: scale(1.1) rotate(-8deg); }
95% { transform: scale(1.2) rotate(8deg); }
97% { transform: scale(1.25) rotate(-8deg); }
}

@keyframes canliDalgaEfekti {
0% { transform: scale(1); opacity: 0.7; }
100% { transform: scale(3.2); opacity: 0; }
}

@media (max-width: 768px) {
.canli_numara_tikla { font-size: 17px; }
.canli_ikon_alani { width: 44px; height: 44px; }
.canli_tel_svg { width: 22px; height: 22px; }
}


.hakalanisollusagli {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 30px;
}

.hakalani_sollu {
flex: 1;
display: flex;
justify-content: flex-start;
text-align: left;
}

.hakalani_sagli {
flex: 1;
display: flex;
justify-content: flex-end;
text-align: right;
}

@media (max-width: 768px) {
.hakalanisollusagli {
flex-direction: column;
gap: 20px;
margin-top: 30px;
}

.hakalani_sollu,
.hakalani_sagli {
justify-content: center;
text-align: center;
width: 100%;
}
}



.medya-gundem-alani {
position: relative;
}

.medya-gundem-cerceve {
border: 1px solid var(--border);
border-radius: var(--border_radius_24);
background: var(--arkaplan_beyaz);
padding: clamp(14px, 1.8vw, 22px);
}

.medya-gundem-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 2.2vw, 34px);
align-items: start;
}

.medya-kolon {
min-width: 0;
}

.medya-kolon + .medya-kolon {
border-left: 1px solid var(--border);
padding-left: clamp(18px, 2vw, 28px);
}

.medya-kolon-ust {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--border);
}

.medya-kolon-ust h3 {
font-size: clamp(1.08rem, 1.5vw, 1.3rem);
font-weight: var(--font_700);
line-height: 1.2;
color: var(--yazi_siyah);
}

.medya-kolon-link {
font-size: 12px;
font-weight: var(--font_600);
color: var(--yazi_gri);
padding: 6px 11px;
border: 1px solid var(--border);
border-radius: 999px;
background: var(--arkaplan_gri);
white-space: nowrap;
}

.medya-kolon-link:hover {
background: var(--arkaplan_beyaz);
color: var(--yazi_acik_mavi);
}

.medya-kart-listesi {
display: grid;
gap: 0;
}

.medya-kart {
border-bottom: 1px solid var(--border);
padding: 12px 0;
}

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

.medya-kart-link {
display: grid;
grid-template-columns: 176px 1fr;
gap: 16px;
align-items: center;
}

.medya-kart-gorsel {
width: 100%;
height: 124px;
border-radius: var(--border_radius_12);
overflow: hidden;
background: var(--arkaplan_gri);
}

.medya-kart-gorsel img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.medya-kart-icerik h4 {
font-size: 16px;
line-height: 1.36;
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin: 0 0 6px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}

.medya-kart-link:hover .medya-kart-icerik h4 {
color: var(--yazi_lacivert);
}

.medya-kart-icerik p {
font-size: 14px;
line-height: 1.5;
color: var(--yazi_gri);
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}

.medya-kart-tarih {
display: inline-block;
font-size: 12px;
line-height: 1.2;
font-weight: var(--font_600);
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--yazi_gri);
margin-bottom: 6px;
}

@media (max-width: 1024px) {
.medya-gundem-grid {
grid-template-columns: 1fr;
}

.medya-kolon + .medya-kolon {
border-left: 0;
border-top: 1px solid var(--border);
padding-left: 0;
padding-top: 14px;
}
}

@media (max-width: 768px) {
.medya-kolon-ust {
flex-wrap: wrap;
}

.medya-kart-link {
grid-template-columns: 132px 1fr;
gap: 12px;
}

.medya-kart-gorsel {
height: 102px;
}

.medya-kart-icerik h4 {
-webkit-line-clamp: 1;
}
}

@media (max-width: 460px) {
.medya-kart-link {
grid-template-columns: 1fr;
}

.medya-kart-gorsel {
height: 206px;
}

.medya-kart-icerik h4 {
-webkit-line-clamp: 1;
}
}

.musteri-yorum-alani {
position: relative;
content-visibility: auto;
contain-intrinsic-size: 460px;
}

.musteri-yorum-alani .siteyi_ortala {
overflow: hidden;
}

.musteri-yorum-baslik p {
margin-bottom: 26px;
}

#musteriYorumSlider {
position: relative;
--yorum-nav-size:34px;
--yorum-nav-gap:16px;
--yorum-nav-bottom:6px;
overflow: hidden;
}

#musteriYorumSlider .splide__track {
overflow: hidden;
}

#musteriYorumSlider .splide__list {
align-items: stretch;
}

#musteriYorumSlider .splide__slide {
height: auto;
}

#musteriYorumSlider .splide__slide > * {
height: 100%;
}

#musteriYorumSlider .splide__arrows {
position: absolute;
left: 50%;
right: auto;
bottom: var(--yorum-nav-bottom);
top: auto;
transform: translateX(-50%);
display: none;
justify-content: center;
gap: 10px;
pointer-events: none;
z-index: 5;
}

#musteriYorumSlider .splide__arrow {
position: static;
width: var(--yorum-nav-size);
height: var(--yorum-nav-size);
padding: 0;
margin: 0;
top: auto;
right: auto;
bottom: auto;
left: auto;
transform: none !important;
border: 1px solid var(--border);
border-radius: 50%;
background: var(--arkaplan_beyaz);
box-shadow: none;
opacity: 1;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
}

#musteriYorumSlider .splide__arrow:disabled {
opacity: 0.35;
}

#musteriYorumSlider .splide__arrow svg {
display: block;
width: 15px;
height: 15px;
color: var(--yazi_siyah);
transform: none !important;
}

#musteriYorumSlider .splide__arrow--prev svg,
#musteriYorumSlider .splide__arrow--next svg {
transform: none !important;
}

.musteri-yorum-kart {
height: 100%;
display: grid;
grid-template-rows: auto 1fr;
gap: 14px;
padding: clamp(14px, 1.4vw, 20px);
border: 1px solid var(--border);
border-radius: var(--border_radius_24);
background: var(--arkaplan_beyaz);
position: relative;
overflow: hidden;
}

.musteri-yorum-kart::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
height: 6px;
background: var(--border);
}

.yorum-kaynak-google::before {
background: #fbbc04;
}

.yorum-kaynak-trustpilot::before {
background: #00b67a;
}

.musteri-yorum-ust {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border);
}

.yorum-profil {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}

.yorum-profil-foto {
flex: 0 0 auto;
width: 52px;
height: 52px;
border-radius: 50%;
display: block;
border: 1px solid var(--border);
background: var(--arkaplan_gri);
overflow: hidden;
}

.yorum-profil-foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.yorum-kimlik {
min-width: 0;
}

.yorum-kimlik h3 {
font-size: 15px;
line-height: 1.2;
font-weight: var(--font_700);
color: var(--yazi_siyah);
margin: 0;
}

.yorum-kimlik p {
font-size: 12px;
line-height: 1.35;
font-weight: var(--font_500);
color: var(--yazi_gri);
margin: 4px 0 0 0;
}

.yorum-puan {
flex: 0 0 auto;
display: grid;
justify-items: end;
gap: 8px;
}

.yorum-kaynak-logo {
display: block;
width: auto;
height: 24px;
object-fit: contain;
}

.yorum-kaynak-logo-google {
height: 24px;
}

.yorum-kaynak-logo-trustpilot {
height: 26px;
}

.yorum-yildizlar {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 20px;
line-height: 1;
letter-spacing: 0;
}

.yorum-kaynak-google .yorum-yildizlar {
color: #fbbc04;
}

.yorum-kaynak-trustpilot .yorum-yildizlar {
color: #00b67a;
}

.yorum-metin {
margin: 0;
font-size: 14px;
line-height: 1.65;
color: var(--yazi_gri);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
min-height: calc(1.65em * 5);
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 1024px) {
#musteriYorumSlider {
padding: 0 18px;
}

.musteri-yorum-kart {
border-radius: 18px;
}
}

@media (max-width: 768px) {
#musteriYorumSlider {
--yorum-nav-size:32px;
--yorum-nav-gap:16px;
--yorum-nav-bottom:6px;
padding: 0 12px calc(var(--yorum-nav-size) + var(--yorum-nav-gap) + var(--yorum-nav-bottom));
}

#musteriYorumSlider .splide__arrows {
display: flex;
left: 50%;
right: auto;
}

#musteriYorumSlider .splide__arrow svg {
width: 14px;
height: 14px;
}

.musteri-yorum-kart {
padding: 14px;
border-radius: var(--border_radius_12);
}

.yorum-profil-foto {
width: 46px;
height: 46px;
}

.yorum-kimlik h3 {
font-size: 14px;
}

.yorum-kimlik p {
font-size: 11px;
}

.yorum-metin {
font-size: 13px;
}

.yorum-kaynak-logo-google {
height: 22px;
}

.yorum-kaynak-logo-trustpilot {
height: 24px;
}

.yorum-yildizlar {
font-size: 18px;
}
}

@media (prefers-reduced-motion: reduce) {
#musteriYorumSlider .splide__list {
transition: none !important;
}
}

.cozum-ortaklari-alani {
position: relative;
padding-bottom: 8px;
content-visibility: auto;
contain-intrinsic-size: 340px;
}

.cozum-ortaklari-alani .site_baslik p {
margin-bottom: 26px;
}

#cozumOrtaklariSlider {
position: relative;
overflow: hidden;
}

#cozumOrtaklariSlider .splide__track {
overflow: hidden;
}

#cozumOrtaklariSlider .cozum-ortaklari-listesi {
list-style: none;
margin: 0;
padding: 4px 0;
}

#cozumOrtaklariSlider .splide__list {
align-items: center;
}

#cozumOrtaklariSlider .splide__slide {
height: auto;
display: flex;
}

#cozumOrtaklariSlider .splide__slide > * {
width: 100%;
}

.cozum-ortak-logo {
width: 100%;
min-height: 78px;
display: grid;
place-items: center;
padding: 12px 18px;
border: 1px solid var(--border);
border-radius: 18px;
background: var(--arkaplan_beyaz);
}

.cozum-ortak-logo img {
max-width: 100%;
max-height: 38px;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(1) saturate(0) contrast(1.1) brightness(0.74);
opacity: 0.85;
transition: filter 0.35s ease, opacity 0.35s ease;
}

.cozum-ortak-logo:hover img {
filter: grayscale(0) saturate(1) contrast(1);
opacity: 1;
}

@media (max-width: 768px) {
.cozum-ortak-logo {
min-height: 66px;
padding: 10px 14px;
}
}

@media (max-width: 480px) {
.cozum-ortak-logo {
min-height: 60px;
padding: 9px 12px;
}

.cozum-ortak-logo img {
max-height: 30px;
}
}

@media (prefers-reduced-motion: reduce) {
#cozumOrtaklariSlider .splide__list {
transition: none !important;
}
}

/* YAZILIM COZUMLERI */
#yazilim_cozumleri {
position: relative;
}

#yazilim_cozumleri .site_baslik p {
max-width: 840px;
margin-left: auto;
margin-right: auto;
}

.yazilim-kartlar {
--yazilim-gap: 22px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: var(--yazilim-gap);
}

.yazilim-kart {
flex: 0 1 calc((100% - (var(--yazilim-gap) * 3)) / 4);
min-width: 250px;
max-width: 335px;
display: flex;
flex-direction: column;
gap: 12px;
padding: 14px;
border: 1px solid var(--border);
border-radius: 18px;
background: var(--arkaplan_beyaz);
transition: border-color .24s ease, background-color .24s ease;
}

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

.yazilim-ust-ibareler {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
}

.yazilim-ust-ibareler span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 11px;
border-radius: 999px;
border: 1px solid transparent;
font-size: 12px;
font-weight: var(--font_600);
line-height: 1.2;
white-space: nowrap;
}

.yazilim-ust-ibareler span:nth-child(3n+1) {
background: #eff6ff;
border-color: #dbeafe;
color: #1d4ed8;
}

.yazilim-ust-ibareler span:nth-child(3n+2) {
background: #ecfdf5;
border-color: #d1fae5;
color: #047857;
}

.yazilim-ust-ibareler span:nth-child(3n) {
background: #fff7ed;
border-color: #ffedd5;
color: #c2410c;
}

.yazilim-gorsel-link {
display: block;
}

.yazilim-gorsel {
position: relative;
overflow: hidden;
border-radius: 14px;
border: 1px solid var(--border);
background: var(--arkaplan_gri);
aspect-ratio: 16 / 10;
transition: border-color .24s ease;
}

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

.yazilim-kart-baslik {
margin: 0;
font-size: clamp(1.04rem, 1.22vw, 1.17rem);
line-height: 1.34;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: calc(1.35em * 2);
}

.yazilim-baslik-link {
color: var(--yazi_siyah);
font-weight: var(--font_700);
transition: color .24s ease;
}

.yazilim-kart:hover .yazilim-baslik-link {
color: var(--arkaplan_mavi);
}

.yazilim-kart-alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: auto;
}

.yazilim-fiyat-blok {
min-width: 0;
display: flex;
flex-direction: column;
gap: 7px;
}

.yazilim-eski-satir {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}

.yazilim-eski-fiyat {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: var(--font_500);
line-height: 1.2;
color: var(--yazi_gri);
padding-right: 2px;
}

.yazilim-eski-fiyat::after {
content: "";
position: absolute;
left: -2px;
top: 50%;
width: 110%;
height: 2px;
background: var(--arkaplan_kirmizi);
transform: rotate(-12deg);
pointer-events: none;
}

.yazilim-indirim-balonu {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 10px;
border-radius: 999px;
background: var(--arkaplan_kirmizi);
color: var(--yazi_beyaz);
font-size: 12px;
font-weight: var(--font_700);
line-height: 1.2;
}

.yazilim-guncel-fiyat {
margin: 0;
display: flex;
align-items: baseline;
gap: 7px;
color: var(--yazi_siyah);
}

.yazilim-guncel-fiyat strong {
font-size: clamp(1.36rem, 1.7vw, 1.72rem);
font-weight: var(--font_600);
line-height: 1.1;
}

.yazilim-guncel-fiyat span {
font-size: 14px;
font-weight: var(--font_600);
line-height: 1.2;
color: var(--yazi_gri);
}

.yazilim-detay-link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid var(--border);
border-radius: 999px;
color: var(--yazi_siyah);
background: var(--arkaplan_beyaz);
transition: border-color .24s ease, color .24s ease, background-color .24s ease;
}

.yazilim-detay-link svg {
width: 18px;
height: 18px;
display: block;
}

.yazilim-kart:hover .yazilim-detay-link {
border-color: var(--arkaplan_mavi);
color: var(--arkaplan_mavi);
background: #eff6ff;
}

.yazilim-kart:hover .yazilim-gorsel {
border-color: #dbeafe;
}

@media (max-width: 1240px) {
.yazilim-kart {
flex-basis: calc((100% - (var(--yazilim-gap) * 2)) / 3);
max-width: none;
}
}

@media (max-width: 980px) {
.yazilim-kartlar {
--yazilim-gap: 16px;
}

.yazilim-kart {
flex-basis: calc((100% - var(--yazilim-gap)) / 2);
min-width: 0;
}

.yazilim-kart-baslik {
font-size: 1.03rem;
}

.yazilim-kart {
padding: 12px;
gap: 10px;
}
}

@media (max-width: 620px) {
.yazilim-kart {
flex-basis: 100%;
max-width: 560px;
}

.yazilim-ust-ibareler span {
font-size: 11px;
padding: 5px 9px;
}

.yazilim-guncel-fiyat strong {
font-size: 1.48rem;
}

.yazilim-detay-link {
padding: 9px;
}
}

@media (prefers-reduced-motion: reduce) {
.yazilim-kart,
.yazilim-baslik-link,
.yazilim-detay-link,
.yazilim-gorsel {
transition: none !important;
}

.yazilim-kart:hover { background: var(--arkaplan_beyaz) !important; }
}
.kurumsal-altalan {
position: relative;
}

.kurumsal-footer {
position: relative;
margin-top: 0;
padding: 24px 0;
color: var(--yazi_beyaz);
overflow: visible;
}

.kurumsal-altalan-a .kurumsal-footer {
background: var(--arkaplan_lacivert);
position: relative;
}

.kurumsal-footer .siteyi_ortala {
position: relative;
display: flex;
flex-direction: column;
gap: 30px;
padding-top: clamp(24px, 3vw, 36px);
}

.ebulten-alani {
position: relative;
z-index: 8;
left: auto;
right: auto;
top: auto;
transform: none;
margin: 0 auto 18px;
width: min(var(--kapsayici), calc(100% - 30px));
}

.ebulten-kart {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(320px, 520px);
align-items: center;
gap: 18px;
padding: 30px 30px;
border-radius: var(--border_radius_24);
background: var(--arkaplan_beyaz);
overflow: hidden;
}

.ebulten-kart-icerik h2 {
margin: 0 0 2px;
font-size: clamp(1.2rem, 1.9vw, 1.6rem);
line-height: 1.2;
font-weight: var(--font_700);
letter-spacing: -.01em;
color: var(--yazi_siyah);
}

.ebulten-kart-icerik {
display: grid;
gap: 0;
}

.ebulten-kart-icerik p {
margin: 0;
font-size: clamp(.92rem, 1.08vw, 1rem);
line-height: 1.42;
font-weight: var(--font_400);
color: var(--yazi_gri);
}

.ebulten-form {
display: grid;
gap: 0;
}

.ebulten-input .site_input_kapsul {
padding: 8px 9px 8px 10px;
background: var(--arkaplan_beyaz);
border: 2px solid var(--border);
transition: border-color .2s ease;
}

.ebulten-input .site_input_kapsul:focus-within {
border-color: var(--arkaplan_acik_mavi);
}

.ebulten-input .site_input_ikon {
background: var(--arkaplan_beyaz);
color: var(--yazi_gri);
}

.ebulten-input .site_input_ikon svg {
color: var(--yazi_gri);
}

.ebulten-input .site_input {
font-size: 15px;
font-weight: var(--font_500);
min-height: 36px;
color: var(--yazi_siyah);
}

.ebulten-input .site_input::placeholder {
color: var(--yazi_gri) !important;
opacity: .88;
}

.ebulten-buton.buton_tasarimi {
min-height: 40px;
padding: 11px 18px;
font-size: 13px;
flex: 0 0 auto;
}

.kurumsal-footer-ust {
display: grid;
grid-template-columns: minmax(270px, 340px) minmax(0, 1fr);
gap: 34px;
align-items: start;
}

.kurumsal-footer-marka-karti {
display: grid;
gap: 14px;
align-content: start;
padding: 18px 16px 16px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 18px;
background: rgba(255, 255, 255, .06);
}

.kurumsal-footer-logo {
display: inline-flex;
align-items: center;
width: fit-content;
}

.kurumsal-footer-logo img {
width: auto;
height: 36px;
object-fit: contain;
}

.kurumsal-footer-unvan {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, .9);
}

.kurumsal-footer-firma-bilgileri {
display: grid;
gap: 4px;
padding: 12px 0;
}

.kurumsal-footer-firma-bilgileri p {
margin: 0;
font-size: 13px;
line-height: 1.5;
color: rgba(255, 255, 255, .9);
}

.kurumsal-footer-firma-bilgileri p strong {
font-size: 14px;
font-weight: var(--font_700);
color: var(--yazi_beyaz);
}

.kurumsal-footer-firma-bilgileri a {
display: inline-flex;
color: rgba(255, 255, 255, .96);
border-bottom: 1px solid rgba(255, 255, 255, .42);
}

.kurumsal-footer-iletisim-listesi {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 9px;
}

.kurumsal-footer-iletisim-listesi li {
display: block;
}

.kurumsal-footer-iletisim-listesi li > a,
.kurumsal-footer-iletisim-listesi li > span {
display: flex;
align-items: center;
width: 100%;
gap: 10px;
padding: 10px 12px;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 10px;
background: rgba(255, 255, 255, .08);
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, .92);
}

.kurumsal-footer-iletisim-listesi li > a:hover {
background: rgba(255, 255, 255, .14);
border-color: rgba(255, 255, 255, .36);
}

.kurumsal-footer-iletisim-listesi li > a svg,
.kurumsal-footer-iletisim-listesi li > span svg {
width: 24px;
height: 24px;
flex: 0 0 auto;
fill: currentColor;
}

.kurumsal-footer-iletisim-listesi a,
.kurumsal-footer-iletisim-listesi span {
color: inherit;
}

.kurumsal-footer-canli {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 11px 12px;
width: 100%;
min-height: 44px;
border: 1px solid rgba(16, 185, 129, .68);
border-radius: 10px;
background: var(--arkaplan_yesil);
font-weight: var(--font_700);
color: var(--yazi_beyaz) !important;
overflow: visible;
z-index: 0;
box-shadow: 0 0 0 0 rgba(16, 185, 129, .45);
animation: canliDestekParlama 2.6s ease-out infinite;
}

.kurumsal-footer-canli svg {
width: 24px;
height: 24px;
flex: 0 0 auto;
fill: currentColor;
position: relative;
z-index: 1;
}

.kurumsal-footer-canli span {
position: relative;
z-index: 1;
}

.kurumsal-footer-sosyal {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
}

.kurumsal-footer-sosyal a {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, .45);
color: var(--yazi_beyaz);
}

.kurumsal-footer-sosyal svg {
width: 16px;
height: 16px;
display: block;
fill: currentColor;
}

.kurumsal-footer-sosyal a:hover {
background: rgba(255, 255, 255, .15);
}

.kurumsal-footer-link-grid {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 20px 28px;
}

.kurumsal-footer-link-kolon {
min-width: 0;
}

.kurumsal-footer-link-kolon h3 {
position: relative;
margin: 0 0 11px 0;
padding-bottom: 8px;
font-size: 17px;
line-height: 1.25;
font-weight: var(--font_700);
color: var(--yazi_beyaz);
}

.kurumsal-footer-link-kolon h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background: rgba(255, 255, 255, .82);
}

.kurumsal-footer-link-kolon ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;
}

.kurumsal-footer-link-kolon a {
display: flex;
align-items: center;
position: relative;
padding: 7px 0 7px 0;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, .88);
transition: color .22s ease, padding-left .22s ease;
}

.kurumsal-footer-link-kolon a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 999px;
background: rgba(255, 255, 255, .72);
transform: translateY(-50%);
opacity: 0;
transition: opacity .22s ease;
}

.kurumsal-footer-link-kolon a:hover,
.kurumsal-footer-link-kolon a:focus-visible {
padding-left: 12px;
color: var(--yazi_beyaz);
}

.kurumsal-footer-link-kolon a:hover::before,
.kurumsal-footer-link-kolon a:focus-visible::before {
opacity: 1;
}

.kurumsal-footer-alt {
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, .2);
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px 20px;
flex-wrap: wrap;
}

.kurumsal-footer-alt p {
margin: 0;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, .9);
}

.kurumsal-footer-odeme img {
display: block;
width: min(520px, 100%);
height: auto;
object-fit: contain;
}

.kurumsal-footer-odeme {
margin-left: auto;
display: flex;
justify-content: flex-end;
width: min(520px, 100%);
}

.kurumsal-footer-yasal-not {
margin: 0;
font-size: 13px;
line-height: 1.55;
text-align: center;
color: rgba(255, 255, 255, .84);
}

/* Alternatif varyant */
.kurumsal-altalan-b .ebulten-kart {
background: #f7fbff;
border-color: #cfe2ff;
}

.kurumsal-altalan-b .kurumsal-footer {
background: linear-gradient(180deg, #2f6fe6 0%, #2762d2 52%, #1f56bf 100%);
}

@media (max-width: 1260px) {
.kurumsal-footer .siteyi_ortala {
padding-top: clamp(22px, 3vw, 32px);
}

.ebulten-kart {
grid-template-columns: 1fr;
}

.kurumsal-footer-ust {
grid-template-columns: 1fr;
}

.kurumsal-footer-link-grid {
grid-template-columns: repeat(3, minmax(170px, 1fr));
}
}

@media (max-width: 980px) {
.kurumsal-footer {
margin-top: 0;
padding-bottom: 18px;
}

.kurumsal-footer .siteyi_ortala {
padding-top: clamp(20px, 3vw, 28px);
}

.kurumsal-footer-link-grid {
grid-template-columns: repeat(2, minmax(160px, 1fr));
gap: 18px 20px;
}

.kurumsal-footer-alt {
flex-direction: column;
align-items: flex-start;
}

.kurumsal-footer-odeme {
margin-left: 0;
justify-content: center;
width: 100%;
}
}

@media (max-width: 760px) {
.kurumsal-footer {
margin-top: 0;
}
.ebulten-kart {
padding: 18px;
border-radius: 24px;
gap: 14px;
}

.ebulten-input .site_input_kapsul {
padding: 8px;
border-radius: 14px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.ebulten-input .site_input_ikon {
width: 34px;
height: 34px;
order: 1;
}

.ebulten-input .site_input {
order: 2;
flex: 1 1 calc(100% - 42px);
min-height: 34px;
}

.ebulten-buton.buton_tasarimi {
order: 3;
width: 100%;
justify-content: center;
}

.kurumsal-footer .siteyi_ortala {
padding-top: clamp(18px, 3vw, 24px);
}

.kurumsal-footer-sosyal {
justify-content: center;
}
}

@media (max-width: 560px) {
.kurumsal-footer-link-grid {
grid-template-columns: 1fr;
}

.kurumsal-footer-link-kolon ul {
gap: 0;
}

.kurumsal-footer .siteyi_ortala {
padding-top: clamp(16px, 3vw, 22px);
}

}

section#kategori_paketleri_paket_gorunum_2 .siteyi_ortala {
width:100% !important;
max-width:100% !important;
padding:unset !important;
}

#kategori_paketleri_paket_gorunum_2 .anasayfa_kategori_listesi {
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:0 !important;
justify-items:stretch !important;
align-items:stretch !important;
grid-auto-rows:1fr !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart {
min-width:0 !important;
background:var(--arkaplan_beyaz) !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
border-bottom:2px solid var(--arkaplan_gri) !important;
border-radius:0 !important;
padding:30px 20px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
position:relative !important;
box-sizing:border-box !important;
transition:border-color .3s ease !important;
z-index:2 !important;
overflow:hidden !important;
isolation:isolate !important;
height:100% !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .kategori_liste_baslik,
#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .kategori_liste_aciklama,
#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .kategori_liste_fiyat,
#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .kategori_liste_fiyat small {
color:var(--yazi_beyaz) !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_baslik_svg {
position:relative !important;
margin:0 0 10px 0 !important;
background:#fff !important;
border:none !important;
border-radius:999px !important;
padding: 15px!important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_baslik_svg svg,
#kategori_paketleri_paket_gorunum_2 .kategori_liste_baslik_svg img {
width:82px !important;
height:82px !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_baslik {
width:100% !important;
text-align:center !important;
margin:0 0 10px 0 !important;
line-height:1.4 !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_aciklama {
text-align:center !important;
margin-bottom:15px !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_fiyat {
margin:2px 0 18px 0 !important;
text-align:center !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart .link_svg {
align-self:center !important;
background:unset !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .link_svg {
background:unset !important;
color:var(--yazi_beyaz) !important;
}

#kategori_paketleri_paket_gorunum_2 .kategori_liste_kart:hover .link_svg svg {
transform:scale(1.5) !important;
}

/* Gorunum 3: ikon solda, baslik sagda; aciklama/fiyat/link ortada */
#kategori_paketleri_paket_gorunum_3 .anasayfa_kategori_listesi {
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:20px !important;
justify-items:stretch !important;
align-items:stretch !important;
grid-auto-rows:1fr !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart {
min-width:0 !important;
background:var(--arkaplan_beyaz) !important;
border:2px solid var(--arkaplan_gri) !important;
border-radius:unset !important;
padding:30px 20px !important;
display:grid !important;
grid-template-columns:94px 1fr !important;
grid-template-areas:
"icon baslik"
"aciklama aciklama"
"fiyat fiyat"
"link link" !important;
column-gap:12px !important;
row-gap:10px !important;
position:relative !important;
box-sizing:border-box !important;
transition:border-color .3s ease !important;
z-index:2 !important;
overflow:hidden !important;
isolation:isolate !important;
height:100% !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart:hover .kategori_liste_baslik,
#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart:hover .kategori_liste_aciklama,
#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart:hover .kategori_liste_fiyat,
#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart:hover .kategori_liste_fiyat small {
color:var(--yazi_beyaz) !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_baslik_svg {
grid-area:icon !important;
position:relative !important;
margin:0 !important;
width:82px !important;
height:82px !important;
border-radius:18px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
align-self:start !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_baslik_svg svg,
#kategori_paketleri_paket_gorunum_3 .kategori_liste_baslik_svg img {
width:82px !important;
height:82px !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_baslik {
grid-area:baslik !important;
width:100% !important;
margin:0 !important;
text-align:left !important;
align-self:center !important;
line-height:1.4 !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_aciklama {
grid-area:aciklama !important;
width:100% !important;
margin:0 !important;
text-align:left !important;
line-height:1.5 !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_fiyat {
grid-area:fiyat !important;
text-align:center !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart .link_svg {
grid-area:link !important;
justify-self:center !important;
background:unset !important;
}


@media (max-width:1240px) {
#kategori_paketleri_paket_gorunum_2 .anasayfa_kategori_listesi,
#kategori_paketleri_paket_gorunum_3 .anasayfa_kategori_listesi {
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width:680px) {
#kategori_paketleri_paket_gorunum_2 .anasayfa_kategori_listesi,
#kategori_paketleri_paket_gorunum_3 .anasayfa_kategori_listesi {
grid-template-columns:1fr !important;
}

#kategori_paketleri_paket_gorunum_3 .kategori_liste_kart {
grid-template-columns:94px 1fr !important;
}
}

#hosting_bolumu_hosting_gorunum_2 .hosting_konteynir{
    gap: 0 !important;
}
#hosting_bolumu_hosting_gorunum_2 .hosting_kart{
    flex: 0 1 calc(25% - 0px);
    min-width: 315px;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 1px solid var(--arkaplan_gri);
    outline-offset: -1px;
    position: relative;
    z-index: 1;
    overflow: unset !important;
}
#hosting_bolumu_hosting_gorunum_2 .hosting_kart:hover{
    z-index: 2;
}
#hosting_bolumu_hosting_gorunum_2 .populer_etiket{
    position: absolute;
    top: -18px;
    left: 50%;
    right: unset !important;
    transform: translateX(-50%);
    background: var(--arkaplan_sari);
    color: var(--yazi_siyah);
    padding: 6px 20px 6px 20px;
    border-radius: 0px !important;
    border: 2px solid var(--arkaplan_beyaz);
    background-clip: padding-box;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
#hosting_bolumu_hosting_gorunum_2 .paket_baslik_svg{
    width: auto;
    height: auto;
    margin: 0px auto 10px auto;
}

#hosting_bolumu_hosting_gorunum_2 .paket_baslik_svg svg,
#hosting_bolumu_hosting_gorunum_2 .paket_baslik_svg img{
    width: 62px !important;
    height: 62px !important;
    display: block;
}

#hosting_bolumu_hosting_gorunum_2 .paket_baslik,
#hosting_bolumu_hosting_gorunum_2 .paket_aciklama,
#hosting_bolumu_hosting_gorunum_2 .fiyat_alani{
    text-align: center;
}

#hosting_bolumu_hosting_gorunum_2 .fiyat_ust_blok{
    justify-content: center;
}


#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .row-detail{display:none!important}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-liste{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  width:100%!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item{
  margin:0!important;
  padding:0!important;
  position:relative!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
  outline:1.5px solid rgba(15,44,114,.08)!important;
  outline-offset:-1.5px!important;
  transition:outline-color .3s ease!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:20px!important;
  padding:1.5px!important;
  background:linear-gradient(160deg,transparent,transparent)!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  transition:background .4s ease!important;
  z-index:2!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover{
  outline-color:transparent!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover::before{
  background:linear-gradient(160deg,var(--arkaplan_mavi),#818cf8,#6366f1,var(--arkaplan_mavi))!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:
    "model model"
    "islemci islemci"
    "ram disk"
    "trafik lokasyon"
    "fiyat fiyat"!important;
  gap:8px!important;
  align-items:stretch!important;
  padding:20px!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon{
  position:relative!important;
  color:var(--yazi_siyah)!important;
  line-height:1.3!important;
  white-space:normal!important;
  word-break:normal!important;
  min-width:0!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"]){
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(99,102,241,.04) 0%,rgba(15,44,114,.025) 100%)!important;
  padding:14px 14px 14px 58px!important;
  min-height:56px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
  transition:background .3s ease!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"])::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:20%!important;
  bottom:20%!important;
  width:3px!important;
  border-radius:0 3px 3px 0!important;
  background:linear-gradient(180deg,var(--arkaplan_mavi),#6366f1)!important;
  opacity:.5!important;
  transition:opacity .3s ease, top .3s ease, bottom .3s ease!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"])::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:50%!important;
  border-radius:14px 14px 0 0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,transparent 100%)!important;
  pointer-events:none!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"]){
  background:linear-gradient(135deg,rgba(99,102,241,.07) 0%,rgba(15,44,114,.04) 100%)!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"])::before{
  opacity:1!important;
  top:12%!important;
  bottom:12%!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Model"]{
  grid-area:model!important;
  padding:2px 0 18px 0!important;
  border:0!important;
  background:transparent!important;
  margin:0 0 4px 0!important;
  position:relative!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Model"]::after{
  content:""!important;
  position:absolute!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent)!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Model"] .ozellik h3{
  margin:0!important;
  font-size:18px!important;
  font-weight:var(--font_700)!important;
  letter-spacing:.3px!important;
  color:var(--yazi_siyah)!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="İşlemci"],
#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Ä°ÅŸlemci"]{
  grid-area:islemci!important
}
#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="RAM"]{grid-area:ram!important}
#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Disk"]{grid-area:disk!important}
#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Trafik"]{grid-area:trafik!important}
#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Lokasyon"]{grid-area:lokasyon!important}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon .ikon{
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(15,44,114,.09))!important;
  padding:7px!important;
  transition:background .3s ease!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover .item-head .kolon .ikon{
  background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(15,44,114,.15))!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon .ikon>svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  opacity:.55!important;
  transition:opacity .3s ease!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item:hover .item-head .kolon .ikon>svg{
  opacity:.8!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon strong{
  display:block!important;
  margin:0!important;
  font-weight:var(--font_700)!important;
  font-size:14px!important;
  letter-spacing:.15px!important;
  color:var(--yazi_siyah)!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon p{
  margin:3px 0 0!important;
  font-size:12px!important;
  color:var(--yazi_gri)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:.75!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon{
  grid-area:fiyat!important;
  padding:16px 0 0 0!important;
  margin:8px 0 0 0!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  align-items:stretch!important;
  position:relative!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent)!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .paket-fiyat{width:100%!important}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .fiyat{
  margin:0!important;
  position:static!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .fiyat_small{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:6px!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .fiyat_small .fiyat-aktif{
  font-weight:var(--font_700)!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:.2px!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .fiyat_small small.periyot{
  font-weight:var(--font_400)!important;
  font-size:11.5px!important;
  color:var(--yazi_gri)!important;
  margin:0!important;
  white-space:nowrap!important;
  opacity:.65!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .fiyat-kolon .fiyat .fiyat-eski{
  font-weight:var(--font_400)!important;
  font-size:15px!important;
  color:var(--yazi_gri)!important;
  text-decoration:none!important;
  opacity:.55!important;
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  margin:0 auto 4px!important;
  overflow:visible!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon a.buton-satin-al{
  display:block!important;
  width:100%!important;
  padding:13px 16px!important;
  font-weight:var(--font_700)!important;
  letter-spacing:.3px!important;
  font-size:14px!important
}

#hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon a.buton-satin-al span{
  display:block!important;
  text-align:center!important
}

@media (max-width:1200px){
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-liste{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}

@media (max-width:768px){
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-liste{
    grid-template-columns:1fr!important;
    gap:12px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item{
    border-radius:16px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item::before{
    border-radius:16px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head{
    padding:16px!important;
    gap:6px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"]){
    padding:12px 12px 12px 50px!important;
    min-height:48px!important;
    border-radius:12px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon:not(.fiyat-kolon):not([data-label="Model"])::after{
    border-radius:12px 12px 0 0!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon .ikon{
    left:10px!important;
    width:30px!important;
    height:30px!important;
    padding:6px!important;
    border-radius:8px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon strong{
    font-size:13px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon p{
    font-size:11px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Model"]{
    padding:0 0 14px 0!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon[data-label="Model"] .ozellik h3{
    font-size:16px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon{
    padding:12px 0 0 0!important;
    margin:4px 0 0 0!important;
    gap:12px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon .fiyat_small .fiyat-aktif{
    font-size:22px!important
  }
  #hosting_bolumu_server_gorunum_2 .alt-icerik .paket-item .item-head .kolon.fiyat-kolon a.buton-satin-al{
    padding:11px 14px!important;
    font-size:13.5px!important
  }
}

/* musteri yorum kaynak ozet kartlari */
.yorum-kaynak-ozet-listesi{
margin:12px auto 18px;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px;
}

.yorum-kaynak-ozet{
--yk-score-bg:#00b67a;
--yk-star-color:#00b67a;
--yk-border:#bfe8da;
--yk-text:#063f30;
--yk-surface:#f4fbf8;
position:relative;
display:flex;
align-items:stretch;
justify-content:flex-start;
gap:0;
width:auto;
min-width:192px;
max-width:232px;
flex:0 0 auto;
min-height:58px;
padding:0;
border-radius:999px;
border:1px solid var(--yk-border);
background:var(--yk-surface);
color:var(--yk-text);
overflow:hidden;
}

.yorum-kaynak-ozet-skor-kutu{
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
align-self:stretch;
padding:0 4px;
background:var(--yk-score-bg);
color:#fff;
line-height:1;
flex:0 0 auto;
}

.yorum-kaynak-ozet-skor{
display:block;
font-size:25px;
font-weight:var(--font_700);
letter-spacing:-.03em;
line-height:1;
font-variant-numeric:tabular-nums;
font-feature-settings:"tnum";
text-align:center;
white-space:nowrap;
}

.yorum-kaynak-ozet-skor-ek{
display:none;
}

.yorum-kaynak-ozet-sag{
display:flex;
flex-direction:column;
justify-content:center;
gap:3px;
min-width:0;
flex:1 1 auto;
padding:7px 10px 7px 10px;
}

.yorum-kaynak-ozet-ust{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
min-height:17px;
width:100%;
min-width:0;
line-height:1;
}

.yorum-kaynak-ozet-logo{
display:block;
width:auto;
height:15px;
max-width:88px;
flex:0 0 auto;
}

.yorum-kaynak-ozet-yildizlar{
display:flex;
align-items:center;
justify-content:flex-start;
gap:1px;
min-height:15px;
font-size:18px;
line-height:1;
letter-spacing:0;
color:var(--yk-star-color);
flex:0 0 auto;
}

.yorum-kaynak-ozet-yildizlar > span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:1em;
height:1em;
background:none !important;
color:inherit;
line-height:1 !important;
border-radius:0;
}

.yorum-kaynak-ozet-yildizlar > span[aria-hidden="true"]{
display:inline-flex !important;
align-items:center;
justify-content:center;
line-height:1 !important;
}

.yorum-kaynak-ozet-sayi{
display:inline-flex;
align-items:center;
justify-content:flex-end;
min-height:17px;
padding:0;
font-size:11px;
font-weight:var(--font_600);
line-height:1.1;
white-space:nowrap;
flex:0 1 auto;
max-width:100%;
min-width:0;
color:inherit;
opacity:.92;
letter-spacing:.005em;
margin-left:auto;
text-align:right;
}

.yorum-kaynak-ozet-meta,
.yorum-kaynak-ozet-puan{
display:none !important;
}

.yorum-kaynak-ozet-google{
--yk-score-bg:#1a73e8;
--yk-star-color:#fbbc04;
--yk-border:#d8e5fb;
--yk-text:#163b73;
--yk-surface:#f7faff;
}

.yorum-kaynak-ozet-google .yorum-kaynak-ozet-logo{
height:15px;
max-width:56px;
}

.yorum-kaynak-ozet-trustpilot{
--yk-score-bg:#00b67a;
--yk-star-color:#00b67a;
--yk-border:#bfe8da;
--yk-text:#063f30;
--yk-surface:#f4fbf8;
}

.yorum-kaynak-ozet-trustpilot .yorum-kaynak-ozet-logo{
height:16px;
max-width:92px;
}

@media (max-width: 768px){
.yorum-kaynak-ozet-listesi{
gap:8px;
margin:12px 0 16px;
}
.yorum-kaynak-ozet{
min-width:184px;
max-width:220px;
min-height:56px;
padding:0;
border-radius:11px;
}
.yorum-kaynak-ozet-skor-kutu{
width:54px;
min-width:54px;
}
.yorum-kaynak-ozet-skor{
font-size:22px;
}
.yorum-kaynak-ozet-sag{
padding:6px 9px 6px 9px;
gap:2px;
}
.yorum-kaynak-ozet-yildizlar{
min-height:14px;
font-size:13px;
gap:1px;
}
.yorum-kaynak-ozet-sayi{
font-size:10px;
}
.yorum-kaynak-ozet-google .yorum-kaynak-ozet-logo{
max-width:54px;
}
.yorum-kaynak-ozet-trustpilot .yorum-kaynak-ozet-logo{
max-width:88px;
}
}
.cd-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 36px;
height: 36px;
border-radius: 999px;
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;
z-index: 99;
}
.cd-top svg {
weight: 18px;
height: 18px;
}
.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;
}

body.asya-ui-modal-open {
overflow: hidden;
overscroll-behavior: contain;
}

.asya-ui-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 24px 16px;
background:
radial-gradient(circle at 20% 10%, rgba(56, 189, 248, .18), transparent 48%),
radial-gradient(circle at 80% 85%, rgba(59, 130, 246, .16), transparent 45%),
rgba(7, 12, 27, .52);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .22s ease, visibility .22s ease;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
.asya-ui-modal {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
}

.asya-ui-modal.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.asya-ui-modal__dialog {
position: relative;
width: min(100%, 470px);
padding: 26px 22px 20px;
border-radius: 20px;
border: 1px solid rgba(148, 163, 184, .32);
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
box-shadow:
0 30px 70px rgba(2, 6, 23, .30),
0 2px 0 rgba(255, 255, 255, .8) inset;
transform: translateY(14px) scale(.975);
opacity: 0;
transition: transform .22s ease, opacity .22s ease;
text-align: center;
}

.asya-ui-modal.is-active .asya-ui-modal__dialog {
transform: translateY(0) scale(1);
opacity: 1;
}

.asya-ui-modal__close {
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(148, 163, 184, .35);
border-radius: 999px;
cursor: pointer;
background: rgba(255, 255, 255, .76);
color: #4b5563;
transition: all .2s ease;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}

.asya-ui-modal__close svg {
width: 18px;
height: 18px;
display: block;
}

.asya-ui-modal__close:hover,
.asya-ui-modal__close:focus-visible {
background: #eef5ff;
color: #0f172a;
border-color: rgba(37, 99, 235, .4);
outline: 0;
}

.asya-ui-modal__icon {
width: 72px;
height: 72px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px auto 14px;
border-radius: 999px;
background: #eff6ff;
color: #2563eb;
box-shadow: 0 10px 24px rgba(37, 99, 235, .2);
}

.asya-ui-modal__icon svg {
width: 34px;
height: 34px;
display: block;
fill: currentColor;
}

.asya-ui-modal.is-success .asya-ui-modal__icon {
background: #ecfdf5;
color: #0f9f6e;
box-shadow: 0 10px 24px rgba(15, 159, 110, .2);
}

.asya-ui-modal.is-error .asya-ui-modal__icon {
background: #fef2f2;
color: #b42318;
box-shadow: 0 10px 24px rgba(180, 35, 24, .18);
}

.asya-ui-modal.is-warning .asya-ui-modal__icon {
background: #fffbeb;
color: #b76a0a;
box-shadow: 0 10px 24px rgba(183, 106, 10, .18);
}

.asya-ui-modal.is-no-icon .asya-ui-modal__icon {
display: none !important;
}

.asya-ui-modal__title {
margin: 0 0 8px;
font-size: clamp(1.12rem, 2.2vw, 1.36rem);
font-weight: var(--font_700);
line-height: 1.25;
letter-spacing: -.01em;
color: #0b1221;
}

.asya-ui-modal__message {
margin: 0;
font-size: .98rem;
font-weight: var(--font_500);
line-height: 1.55;
color: #334155;
overflow-wrap: anywhere;
}

.asya-ui-modal__ok.buton_tasarimi {
margin-top: 18px;
min-width: 132px;
min-height: 44px;
padding: 12px 20px;
border-radius: 999px;
}

.asya-ui-modal__ok.buton_tasarimi span {
line-height: 1;
}

.asya-ui-modal__ok[hidden],
.asya-ui-modal__close[hidden] {
display: none !important;
}

.asya-ui-modal__title[hidden],
.asya-ui-modal__message[hidden] {
display: none !important;
}

.asya-ui-modal.is-no-icon .asya-ui-modal__dialog {
padding-top: 30px;
}

@media (max-width: 640px) {
.asya-ui-modal {
padding: 16px 10px;
}

.asya-ui-modal__dialog {
width: 100%;
padding: 22px 16px 16px;
border-radius: 16px;
}

.asya-ui-modal__close {
top: 6px;
right: 6px;
width: 32px;
height: 32px;
}

.asya-ui-modal__icon {
width: 62px;
height: 62px;
margin-bottom: 12px;
}

.asya-ui-modal__icon svg {
width: 30px;
height: 30px;
}

.asya-ui-modal__ok.buton_tasarimi {
width: 100%;
}
}

.icerik_yazi {
color: var(--yazi_siyah);
font-size: var(--font_p);
line-height: 1.75;
word-wrap: break-word;
overflow-wrap: anywhere;
}

.icerik_yazi > *:first-child {
margin-top: 0;
}

.icerik_yazi > *:last-child {
margin-bottom: 0;
}

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

.icerik_yazi p {
margin: 0 0 14px;
}

.icerik_yazi strong,
.icerik_yazi b {
color: var(--yazi_siyah);
font-weight: var(--font_700);
}

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

.icerik_yazi ul,
.icerik_yazi ol {
margin: 0 0 16px 22px;
padding: 0;
}

.icerik_yazi li {
margin: 0 0 8px;
}

.icerik_yazi a {
color: var(--arkaplan_mavi);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
}

.icerik_yazi img {
display: block;
max-width: 100%;
height: auto;
margin: 18px 0;
border-radius: var(--border_radius_12);
}

.icerik_yazi table {
width: 100%;
border-collapse: collapse;
margin: 18px 0;
font-size: 0.96rem;
}

.icerik_yazi table th,
.icerik_yazi table td {
padding: 10px 12px;
border: 1px solid var(--border);
text-align: left;
vertical-align: top;
}

.icerik_yazi table th {
background: #f7f9fc;
color: var(--yazi_siyah);
font-weight: var(--font_600);
}

.icerik_yazi blockquote {
margin: 18px 0;
padding: 12px 16px;
border-left: 3px solid var(--arkaplan_mavi);
background: #f7faff;
color: var(--yazi_siyah);
border-radius: 0 var(--border_radius_12) var(--border_radius_12) 0;
}

.icerik_yazi hr {
border: 0;
border-top: 1px solid var(--border);
margin: 20px 0;
}

.icerik_yazi pre {
margin: 18px 0;
padding: 14px;
border-radius: var(--border_radius_12);
background: #0b1220;
color: #e2e8f0;
overflow: auto;
line-height: 1.55;
}

.icerik_yazi code {
font-family: Consolas, Monaco, "Courier New", monospace;
font-size: 0.94em;
background: #f2f4f7;
padding: 2px 6px;
border-radius: 6px;
color: #1f2937;
}

.icerik_yazi pre code {
background: transparent;
padding: 0;
border-radius: 0;
color: inherit;
}

.icerik_yazi iframe,
.icerik_yazi video {
max-width: 100%;
}

@media (max-width: 768px) {
.icerik_yazi table {
font-size: 0.92rem;
}
}

.site-footer {
    background-color: var(--arkaplan_lacivert);
    padding: 40px 0 30px;
    color: var(--yazi_beyaz);
}

.footer-container {
    max-width: var(--kapsayici);
    margin: 0 auto;
    padding: 0 var(--pad);
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 30px;
}

.footer-brand {
    flex: 1 1 220px;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-size: var(--font_h4);
    font-weight: var(--font_800);
    color: var(--yazi_beyaz);
    margin-bottom: 24px;
}

.footer-logo svg {
    width: 38px;
    height: 38px;
    color: var(--arkaplan_beyaz);
}

.footer-desc {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin-bottom: 30px;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--border_radius_12);
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--yazi_beyaz);
    transition: var(--gecis);
    text-decoration: none;
}

@keyframes pulseGlow {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 119, 255, 0.4); }
    50% { transform: scale(1.1); box-shadow: 0 0 10px 5px rgba(0, 119, 255, 0.1); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 119, 255, 0); }
}

.footer-socials a:hover {
    background-color: var(--arkaplan_mavi);
    color: var(--yazi_beyaz);
    animation: pulseGlow 0.6s ease-in-out infinite;
}

.footer-newsletter {
    margin-top: 35px;
}
.newsletter-form {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
}
.newsletter-form input {
    flex: 1;
    min-width: 0;
    padding: 12px 50px 12px 16px;
    border-radius: var(--border_radius_48);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--yazi_beyaz);
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    outline: none;
    transition: var(--gecis);
}
.newsletter-form input::placeholder {
    color: rgb(255, 255, 255)!important;
}
.newsletter-form input:focus {
    border-color: var(--arkaplan_mavi);
    background-color: rgba(255, 255, 255, 0.08);
}
.newsletter-form button {
    position: absolute;
    right: 6px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--arkaplan_mavi);
    color: var(--yazi_beyaz);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--gecis);
}
.newsletter-form button svg {
    width: 16px;
    height: 16px;
    transform: translateX(-1px);
}
.newsletter-form button:hover {
    background-color: var(--arkaplan_acik_mavi);
    transform: scale(1.05);
}

.footer-menus {
    flex: 2 1 700px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.footer-menu {
    flex: 1 1 calc(25% - 30px);
    min-width: 150px;
}

.footer-menu h4 {
    font-size: 1.2rem;
    font-weight: var(--font_700);
    color: var(--yazi_beyaz);
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 12px;
}

.footer-menu h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: var(--arkaplan_acik_mavi);
    border-radius: 3px;
    transition: var(--gecis);
}

.footer-menu:hover h4::after {
    width: 50px;
}

.footer-menu ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer-menu ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    font-weight: var(--font_400);
    transition: var(--gecis);
    display: inline-flex;
    align-items: center;
}

.footer-menu ul li a:hover {
    color: var(--yazi_beyaz);
}

.footer-contact-row_cerceve {
  width: 100%;
  height: auto;
  overflow: hidden;
    padding: 30px 0px;
    margin: 0px 0px 30px 0px;
    background-color: rgb(0 0 0 / 6%);
}
.footer-contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-item {
    flex: 1 1 23%;
    min-width: 250px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-icon {
    width: 54px;
    height: 54px;
    border-radius: var(--border_radius_12);
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--yazi_beyaz);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--gecis);
}

.contact-icon svg {
    width: 24px;
    height: 24px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.contact-info .contact-label {
    font-size: 0.8rem;
    font-weight: var(--font_700);
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-info .contact-value {
    font-size: 1.05rem;
    font-weight: var(--font_400);
    color: var(--yazi_beyaz);
    line-height: 1.3;
}

.contact-item.contact-live {
    background-color: var(--arkaplan_yesil);
    padding: 12px 16px;
    border-radius: var(--border_radius_12);
    cursor: pointer;
    transition: var(--gecis);
    text-decoration: none;
}

.contact-item.contact-live .contact-icon {
    background-color: transparent;
    color: var(--yazi_beyaz);
    width: 40px;
    height: 40px;
}

.contact-item.contact-live:hover .contact-icon {
    background-color: transparent;
}

.contact-item.contact-live .contact-label {
    color: rgba(255, 255, 255, 0.85);
}

.contact-item.contact-live .contact-value {
    color: var(--yazi_beyaz);
}

.contact-item.contact-live:hover {
    opacity: 0.9;
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.copyright-area {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    font-weight: var(--font_400);
}

.copyright-area strong {
    color: var(--yazi_beyaz);
    font-weight: var(--font_700);
}

.payment-cards {
    display: flex;
    align-items: center;
    gap: 12px;
}

.payment-cards img {
    height: 20px;
    width: auto;
    object-fit: contain;
}

.footer-description {
    text-align: center;
    padding-top: 15px;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    max-width: 1000px;
    margin: 0 auto;
}

.footer-description p {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.6;
}

@media (max-width: 1024px) {
    .footer-menus {
        flex: 1 1 100%;
    }
    .contact-item {
        flex: 1 1 45%;
    }
}

@media (max-width: 768px) {
    .footer-top {
        gap: 40px;
    }
    .footer-menu {
        flex: 1 1 calc(50% - 30px);
    }
    .footer-bottom {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .contact-item {
        flex: 1 1 100%;
    }
}

@media (max-width: 480px) {
    .footer-menu {
        flex: 1 1 100%;
    }
}




#tab-contact-type .tabcontent {
display: none;
width: 100%;
}

#tab-contact-type .tabcontent .formcon {
display: flex;
align-items: center;
width: 100%;
margin: 0 0 18px;
}

#tab-contact-type .tabcontent .formcon .yuzde30 {
width: calc(30% - 9px);
flex: 0 0 calc(30% - 9px);
margin: 0 18px 0 0;
color: var(--yazi_siyah);
font-size: var(--font_p);
font-weight: var(--font_500);
line-height: 1.35;
}

#tab-contact-type .tabcontent .formcon .yuzde70 {
width: calc(70% - 9px);
flex: 0 0 calc(70% - 9px);
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
text-align: right;
}

#tab-contact-type .tabcontent .profile-name-wrap {
margin: 0 0 14px;
}

#tab-contact-type .tabcontent .profile-name-wrap .yuzde30 {
width: calc(30% - 9px);
flex: 0 0 calc(30% - 9px);
margin: 0 18px 0 0;
}

#tab-contact-type .tabcontent .profile-name-wrap .yuzde70 {
width: calc(70% - 9px);
flex: 0 0 calc(70% - 9px);
align-items: flex-end;
text-align: right;
}

#tab-contact-type .tabcontent .profile-name-wrap .yuzde70 input[type="text"] {
width: 100% !important;
}

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

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

.modal_grid_input input[type="text"]::placeholder {
color: var(--yazi_siyah) !important;
opacity: 1 !important;
font-size: 0.88em;
}

.modal_grid_input {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 18px;
width: 100%;
margin-top: 8px;
}

#tab-contact-type .tabcontent .checkbox-custom {
position: absolute;
opacity: 0;
pointer-events: none;
}

#tab-contact-type .tabcontent .checkbox-custom-label {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-end;
min-height: 24px;
padding-left: 54px;
margin: 0;
color: var(--yazi_siyah);
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.3;
cursor: pointer;
text-align: right;
}

#tab-contact-type .tabcontent .checkbox-custom-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 24px;
border-radius: 999px;
border: 1px solid #cfd9e8;
background: #eef3fb;
transition: var(--gecis);
}

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

#tab-contact-type .tabcontent .checkbox-custom:checked + .checkbox-custom-label::after {
left: 21px;
border-color: #0f77ff;
background: #0f77ff;
}

#tab-contact-type .tabcontent .checktext {
display: inline-block;
font-size: var(--font_p);
font-weight: var(--font_400);
line-height: 1.3;
color: var(--yazi_siyah);
text-align: right;
}

#tab-contact-type .tabcontent .yuzde70 > div {
width: 100%;
display: flex;
justify-content: flex-end;
}

#tab-contact-type .tabcontent .yuzde70 > div + div {
margin-top: 12px;
}
.modal-foot-btn {background: transparent!important;}
.padding20 {
    padding: 20px 20px;
}
ul.tab{list-style-type:none;margin:0;padding:0;overflow:hidden;border:none;display:inline-block;width:100%;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:-webkit-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#ffffff',GradientType=0)}
ul.tab li{float:left}
ul.tab li a{display:inline-block;text-align:center;padding:14px 30px;text-decoration:none;transition:.3s;font-size:15px;border-bottom:2px solid #e7e7e7;border-right:1px solid #dbdbdb}
ul.tab li a i{margin-right:7px}
ul.tab li a.active{border-bottom:2px solid #fff}
.tabcontent{display:none;padding:30px 0;border-top:none}
.tabcontent{-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}
@-webkit-keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}