/*
Theme Name: Elegance Clinic
Theme URI: https://thewp.com.tr
Author: Kadir KENAR
Author URI: https://eleganceclinic.com
Description: Elegance Clinic Web Site
Version: 1.0.0
Text Domain: eleganceclinic
*/
:root{
/* Ana renkler */
--beyaz:#ffffff;
--siyah:#141414;
--mavi:#112c72;
--sari:#f1c25c;

/* Yazı ailesi */
--yazi-aile:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

/* Alert renkleri */
--alert-basari-bg:#e8f5ef;
--alert-basari-yazi:#146c43;
--alert-basari-kenar:#b6e3d3;
--alert-bilgi-bg:#e7ecf8;
--alert-bilgi-yazi:#112c72;
--alert-bilgi-kenar:#cfd9f1;
--alert-uyari-bg:#fff4e5;
--alert-uyari-yazi:#7a2e0e;
--alert-uyari-kenar:#ffd8a8;
--alert-hata-bg:#fdeaea;
--alert-hata-yazi:#7a1c1c;
--alert-hata-kenar:#f3b8bd;

/* Buton token’ları */
--buton-birincil-bg:var(--mavi);
--buton-birincil-yazi:#ffffff;
--buton-birincil-kenar:#0f2764;

--buton-ikincil-bg:var(--siyah);
--buton-ikincil-yazi:#ffffff;
--buton-ikincil-kenar:#0e0e0e;

--buton-acik-bg:#ffffff;
--buton-acik-yazi:var(--siyah);
--buton-acik-kenar:#d0d5dd;

--buton-cizgi-bg:transparent;
--buton-cizgi-yazi:var(--mavi);
--buton-cizgi-kenar:var(--mavi);

/* Ek varyant token’ları */
--buton-yesil-bg:#16a34a;
--buton-yesil-yazi:#ffffff;
--buton-yesil-kenar:#15803d;

--buton-tehlike-bg:#dc2626;
--buton-tehlike-yazi:#ffffff;
--buton-tehlike-kenar:#b91c1c;

--buton-turuncu-bg:#f97316;
--buton-turuncu-yazi:#ffffff;
--buton-turuncu-kenar:#ea580c;


--buton-sari-bg:var(--sari);
--buton-sari-yazi:var(--siyah);
--buton-sari-kenar:#d9ab4e;

/* Uyumluluk alias’ları (eski tema) */
--kenarlik:var(--buton-acik-kenar);
--yardimci:#f5f5f5;
--yazi:var(--siyah);
--birincil:var(--mavi);
--baglanti:var(--mavi);

--dokunmatik-input-font:16px;
}


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

* { margin: 0; padding: 0; }

html{
-webkit-text-size-adjust: 100%;
font-family: var(--yazi-aile);overflow-x: hidden;
}

body{
min-height:  100%;
text-rendering: optimizeLegibility;
color: var(--siyah);
background: #ffffff;
}

/* Ortak medya elemanları */
img, picture, svg, video, canvas{
display: block;
max-width: 100%;
}

/* Form elemanları tipografi uyumu */
input, button, textarea, select{
font: inherit;
color: inherit;
background: transparent;
border: 0;
}

/* iOS Safari’de input/select/textarea fokus zoom’unu engelle */
input, select, textarea{
font-size: var(--dokunmatik-input-font);
}

/* Liste iç boşluklarını sıfırla (dilersen sonradan kendi stillerini ver) */
:where(ul,ol){ list-style: none; }

/* Tablo varsayılanlarını sadeleştir */
table{ border-collapse: collapse; border-spacing: 0; }

/* Klavye odak animasyonlarını azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce){
*{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

a,
ul,
li,
ol,
span,
strong,
p,
font,
svg,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}


/* Başlangıç durumu */
[data-animate] {
opacity: 0;
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
will-change: opacity, transform;
}

/* Yönlere göre başlangıç konumu */
[data-animate="up"]    { transform: translateY(40px); }
[data-animate="down"]  { transform: translateY(-40px); }
[data-animate="left"]  { transform: translateX(40px); }
[data-animate="right"] { transform: translateX(-40px); }

/* Görünür olduğunda */
[data-animate].inview {
opacity: 1;
transform: none;
}

/* Mobilde animasyonu kapat */
@media (max-width: 767px) {
[data-animate] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}




/* ------------------------------
GRID SİSTEMİ (verilen)
--------------------------------*/
.site_genislik { max-width: 1360px; margin-inline: auto; padding: 15px; position: relative;}
main.site_genislik[role="main"] { margin-top: 30px; }
.ust_bosluk {margin-top: 60px;}
.satir { display: grid; gap: 30px; grid-template-columns: 1fr; align-items: start; }
.sutun_12, .sutun_8, .sutun_6, .sutun_4 { display: grid; gap: 30px; }

@media (min-width: 980px) {
.satir { grid-template-columns: repeat(12, 1fr); }
.sutun_12 { grid-column: span 12; }
.sutun_8  { grid-column: span 8; }
.sutun_6  { grid-column: span 6; }
.sutun_4  { grid-column: span 4; }
}

.iconify {
vertical-align: middle;
margin-top: 2px;
}


/* =================== BUTONLAR =================== */
.buton{
border:1px solid var(--kenarlik);
background:var(--yardimci);
color:var(--yazi);
padding:10px 14px;
border-radius:12px;
cursor:pointer;
position:relative;
overflow:hidden;
text-decoration:none;
transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.buton_birincil{
background:var(--buton-birincil-bg);
border-color:var(--buton-birincil-kenar);
color:var(--buton-birincil-yazi);
}

.buton_yesil{
background:var(--buton-yesil-bg);
border-color:var(--buton-yesil-kenar);
color:var(--buton-yesil-yazi);
}

.buton_tehlike{
background:var(--buton-tehlike-bg);
border-color:var(--buton-tehlike-kenar);
color:var(--buton-tehlike-yazi);
}

.buton_turuncu{
background:var(--buton-turuncu-bg);
border-color:var(--buton-turuncu-kenar);
color:var(--buton-turuncu-yazi);
}

.buton_sari{
background:var(--buton-sari-bg);
border-color:var(--buton-sari-kenar);
color:var(--buton-sari-yazi);
}

.buton_ikincil{
background:var(--buton-cizgi-bg);
border-color:var(--buton-cizgi-kenar);
color:var(--buton-cizgi-yazi);
}

.buton_iz{
background:transparent;
border-color:transparent;
color:var(--baglanti);
}

@keyframes bg_kaydir{
0%{background-position:-200% 0}
100%{background-position:200% 0}
}

.buton:hover{
background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25),rgba(255,255,255,0));
background-size:200% 100%;
animation:bg_kaydir .8s ease forwards;
}

.buton:disabled,
.buton[aria-disabled="true"]{
opacity:.55;
cursor:not-allowed;
pointer-events:none;
}

.buton .iconify{
margin-top:0;
vertical-align:middle;
}



/* =================== HEADER (overlay) =================== */
.ust-alan{top:0; left:0; width:100%; z-index:50; background:transparent; }
.home .ust-alan {
position: absolute;
}
body:not(.home) .ust-alan {
position: relative;
}

body:not(.home) .ust-alan::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 75%;
background: var(--mavi);
z-index: -1;
}
body:not(.home) .logo_alani {
position: relative;
}
body:not(.home) .logo_alani::before {
content: "";
position: absolute;
inset: 0;
margin: 0px auto 0px -1%;
width: 102%;
height: 102%;
background: var(--mavi);
border-radius: 50%;
z-index: -1;
}



.ust-ic{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
color: var(--beyaz);
}
.ust-ic a{ color: var(--beyaz); text-decoration:none; }

.logo_alani {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
height: auto;
}

.logo_alani a {
display: inline-flex;
align-items: center;
justify-content: center;
}

.logo_alani img {
display: block;
max-width: 180px;
height: auto;
}

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

/* =================== DESKTOP MENÜ =================== */
.header_menu{}
.menu_iletisim {
display: flex;
justify-content: flex-end;
gap: 20px;
margin-bottom: 8px;
font-size: 14px;
}
.iletisim-link {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
text-decoration: none;
color: inherit;
line-height: 1.4;
}
.iletisim-link svg {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.iletisim-link svg {
margin-top: -2px;
}
.iletisim-link:hover {
color: var(--sari);
}


.header_menu .menu{
display: flex;
align-items: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.header_menu .menu > li{
position: relative;
}
.header_menu .menu > li > a{
position: relative;
display: inline-flex;
align-items: center;
gap: 2px;
padding: 8px 0;
border-radius: 8px;
text-decoration: none;
color: #fff;
font-size: 17px;
--underline-h: 2px;
--underline-ease: cubic-bezier(.22,.61,.36,1);
}
.header_menu .menu > li > a::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: var(--underline-h);
background: currentColor;
border-radius: 2px;
opacity: 0;
transform: scaleX(0);
transform-origin: 50% 50%;
transition:
transform .28s var(--underline-ease),
opacity  .18s var(--underline-ease);
will-change: transform, opacity;
}
.header_menu .menu > li > a:hover::after,
.header_menu .menu > li > a:focus-visible::after{
opacity: .95;
transform: scaleX(1);
}
.header_menu .menu > li > a .menu-arrow {
width: 1em;
height: 1em;
margin-left: 4px;
vertical-align: middle;
transition: transform .25s ease;
}
.header_menu .alt_menu{
position:absolute; top:100%; left:0;
min-width:240px; background:#fff; border:1px solid rgba(0,0,0,.12);
padding:8px;
display:grid; grid-auto-rows:auto; row-gap:4px;
opacity:0; visibility:hidden; transform:translateY(6px);
transition:opacity .18s ease, transform .18s ease, visibility .18s;
z-index:60;
}
.header_menu .alt_menu a{
display:flex; align-items:center; justify-content:space-between; gap:8px;
padding:10px 12px; border-radius:8px; color:#141414; text-decoration:none;
}
.header_menu .alt_menu a:hover{ background:rgba(0,0,0,.05); }
.header_menu .menu > li:hover > a .menu-arrow {
transform: rotate(180deg);
}
.header_menu .menu > li:hover > .alt_menu{ opacity:1; visibility:visible; transform:translateY(0); }
.header_menu .alt_menu .altli{ position:relative; }
.header_menu .alt_menu .altli > a .menu-arrow {
transform: rotate(0deg);
}
.header_menu .alt_menu .altli:hover > a .menu-arrow {
transform: rotate(180deg);
}
.header_menu .alt_menu .altli > .alt_menu.ikinci{
position:absolute; top:0; left:100%; margin-left:10px; min-width:240px;
opacity:0; visibility:hidden;
}
.header_menu .alt_menu .altli:hover > .alt_menu.ikinci{ opacity:1; visibility:visible; }
.mobil_liste .m-tetik .menu-arrow { transition: transform .2s; }


/* =================== MOBİL MENÜ (tam ekran) =================== */
.mobil_ac{ display:none; width:48px; height:48px; border-radius:12px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); cursor:pointer; position:relative; overflow:hidden; }
.mobil_ac svg {
position: absolute;
inset: 0;
margin: auto;
width: 70%;
height: 70%;
transition: transform .25s ease, opacity .2s ease;
will-change: transform, opacity;
pointer-events: none;
}

.mobil_ac .menui  { opacity: 1; transform: scale(1) rotate(0deg); }
.mobil_ac .closei { opacity: 0; transform: scale(.8) rotate(-90deg); }

.mobil_aktif .mobil_ac .menui  { opacity: 0; transform: scale(.8) rotate(90deg); }
.mobil_aktif .mobil_ac .closei { opacity: 1; transform: scale(1) rotate(0deg); }
.mobil_perde{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.32); opacity:0; visibility:hidden; transition:opacity .24s ease, visibility .24s ease; z-index:90; }
.mobil_menu{ position:fixed; top:0; left:0; width:100%; height:100%; background:var(--mavi); transform:translateX(-100%); transition:transform .34s cubic-bezier(.22,.61,.36,1); z-index:99999; display:flex; flex-direction:column; }
.mobil_ust{ display:flex; align-items:center; justify-content:flex-start; gap:10px; padding:16px 14px; border-bottom:1px solid rgba(0,0,0,.1); }

.mobil_logo {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
height: auto;
padding: 0px;
}

.mobil_logo a {
display: inline-flex;
align-items: center;
justify-content: center;
}

.mobil_logo img {
display: block;
width: 100px;
height: 100px;
max-width: 28vw;
object-fit: contain;
}

.mobil_logo .sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mobil_ust .ucretsiz_sac_analizi_link{ margin-left:auto; }
.ucretsiz_sac_analizi_link a{
--ul-border-w: 2px;
--ul-radius: 16px;
--ul-pad-y: 12px;
--ul-pad-x: 22px;
--ul-g1: var(--sari);
--ul-g2: #ffffff;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: var(--ul-pad-y) calc(var(--ul-pad-x) + 0px) var(--ul-pad-y) var(--ul-pad-x);
border-radius: var(--ul-radius);
color: #fff;
text-decoration: none;
background: linear-gradient(180deg, #112c72 0%, #0f2764 100%);
transition: background-color .25s ease, color .25s ease;
}

.ucretsiz_sac_analizi_link a::before{
content:"";
position:absolute;
inset:0;
padding: var(--ul-border-w);
border-radius: inherit;
background: linear-gradient(90deg, var(--ul-g1), var(--ul-g2), var(--ul-g1));
background-size: 300% 100%;
animation: uSAL_BorderFlow 4s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events:none;
}

.ucretsiz_sac_analizi_link a::after{
content:"";
position:absolute;
inset:0;
border-radius: calc(var(--ul-radius) - 1px);
background: linear-gradient(100deg,
rgba(241,194,92,.06) 0%,
rgba(241,194,92,.28) 35%,
rgba(241,194,92,.06) 70%);
background-size: 200% 100%;
background-position: -120% 0;
opacity: 0;
transition: opacity .25s ease;
pointer-events:none;
z-index: 0;
}
.ucretsiz_sac_analizi_link a:hover::after{
opacity: 1;
animation: uSAL_Sheen 1.2s cubic-bezier(.22,.61,.36,1);
}
.ucretsiz_sac_analizi_link a:focus-visible{
outline: 3px solid rgba(255,255,255,.95);
outline-offset: 2px;
}
@keyframes uSAL_BorderFlow{
0%   { background-position:   0% 0; }
100% { background-position: 300% 0; }
}
@keyframes uSAL_Sheen{
0%   { background-position: -120% 0; }
100% { background-position: 120% 0; }
}
.mobil_kapat {
width: 44px;
height: 44px;
border-radius: 12px;
background: transparent;
border: 1px solid rgba(0,0,0,0);
cursor: pointer;
display: grid;
place-items: center;
margin-left: 10px;
color: var(--beyaz);
}

.mobil_kapat svg {
width: 28px;
height: 28px;
line-height: 1;
pointer-events: none;
}

.mobil_nav{
padding:10px 8px;
overflow:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
-ms-overflow-style:none;
}
.mobil_nav::-webkit-scrollbar{
width:0 !important;
height:0 !important;
}
.mobil_nav::-webkit-scrollbar-button{ display:none; width:0; height:0; }
.mobil_liste{ list-style:none; margin:0; padding:0; display:grid; row-gap:6px; }
.mobil_liste a,
.mobil_liste .m-tetik{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 14px; color: var(--beyaz); width: 100%; background:transparent; text-decoration:none; border-radius:10px; border:0; cursor:pointer; }
.mobil_liste a:hover,
.mobil_liste .m-tetik:hover{ color: var(--sari); }
.mobil_liste .m-alt{ display:none; margin:4px 0 4px 10px;}
.mobil_liste .m-alt.acik{ display:grid; row-gap:4px; }
.mobil_liste .m-tetik[aria-expanded="true"] .menu-arrow {
transform: rotate(180deg);
}
.mobil_aktif{ overflow:hidden; }
.mobil_aktif .mobil_menu{ transform:translateX(0); }
.mobil_aktif .mobil_perde{ opacity:1; visibility:visible; }
@media (max-width:979px){
.header_menu{ display:none; }
.mobil_ac{ display:inline-grid; place-items:center; }
}

:root{ --focus-ring: 3px; --focus-color-dark: #ffffff; --focus-color-light: #112c72; }
a:focus-visible,
button:focus-visible{
outline: var(--focus-ring) solid var(--focus-color-light);
outline-offset: 2px;
}
.ust-alan a:focus-visible,
.mobil_ac:focus-visible{
outline-color: var(--focus-color-dark);
}
.header_menu .menu > li:focus-within > .alt_menu,
.header_menu .menu > li > a[aria-expanded="true"] + .alt_menu{
opacity: 1; visibility: visible; transform: translateY(0);
}
.header_menu .menu > li > a[aria-expanded="true"] .iconify{
transform: rotate(180deg);
}
.header_menu .alt_menu a:focus-visible{
outline: var(--focus-ring) solid var(--focus-color-light);
outline-offset: 2px;
background: rgba(0,0,0,.05);
}


.slider_alani{
position: relative;
height: 100vh;
overflow: hidden;
color: #fff;
isolation: isolate;
}
@supports (height: 100svh) {
.slider_alani{ height: 100svh; }
}

.slider_arka_video{
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
z-index: -1;
background: #000 url("images/video-poster.jpg") center/cover no-repeat;
}

.slider_alani::before{
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: var(--mavi, #0a58ca);
opacity: 0.80;
z-index: 0;
pointer-events: none;
}

.slider_kapsayici{
position: relative; z-index: 1;
width: 100%;
height: calc(100% - 30px);
margin-top: 30px;
margin-bottom: 0;
display: grid;
place-items: center;
text-align: center;
}
.slider_metin{
max-width: 850px;
width: 100%;
padding: 0 15px;
}
.slider_metin h1{
font-size: 36px;
line-height: 1.15;
font-weight: 700;
margin: 0 0 20px 0;
}
.slider_metin p{
font-size: 18px;
line-height: 1.6;
margin: 0 0 20px 0;
opacity: .95;
}
.slider_link{
--sl-border-w: 2px;
--sl-radius: 14px;
--sl-pad-y: 12px;
--sl-pad-x: 20px;
--sl-g1: var(--sari);
--sl-g2: #ffffff;
--sl-g3: rgba(255,255,255,.6);
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
padding: var(--sl-pad-y) var(--sl-pad-x);
border-radius: var(--sl-radius);
color: #fff;
text-decoration: none;
isolation: isolate;
}
.slider_link::before{
content:"";
position:absolute;
inset:0;
padding: var(--sl-border-w);
border-radius: inherit;
background: linear-gradient(90deg, var(--sl-g1), var(--sl-g2), var(--sl-g1));
background-size: 300% 100%;
animation: sliderLinkBorderFlow 4s linear infinite;
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events:none;
}
.slider_link::after{
content:"";
position:absolute;
inset:0;
border-radius: calc(var(--sl-radius) - 1px);
background: linear-gradient(90deg, rgba(241,194,92,.14) 0%, rgba(241,194,92,.26) 100%);
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform .35s cubic-bezier(.22,.61,.36,1);
pointer-events:none;
z-index:-1;
}
.slider_link:hover::after{
animation: sliderLinkFillBg .35s cubic-bezier(.22,.61,.36,1) forwards;
transform: scaleX(1);
}
.slider_link:focus-visible{
outline: 3px solid rgba(255,255,255,.9);
outline-offset: 2px;
}
@keyframes sliderLinkBorderFlow{
0%   { background-position:   0% 0; }
100% { background-position: 300% 0; }
}
@keyframes sliderLinkFillBg{
from { transform: scaleX(0); }
to   { transform: scaleX(1); }
}


.slider_metin h1 strong{
position: relative;
display: inline-block;
padding-inline: 2px;
color: var(--sari);
}
.slider_metin h1 strong::after {
content: "";
position: absolute;
left: 6px;
right: 6px;
bottom: -13px;
height: 2px;
border-radius: 999px;
background: linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
currentColor 20%,
currentColor 80%,
rgba(255,255,255,0) 100%
);
background-size: 200% 100%;
animation: lineFlow 3s linear infinite;
opacity: .95;
will-change: background-position;
}

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

@media (prefers-reduced-motion: reduce) {
.slider_metin h1 strong::after {
animation: none;
}
}

.slider_metin h1{
will-change: transform, opacity;
animation: k-fadeSlideUp .70s var(--in-ease) .35s both;
backface-visibility: hidden;
}
.slider_metin p{
will-change: transform, opacity;
animation: k-fadeSlideUp .80s var(--in-ease) .50s both;
backface-visibility: hidden;
}
.slider_metin a{
display: inline-flex;
align-items: center;
gap: 8px;
will-change: transform, opacity;
animation: k-fadeSlideUp .90s var(--in-ease) .65s both;
backface-visibility: hidden;
}


/* =========================================================
Google Yorum Rozeti (slider_alani içinde kullanılır)
========================================================= */
.google_yorumlar{
position: absolute;
left: 50%;
bottom: 30px;
transform: translate(-50%, 0);
z-index: 2;
display: grid;
grid-template-columns: auto 1fr;
grid-template-areas:
"logo stars"
"logo strong";
align-items: center;
column-gap: 10px;
row-gap: 5px;
padding: 10px 14px;
border-radius: 9999px;
background: rgba(255,255,255,0.10);
border: 3px solid rgba(255,255,255,0.18);
color: #fff;
}
.google_logo{ grid-area: logo; display: grid; place-items: center; }
.google_yildizlar{ grid-area: stars; display: inline-flex; align-items: center; gap: 1px; white-space: nowrap; }
.google_yorumlar > strong{ grid-area: strong; font-weight: 600; line-height: 1.2; }
.google_yorumlar > strong span {font-weight: 400;}
.google_yorumlar .iconify{ margin-top: 0; line-height: 1; }

.google_logo .google_svg {
width: clamp(20px, 2.2vw, 24px);
height: auto;
display: inline-block;
vertical-align: middle;
}

.google_yildizlar .yildiz {
width: clamp(16px, 2vw, 20px);
height: auto;
color: #fff; /* başlangıç beyaz */
opacity: 0.2;
transform: scale(0.8);
animation: starFill 0.0s ease forwards;
}
.google_yildizlar .yildiz:nth-child(1) { animation-delay: 1.1s; }
.google_yildizlar .yildiz:nth-child(2) { animation-delay: 1.4s; }
.google_yildizlar .yildiz:nth-child(3) { animation-delay: 1.7s; }
.google_yildizlar .yildiz:nth-child(4) { animation-delay: 2.0s; }
.google_yildizlar .yildiz:nth-child(5) { animation-delay: 2.3s; }

@keyframes starFill {
0%   { color: #fff; opacity: 0.2; transform: scale(0.8); }
60%  { color: #ffdd55; opacity: 1; transform: scale(1.15); }
100% { color: var(--sari); opacity: 1; transform: scale(1); }
}


@media (min-width: 768px){
.google_yorumlar{
grid-template-columns: auto auto auto;
grid-template-areas: "logo stars strong";
column-gap: 12px;
row-gap: 0;
}
.google_yorumlar > strong{ white-space: nowrap; }
}



/* =========================================================
AVANTAJ BLOĞU
========================================================= */
.uclu_kutu_alani {
position: relative;
overflow: hidden;
color: #fff;
padding: 0;
--u-c1: #0a1b55;
--u-c2: var(--mavi);
--u-c3: #1c45b0;
--u-spotA: rgba(70,140,255,.24);
--u-spotB: rgba(140,180,255,.18);
--u-sep: rgba(255,255,255,.10);
background:
radial-gradient(1200px 640px at -10% 0%,  var(--u-spotA), transparent 60%),
radial-gradient(900px  540px at 110% 100%, var(--u-spotB), transparent 60%),
radial-gradient(1000px 700px at 70% 10%, rgba(255,255,255,.06), transparent 60%),
linear-gradient(135deg, var(--u-c1) 0%, var(--u-c2) 48%, var(--u-c3) 100%);
}

.uclu_kutu_alani .kutular {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
background-image:
linear-gradient(to bottom, var(--u-sep), var(--u-sep)),
linear-gradient(to bottom, var(--u-sep), var(--u-sep));
background-repeat: no-repeat;
background-size: 1px 100%, 1px 100%;
background-position:
calc(33.333% - .5px) 0,
calc(66.666% - .5px) 0;
}

.uclu_kutu_alani .kutular .kutu:nth-child(n+4) {
border-top: 1px solid var(--u-sep);
}

.uclu_kutu_alani .kutular .kutu,
.uclu_kutu_alani .kutular .kutu > a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
min-height: clamp(110px, 20vw, 150px);
color: inherit;
text-decoration: none;
}

.uclu_kutu_alani .kutular .kutu { padding: 0 20px; }
.uclu_kutu_alani .kutular .kutu > a { padding: 0; }

/* SVG boyut kontrolü */
.uclu_kutu_alani .kutular .kutu .ikon svg {
width: 60px;
height: 60px;
flex-shrink: 0;
flex: 0 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
color: var(--beyaz);
animation:
ucb-orbit 7.2s ease-in-out infinite,
ucb-glow  3.6s ease-in-out infinite;
transform-origin: 60% 60%;
will-change: transform, filter;
}

.uclu_kutu_alani .kutular .kutu > a:hover .ikon svg,
.uclu_kutu_alani .kutular .kutu > a:hover h2,
.uclu_kutu_alani .kutular .kutu > a:hover p {
color: var(--sari);
}


.uclu_kutu_alani .kutular .kutu .yazi {
display: grid;
gap: 6px;
width: 95%;
}

.uclu_kutu_alani .kutular .kutu h2 {
font-weight: 500;
font-size: clamp(16px,2.2vw,20px);
letter-spacing: .2px;
}

.uclu_kutu_alani .kutular .kutu p {
font-weight: 300;
font-size: clamp(13px,1.8vw,15px);
line-height: 1.6;
color: rgba(255,255,255,.88);
}

@media (min-width: 981px) and (max-width: 1260px) {
.uclu_kutu_alani .kutular .kutu h2 { font-size: 18px; }
.uclu_kutu_alani .kutular .kutu .yazi { width: 100%; }
}

@media (max-width:980px) {
.uclu_kutu_alani .kutular {
grid-template-columns: 1fr;
background-image: none;
}
.uclu_kutu_alani .kutular .kutu { border-top: 0; }
.uclu_kutu_alani .kutular .kutu + .kutu {
border-top: 1px solid var(--u-sep);
}
}

@keyframes ucb-orbit {
0%   { transform: translateY(0) rotate(0deg); }
25%  { transform: translateY(-2px) rotate(-1.2deg); }
50%  { transform: translateY(0) rotate(0deg); }
75%  { transform: translateY(2px) rotate(1.2deg); }
100% { transform: translateY(0) rotate(0deg); }
}

@keyframes ucb-glow {
0%,100%{ filter: drop-shadow(0 0 0 rgba(240,245,255,0)); }
50%    { filter: drop-shadow(0 8px 16px rgba(240,245,255,.16)); }
}




/* === HAKKIMIZDA – İstenen revizyon (li hover = yalnız ışık, img = yaratıcı maske) === */

.hakkimizda_anasayfa .site_genislik{padding:0 15px;}

.hakkimizda_anasayfa .hakkimizda_alani{
display:grid;
grid-template-columns:1fr 1fr;
align-items:stretch;
gap:60px;
}
.hakkimizda_anasayfa .hakkimizda_yazi{
display:grid;
align-content:center;
justify-items:start;
row-gap: 10px;
}
.hakkimizda_anasayfa .hakkimizda_yazi span.checkikon svg {
width:32px;
height:32px;
line-height:1;
color:var(--mavi);
margin-top:-2.5px;
}
.hakkimizda_anasayfa .hakkimizda_yazi span {
color: var(--mavi);
}
.hakkimizda_anasayfa .hakkimizda_yazi h2{
font-weight:700;
font-size:38px;
line-height:1.2;
letter-spacing:.2px;
color:var(--siyah);
}
.hakkimizda_anasayfa .hakkimizda_yazi p{
font-weight:400;
font-size:18px;
line-height:1.75;
color:rgba(20,20,20,.88);
}

.hakkimizda_anasayfa .hakkimizda_yazi ul{
list-style:none;
margin:20px 0 0 0;
padding:0;
display:grid;
gap:30px;
width:100%;
grid-template-columns:1fr 1fr;
}
.hakkimizda_anasayfa .hakkimizda_yazi ul li{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:42px 1fr;
align-items:center;
column-gap:6px;
padding:10px 12px;
background:rgba(20,20,20,.04);
border:1px solid rgba(20,20,20,.08);
border-radius:8px;
cursor: default;
}

.hakkimizda_anasayfa .hakkimizda_yazi ul li::after{
content:"";
position:absolute;
top:-60%; left:-160%;
width:120%; height:220%;
background:linear-gradient(60deg,
rgba(255,255,255,0) 30%,
rgba(255,255,255,.40) 50%,
rgba(255,255,255,0) 70%);
transform:translateX(0);
opacity:.0;
pointer-events:none;
mix-blend-mode:screen;
}
.hakkimizda_anasayfa .hakkimizda_yazi ul li:hover::after{
opacity:1;
animation: li-sheen .9s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes li-sheen{
to { transform:translateX(240%); }
}
.hakkimizda_anasayfa .hakkimizda_yazi ul li strong{
font-weight:600;
line-height:1.3;
color:var(--siyah);
}


.hakkimizda_anasayfa .hakkimizda_resim{
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 460px;
overflow: hidden;
}
.hakkimizda_anasayfa .hakkimizda_resim img{
position: relative;
z-index: 1;
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center bottom;
border-radius: 200px 60px 200px 60px;
}
.hakkimizda_anasayfa .hakkimizda_resim::after{
content:"";
position:absolute;
inset:-22% -12%;
border-radius: inherit;
pointer-events:none;
z-index:2;
background:
linear-gradient(112deg,
rgba(255,255,255,0) 44%,
rgba(255,255,255,.22) 50%,
rgba(255,255,255,0) 56%
),
radial-gradient(120px 60px at 35% 50%,
rgba(255,255,255,.10), rgba(255,255,255,0) 60%
);
mix-blend-mode: screen;
transform: translateX(-130%);
animation: hbSheen 12s ease-in-out infinite;
}
@keyframes hbSheen{
0%   { transform: translateX(-130%); opacity: 0; }
10%  { opacity: .95; }
30%  { transform: translateX(130%); opacity: 0; }
100% { transform: translateX(130%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){
.hakkimizda_anasayfa .hakkimizda_resim::after{
animation: none;
opacity: .10;
transform: none;
}
}



@media (max-width:1260px){
.hakkimizda_anasayfa .hakkimizda_alani{gap:56px;}
.hakkimizda_anasayfa .hakkimizda_resim{min-height:420px;}
}

@media (max-width:980px){
.hakkimizda_anasayfa .hakkimizda_alani{
grid-template-columns:1fr;
gap:36px;
}
.hakkimizda_anasayfa .hakkimizda_yazi ul{
grid-template-columns:1fr;
gap:12px;
}
.hakkimizda_anasayfa .hakkimizda_resim{min-height:360px;}
.hakkimizda_anasayfa .hakkimizda_yazi h2{font-size:30px;}
}

@media (max-width:467px){
.hakkimizda_anasayfa .hakkimizda_alani{gap:24px;}
.hakkimizda_anasayfa .hakkimizda_resim{min-height:320px;}
.hakkimizda_anasayfa .hakkimizda_yazi h2{font-size:26px;}
.hakkimizda_anasayfa .hakkimizda_yazi p{font-size:16px;}
}


/* === Hakkımızda: Danışmanlık butonu (yalnızca bu blok) === */
.hakkimizda_danismanlik,
.talep_formu .tf-actions {
--g1: #0c963f;
--g2: #ffffff;
--g3: #0c963f;
display:inline-block;
padding:2px;
border-radius:14px;
background-image:linear-gradient(90deg,var(--g1),var(--g2),var(--g3),var(--g2),var(--g1));
background-size:300% 100%;
background-position:0% 50%;
animation:hdBorderFlow 6.5s linear infinite;
margin: 30px auto 0px auto;
text-align: center;
}
.hakkimizda_danismanlik .buton.buton_yesil,
.talep_formu .tf-actions .buton.buton_yesil {
position:relative;
display:inline-flex;
align-items:center;
gap:10px;
border-radius:12px;
border-color:transparent;
text-decoration:none;
padding: 12px 20px;
}
.talep_formu .tf-actions {
--g2: #c0cef2!important;
}
@keyframes hdBorderFlow{
0%   { background-position: 0%   50%; }
100% { background-position: 300% 50%; }
}
@media (prefers-reduced-motion: reduce){
.hakkimizda_danismanlik { animation:none; }
}





/* === Öncesi / Sonrası Bölümü === */
.oncesi_sonrasi_anasayfa {
position: relative;
z-index: 0;
max-height: 680px;
overflow: hidden;
}
.oncesi_sonrasi_anasayfa::before {
content: "";
position: absolute;
left: 0; right: 0; top: 0;
height: 60%;
background: var(--mavi);
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
pointer-events: none;
z-index: -1;
}

.oncesi_sonrasi_anasayfa .site_genislik {
position: relative;
z-index: 1;
overflow: hidden;
padding: 15px 15px 0px 15px;
}

.oncesi_sonrasi_anasayfa .oncesi_sonrasi_slider {
--os-radius: 14px;
width: 100%;
padding: 10px 10px;
box-sizing: border-box;
opacity: 0;
transition: opacity 0.1s ease;
}

.oncesi_sonrasi_anasayfa .oncesi_sonrasi_slider.swiper-initialized {
visibility: visible;
position: relative;
opacity: 1;
}

.oncesi_sonrasi_anasayfa .os-card {
position: relative;
border-radius: var(--os-radius);
overflow: hidden;
background: #0b1224;
aspect-ratio: 4 / 5;
isolation: isolate;
transition: transform .45s cubic-bezier(.22,.61,.36,1);
}

.oncesi_sonrasi_anasayfa .swiper-slide .os-card {
transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
will-change: transform;
transform: scale(0.99);
}
.oncesi_sonrasi_anasayfa .swiper-slide:hover .os-card {
transform: scale(1.05);
}

.oncesi_sonrasi_anasayfa .os-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.oncesi_sonrasi_anasayfa .os-controls {
margin: 25px auto 0px auto;
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
width: 100%;
position: relative;
bottom: 5px;
}
.oncesi_sonrasi_anasayfa .os-prev,
.oncesi_sonrasi_anasayfa .os-next {
--btn-size: 44px;
width: var(--btn-size);
height: var(--btn-size);
display: grid;
place-items: center;
border-radius: 50%;
border: 0;
background: var(--mavi);
color: var(--beyaz);
cursor: pointer;
transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
transform: scale(.90);
will-change: transform;
}
.oncesi_sonrasi_anasayfa .os-prev svg,
.oncesi_sonrasi_anasayfa .os-next svg {
width: 32px;
height: 32px;
display: block;
margin-top: 0px;
}

.oncesi_sonrasi_anasayfa .os-prev:hover,
.oncesi_sonrasi_anasayfa .os-next:hover {
background: var(--mavi);
color: var(--beyaz);
transform: scale(1.10);
}
.oncesi_sonrasi_anasayfa .os-prev:active,
.oncesi_sonrasi_anasayfa .os-next:active {
transform: scale(1.10);
}


.oncesi_sonrasi_anasayfa .swiper-slide {
transform: scale(1);
}


@media (max-width: 599px) {
.oncesi_sonrasi_anasayfa {
max-height: 100%;
}
.oncesi_sonrasi_anasayfa .os-controls {
grid-template-columns: 1fr auto 1fr;
gap: 10px;
}
.oncesi_sonrasi_anasayfa .os-prev,
.oncesi_sonrasi_anasayfa .os-next {
--btn-size: 38px;
}
.oncesi_sonrasi_anasayfa .swiper-slide:hover .os-card {
transform: scale(1);
}
}


.genel_baslik_aciklama{
display: grid;
justify-items: center;
row-gap: 10px;
text-align: center;
color: #fff;
max-width: 960px;
margin: 30px auto 30px auto;
padding: 0;
}

.genel_baslik_aciklama > h3{
display: inline-block;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.8px;
line-height: 1;
text-transform: uppercase;
}
.genel_baslik_aciklama > p{
font-size: 18px;
line-height: 1.7;
color: rgba(255,255,255,.92);
max-width: 820px;
margin: 0px 0 0px 0;
}

/* Orta ekranlar */
@media (max-width: 980px){
.genel_baslik_aciklama{ row-gap: 8px; margin-bottom: 18px; }
.genel_baslik_aciklama > p{ font-size: 16px; }
}

/* Küçük ekranlar */
@media (max-width: 467px){
.genel_baslik_aciklama{ row-gap: 8px; margin-bottom: 16px; }
}


.glightbox-clean .gslide-description {
display: none!important;
}

/* =========================================================
Saç Ekimi – Tabs/Akordeon (stabil, a11y, kaymasız)
- Desktop: absolute paneller, container yüksekliği JS ile ayarlanır
- Mobile: tek-açık akordeon, içerik doğal yüksekliğinde (animasyonsuz)
- Yumuşak geçiş sadece: tab/akordeon paneli görünür olurken kısa fade
========================================================= */
.sac_ekimi_teknikleri .site_genislik {padding: 0px 15px;}
.se-tabs{ display:grid; gap:0; }

/* Tabbar */
.se-tabbar{
display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
gap:10px 12px; margin-bottom:30px;
}
.se-tab{ white-space:nowrap; font-size: 20px;}

/* Panel listesi (desktop’ta yükseklik animasyonuna izin verilir) */
.se-list{
position:relative;
overflow:hidden;
height:auto;
transition:height .25s ease; /* sadece desktop’ta etkili */
will-change:height;
}


/* Panel genel durumu: desktop’ta fade, mobilde JS ile kısa fade-in sınıfı eklenir */
.se-panel{
opacity:0; visibility:hidden;
transition:opacity .18s ease;
}
.se-panel.is-active{
opacity:1; visibility:visible;
}

/* İç boşluklar */
.se-panel-inner > *:first-child{ margin-top:0; }

/* Mobil akordeon butonu */
.se-acc{ display:none; }

/* Desktop yerleşimi: paneller üst üste, sadece aktif görünür */
@media (min-width:981px){
.se-panel{
position:absolute; inset:0; width:100%;
pointer-events:none;
}
.se-panel.is-active{ pointer-events:auto; }
}

/* Mobile yerleşimi: doğal akış, animasyon yok (sadece kısa fade-in) */
@media (max-width:980px){
.se-tab{ font-size: 18px;}
.se-tabbar{ display:none; }
.se-acc{ display:block; width:100%; text-align:left; }
.se-item + .se-item{ margin-top:10px; }

/* Paneller akışta: kapalıyı tamamen gizle, açığı tam göster */
.se-panel{ position:static; opacity:1; visibility:visible; display:none; }
.se-item.is-open .se-panel{ display:block; }

/* Kısa ve güvenli fade-in sadece açılırken uygulanır */
.se-panel.se-fade-in{ animation: se-fade .18s ease; }
@keyframes se-fade { from{ opacity:0 } to{ opacity:1 } }
}

/* Hareket azalt tercihi */
@media (prefers-reduced-motion:reduce){
.se-list, .se-panel{ transition:none !important; animation:none !important; }
}

/* =========================================================
Split düzeni + medya
========================================================= */

.se-split{
display:grid;
grid-template-columns: minmax(0,1fr) minmax(0,1fr);
grid-template-areas: "text media";
gap:60px; align-items:stretch;
}

.se-col-text{
grid-area:text;
display:grid; align-content:center; gap:14px; min-height:100%;
}

.se-media{
grid-area:media; position:relative; overflow:hidden;
display:grid; place-items:center;
z-index:1;
}
.se-media::before{
content:""; position:absolute; inset:0;
background:var(--siyah); opacity:.40; z-index:2; pointer-events:none;border-radius:90px 30px 90px 30px;
}

/* Medya: desktop’ta container’ı doldur (contain), mobilde taşma/fırlama yaşanmasın diye yükseklik auto */
.se-media > img,
.se-media > video{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
border-radius:90px 30px 90px 30px;
}

/* Mobil: taşma/fırlama önlemi — yüksekliği AUTO yap, max-width güvenliği */
@media (max-width:980px){
.se-tab, .se-acc{ font-size: 18px;}
.se-panel.is-active ul {margin-bottom: 30px;}
.se-split{
grid-template-columns:1fr;
grid-template-areas:
"media"
"text";
gap:20px; margin:20px 0 10px;
}
.se-media{
aspect-ratio:auto; /* mobilde doğal yükseklik; sabit oran yok */
}
.se-media > img,
.se-media > video{
border-radius:60px 30px 60px 30px;
height:auto;       /* kritik: ilk yüklemede taşmayı önler */
max-width:100%;    /* güvenlik bariyeri */
object-fit:contain;
}
}

/* Tipografi kozmetik */
.se-panel h3{ font-size:22px; font-weight:600; letter-spacing:.2px; color:var(--siyah); }
.se-panel p{  font-size:16px; line-height:1.75; color:rgba(20,20,20,.88); }
.se-col-text h3{ font-size:26px; font-weight:600; letter-spacing:.2px; color:var(--siyah); }
.se-col-text p{  font-size:18px; line-height:1.75; color:rgba(20,20,20,.88); }


.se-col-text ul{
list-style:none;
margin:0px 0 0 0;
padding:0;
display:grid;
gap:15px;
width:100%;
grid-template-columns:1fr;
}
.se-col-text ul li{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:18px 1fr;
align-items:center;
column-gap:6px;
padding:7px 7px;
background:rgba(20,20,20,.04);
border:1px solid rgba(20,20,20,.08);
border-radius:8px;
cursor: context-menu;
}

.se-col-text ul li::after{
content:"";
position:absolute;
top:-60%; left:-160%;
width:120%; height:220%;
background:linear-gradient(60deg,
rgba(255,255,255,0) 30%,
rgba(255,255,255,.40) 50%,
rgba(255,255,255,0) 70%);
transform:translateX(0);
opacity:.0;
pointer-events:none;
mix-blend-mode:screen;
}
.se-col-text ul li:hover::after{
opacity:1;
animation: li-sheen .9s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes li-sheen{
to { transform:translateX(240%); }
}

.se-col-text ul li svg {
width: 16px;
height: 16px;
line-height: 1;
color: var(--siyah);
margin-top: 1px;
flex-shrink: 0;
}

.se-col-text ul li strong{
font-weight:600;
line-height:1.3;
color:var(--siyah);
}



/* Gerçek Sonuçlar */
.gercek_sonuclar_anasayfa{position:relative;z-index:0; max-height: 845px; overflow: hidden;}
.gercek_sonuclar_anasayfa::before{content:"";position:absolute;left:0;right:0;top:0;height:60%;background:var(--mavi);border-bottom-left-radius:100%;border-bottom-right-radius:100%;pointer-events:none;z-index:-1}
.gercek_sonuclar_anasayfa .site_genislik{
position:relative;z-index:1;overflow:hidden;padding:15px 15px 0
}
.gercek_sonuclar_anasayfa .gercek_sonuclar_slider{
--gs-radius:14px;
width:100%;
padding:10px;
opacity: 0;
transition: opacity 0.1s ease;
}
.gercek_sonuclar_anasayfa .gercek_sonuclar_slider.swiper-initialized{
visibility:visible;
position:relative;
opacity: 1;
}

.gs-card{position:relative;border-radius:var(--gs-radius);overflow:hidden;background:#0b1224;aspect-ratio:9/16;isolation:isolate;user-select:none;transition:transform .45s cubic-bezier(.22,.61,.36,1);outline:none;-webkit-tap-highlight-color:transparent}
.gs-card:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}
.gs-card img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease}
.gs-card.is-playing img{opacity:0}

.gs-play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border:0;border-radius:9999px;background:rgba(255,255,255,.25);cursor:pointer;display:grid;place-items:center;transition:transform .22s cubic-bezier(.22,.61,.36,1),background-color .22s ease}
.gs-play::before{content:"";display:block;width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}
@media (hover:hover){.gs-card:hover .gs-play{transform:scale(1.08);background:rgb(255,255,255,.25)}}
.gs-card.is-playing .gs-play{opacity:0;pointer-events:none}

.gs-iframe{position:absolute;inset:0;width:100%;height:100%;background:#000}
.gs-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.gs-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.6);color: var(--beyaz);text-decoration:none;font-weight:600}
.gs-fallback::before{content:"";width:0;height:0;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}

.gercek_sonuclar_anasayfa .gs-controls {
margin: 25px auto 0;
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
width: 100%;
position: relative;
bottom: 5px;
}

.gercek_sonuclar_anasayfa .gs-prev,
.gercek_sonuclar_anasayfa .gs-next {
--btn-size: 44px;
width: var(--btn-size);
height: var(--btn-size);
display: grid;
place-items: center;
border-radius: 50%;
border: 0;
background: var(--mavi);
color: var(--beyaz);
cursor: pointer;
transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
transform: scale(.9);
will-change: transform;
}

.gercek_sonuclar_anasayfa .gs-prev svg,
.gercek_sonuclar_anasayfa .gs-next svg {
width: 32px;
height: 32px;
display: block;
margin-top: 0;
}


@media (hover:hover){.gercek_sonuclar_anasayfa .gs-prev:hover,.gercek_sonuclar_anasayfa .gs-next:hover{transform:scale(1.1)}}

.gercek_sonuclar_anasayfa .swiper-slide{transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .45s ease;transform:scale(.96)}
.gercek_sonuclar_anasayfa .swiper-slide-next,.gercek_sonuclar_anasayfa .swiper-slide-prev{transform:scale(.965)}
.gercek_sonuclar_anasayfa .swiper-slide-active{transform:scale(1)}

@media (max-width:600px){
.gercek_sonuclar_anasayfa {max-height: 100%;}
.gercek_sonuclar_anasayfa .gs-controls{gap:10px}
.gercek_sonuclar_anasayfa .gs-prev,.gercek_sonuclar_anasayfa .gs-next{--btn-size:38px}
.gercek_sonuclar_anasayfa .swiper-slide:hover .gs-card{transform:none}
}
@media (prefers-reduced-motion:reduce){
.gercek_sonuclar_anasayfa .gercek_sonuclar_slider.swiper-initialized{transition:none}
.gercek_sonuclar_anasayfa .swiper-slide{transition:none}
.gs-card img,.gs-play{transition:none}
}

/* Video Modal (Shorts 9:16) – responsive */
#gs-overlay{
position:fixed; inset:0; z-index:9999;
display:grid; place-items:center;
padding:
max(16px, env(safe-area-inset-top))
max(16px, env(safe-area-inset-right))
max(16px, env(safe-area-inset-bottom))
max(16px, env(safe-area-inset-left));
background:rgba(0,0,0,.90);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
#gs-overlay[hidden]{display:none}
#gs-overlay .gs-modal{
position:relative;
width:min(92vw, calc(92vh * 9/16));
}
#gs-overlay .gs-close{
position:absolute; top:10px; right:10px; z-index:2;
border:0; border-radius:9999px;
background:rgba(0,0,0,.6); color: var(--beyaz);
font-size:22px; line-height:1; padding:8px 12px;
cursor:pointer; -webkit-tap-highlight-color:transparent;
}
#gs-overlay .gs-video{
position:relative; width:100%;
aspect-ratio:9 / 16;
background:#000; border-radius:14px; overflow:hidden;
}
#gs-overlay .gs-video iframe{
position:absolute; inset:0; width:100%; height:100%;
border:0; display:block;
}
@media (max-width:380px){
#gs-overlay .gs-modal{ width:min(96vw, calc(96vh * 9/16)); }
}
@supports not (aspect-ratio: 1 / 1){
#gs-overlay .gs-video{ height:0; padding-bottom:177.7778%; }
#gs-overlay .gs-video iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
}
body.gs-no-scroll{ overflow:hidden }




/* =======================================================
SEÇİME DAHİL HİZMETLER
======================================================= */
.secime_dahil_hizmet_anasayfa .genel_baslik_aciklama > h3 {
color: var(--siyah);
}
.secime_dahil_hizmet_anasayfa .genel_baslik_aciklama > p {
color: var(--siyah);
margin-bottom: 20px;
}

.sdh_anasayfa{
--sdh-gap: 30px;
--sdh-badge: 72px;
--sdh-icon-size: 36px;

display: flex;
flex-wrap: wrap;
gap: var(--sdh-gap);
justify-content: center;
list-style: none;
margin: 30px 0 0;
padding: 0;
}

.sdh_anasayfa > li{
flex: 0 1 calc((100% - (var(--sdh-gap) * 3)) / 4);
max-width: 340px;
position: relative;
border-radius: 16px;
overflow: visible;
padding: calc(var(--sdh-badge) / 2 + 20px) 22px 20px;
text-align: center;
margin-top: 30px;
cursor: default;
background: linear-gradient(180deg, #f5f6f8 0%, #eceff3 100%);
box-shadow:
0 1px 0 rgba(0,0,0,.03),
0 8px 18px rgba(0,0,0,.06);
transition: box-shadow .35s cubic-bezier(.22,.61,.36,1);
}

.sdh_anasayfa > li > *{
position: relative;
z-index: 1;
}

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

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

.sdh_anasayfa > li:hover,
.sdh_anasayfa > li:focus-within{
box-shadow:
0 10px 26px rgba(17,34,68,.20),
0 18px 38px rgba(0,0,0,.10);
}
.sdh_anasayfa > li:hover::before,
.sdh_anasayfa > li:focus-within::before{
animation: sdhFillIn .6s ease forwards;
}

.sdh_anasayfa > li:hover strong,
.sdh_anasayfa > li:hover p,
.sdh_anasayfa > li:focus-within strong,
.sdh_anasayfa > li:focus-within p{
color: #fff;
}

.sdh_anasayfa > li::after{
content: "";
position: absolute;
left: 50%;
top: calc(var(--sdh-badge) / -2);
transform: translateX(-50%);
width: var(--sdh-badge);
height: var(--sdh-badge);
border-radius: 999px;
background: #fff;
box-shadow:
0 8px 20px rgba(17,44,114,.16),
inset 0 0 0 1px rgba(255,255,255,.75);
z-index: 2;
pointer-events: none;
}
.sdh_anasayfa > li > .ikon {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
color: var(--mavi);
line-height: 1;
z-index: 3;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}

.sdh_anasayfa > li > .ikon svg {
width: var(--sdh-icon-size) !important;
height: var(--sdh-icon-size) !important;
preserveAspectRatio: xMidYMid meet;
}

.sdh_anasayfa > li > strong{
display: block;
font-size: 18px;
font-weight: 700;
color: #0b1224;
letter-spacing: .2px;
margin-bottom: 6px;
transition: color .25s ease;
}
.sdh_anasayfa > li > p{
font-size: 16px;                          /* istek */
line-height: 1.7;
color: rgba(20,20,20,.88);
margin: 0;
transition: color .25s ease;
}

/* ---- Responsive sütunlar ---- */
@media (max-width: 1260px){
.sdh_anasayfa > li{
flex: 0 1 calc((100% - (var(--sdh-gap) * 2)) / 3);
max-width: 360px;
}
}
@media (max-width: 980px){
.sdh_anasayfa > li{
flex: 0 1 calc((100% - var(--sdh-gap)) / 2);
max-width: 520px;
}
}
@media (max-width: 599px){
.sdh_anasayfa > li{
flex: 1 1 100%;
max-width: 100%;
}
}

/* Hareketi azalt tercihi */
@media (prefers-reduced-motion: reduce){
.sdh_anasayfa > li,
.sdh_anasayfa > li::before{
transition: none !important;
animation: none !important;
}
}



/* ===== WhatsApp CTA Alanı ===== */
.whatsapp_genel_mesaj{
position: relative;
isolation: isolate;
overflow: hidden;
color: #fff;
background:
radial-gradient(1200px 800px at 8% 20%, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 55%),
radial-gradient(900px 700px at 92% 85%, rgba(7,94,84,.28) 0, rgba(7,94,84,0) 60%),
radial-gradient(700px 600px at 110% -10%, rgba(37,211,102,.22) 0, rgba(37,211,102,0) 65%),
linear-gradient(135deg, #075E54 0%, #128C7E 45%, #25D366 100%);
background-repeat: no-repeat;
background-size: cover, cover, cover, cover;
}
.whatsapp_genel_mesaj::before,
.whatsapp_genel_mesaj::after{
content:"";
position:absolute;
inset:-25% -15%;
pointer-events:none;
opacity:.35;
z-index:0;
background-repeat:repeat;
}
.whatsapp_genel_mesaj::before{
background-image:
radial-gradient(circle, rgba(255,255,255,.18) 2px, transparent 3px),
radial-gradient(circle, rgba(255,255,255,.12) 1.5px, transparent 3px);
background-size: 60px 60px, 80px 80px;
background-position: 0 0, 30px 40px;
animation: wpBubblesA 48s linear infinite;
}
.whatsapp_genel_mesaj::after{
opacity:.22;
background-image:
radial-gradient(circle, rgba(255,255,255,.18) 6px, transparent 7px),
radial-gradient(circle, rgba(255,255,255,.10) 4px, transparent 5px);
background-size: 140px 140px, 160px 160px;
background-position: 0 0, 70px 20px;
animation: wpBubblesB 70s linear infinite;
}
@keyframes wpBubblesA{
0%   { background-position: 0    0,    30px  40px; }
100% { background-position: 0 -1200px, 30px -1600px; }
}
@keyframes wpBubblesB{
0%   { background-position: 0     0,    70px   20px; }
100% { background-position: 0 -1800px, 70px -2200px; }
}
.whatsapp_genel_mesaj .wp_icerik_alani{
position: relative;
z-index: 1; /* baloncukların üstünde */
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: clamp(16px, 2.4vw, 32px);
padding: 30px 0px;
min-height: 100px;
}
.whatsapp_genel_mesaj .wp_yazi h3{
margin: 0 0 8px 0;
font-size: clamp(22px, 2.3vw, 34px);
line-height: 1.15;
letter-spacing: 0.2px;
}
.whatsapp_genel_mesaj .wp_yazi p{
margin: 0;
max-width: 60ch;
font-size: clamp(14px, 1.1vw, 17px);
line-height: 1.6;
opacity: .95;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik{
margin: 0 0 0 auto;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik .buton.buton_yesil{
color: var(--beyaz);
box-shadow: 0 6px 18px rgba(0,0,0,.18);
transition: transform .2s ease, box-shadow .2s ease;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik {
--g2: #97ffcb;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik .buton.buton_yesil svg{
flex:0 0 auto;
width: 24px; height: 24px;
margin-top: -2px;
}
@media (max-width: 768px){
.whatsapp_genel_mesaj .wp_icerik_alani{
grid-template-columns: 1fr;
text-align: center;
min-height: unset;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik{
margin: 16px auto 0 auto;
}
.whatsapp_genel_mesaj .hakkimizda_danismanlik .buton.buton_yesil{
justify-content: center;
}
}
@media (prefers-reduced-motion: reduce){
.whatsapp_genel_mesaj::before,
.whatsapp_genel_mesaj::after{
animation: none !important;
}
}



/* ===================== Yardımcılar ===================== */
:root{
--ssf-gap: 60px;
--ssf-radius: 10px;
--ssf-radius_iki: 20px;
--ssf-shadow: 0 4px 14px rgba(0,0,0,.06);
--inp-font: 16px;
}

/* ===================== Bölüm ve 50/50 BG ===================== */
.sss_ve_form{
position:relative;
}

/* İçerik üstte */
.sss_ve_form .site_genislik.ssf-icerik{
position:relative;
z-index:1;
}

/* ===================== Grid ===================== */
.ssf-icerik{
display:grid;
grid-template-columns:1fr 1fr;
align-items:start;
gap:var(--ssf-gap);
}
@media (max-width:981px){
.ssf-icerik{
grid-template-columns:1fr;
gap: 30px;
}
.ssf-kutu{ min-height:auto; }
}
.ssf-kutu{ display:block; }
.ssf-kutu-ic{
display:grid;
align-content:start;
min-height:100%;
}

.ssf-baslik{ font-size:24px; font-weight:700; letter-spacing:.2px; margin:0 0 5px 0; }
.ssf-aciklama{ font-size:16px; font-weight:400; margin:0 0 15px 0; }
.anasayfa_sss{ color: var(--siyah); }
.talep_formu{ color: var(--beyaz); background: var(--mavi); padding: 30px; border-radius: var(--ssf-radius_iki); }


/* ===================== Akordiyon ===================== */
.klinik_akordiyon {
display: grid;
gap: 10px;
}

.ka-item {
border: 1px solid rgba(20,20,20,.12);
border-radius: var(--ssf-radius, 6px);
background: rgba(255,255,255,.92);
box-shadow: var(--ssf-shadow, 0 2px 6px rgba(0,0,0,.08));
}

.ka-head {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 14px;
background: transparent;
color: var(--siyah, #111);
font-weight: 600;
text-align: left;
border: 0;
cursor: pointer;
gap: 16px;
}

.ka-head svg {
flex-shrink: 0;
width: 14px;
height: 14px;
min-width: 14px;
min-height: 14px;
display: block;
}

.ka-icon {
transition: transform .3s ease;
}

.ka-head[aria-expanded="true"] .ka-icon {
transform: rotate(180deg);
}


.ka-panel {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
visibility: hidden;
transition: grid-template-rows .35s ease, opacity .35s ease, visibility 0s linear .35s;
}
.ka-panel > .ka-inner {
overflow: hidden;
}
.ka-item.is-open .ka-panel {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
transition: grid-template-rows .35s ease, opacity .35s ease, visibility 0s;
}

@keyframes innerOpen {
0%   { padding: 0 14px; opacity: 0; }
100% { padding: 12px 14px 14px; opacity: 1; }
}

.ka-inner {
color: rgba(20,20,20,.88);
line-height: 1.7;
padding: 0 14px;
}

.ka-item.is-open .ka-inner {
animation: innerOpen .35s ease forwards;
}


@media (prefers-reduced-motion: reduce) {
.ka-panel {
transition: none !important;
grid-template-rows: auto !important;
opacity: 1 !important;
visibility: visible !important;
}
}




/* ===================== Form ===================== */
form#talepForm {display: block;}
.talep_formu .tf-field {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 15px;
width: 100%;
box-sizing: border-box;
}
.talep_formu .tf-label{ font-size:14px; font-weight: 400; letter-spacing:.2px; opacity:.95; }
.talep_formu .tf-input,
.talep_formu .tf-telefon {
width: 100%;
max-width: 100%;
box-sizing: border-box;
font-size: 16px;
-webkit-text-size-adjust: 100%;
line-height: 1.4;
color: var(--siyah);
background: #fff;
border: 1px solid #d0d5dd;
border-radius: var(--ssf-radius);
padding: 12px 14px;
outline: none;
transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.talep_formu .tf-input:focus,
.talep_formu .tf-telefon:focus {
border-color: var(--mavi);
box-shadow: 0 0 0 3px rgba(17,44,114,.18);
}
.talep_formu,
.talep_formu * {
box-sizing: border-box;
}
.talep_formu .tf-input,
.talep_formu .tf-telefon,
.talep_formu .iti input[type=tel] {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.talep_formu .tf-phone-wrap,
.talep_formu .iti {
max-width: 100%;
}
.talep_formu {
overflow-x: hidden;
}

.talep_formu .tf-phone-wrap{ position:relative; }
.talep_formu .iti{ width:100%; }
.talep_formu .iti__country-list{ z-index:99999; }
.talep_formu .iti--allow-dropdown .iti__flag-container{ inset-inline-start:0px; border-radius: 14px;}
.talep_formu .iti--separate-dial-code .iti__selected-dial-code{ font-weight:600; color: var(--siyah); }
.talep_formu .iti__dial-code,
.talep_formu .iti__flag-box,
.talep_formu .iti__country-name {color: var(--siyah); font-size: 12px;}
.talep_formu .iti--separate-dial-code input {}

.iti input[type=tel] {width: 100%;}

.talep_formu .tf-gender{ border:0; padding:0; margin:5px 0px 15px 0px; display:grid; gap:8px; }
.talep_formu .tf-gender > legend{ display:none; }
.talep_formu .tf-gender-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.talep_formu .tf-radio{ position:relative; display:block; }
.talep_formu .tf-radio > input{ position:absolute; opacity:0; pointer-events:none; }
.talep_formu .tf-radio-ui{
display:flex; align-items:center; justify-content:center; gap:8px;
width:100%; padding:12px 14px; border-radius:var(--ssf-radius);
background:rgba(255,255,255,.12); color: var(--beyaz); border:1px solid rgba(255,255,255,.28);
cursor:pointer; transition: background-color .2s, border-color .2s;
}
.talep_formu .tf-radio-ui svg {width: 26px; height: 26px;}
.talep_formu .tf-radio > input:checked + .tf-radio-ui{ background:rgba(255,255,255,.22); border-color: var(--beyaz); }

.talep_formu .tf-checks {
display: flex;
gap: 12px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.talep_formu .tf-check {
display: grid;
grid-template-columns: 24px 1fr;
align-items: center;
gap: 10px;
position: relative;
width: 100%;
}
.talep_formu .tf-check .tf-error {
grid-column: 1 / -1;   /* ➝ Grid’in tamamına yayılsın */
margin-top: 6px;
}
.talep_formu .tf-check > input{ position:absolute; opacity:0; pointer-events:none; }
.talep_formu .tf-box{
width:24px; height:24px; border-radius:8px; border:2px solid rgba(255,255,255,.9);
display:grid; place-items:center; color: var(--beyaz); background:transparent;
}
.talep_formu .tf-tick{ opacity:0; transform:scale(.8); transition: transform .18s, opacity .18s;}
.talep_formu .tf-check > input:checked + .tf-box{ background:rgba(255,255,255,.15); border-color: var(--beyaz); }
.talep_formu .tf-check > input:checked + .tf-box .tf-tick{ opacity:1; transform:scale(1); color: #90ffb9;}
.talep_formu .tf-check-text{ color: var(--beyaz); line-height:1.55; font-size: 12px; font-weight: 400; cursor: pointer;}
.talep_formu .tf-check-text a {color: var(--beyaz); font-weight: 700; text-decoration: none;}
.talep_formu .tf-check-text a:hover {opacity: 0.8;}

.talep_formu .iti__selected-flag {
height: 48px!important;
}

/* Hata/başarı */
.talep_formu .tf-error {
margin-top: 4px;
font-size: 13px;
line-height: 1.4;
color: #842029;              /* Yazı rengi */
background-color: #f8d7da;   /* Açık kırmızı arka plan */
border: 1px solid #f5c2c7;   /* İnce kırmızı çerçeve */
border-radius: 4px;          /* Köşeleri yuvarlat */
padding: 8px 12px;           /* İç boşluk */
}

.talep_formu [aria-invalid="true"]{ border-color:#ff6b6b !important; box-shadow:0 0 0 4px rgba(255,107,107,.15) !important; }
.talep_formu .tf-actions{ display:grid; margin-top:6px; }
.talep_formu .tf-submit{ font-weight:500; padding:14px 18px; border-radius:var(--ssf-radius); }
/* Başarı mesajı varsayılan olarak gizli */
#tf-success {
display: none;
justify-content: center;
align-items: center;
text-align: center;
gap: 12px;
color: #a1e8bd;
font-size: 1.1rem;
font-weight: 300;
padding: 20px;
}
#tf-success svg {
width: 66px;
height: 66px;
margin: 0px auto 15px auto;
}
/* Açılma animasyonu */
@keyframes tfFadeIn {
from { opacity: 0; transform: translateY(10px); }
to   { opacity: 1; transform: translateY(0); }
}

/* Kapanma animasyonu */
@keyframes tfFadeOut {
from { opacity: 1; transform: translateY(0); }
to   { opacity: 0; transform: translateY(10px); }
}

/* Açıkken */
#tf-success.show {
display: flex;
animation: tfFadeIn 0.4s ease forwards;
}

/* Kapanırken */
#tf-success.hide {
animation: tfFadeOut 0.4s ease forwards;
}



.talep_formu form.is-submitted .tf-actions,
.talep_formu form.is-submitted .tf-checks,
.talep_formu form.is-submitted .tf-gender,
.talep_formu form.is-submitted .tf-field{ display:none !important; }

.talep_formu .tf-actions .buton.buton_yesil {
display: inline-block;
letter-spacing: .9px;
}

@media (max-width:980px){
.talep_formu .tf-gender-row {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:600px) {
.talep_formu .tf-gender-row {
grid-template-columns:1fr 1fr;
}
.talep_formu .tf-actions .buton.buton_yesil {
padding: 12px 10px;
font-size: 15px;
font-weight: 500;
}
.talep_formu {
padding: 15px;
}
}

.sss_tumu_link {
--g1: #0c963f;
--g2: #ffffff;
--g3: #0c963f;
display: inline-block;
padding: 2px;
border-radius: 50%;
background-image: linear-gradient(
90deg,
var(--g1),
var(--g2),
var(--g3),
var(--g2),
var(--g1)
);
background-size: 300% 100%;
background-position: 0% 50%;
animation: hdBorderFlow 6.5s linear infinite;
margin: 30px auto 0;
text-align: center;
transition: border-radius 0.3s ease;
}
.sss_tumu_link:hover { border-radius: 999px; }

.tumunu-gor-btn {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: inherit;
background: #fff;
color: #0c963f;
font-weight: 600;
text-decoration: none;
overflow: hidden;
transition: all 0.35s ease;
white-space: nowrap;
}
.tumunu-gor-btn .iconplus {
flex-shrink: 0;
transition: transform 0.35s ease;
}
.tumunu-gor-btn .iconplus svg {
width: 28px;
height: 28px;
}
.tumunu-gor-btn strong {
opacity: 0;
max-width: 0;
margin-left: 0;
overflow: hidden;
font-weight: 500;
transition: opacity 0.35s ease, max-width 0.35s ease, margin-left 0.35s ease;
}
.tumunu-gor-btn:hover {
width: 200px;
background: #0c963f;
color: #fff;
}
.tumunu-gor-btn:hover .iconplus { transform: rotate(90deg); }
.tumunu-gor-btn:hover strong {
opacity: 1;
max-width: 160px;
margin-left: 10px;
}

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


/*Sözleşmeler Modal*/
#ayd-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.65);
backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
#ayd-overlay[hidden] {
display: none;
}

.ayd-modal {
background: #fff;
width: 92%;
max-width: 768px;
max-height: 85vh;
border-radius: 12px;
display: flex;
flex-direction: column;
box-shadow: 0 20px 60px rgba(0,0,0,0.25);
overflow: hidden;
}

.ayd-close {
background: none;
border: none;
font-size: 28px;
padding: 12px 16px;
cursor: pointer;
align-self: flex-end;
line-height: 1;
color: #333;
}

.ayd-content {
flex: 1;
display: flex;
flex-direction: column;
padding: 0 20px 20px;
min-height: 0; /* flex içinde scroll taşmasını önler */
}

.ayd-title {
font-size: 1.4rem;
font-weight: 600;
margin: 0 0 15px;
color: #222;
flex-shrink: 0;
}

.ayd-scroll {
flex: 1;
font-size: 0.95rem;
line-height: 1.6;
color: #333;
overflow-y: auto;
padding-right: 12px;
padding-bottom: 10px;
}

.ayd-scroll h1,
.ayd-scroll h2,
.ayd-scroll h3,
.ayd-scroll h4 {
font-size: 1.15rem;
font-weight: 600;
margin: 1em 0 0.5em;
}

/* Custom scrollbar */
.ayd-scroll::-webkit-scrollbar {
width: 8px;
}
.ayd-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}
.ayd-scroll::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 6px;
}
.ayd-scroll::-webkit-scrollbar-thumb:hover {
background: #999;
}

@media (max-width: 600px) {
.ayd-modal {
width: 95%;
max-height: 90vh;
}
}



.secime_dahil_hizmet_anasayfa .site_genislik,
.sss_ve_form .site_genislik,
.anasayfa_google_yorumlari .site_genislik {
padding: 0px 15px;
}

.anasayfa_google_yorumlari {
position: relative;
z-index: 0;
}

.anasayfa_google_yorumlari .genel_baslik_aciklama::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
width: 80%;
height: 8px;
background: linear-gradient(
to right,
#4285F4,
#EA4335,
#FBBC05,
#34A853,
#4285F4
);
border-radius: 8px;
pointer-events: none;
z-index: 1;
}

.anasayfa_google_yorumlari .site_genislik  {
position: relative;
z-index: 1;
overflow: hidden;
}
.anasayfa_google_yorumlari .genel_baslik_aciklama {
position: relative;
z-index: 0;
}
.anasayfa_google_yorumlari .genel_baslik_aciklama h3,
.anasayfa_google_yorumlari .genel_baslik_aciklama p {color: var(--siyah)}
.anasayfa_google_yorumlari .genel_baslik_aciklama {
text-align: center;
margin-bottom: 30px;
}


.gg_yorum {
background: #fff;
border-radius: 12px;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
border: 1px solid #dddddd;
cursor: grab;
}

.kullanici_yildiz {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 7px;
position: relative;
}

.kullanici_yildiz img {
width: 48px;
height: 48px;
border-radius: 50%;
flex-shrink: 0;
}

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

.kullanici_yildiz .isim {
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}

.kullanici_yildiz .tarih {
font-size: 0.85rem;
color: #888;
}

.kullanici_yildiz .yildizlar {
margin-left: auto;
color: #f4b400;
font-size: 24px;
white-space: nowrap;
}

.gg_k_yorum {
flex: 1;
font-size: 0.95rem;
line-height: 1.5;
color: #333;
max-height: 120px;
overflow-y: auto;
padding-right: 6px;
border-top: 1px dashed #dddddd;
padding: 5px 15px 0px 0px;
position: relative;
}

.gg_k_yorum::-webkit-scrollbar {
width: 6px;
}
.gg_k_yorum::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}
.gg_k_yorum::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 6px;
}
.gg_k_yorum::-webkit-scrollbar-thumb:hover {
background: #999;
}

/* Swiper görünürlük geçişi */
.anasayfa_google_yorumlari_slider {
visibility: hidden;
opacity: 0;
transition: opacity 0.1s ease;
margin: 15px auto 0px auto;
}
.anasayfa_google_yorumlari_slider.swiper-initialized {
visibility:visible;
position:relative;
opacity: 1;
}
.anasayfa_google_yorumlari_slider .swiper-slide {
margin: 15px auto 0px auto;
}

.google_icon_svgsi {
position: absolute;
top: 13px;
right: 105px;
display: inline-block;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23fff' d='M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38'/%3E%3Cpath fill='%23e33629' d='M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21'/%3E%3Cpath fill='%23f8bd00' d='M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9'/%3E%3Cpath fill='%23587dbd' d='M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68'/%3E%3Cpath fill='%23319f43' d='M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4'/%3E%3C/svg%3E");
}






.gg_yorum_link_tumu {
--gyt1: #34A853;
--gyt2: #f5c77b;
--gyt3: #7c170e;
--gyt4: #FBBC05;
display:table;
padding:2px;
border-radius:14px;
background-image: linear-gradient(
90deg,
var(--gyt1),
var(--gyt2),
var(--gyt3),
var(--gyt4),
var(--gyt1)
);
background-size:300% 100%;
background-position:0% 50%;
animation:gg_yrm_lnk 6.5s linear infinite;
margin: 30px auto 0px auto;
text-align: center;
}
.gg_yorum_link_tumu .google_svg {
width: clamp(24px, 2.2vw, 24px);
height: auto;
display: inline-block;
vertical-align: middle;
}

.gg_yorum_link_tumu .buton.buton_yesil {
position:relative;
display:inline-flex;
align-items:center;
gap:10px;
border-radius:12px;
border-color:transparent;
text-decoration:none;
padding: 12px 20px;

background: #ffffff;
border-color: var(--gyt2);
color: var(--siyah);
font-weight: 500;
}
.gg_yorum_link_tumu strong {
font-weight: 500;
}
@keyframes gg_yrm_lnk {
0%   { background-position: 0%   50%; }
100% { background-position: 300% 50%; }
}
@media (prefers-reduced-motion: reduce){
.gg_yorum_link_tumu { animation:none; }
}







/* Blog bölüm genel düzen */
.anasayfa_sonblog .site_genislik {
padding: 0px 15px;
}
.anasayfa_sonblog .blog_liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}

.anasayfa_sonblog .blog_liste .blog {
background: var(--beyaz);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
position: relative;
}

.anasayfa_sonblog .blog_liste .blog .blog_resim {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
}

.anasayfa_sonblog .blog_liste .blog .blog_resim img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.anasayfa_sonblog .blog_liste .blog .blog_resim::after {
content: "";
position: absolute;
inset: -20% -10%;
border-radius: inherit;
pointer-events: none;
z-index: 2;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 44%,
rgba(255,255,255,.25) 50%,
rgba(255,255,255,0) 56%
);
mix-blend-mode: screen;
transform: translateX(-130%);
opacity: 0;
transition: transform 1.2s ease, opacity .3s ease;
}

.anasayfa_sonblog .blog_liste .blog:hover .blog_resim::after {
transform: translateX(130%);
opacity: .9;
}

.anasayfa_sonblog .blog_liste .blog .blog_resim .blog_tarih {
position: absolute;
left: 12px;
bottom: 12px;
background: var(--mavi);
color: var(--beyaz);
border-radius: 8px;
padding: 6px 10px;
text-align: center;
line-height: 1.1;
font-weight: bold;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.anasayfa_sonblog .blog_liste .blog .blog_tarih .gun {
display: block;
font-size: 16px;
}

.anasayfa_sonblog .blog_liste .blog .blog_tarih .ay {
display: block;
font-size: 12px;
text-transform: uppercase;
}

.anasayfa_sonblog .blog_liste .blog .blog_baslik {
font-size: 1.125rem;
font-weight: 600;
color: var(--siyah);
line-height: 1.4;
padding: 0;
margin: 15px 15px 15px 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
height: 52px;
}

.anasayfa_blog_baslik {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 32px;
}

.anasayfa_blog_baslik .baslik_sol {
flex: 1;
}

.anasayfa_blog_baslik .buton_sag svg {
width: 18px;
height: 18px;
}

.anasayfa_blog_baslik h3 {
font-size: 26px;
font-weight: 700;
color: var(--siyah);
margin: 0 0 8px 0;
}

.anasayfa_blog_baslik p {
margin: 0;
font-size: 18px;
color: var(--siyah);
line-height: 1.5;
}

.anasayfa_blog_baslik .buton_sag .buton {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 600;
}

.anasayfa_sonblog .blog_liste .blog a {
text-decoration: none;
}
.anasayfa_sonblog .blog_liste .blog .blog_baslik {
text-decoration: none;
}
.anasayfa_sonblog .blog_liste .blog:hover .blog_baslik {
color: var(--mavi);
}

















.lang-switcher {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
font-family: inherit;
}
html[lang="ar"] .lang-switcher {
right: unset;
left: 15px;
}
html[lang="ar"] .google_icon_svgsi {
position: absolute;
top: 13px;
left: 0px;
right: unset;
}
.lang-toggle {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
padding: 4px 6px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
font-size: 12px;
line-height: 1.4;
transition: background 0.2s ease, border-color 0.2s ease;
}


.lang-flag {
width: 20px;
height: auto;
flex-shrink: 0;
}

.lang-name {
color: var(--beyaz);
font-weight: 500;
}
.lang-dropdown .lang-name {
color: var(--siyah);
}
.arrow {
margin-left: 1px;
margin-top: 2px;
font-size: 12px;
display: inline-block;
transition: transform 0.3s ease;
color: var(--beyaz);
}

.lang-toggle[aria-expanded="true"] .arrow {
transform: rotate(180deg);
}

.lang-dropdown {
position: absolute;
top: 100%;
right: 0;
min-width: 160px;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin: 5px 0 0;
padding: 6px 0;
list-style: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.lang-dropdown li a {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
color: #333;
text-decoration: none;
font-size: 14px;
transition: background 0.2s ease;
}

.lang-dropdown li a:hover {
background: #f2f2f2;
}




















body.category .site_genislik {
padding: 0 15px;
}
.breadcrumb {
margin: 0px 0px 20px 0px;
font-size: 14px;
font-weight: 400;
}

.breadcrumb ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.breadcrumb li {
position: relative;
}

.breadcrumb li:not(:last-child)::after {
content: "»";
margin: 0 6px;
color: var(--siyah);
}

.breadcrumb a {
color: var(--siyah);
text-decoration: none;
transition: color 0.2s ease;
}

.breadcrumb a:hover {
color: var(--mavi);
text-decoration: none;
}

.breadcrumb .current {
font-weight: 600;
color: var(--siyah);
}


.kategori_sayfasi .blog_liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}

.kategori_sayfasi .blog_liste .blog {
background: var(--beyaz);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
position: relative;
}

.kategori_sayfasi .blog_liste .blog .blog_resim {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
}

.kategori_sayfasi .blog_liste .blog .blog_resim img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.kategori_sayfasi .blog_liste .blog .blog_resim::after {
content: "";
position: absolute;
inset: -20% -10%;
border-radius: inherit;
pointer-events: none;
z-index: 2;
background: linear-gradient(
120deg,
rgba(255,255,255,0) 44%,
rgba(255,255,255,.25) 50%,
rgba(255,255,255,0) 56%
);
mix-blend-mode: screen;
transform: translateX(-130%);
opacity: 0;
transition: transform 1.2s ease, opacity .3s ease;
}

.kategori_sayfasi .blog_liste .blog:hover .blog_resim::after {
transform: translateX(130%);
opacity: .9;
}

/* Tarih etiketi */
.kategori_sayfasi .blog_liste .blog .blog_resim .blog_tarih {
position: absolute;
left: 12px;
bottom: 12px;
background: var(--mavi);
color: var(--beyaz);
border-radius: 8px;
padding: 6px 10px;
text-align: center;
line-height: 1.1;
font-weight: bold;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.kategori_sayfasi .blog_liste .blog .blog_tarih .gun {
display: block;
font-size: 16px;
}

.kategori_sayfasi .blog_liste .blog .blog_tarih .ay {
display: block;
font-size: 12px;
text-transform: uppercase;
}

/* Başlık */
.kategori_sayfasi .blog_liste .blog .blog_baslik {
font-size: 1.125rem;
font-weight: 600;
color: var(--siyah);
line-height: 1.4;
padding: 0;
margin: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
height: 52px;
}

.kategori_sayfasi .blog_liste .blog:hover .blog_baslik {
color: var(--mavi);
}

.kategori_sayfasi .blog_liste .blog a {
text-decoration: none;
display: block;
}












.sayfalama {
margin-top: 40px;
text-align: center;
}

.sayfalama ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-flex;
gap: 6px;
align-items: center;
}

.sayfalama li {
display: flex;
align-items: center;
}

.sayfalama li a,
.sayfalama li span {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}

.sayfalama li a {
background: var(--beyaz);
color: var(--siyah);
border: 1px solid var(--kenarlik);
}

.sayfalama li a:hover {
background: var(--mavi);
color: var(--beyaz);
border-color: var(--mavi);
}

.sayfalama li.aktif span {
background: var(--mavi);
color: var(--beyaz);
border: 1px solid var(--mavi);
font-weight: 600;
}

.sayfalama li.onceki a,
.sayfalama li.sonraki a {
padding: 0;
width: 36px;
height: 36px;
}

.sayfalama li svg {
width: 18px;
height: 18px;
}

.sayfalama li.bosluk {
color: var(--siyah);
display: flex;
align-items: center;
padding: 0 4px;
}







body.single main.genel_sayfalar .site_genislik {
display: grid;
grid-template-columns: 1fr 420px;
gap: 30px;
align-items: start;
}

body.single main.genel_sayfalar aside {
width: 100%;
max-width: 420px;
min-width: 0;              /* Taşma engeli */
overflow-wrap: break-word; /* Uzun içerikleri kır */
word-break: break-word;
box-sizing: border-box;
}

@media (max-width: 980px) {
body.single main.genel_sayfalar .site_genislik {
grid-template-columns: 1fr;
gap: 40px;
}
body.single main.genel_sayfalar aside {
max-width: 100%;
}
}

.sayfa_yazi_alani h1 {
font-weight: 700;
font-size: 32px;
line-height: 1.2;
letter-spacing: .2px;
color: var(--mavi);
margin-bottom: 30px;
position: relative;
display: inline-block;
}

body.single main.genel_sayfalar .yazi_metin_alani {
font-size: 18px;
color: var(--siyah);
line-height: 1.6;
}

body.single main.genel_sayfalar .yazi_metin_alani p {
font-weight: 400;
font-size: 18px;
margin-bottom: 15px;
color: var(--siyah);
}

body.single main.genel_sayfalar .yazi_metin_alani h2,
body.single main.genel_sayfalar .yazi_metin_alani h3,
body.single main.genel_sayfalar .yazi_metin_alani h4,
body.single main.genel_sayfalar .yazi_metin_alani h5,
body.single main.genel_sayfalar .yazi_metin_alani h6 {
font-weight: 600;
margin: 30px 0px 12px 0px;
line-height: 1.3;
color: var(--siyah);
}

body.single main.genel_sayfalar .yazi_metin_alani h2 { font-size: 26px; }
body.single main.genel_sayfalar .yazi_metin_alani h3 { font-size: 22px; }
body.single main.genel_sayfalar .yazi_metin_alani h4 { font-size: 20px; }
body.single main.genel_sayfalar .yazi_metin_alani h5,
body.single main.genel_sayfalar .yazi_metin_alani h6 { font-size: 18px; }

body.single main.genel_sayfalar .yazi_metin_alani ul,
body.single main.genel_sayfalar .yazi_metin_alani ol {
margin: 15px 0 15px 20px;
padding: 0;
}

body.single main.genel_sayfalar .yazi_metin_alani li {
margin-bottom: 10px;
}

body.single main.genel_sayfalar .yazi_metin_alani blockquote {
margin: 1.5em 0;
padding: 1em 1.5em;
background: #f9f9f9;
border-left: 4px solid var(--mavi);
font-style: italic;
color: #444;
}

body.single main.genel_sayfalar .yazi_metin_alani a {
color: var(--mavi);
text-decoration: underline;
transition: color .3s ease;
}
body.single main.genel_sayfalar .yazi_metin_alani a:hover {
color: var(--siyah);
}

body.single main.genel_sayfalar .yazi_metin_alani img {
max-width: 100%;
height: auto;
margin: 1.2em 0;
border-radius: 6px;
display: block;
}
body.single main.genel_sayfalar .yazi_metin_alani img.alignleft {
float: left;
margin: 0 1.2em 1.2em 0;
max-width: 50%;
}
body.single main.genel_sayfalar .yazi_metin_alani img.alignright {
float: right;
margin: 0 0 1.2em 1.2em;
max-width: 50%;
}
body.single main.genel_sayfalar .yazi_metin_alani img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

body.single main.genel_sayfalar .yazi_metin_alani figure {
margin: 1.5em 0;
}
body.single main.genel_sayfalar .yazi_metin_alani figcaption {
font-size: 14px;
color: #666;
text-align: center;
margin-top: .5em;
}

body.single main.genel_sayfalar .yazi_metin_alani .wp-video,
body.single main.genel_sayfalar .yazi_metin_alani .mejs-container,
body.single main.genel_sayfalar .yazi_metin_alani video {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
}

/* 16:9 oranı koruma */
body.single main.genel_sayfalar .yazi_metin_alani .wp-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 oran */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

body.single main.genel_sayfalar .yazi_metin_alani .wp-video video,
body.single main.genel_sayfalar .yazi_metin_alani .wp-video iframe,
body.single main.genel_sayfalar .yazi_metin_alani .wp-video .mejs-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


body.single main.genel_sayfalar .yazi_metin_alani table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 16px;
overflow-x: auto;
display: block;
}
body.single main.genel_sayfalar .yazi_metin_alani table th,
body.single main.genel_sayfalar .yazi_metin_alani table td {
border: 1px solid #ddd;
padding: .75em 1em;
}
body.single main.genel_sayfalar .yazi_metin_alani table th {
background: #f2f2f2;
font-weight: 600;
text-align: left;
}

body.single main.genel_sayfalar .yazi_metin_alani pre {
background: #272822;
color: #f8f8f2;
padding: 1em;
border-radius: 6px;
overflow-x: auto;
font-size: 15px;
}

body.single main.genel_sayfalar .yazi_metin_alani code {
background: #f2f2f2;
padding: 2px 6px;
border-radius: 4px;
font-size: 15px;
}

@media (max-width: 768px) {
body.single main.genel_sayfalar .yazi_metin_alani img.alignleft,
body.single main.genel_sayfalar .yazi_metin_alani img.alignright {
float: none;
display: block;
margin: 1em auto;
max-width: 100%;
}
}

/* =========================
   İÇİNDEKİLER KUTUSU
   ========================= */
body.single main.genel_sayfalar nav.icindekiler_kutu {
  background: #f9f9f9;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  padding: 22px 24px;
  margin: 32px 0;
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}

/* Başlık */
body.single main.genel_sayfalar nav.icindekiler_kutu h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: var(--siyah);
  border-bottom: 1px solid #e2e2e2; /* opsiyonel: alt çizgi */
  padding-bottom: 8px;               /* opsiyonel: boşluk */
}


/* Liste */
body.single main.genel_sayfalar .icincekiler_alani {
  list-style: none;
  margin: 0!important;
  padding: 0;
  counter-reset: toc-counter;
}

/* Liste Elemanları */
body.single main.genel_sayfalar .icincekiler_alani li {
  counter-increment: toc-counter;
  margin: 6px 0;
}

/* Linkler */
body.single main.genel_sayfalar .icincekiler_alani li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.25s ease-in-out;
  background: transparent;
}

/* Numara Baloncuğu */
body.single main.genel_sayfalar .icincekiler_alani li a::before {
  content: counter(toc-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #e0e0e0;
  color: var(--siyah);
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
  transition: all 0.25s ease-in-out;
}

/* Hover Efekti */
body.single main.genel_sayfalar .icincekiler_alani li a:hover {
  background: #eef6fa;
  color: #0073aa;
}

body.single main.genel_sayfalar .icincekiler_alani li a:hover::before {
  background: #0073aa;  /* Hoverda linkle aynı renk */
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  body.single main.genel_sayfalar nav.icindekiler_kutu {
    padding: 16px 18px;
    margin: 24px 0;
  }
  body.single main.genel_sayfalar nav.icindekiler_kutu h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  body.single main.genel_sayfalar .icincekiler_alani li a {
    font-size: 14px;
    padding: 8px 10px;
  }
  body.single main.genel_sayfalar .icincekiler_alani li a::before {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}





/* === Öncesi / Sonrası Bölümü === */
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag {
position: relative;
z-index: 0;
min-height: 50px;
overflow: hidden;
padding: 0px 15px 0px 15px;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag::before {
content: "";
position: absolute;
left: 0; right: 0; top: 0;
height: 60%;
background: var(--mavi);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
pointer-events: none;
z-index: -1;
}


body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .oncesi_sonrasi_slider_sag {
--os-radius: 14px;
width: 100%;
padding: 5px 5px;
box-sizing: border-box;
opacity: 0;
transition: opacity 0.1s ease;
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .oncesi_sonrasi_slider_sag.swiper-initialized {
visibility: visible;
position: relative;
opacity: 1;
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-card {
position: relative;
border-radius: var(--os-radius);
overflow: hidden;
background: #0b1224;
aspect-ratio: 4 / 5;
isolation: isolate;
transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .swiper-slide .os-card {
transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
will-change: transform;
transform: scale(0.99);
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .swiper-slide:hover .os-card {
transform: scale(1.01);
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-controls {
margin: 25px auto 0px auto;
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
width: 100%;
position: relative;
bottom: 5px;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-prev,
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-next {
--btn-size: 44px;
width: var(--btn-size);
height: var(--btn-size);
display: grid;
place-items: center;
border-radius: 50%;
border: 0;
background: var(--mavi);
color: var(--beyaz);
cursor: pointer;
transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
transform: scale(.90);
will-change: transform;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-prev svg,
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-next svg {
width: 32px;
height: 32px;
display: block;
margin-top: 0px;
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-prev:hover,
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-next:hover {
background: var(--mavi);
color: var(--beyaz);
transform: scale(1.10);
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-prev:active,
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-next:active {
transform: scale(1.10);
}


body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .swiper-slide {
transform: scale(1);
}


@media (max-width: 599px) {
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag {
max-height: 100%;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-controls {
grid-template-columns: 1fr auto 1fr;
gap: 10px;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-prev,
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .os-next {
--btn-size: 38px;
}
body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .swiper-slide:hover .os-card {
transform: scale(1);
}
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .genel_baslik_aciklama {
margin: 20px auto 10px auto;
text-align: left;
justify-items: unset;
}

body.single main.genel_sayfalar .oncesi_sonrasi_anasayfa_sag .genel_baslik_aciklama > h3 {
font-size: 24px;
font-weight: 700;
letter-spacing: .2px;
margin: 0 0 5px 5px;
text-transform: unset;
}

.one_cikan_gorsel {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 12px;
overflow: hidden;
margin-bottom: 24px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

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


.wp_sol_alt {
position: fixed;
bottom: calc(20px + env(safe-area-inset-bottom));
left: 20px;
z-index: 9999;
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
}

.wp_sol_alt.visible {
opacity: 1;
pointer-events: auto;
}

/* Buton */
.whatsapp-btn {
width: 60px;
height: 60px;
background-color: #25d366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
animation: pulse 2s infinite;
transition: transform 0.3s ease;
}

.whatsapp-btn:hover {
transform: scale(1.1);
}

.whatsapp-btn svg {
width: 32px;
height: 32px;
}

/* Pulse animasyonu butonda */
@keyframes pulse {
0%   { transform: scale(1); box-shadow: 0 0 0 0 rgba(37,211,102, 0.7); }
70%  { transform: scale(1.05); box-shadow: 0 0 0 25px rgba(37,211,102, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37,211,102, 0); }
}

/* Baloncuk */
.whatsapp-bubble {
background: #25d366;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 10px 14px;
border-radius: 12px 12px 12px 12px;
box-shadow: 0 3px 8px rgba(0,0,0,0.2);
white-space: nowrap;
opacity: 0;
transform: translateX(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.wp_sol_alt a {
text-decoration: none;
}

.whatsapp-bubble.show {
opacity: 1;
transform: translateX(0);
}

/* Mobil uyum */
@media (max-width: 768px) {
.wp_sol_alt {
bottom: calc(15px + env(safe-area-inset-bottom));
left: 15px;
}

.whatsapp-btn {
width: 50px;
height: 50px;
}

.whatsapp-btn svg {
width: 28px;
height: 28px;
}

.whatsapp-bubble {
font-size: 13px;
}
}



.yazi_sosyal_medya {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
width: 100%;
margin: 20px 0;
}

.yazi_sosyal_medya a {
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
color: #fff;
transition: transform 0.2s ease, opacity 0.2s ease;
}

.yazi_sosyal_medya a svg {
fill: currentColor;
}

.yazi_sosyal_medya a:hover {
transform: scale(1.1);
opacity: 0.85;
}

/* Kurumsal Renkler */
.yazi_sosyal_medya a.facebook {color: #1877F2; }   /* Facebook Mavi */
.yazi_sosyal_medya a.linkedin {color: #0077B5; }   /* LinkedIn Mavi */
.yazi_sosyal_medya a.twitter { color: #000000; }    /* X Siyah */
.yazi_sosyal_medya a.whatsapp {color: #25D366; }   /* WhatsApp Yeşil */



body.home footer.site_footer.ust_bosluk {
margin-top: 60px;
}

footer.site_footer.ust_bosluk {
margin-top: 0;
}
.site_footer {
background: var(--mavi);
color: var(--beyaz);
padding: 50px 0;
}

.site_footer .site_genislik {
padding: 0 15px;
}

.footer_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
text-align: left;
}

.footer_logo {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}

.footer_logo img {
height: 150px;
width: auto;
display: block;
}

.footer_ic h4 {
position: relative;
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 20px;
color: var(--sari);
letter-spacing: 0.4px;
display: inline-block;
padding-bottom: 6px;
}
.footer_ic h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 80px;
background: linear-gradient(
90deg,
var(--sari),
color-mix(in srgb, var(--sari) 40%, transparent),
var(--sari)
);
background-size: 200% 100%;
animation: kayanRenk 3.2s linear infinite;
border-radius: 3px;
}
@keyframes kayanRenk {
0%   { background-position: 0 0; }
100% { background-position: 200% 0; }
}


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

.footer_ic ul li {
margin-bottom: 10px;
}

.footer_ic ul li a {
color: var(--beyaz);
text-decoration: none;
position: relative;
display: inline-block;
padding-bottom: 2px;
transition: color .3s ease;
}

.footer_ic ul li a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: var(--beyaz);
transition: width .2s ease;
}

.footer_ic ul li a:hover {
color: #f0f0f0;
}

.footer_ic ul li a:hover::after {
width: 100%;
}

.aciklama_footer p {
font-size: .95rem;
line-height: 1.5;
margin: 16px 0;
}

.sosyal_footer {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
align-items: center;
justify-content: center;
}

.sosyal_footer .sosyal {
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.1); /* normalde şeffaf gri */
display: flex;
align-items: center;
justify-content: center;
transition: background .3s ease;
}

/* ikonlar hep beyaz */
.sosyal_footer .sosyal .ssylikon {
width: 18px;
height: 18px;
fill: #fff;
color: #fff;
}

/* hover’da kurumsal renkler */
.sosyal_footer .instagram:hover { background: #E4405F; }  /* Instagram pembe/kırmızı */
.sosyal_footer .facebook:hover  { background: #1877F2; }  /* Facebook mavi */
.sosyal_footer .youtube:hover   { background: #FF0000; }  /* YouTube kırmızı */
.sosyal_footer .x:hover         { background: #000000; }  /* X siyah */
.sosyal_footer .linkedin:hover  { background: #0A66C2; }  /* LinkedIn mavi */
.sosyal_footer .tiktok:hover    { background: #69C9D0; }  /* TikTok turkuaz */




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

.iletisim_list li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}

.iletisim_list svg {
width: 28px;
height: 28px;
color: var(--sari);
flex-shrink: 0;
}

.iletisim_list .metin {
display: flex;
flex-direction: column;
}

.iletisim_list strong {
font-size: 1rem;
font-weight: 500;
margin-bottom: 4px;
color: var(--beyaz);
}

.iletisim_list p,
.iletisim_list a {
font-size: .9rem;
color: var(--beyaz);
font-weight: 300;
line-height: 1.4;
text-decoration: none;
}

.iletisim_list a:hover {
color: var(--buton-birincil-bg);
}

/* Tablet (800–1024px): 1. kolon tam genişlik, 2-3-4 yan yana */
@media (max-width: 1024px) and (min-width: 800px) {
.footer_grid {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
"col1 col1 col1"
"col2 col3 col4";
}
.footer_grid > .footer_ic:nth-child(1) {
grid-area: col1;
text-align: center;
}
.footer_grid > .footer_ic:nth-child(2) { grid-area: col2; }
.footer_grid > .footer_ic:nth-child(3) { grid-area: col3; }
.footer_grid > .footer_ic:nth-child(4) { grid-area: col4; }
}

/* Mobil (≤799px): tüm kolonlar tek satır */
@media (max-width: 799px) {
.footer_grid {
grid-template-columns: 1fr;
text-align: center;
}
.footer_ic {
text-align: center;
}
.sosyal_footer {
justify-content: center;
}
.iletisim_list {
display: inline-block;
text-align: left;
margin: 0 auto;
}
}






@media (max-width:768px){
.logo_alani img {
max-width: 130px;
}
.ust-ic {padding: 0px;}
.slider_metin {padding: 0px;}
.slider_metin h1 {
font-size: 28px;
line-height: 1.4;
}
.slider_metin p {
font-size: 16px;
line-height: 1.6;
}
.google_yorumlar {
padding: 10px 26px 10px 20px;
min-width: 260px;
}
.google_logo .google_svg {
width: clamp(32px, 2.2vw, 24px);
}
.google_yildizlar .yildiz {
width: 20px;
}
.google_yorumlar > strong{
font-size: 12px;
}
.uclu_kutu_alani .kutular .kutu .yazi {width: 90%;}
.uclu_kutu_alani .kutular .kutu h2{font-size: 17px;}
.uclu_kutu_alani .kutular .kutu p {font-size: 14px;}

.genel_baslik_aciklama > h3 {
font-size: 24px;
line-height: 1.4;
}

html[lang="ar"] .lang-dropdown {
right: unset;
left: 0px;
}






}

@media (max-width:500px){
.google_icon_svgsi {
top: -8px;
right: 63px;
width: 12px;
height: 12px;
}
.kullanici_yildiz .yildizlar {
position: absolute;
top: -12px;
right: 0px;
font-size: 14px;
}
html[lang="ar"] .google_icon_svgsi {
top: -8px;
right: unset;
left: 0px;
}
html[lang="ar"] .kullanici_yildiz .yildizlar {
right: unset;
left: 15px;
}
}

@media (max-width:420px){
.slider_metin {padding: 0px;}
.slider_metin h1 {
font-size: 22px;
line-height: 1.4;
}
.ucretsiz_sac_analizi_link a {
--ul-pad-y: 10px;
--ul-pad-x: 16px;
font-size: 14px;
}
.mobil_logo img {
width: 90px;
height: 90px;
}






}

@media (max-width:360px){
.mobil_logo img {
width: 80px;
height: 80px;
}
}



/* === Footer Zemin Menü === */
.zemin_menu {
background-color: #0c2669;
padding: 0px;
font-family: inherit;
}
.zemin_menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
text-align: center;
}
.zemin_menu li {
flex: 0 0 auto;
}
.zemin_menu li a {
color: #fff;
font-size: 12px;
font-weight: 300;
text-decoration: none;
transition: color 0.3s ease;
}
.zemin_menu li a:hover {
color: var(--sari);
}
@media (max-width: 767px) {
.zemin_menu ul {
flex-direction: column;
gap: 12px;
}
.zemin_menu li a {
font-size: 12px;
font-weight: 300;
}
}