/* Ataşehir Tema — Tasarım 3.0 bileşenleri (.aa.t3 kapsamı).
   Tasarım 2.0 değişkenlerini (--l1, --m, --s, kademe renkleri) kullanır; büyük fotoğraf, mozaik, yolculuk çizgisi, bento kutular. */
.t3{--r:28px;--gl:0 30px 60px -30px rgba(14,39,66,.45)}
.t3 [id]{scroll-margin-top:150px}
.t3 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.t3 .t3-baslik{max-width:760px;margin-bottom:44px}
.t3 .t3-baslik--orta{margin-left:auto;margin-right:auto;text-align:center}.t3 .t3-baslik--orta .ac{margin:0 auto}

/* Hero: metin + fotoğraf mozaiği */
.t3 .t3-hero .k{grid-template-columns:1fr 1.05fr;padding-top:52px;padding-bottom:120px}
.t3 .t3-hero h1{font-size:clamp(38px,5.2vw,64px)}
.t3 .t3-seviye{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:34px 0 0;padding:0}
.t3 .t3-seviye li{display:flex;flex-direction:column;gap:2px;padding:10px 16px 10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--c)}
.t3 .t3-seviye b{font-size:14px;color:#fff}.t3 .t3-seviye span{font-size:12.5px;color:rgba(255,255,255,.7);font-weight:600}
.t3 .t3-mozaik{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;position:relative}
.t3 .t3-mozaik:before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:44px solid rgba(253,197,33,.16);right:-14%;top:-18%;z-index:0}
.t3 .t3-mozaik figure{position:relative;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 26px 50px -24px rgba(0,0,0,.6);z-index:1}
.t3 .t3-mozaik__ana{grid-column:1/-1}
.t3 .t3-mozaik img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.t3 .t3-mozaik__ana img{aspect-ratio:16/8.4}
.t3 .t3-mozaik figure:hover img{transform:scale(1.05)}
.t3 .t3-mozaik figcaption{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(14,39,66,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:750;display:flex;align-items:center;gap:8px}
.t3 .t3-mozaik figcaption:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}

/* Sayfa içi gezinme */
.t3 .t3-nav{position:relative;z-index:3;margin-top:-34px}
.t3 .t3-nav .k{display:flex;justify-content:center}
.t3 .t3-nav .k>*{flex:none}
.t3 .t3-nav .k{gap:6px;overflow-x:auto;scrollbar-width:none}
.t3 .t3-nav .k::-webkit-scrollbar{display:none}
.t3 .t3-nav a{padding:12px 18px;border-radius:14px;background:#fff;color:var(--l1);font-weight:750;font-size:15px;white-space:nowrap;box-shadow:0 14px 30px -18px rgba(14,39,66,.45);border:1px solid #eef2f7;transition:background .2s,color .2s,transform .2s}
.t3 .t3-nav a:hover,.t3 .t3-nav a:focus-visible{background:var(--m);color:#fff;transform:translateY(-2px)}

/* Manifesto + değerler */
.t3 .t3-manifesto .k{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.t3 .t3-deger{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.t3 .t3-deger li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid #e8eef6;box-shadow:0 16px 36px -30px rgba(14,39,66,.5);transition:transform .3s,border-color .3s}
.t3 .t3-deger li:hover{transform:translateX(6px);border-color:color-mix(in srgb,var(--m) 35%,#fff)}
.t3 .t3-deger i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ma);color:var(--m);font-style:normal}
.t3 .t3-deger b{display:block;color:var(--l1);font-size:17px;margin-bottom:3px}.t3 .t3-deger span{color:var(--g);font-size:14.5px;line-height:1.55}

/* Kademe yolculuğu */
.t3 .t3-kademe{background:#F7F9FC}
.t3 .t3-yol{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:72px}
.t3 .t3-yol:before{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:3px;margin-left:-1.5px;border-radius:3px;background:linear-gradient(var(--t),var(--y) 50%,var(--p))}
.t3 .t3-durak{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;position:relative}
.t3 .t3-durak:before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--c);box-shadow:0 0 0 7px #F7F9FC,0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent)}
.t3 .t3-durak:nth-child(even) figure{order:2}
.t3 .t3-durak figure{margin:0;position:relative}
.t3 .t3-durak figure:after{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:var(--r);background:var(--c);opacity:.18;z-index:0}
.t3 .t3-durak:nth-child(even) figure:after{inset:18px 18px -18px -18px}
.t3 .t3-durak img{position:relative;z-index:1;width:100%;aspect-ratio:16/10.5;object-fit:cover;border-radius:var(--r);box-shadow:var(--gl)}
.t3 .t3-durak h3{font-size:clamp(30px,3.4vw,42px);line-height:1.1;color:var(--l1);margin:14px 0 4px;letter-spacing:-.02em}
.t3 .t3-durak__alt{color:var(--c)!important;font-weight:750;font-size:17px;margin:0 0 14px!important}
.t3 .t3-durak p{color:var(--g);line-height:1.75;margin:0}
.t3 .t3-durak .ml{margin:20px 0 26px}
.t3 .t3-durak__link{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.t3 .t3-durak__link>a:not(.btn){font-weight:700;color:var(--l1);font-size:15px;border-bottom:2px solid color-mix(in srgb,var(--c) 40%,transparent);padding-bottom:2px}
.t3 .t3-durak__link>a:not(.btn):hover{color:var(--c)}
.t3 .t3-btn-c{background:var(--c);color:#fff!important;box-shadow:0 12px 24px -14px var(--c)}

/* Okul yaşamı: bento */
.t3 .t3-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.t3 .t3-kutu{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:32px;border-radius:var(--r);background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px -32px rgba(14,39,66,.5);min-height:240px;transition:transform .3s,box-shadow .3s}
.t3 .t3-kutu:hover{transform:translateY(-6px);box-shadow:0 30px 60px -32px rgba(14,39,66,.55)}
.t3 .t3-kutu--genis{grid-column:span 2}
.t3 .t3-kutu i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--ma);color:var(--m);font-style:normal;margin-bottom:auto}
.t3 .t3-kutu i svg{width:26px;height:26px}
.t3 .t3-kutu h3{font-size:24px;color:var(--l1);margin:28px 0 8px}
.t3 .t3-kutu p{color:var(--g);line-height:1.65;margin:0 0 16px;max-width:520px}
.t3 .t3-kutu__ok{font-weight:750;color:var(--m);margin-top:auto}
.t3 .t3-kutu--koyu{background:linear-gradient(150deg,var(--l2),var(--l1));border:0}
.t3 .t3-kutu--mavi{background:linear-gradient(120deg,var(--m),#0f5bb5);border:0}
.t3 .t3-kutu--koyu:after,.t3 .t3-kutu--mavi:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:42px solid rgba(253,197,33,.28);right:-90px;bottom:-130px}
.t3 .t3-kutu--koyu h3,.t3 .t3-kutu--mavi h3{color:#fff}.t3 .t3-kutu--koyu p,.t3 .t3-kutu--mavi p{color:rgba(255,255,255,.82)}
.t3 .t3-kutu--koyu i,.t3 .t3-kutu--mavi i{background:rgba(255,255,255,.12);color:var(--s)}
.t3 .t3-kutu--koyu .t3-kutu__ok,.t3 .t3-kutu--mavi .t3-kutu__ok{color:var(--s)}

/* Neden Ataşehir: açılır liste */
.t3 .t3-neden{background:linear-gradient(160deg,var(--l2),var(--l1));color:#fff;position:relative;overflow:hidden}
.t3 .t3-neden:before{content:"";position:absolute;inset:0;opacity:.05;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:56px 56px}
.t3 .t3-neden .k{position:relative}
.t3 .t3-neden__ic{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.t3 .t3-neden__sol{position:sticky;top:170px}
.t3 .t3-neden .ust{color:var(--s)}.t3 .t3-neden .bas{color:#fff}.t3 .t3-neden .bas em{background:none;color:var(--s)}.t3 .t3-neden .ac{color:rgba(255,255,255,.8);margin-bottom:28px}
.t3 .t3-sss{display:grid;gap:10px}
.t3 .t3-sss details{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .25s,border-color .25s}
.t3 .t3-sss details[open]{background:rgba(255,255,255,.1);border-color:rgba(253,197,33,.45)}
.t3 .t3-sss summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 22px;font-weight:750;font-size:17px;color:#fff}
.t3 .t3-sss summary::-webkit-details-marker{display:none}
.t3 .t3-sss summary:after{content:"+";margin-left:auto;font-size:24px;font-weight:400;line-height:1;color:var(--s);transition:transform .25s}
.t3 .t3-sss details[open] summary:after{transform:rotate(45deg)}
.t3 .t3-sss summary b{flex:none;font-size:13px;color:var(--s);letter-spacing:.06em}
.t3 .t3-sss p{margin:0;padding:0 22px 20px 56px;color:rgba(255,255,255,.8);line-height:1.7}

/* Veliler için */
.t3 .t3-veli__izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.t3 .t3-veli__kart{display:flex;flex-direction:column;padding:28px;border-radius:24px;background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px -32px rgba(14,39,66,.5)}
.t3 .t3-veli__kart i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--ma);color:var(--m);font-style:normal}
.t3 .t3-veli__kart h3{color:var(--l1);font-size:19px;margin:18px 0 6px}
.t3 .t3-veli__kart p{color:var(--g);font-size:15px;line-height:1.6;margin:0 0 18px}
.t3 .t3-veli__kart--link{transition:transform .3s,border-color .3s;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--m),var(--s)) border-box;border:2px solid transparent}
.t3 .t3-veli__kart--link:hover{transform:translateY(-5px)}
.t3 .t3-veli__kart--link .t3-kutu__ok{margin-top:auto}
.t3 .t3-kademe-sec{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.t3 .t3-kademe-sec a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--l1);font-size:13.5px;font-weight:700;transition:background .2s,color .2s}
.t3 .t3-kademe-sec a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.t3 .t3-kademe-sec a:hover,.t3 .t3-kademe-sec a:focus-visible{background:var(--c);color:#fff}
.t3 .t3-kademe-sec a:hover:before{background:#fff}

/* Kayıt adımları */
.t3 .t3-kayit{background:#F7F9FC}
.t3 .t3-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;position:relative}
.t3 .t3-adim:before{content:"";position:absolute;left:14%;right:14%;top:34px;border-top:2px dashed color-mix(in srgb,var(--m) 35%,#fff)}
.t3 .t3-adim li{position:relative;text-align:center;padding:0 10px}
.t3 .t3-adim b{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:var(--m);color:#fff;font-size:20px;box-shadow:0 0 0 8px #F7F9FC,0 16px 30px -12px rgba(27,116,218,.7)}
.t3 .t3-adim li:last-child b{background:var(--s);color:var(--l1)}
.t3 .t3-adim h3{color:var(--l1);font-size:18px;margin:0 0 8px}
.t3 .t3-adim p{color:var(--g);font-size:15px;line-height:1.6;margin:0}
.t3 .cta .dg{flex:none}

/* Kaydırınca beliren bölümler (destekleyen tarayıcılarda, JS'siz) */
@supports (animation-timeline: view()){
	@media (prefers-reduced-motion: no-preference){
		.t3 .t3-durak,.t3 .t3-kutu,.t3 .t3-veli__kart,.t3 .t3-adim li,.t3 .t3-deger li{animation:t3Gel linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
	}
}
@keyframes t3Gel{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}

@media (max-width:960px){
	.t3 .t3-hero .k{grid-template-columns:1fr;padding-bottom:100px}
	.t3 .t3-manifesto .k,.t3 .t3-neden__ic{grid-template-columns:1fr;gap:36px}
	.t3 .t3-neden__sol{position:static}
	.t3 .t3-yol{gap:56px}
	.t3 .t3-yol:before{left:11px;margin-left:0}
	.t3 .t3-durak{grid-template-columns:1fr;gap:26px;padding-left:44px}
	.t3 .t3-durak:before{left:0;top:6px;margin:0}
	.t3 .t3-durak:nth-child(even) figure{order:0}
	.t3 .t3-durak figure:after,.t3 .t3-durak:nth-child(even) figure:after{inset:12px -10px -10px 12px}
	.t3 .t3-bento,.t3 .t3-veli__izgara{grid-template-columns:1fr 1fr}
	.t3 .t3-kutu--genis{grid-column:auto}
	.t3 .t3-adim{grid-template-columns:1fr 1fr;row-gap:36px}
	.t3 .t3-adim:before{display:none}
	.t3 .t3-nav .k{justify-content:flex-start}
	.t3 .cta .kt2{flex-direction:column;align-items:flex-start;padding:40px 28px}
}
@media (max-width:600px){
	.t3 .t3-seviye{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
	.t3 .t3-seviye li{padding:8px 10px}.t3 .t3-seviye b{font-size:12.5px}.t3 .t3-seviye span{font-size:11.5px}
	.t3 .t3-hero .dg .btn{flex:1 1 auto;justify-content:center}
	.t3 .t3-mozaik{gap:10px}.t3 .t3-mozaik figure{border-radius:16px}
	.t3 .t3-mozaik figcaption{font-size:11.5px;left:8px;bottom:8px;padding:5px 10px}
	.t3 .t3-bento,.t3 .t3-veli__izgara,.t3 .t3-adim{grid-template-columns:1fr}
	.t3 .t3-kutu{min-height:0;padding:26px}
	.t3 .t3-adim li{text-align:left;padding:0 0 0 84px;min-height:68px}
	.t3 .t3-adim b{position:absolute;left:0;top:0;margin:0}
	.t3 .t3-sss p{padding-left:22px}
	.t3 .t3-durak{padding-left:36px}
}
/* 0.4.1 — Alt sayfa kalıbı: kısa hero + tek fotoğraf, kardeş sayfa sekmeleri, liste kartları */
.t3 .t3-hero--kisa .k{grid-template-columns:1.1fr .9fr;padding-top:44px;padding-bottom:110px}
.t3 .t3-hero--kisa h1{font-size:clamp(34px,4.4vw,54px)}
.t3 .t3-tekfoto{position:relative;margin:0}
.t3 .t3-tekfoto:before{content:"";position:absolute;inset:-16px 36px 36px -16px;border-radius:30px;background:var(--s);transform:rotate(-2.5deg);opacity:.9}
.t3 .t3-tekfoto img{position:relative;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:26px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.t3 .t3-tekfoto figcaption{position:absolute;left:-22px;bottom:28px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:#fff;color:var(--l1);box-shadow:0 18px 40px -16px rgba(14,39,66,.5)}
.t3 .t3-tekfoto figcaption i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ma);color:var(--m);font-style:normal}
.t3 .t3-tekfoto figcaption b{display:block;font-size:14.5px}.t3 .t3-tekfoto figcaption small{display:block;color:var(--g);font-size:12.5px;font-weight:600}
.t3 .t3-nav a[aria-current]{background:var(--m);color:#fff}
.t3 .t3-kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.t3 .t3-kartlar--3{grid-template-columns:repeat(3,1fr)}
.t3 .t3-kart{padding:30px;border-radius:24px;background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px -32px rgba(14,39,66,.5);display:flex;flex-direction:column}
.t3 .t3-kart h3{color:var(--l1);font-size:20px;margin:0 0 16px;padding-bottom:14px;border-bottom:2px solid var(--ma)}
.t3 .t3-tik{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.t3 .t3-tik li{position:relative;padding-left:32px;color:#3d4b5e;line-height:1.6;font-size:15.5px}
.t3 .t3-tik li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:7px;background:var(--ma) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B74DA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
.t3 .t3-kart__ok{margin-top:18px;font-weight:750;color:var(--m)}
.t3 .t3-kart__ok:hover{text-decoration:underline}
@media (max-width:960px){
	.t3 .t3-hero--kisa .k{grid-template-columns:1fr;padding-bottom:96px}
	.t3 .t3-tekfoto figcaption{left:12px;bottom:12px}
	.t3 .t3-kartlar--3{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.t3 .t3-kartlar,.t3 .t3-kartlar--3{grid-template-columns:1fr}
	.t3 .t3-kart{padding:24px}
	.t3 .t3-tekfoto:before{inset:-10px 20px 20px -10px}
}
/* 0.4.2 — Kurumsal: tek sütun hero, alıntı bandı, kişi kartları, not ve uyarı kutuları */
.t3 .t3-hero--tek .k{grid-template-columns:minmax(0,820px);padding-bottom:104px}
.t3 .t3-alinti{background:var(--ma);text-align:center;position:relative;overflow:hidden}
.t3 .t3-alinti .k{max-width:900px}
.t3 .t3-alinti blockquote{margin:16px 0 18px;position:relative}
.t3 .t3-alinti blockquote:before{content:"\201C";display:block;font-size:110px;line-height:.6;color:var(--s);font-family:Georgia,serif;margin-bottom:6px}
.t3 .t3-alinti blockquote p{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.45;font-weight:750;color:var(--l1);letter-spacing:-.01em}
.t3 .t3-alinti .ac{margin:0 auto}
.t3 .t3-kisiler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.t3 .t3-kisi{text-align:center;padding:36px 24px 30px;border-radius:26px;background:#fff;border:1px solid #e8eef6;box-shadow:0 20px 44px -32px rgba(14,39,66,.5);transition:transform .3s}
.t3 .t3-kisi:hover{transform:translateY(-6px)}
.t3 .t3-kisi__bas{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(150deg,var(--l2),var(--l1));color:#fff;font-size:30px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 6px #fff,0 0 0 9px var(--s)}
.t3 .t3-kisi h3{margin:0 0 4px;color:var(--l1);font-size:21px}
.t3 .t3-kisi p{margin:0;color:var(--m);font-weight:700;font-size:14.5px}
.t3 .t3-not{margin:36px auto 0;max-width:820px;text-align:center;color:var(--g);font-size:14.5px;line-height:1.6}
.t3 .t3-not a,.t3 .t3-uyari a,.t3 .t3-adim a{color:var(--m);font-weight:700}
.t3 .t3-banka-ust{padding:56px 0 28px}
.t3 .t3-uyari{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:20px;background:#FFF8E1;border:1px solid #F7DD8B}
.t3 .t3-uyari i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--s);color:var(--l1);font-style:normal}
.t3 .t3-uyari p{margin:0;color:#4a3b05;line-height:1.65}
.t3 .ats-banka{padding:30px;border-radius:24px;border:1px solid #e8eef6;box-shadow:0 18px 40px -32px rgba(14,39,66,.5);position:relative;overflow:hidden}
.t3 .ats-banka:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--m),var(--s))}
.t3 .ats-banka h3{color:var(--l1);font-size:21px;margin:4px 0 14px}
.t3 .ats-banka p{color:#3d4b5e}
.t3 .ats-banka .ats-banka__iban code{font-size:1.1rem;padding:14px 16px;border-radius:12px;background:var(--ma)}
.t3 .ats-banka__kopyala{width:100%;margin-top:12px}
.t3 .ats-bos{text-align:center;padding:36px;border:2px dashed #dfe7f1;border-radius:22px;color:var(--g)}
@media (max-width:960px){.t3 .t3-kisiler{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.t3 .t3-kisiler{grid-template-columns:1fr}.t3 .t3-uyari{flex-direction:column}}
/* 0.5.0 — Yazı sayfaları: tekil yazı + kategori arşivi */
.t3 .t3-yazi__hero{background:radial-gradient(800px 420px at 92% 0%,color-mix(in srgb,var(--c) 45%,transparent),transparent 62%),linear-gradient(160deg,var(--l2),var(--l1) 70%)}
.t3 .t3-yazi__hero .k{padding-bottom:120px}
.t3 .t3-yazi__hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:16px 0 18px}
.t3 .t3-yazi__tur{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--c) 60%,transparent)}
.t3 .t3-yazi__meta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.t3 .t3-yazi__meta li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.88);font-size:14px;font-weight:650}
.t3 .t3-yazi__meta a{color:#fff}.t3 .t3-yazi__meta a:hover{text-decoration:underline}
.t3 .t3-yazi__kap{position:relative;z-index:2}
.t3 .t3-yazi__kapak{margin:-96px auto 36px;max-width:1040px}
.t3 .t3-yazi__kapak img{width:100%;max-height:560px;object-fit:cover;border-radius:28px;box-shadow:0 34px 70px -34px rgba(14,39,66,.6);border-bottom:6px solid var(--c)}
.t3 .t3-yazi__duzen{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:56px;justify-content:center;padding:44px 0 20px}
.t3 .t3-yazi__kapak + .t3-yazi__duzen{padding-top:8px}
.t3 .t3-yazi__govde{min-width:0;font-size:18px;line-height:1.8;color:#2f3e52}
.t3 .t3-yazi__govde > p:first-of-type{font-size:20.5px;line-height:1.7;color:var(--l1);font-weight:550}
.t3 .t3-yazi__govde p{margin:0 0 20px}
.t3 .t3-yazi__govde h2{font-size:clamp(24px,2.6vw,30px);color:var(--l1);margin:40px 0 14px;line-height:1.25}
.t3 .t3-yazi__govde h3{font-size:22px;color:var(--l1);margin:32px 0 12px}
.t3 .t3-yazi__govde a:not([class]){color:var(--m);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.t3 .t3-yazi__govde .ats-buton{text-decoration:none;color:#fff}.t3 .t3-yazi__govde .ats-buton:hover{color:#fff}.t3 .t3-yazi__govde .ats-buton--cizgi,.t3 .t3-yazi__govde .ats-buton--cizgi:hover{color:var(--ats-lacivert,#15375D)}
.t3 .t3-yazi__govde ul,.t3 .t3-yazi__govde ol{margin:0 0 20px;padding-left:24px}
.t3 .t3-yazi__govde blockquote{margin:28px 0;padding:20px 26px;border-left:5px solid var(--c);background:color-mix(in srgb,var(--c) 8%,#fff);border-radius:0 16px 16px 0;font-size:19px;color:var(--l1)}
.t3 .t3-yazi__govde img{border-radius:18px;height:auto}
.t3 .t3-yazi__govde .ats-pay-etiketler{display:none}
.t3 .t3-yazi__govde .ats-galeri h2{font-size:24px;margin-top:44px}
.t3 .t3-yazi__yan{position:sticky;top:150px;align-self:start;display:grid;gap:16px}
.t3 .t3-paylas{display:grid;gap:8px;padding:20px;border-radius:22px;background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px -32px rgba(14,39,66,.5)}
.t3 .t3-paylas b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin-bottom:4px}
.t3 .t3-paylas a,.t3 .t3-paylas button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:0;background:#F3F6FB;color:var(--l1);font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;text-align:left;transition:background .2s,color .2s}
.t3 .t3-paylas__wa:hover{background:#25D366;color:#fff}.t3 .t3-paylas__fb:hover{background:#1877F2;color:#fff}.t3 .t3-paylas__kopya:hover,.t3 .t3-paylas__kopya.is-tamam{background:var(--m);color:#fff}
.t3 .t3-yazi__tum{display:block;padding:14px 18px;border-radius:16px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--l1);font-weight:750}
.t3 .t3-yazi__tum:hover{background:var(--c);color:#fff}
.t3 .t3-yazi__gezin{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1036px;margin:36px auto 0;padding-top:28px;border-top:1px solid #e8eef6}
.t3 .t3-yazi__gezin a{display:grid;gap:4px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #e8eef6;transition:border-color .2s,transform .2s}
.t3 .t3-yazi__gezin a:hover{border-color:var(--c);transform:translateY(-3px)}
.t3 .t3-yazi__gezin small{color:var(--g);font-weight:700;font-size:13px}.t3 .t3-yazi__gezin b{color:var(--l1);line-height:1.4}
.t3 .t3-yazi__sonraki{text-align:right;grid-column:2}
.t3 .t3-yazi__benzer{background:#F7F9FC;margin-top:64px}
.t3 .t3-ykartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.t3 .t3-ykart a{display:flex;flex-direction:column;height:100%;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e8eef6;box-shadow:0 20px 44px -34px rgba(14,39,66,.55);transition:transform .3s,box-shadow .3s}
.t3 .t3-ykart a:hover{transform:translateY(-6px);box-shadow:0 30px 56px -30px rgba(14,39,66,.55)}
.t3 .t3-ykart__foto{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,#fff)}
.t3 .t3-ykart__foto > img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.t3 .t3-ykart a:hover .t3-ykart__foto > img{transform:scale(1.05)}
.t3 .t3-ykart__foto .ats-vb-kapak{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.t3 .t3-ykart__bos{display:grid;place-items:center;width:100%;height:100%;color:var(--c);background:radial-gradient(circle at 30% 30%,#fff,color-mix(in srgb,var(--c) 18%,#fff))}
.t3 .t3-ykart__tur{position:absolute;right:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--c);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 18px -8px var(--c)}
.t3 .t3-ykart__govde{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.t3 .t3-ykart time{color:var(--g);font-size:13.5px;font-weight:650}
.t3 .t3-ykart h3{margin:0;color:var(--l1);font-size:19px;line-height:1.35}
.t3 .t3-ykart__kademe{display:flex;flex-wrap:wrap;gap:6px}
.t3 .t3-ykart__kademe span{padding:4px 10px;border-radius:999px;background:#EEF3FA;color:var(--l2);font-size:12.5px;font-weight:700}
.t3 .t3-ykart__ok{margin-top:auto;padding-top:6px;color:var(--c);font-weight:750}
.t3 .t3-sayfala .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:44px}
.t3 .t3-sayfala .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #e8eef6;color:var(--l1);font-weight:750}
.t3 .t3-sayfala .page-numbers.current,.t3 .t3-sayfala a.page-numbers:hover{background:var(--c);border-color:var(--c);color:#fff}
.t3 .t3-sayfala .screen-reader-text{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
@media (max-width:1080px){.t3 .t3-yazi__duzen{grid-template-columns:minmax(0,760px);gap:28px}.t3 .t3-yazi__yan{position:static}.t3 .t3-paylas{grid-template-columns:repeat(3,1fr);align-items:stretch}.t3 .t3-paylas b{grid-column:1/-1}}
@media (max-width:960px){.t3 .t3-ykartlar{grid-template-columns:1fr 1fr}.t3 .t3-yazi__kapak{margin-top:-80px}}
@media (max-width:600px){.t3 .t3-ykartlar,.t3 .t3-yazi__gezin{grid-template-columns:1fr}.t3 .t3-yazi__sonraki{grid-column:auto}.t3 .t3-yazi__govde{font-size:17px}.t3 .t3-yazi__govde > p:first-of-type{font-size:18.5px}.t3 .t3-paylas{grid-template-columns:1fr}.t3 .t3-paylas span{display:inline}.t3 .t3-yazi__kapak img{border-radius:20px}.t3 .t3-yazi__kapak{margin-top:-72px}}
@media print{.t3 .t3-nav{display:none}}
