@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/inter-core.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AE,U+00B2,U+00B7,U+00C7,U+00D6,U+00DC,U+00E7,U+00F6,U+00FC,U+0131,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2122,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/inter-tr.woff2) format('woff2');unicode-range:U+011E-011F,U+0130,U+015E-015F}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/inter-ext.woff2) format('woff2');unicode-range:U+00A1-00A8,U+00AA-00AC,U+00AF-00B1,U+00B3-00B6,U+00B8-00C6,U+00C8-00D5,U+00D7-00DB,U+00DD-00E6,U+00E8-00F5,U+00F7-00FB,U+00FD-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2002,U+2009,U+200B,U+201A,U+201E,U+2032-2033,U+2039-203A,U+2044,U+2191,U+2193,U+FEFF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-core.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AE,U+00B2,U+00B7,U+00C7,U+00D6,U+00DC,U+00E7,U+00F6,U+00FC,U+0131,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2122,U+2212}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-tr.woff2) format('woff2');unicode-range:U+011E-011F,U+0130,U+015E-015F}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-ext.woff2) format('woff2');unicode-range:U+00A1-00A8,U+00AA-00AC,U+00AF-00B1,U+00B3-00B6,U+00B8-00C6,U+00C8-00D5,U+00D7-00DB,U+00DD-00E6,U+00E8-00F5,U+00F7-00FB,U+00FD-00FF,U+0102,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308,U+0323,U+201A,U+201E,U+2032-2033,U+2039-203A,U+2044,U+2191,U+2193,U+2215}
/* =======================================================================
   Türkoğlu Grup — ana sayfa
   Dil: Schibsted Grotesk + Inter, hap butonlar, sıcak kâğıt zemin, turuncu marka.
   Yuvarlak köşeli "kap" yalnızca vurgu alanlarında: hero sektör çubuğu,
   faaliyet panelleri, tarihçe (turuncu), sürdürülebilirlik bandı, kartlar.
   Header + hero düzeni index.html'den.
   ======================================================================= */
:root{
  --brand:#F5821F; --brand-d:#D96A0C; --brand-ink:#B25308; /* açık zeminde metin: --brand-d büyük yazıda (3,5:1), --brand-ink küçük yazıda (5:1) */
  --ink:#14161A; --ink-2:#1D2126;
  --paper:#FFFFFF; --paper-2:#F6F4F1; --paper-3:#EDEAE5;
  --line:#E3DFD8; --line-2:#D2CCC2;
  --t1:#14161A; --t2:#5C6069; --t3:#666A72; /* --t3 beyaz zeminde 5,4:1 (eski #9A9DA4: 2,7:1) */
  --green-d:#0C2A1E; --green:#17593C; --green-l:#41B072;
  --r:18px; --r-s:12px; --pill:999px;
  --head:'Schibsted Grotesk',Arial,sans-serif; --text:'Inter',-apple-system,'Segoe UI',sans-serif;
  --max:1440px; --gut:clamp(20px,4vw,64px); --edge:clamp(8px,1vw,14px);
  --hl:clamp(20px,9.6vw,206px); /* header + hero yatay hizası (index.html) */
  --sec:clamp(88px,11vw,176px);
  --ease:cubic-bezier(.22,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0s!important;animation:none!important}}
body{margin:0;font-family:var(--text);font-size:16px;line-height:1.65;color:var(--t1);background:var(--paper);-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:400;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--pill)}
.skip:focus{top:12px}

.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.h2{font-family:var(--head);font-weight:700;font-size:clamp(30px,3.4vw,54px);line-height:1.04;letter-spacing:-.028em}
.lead{font-size:clamp(17px,1.2vw,20px);line-height:1.6;color:var(--t2);font-weight:300}
.mut{color:var(--t2);font-weight:300}

.btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:var(--pill);
  font-family:var(--head);font-size:14.5px;font-weight:600;white-space:nowrap;
  background:var(--ink);color:#fff;border:1px solid var(--ink);transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--brand);border-color:var(--brand)}
.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-o{background:transparent;color:var(--t1);border-color:var(--line-2)}
.btn-o:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-w{background:#fff;border-color:#fff;color:var(--ink)}
.btn-w:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-ow{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.btn-ow:hover{background:#fff;border-color:#fff;color:var(--ink)}
.ln{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:600;font-size:14.5px;padding-bottom:5px;border-bottom:1px solid var(--line-2);transition:color .2s,border-color .2s}
.ln svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.ln:hover{color:var(--brand-d);border-color:var(--brand)}

.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(36px,4vw,60px)}
.sec-head p{max-width:52ch}
.sec-head .act{justify-self:end}

/* ============================== HEADER (index.html düzeni) ============================== */
.hdr{position:fixed;inset:0 0 auto;z-index:100;transition:background .25s,box-shadow .25s}
.hdr.solid{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:32px;height:88px;padding-inline:var(--hl);transition:height .25s}
.hdr.solid .hdr-in{height:76px}
.logo{height:58px;width:auto;transition:height .25s}
.hdr.solid .logo{height:48px}
.logo-d{display:none}
.hdr.solid .logo-l{display:none}
.hdr.solid .logo-d{display:block}
.nav{display:flex;align-items:center;gap:30px}
.nav>a,.nav .has>a{font-family:var(--head);font-size:14.5px;font-weight:500;color:#fff;opacity:.88;position:relative;padding:6px 0;display:block;transition:opacity .2s}
.nav>a::after,.nav .has>a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav>a:hover::after,.nav .has:hover>a::after,.nav a[aria-current]::after{transform:none}
.nav>a:hover,.nav .has:hover>a{opacity:1}
.hdr.solid .nav>a,.hdr.solid .nav .has>a{color:var(--t1);opacity:1}
.has{position:relative}
.has>a::before{content:'';position:absolute;left:-10px;right:-10px;top:100%;height:20px}
.dd{position:absolute;left:-18px;top:calc(100% + 16px);min-width:230px;background:#fff;border-radius:var(--r-s);padding:8px;
  box-shadow:0 18px 40px -12px rgba(20,22,26,.22),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--ease)}
.has:hover .dd,.has:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:9px 14px;border-radius:8px;font-size:14px;color:var(--t2);white-space:nowrap;transition:background .15s,color .15s}
.dd a:hover{background:var(--paper-2);color:var(--t1)}
.hdr-r{display:flex;align-items:center;gap:18px}
.lang{display:flex;gap:4px;font-family:var(--head);font-size:12.5px;font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.55)}
.lang [aria-current]{color:#fff}
.hdr.solid .lang{color:var(--t3)}
.hdr.solid .lang [aria-current]{color:var(--t1)}
.pay{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.34);font-family:var(--head);font-size:13.5px;font-weight:600;color:#fff;transition:.2s}
.pay:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.hdr.solid .pay{color:var(--t1);border-color:var(--line-2)}
.hdr.solid .pay:hover{color:#fff}
.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex:none;position:relative;z-index:220}
.burger span,.burger span::before,.burger span::after{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:.25s}
.burger span{position:relative}
.burger span::before,.burger span::after{content:'';position:absolute;left:0}
.burger span::before{top:-7px}.burger span::after{top:7px}
.hdr.solid .burger span,.hdr.solid .burger span::before,.hdr.solid .burger span::after{background:var(--t1)}
.burger[aria-expanded=true] span{background:transparent!important}
.burger[aria-expanded=true] span::before{top:0;transform:rotate(45deg);background:#fff!important}
.burger[aria-expanded=true] span::after{top:0;transform:rotate(-45deg);background:#fff!important}
.scrim{position:fixed;inset:0;z-index:190;background:rgba(10,11,13,.5);opacity:0;visibility:hidden;transition:.3s}
.scrim.show{opacity:1;visibility:visible}
.chev{display:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .25s}
.has.open .chev{transform:rotate(180deg)}

/* ============================== HERO (index.html düzeni) ============================== */
.hero{position:relative;height:100vh;height:100svh;min-height:600px;display:flex;flex-direction:column;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.h-media{position:absolute;inset:0;z-index:0}
.h-media video,.h-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h-media video{opacity:.66}
.h-media img{opacity:0;transition:opacity .6s var(--ease)}
.h-media img.on{opacity:.62}
.h-media::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(12,14,17,.94) 0%,rgba(12,14,17,.7) 40%,rgba(12,14,17,.18) 100%),
             linear-gradient(180deg,rgba(12,14,17,0) 60%,rgba(12,14,17,.55) 100%)}
.hero-in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:118px var(--hl) 28px}
.hero h1{font-family:var(--head);font-weight:800;font-size:clamp(40px,min(4.8vw,8.4vh),78px);line-height:.96;letter-spacing:-.04em;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero-in p{color:rgba(255,255,255,.74);max-width:50ch;margin-top:24px;font-weight:300;font-size:clamp(16px,1.2vw,19px)}
.hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.vid-btn{position:absolute;z-index:3;right:var(--hl);bottom:calc(clamp(96px,12vh,118px) + 24px);width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.34);display:grid;place-items:center;color:#fff;transition:.2s}
.vid-btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.vid-btn svg{width:13px;height:13px;fill:currentColor}
/* alttaki sektör çubuğu — index2 tasarım anlayışı */
.h-strip{position:relative;z-index:2;padding:0 var(--hl) clamp(16px,2.4vh,28px)}
.tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:6px;border-radius:var(--r);
  background:rgba(20,22,26,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tabs a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--r-s);min-width:0;transition:background .2s,color .2s}
.tabs b{font-family:var(--head);font-weight:600;font-size:14px;line-height:1.2}
.tabs span{font-size:12px;line-height:1.35;color:rgba(255,255,255,.58)}
.tabs a:hover,.tabs a.on{background:#fff;color:var(--ink)}
.tabs a:hover span,.tabs a.on span{color:var(--brand-d)}

/* ============================== FAALİYET ALANLARI ============================== */
.sectors{background:var(--paper-2)}
.acc{display:flex;gap:8px;height:clamp(520px,64vh,660px)}
.pn{position:relative;flex:1 1 0;min-width:0;border-radius:var(--r);overflow:hidden;background:var(--ink);color:#fff;cursor:pointer;transition:flex-grow .6s var(--ease)}
.pn.on{flex-grow:6.2;cursor:default}
.pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .4s}
.pn:not(.on) img{opacity:.55}
.pn:not(.on):hover img{opacity:.75}
.pn.on img{transform:scale(1.02)}
.pn::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,17,.15) 0%,rgba(12,14,17,0) 30%,rgba(12,14,17,.55) 58%,rgba(12,14,17,.92) 100%);pointer-events:none}
.pn-btn{position:absolute;inset:0;z-index:3;width:100%;text-align:left}
.pn.on .pn-btn{pointer-events:none}
.pn-since{position:absolute;z-index:2;top:16px;left:16px;font-family:var(--head);font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:var(--pill);background:rgba(20,22,26,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
.pn-v{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--head);font-weight:700;font-size:18px;white-space:nowrap;transition:opacity .25s}
.pn.on .pn-v{opacity:0}
.pn-body{position:absolute;z-index:4;left:clamp(22px,2.4vw,36px);right:clamp(22px,2.4vw,36px);bottom:clamp(22px,2.4vw,36px);max-width:560px;
  opacity:0;transform:translateY(12px);transition:opacity .3s,transform .4s var(--ease);pointer-events:none;visibility:hidden}
.pn.on .pn-body{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto;visibility:visible}
.pn-body h3{font-family:var(--head);font-weight:700;font-size:clamp(28px,2.6vw,42px);line-height:1.04;letter-spacing:-.03em}
.pn-body .sub{font-family:var(--head);font-weight:600;font-size:15px;color:var(--brand);margin-top:8px}
.pn-body p.d{margin-top:14px;font-weight:300;color:rgba(255,255,255,.84);font-size:15.5px;line-height:1.6;max-width:52ch}
.pn-body .btn{margin-top:22px;height:44px;padding:0 20px;font-size:13.5px}

/* ============================== SABİT ARKA PLAN (protechturkey.com örneği) ==============================
   Görsel ekrana sabittir; kutu bir pencere gibi üzerinden geçer. (background-attachment:fixed iOS'ta
   çalışmadığı için fixed + clip-path yöntemi.)
   JS yoksa / hareket azaltılmışsa görsel kutuyu normal şekilde kaplar. */
.pxbox{position:relative;overflow:hidden;isolation:isolate;clip-path:inset(0 round var(--r) var(--r) 0 0)}
.px-img{position:absolute;left:0;right:0;top:0;height:100%;z-index:-2}
/* görsel ekrana sabitlenir; kutunun clip-path'i onu yalnızca kutu içinde gösterir. Kaydırmayı tarayıcı kendisi
   işlediği için JS gecikmesi (titreme) olmaz. Kutuda transform OLMAMALI, yoksa fixed bozulur. */
.px-on .px-img{position:fixed;top:0;left:0;right:0;height:100vh;height:100lvh}
.px-img picture{display:block;width:100%;height:100%}
.px-img img{width:100%;height:100%;object-fit:cover}

/* ============================== SÜRDÜRÜLEBİLİRLİK (index.html bölümü + sabit arka plan) ============================== */
.green{background:var(--green-d);color:#fff;border-radius:var(--r) var(--r) 0 0}
.green .px-img img{opacity:.6;filter:grayscale(1) contrast(1.2) brightness(1.05);mix-blend-mode:luminosity}
.green::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,var(--green-d) 16%,rgba(12,42,30,.86) 42%,rgba(12,42,30,.45) 100%)}
.g-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,80px);align-items:center}
.green .h2{color:#fff}
.green .lead{color:rgba(255,255,255,.7);margin-top:24px;max-width:46ch}
.green .g-body{color:rgba(255,255,255,.66);font-weight:300;margin-top:14px;max-width:48ch}
.green .btn{margin-top:36px}
.green .btn-ow:hover{background:var(--green-l);border-color:var(--green-l);color:var(--green-d)}
.cycle{margin-top:clamp(4px,1vw,12px)}
.cycle svg{width:100%;height:auto;display:block;overflow:visible}
.cy-track{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}
.cy-line{fill:none;stroke:var(--green-l);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.55,.1,.35,1)}
.cycle.on .cy-line{stroke-dashoffset:0}
.cy-arr{fill:var(--green-l);opacity:0;transition:opacity .4s}
.cycle.on .cy-arr{opacity:.95}
.cy-node{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.3,1.3)}
.cycle.on .cy-node{opacity:1;transform:none}
.cy-node .ring{fill:var(--green-d);stroke:var(--green-l);stroke-width:1.5}
.cy-node .core{fill:var(--green-l)}
.cy-node .mring,.cy-n,.cy-legend{display:none}
.cy-l{font-family:var(--head);font-weight:600;font-size:20px;fill:#fff}
.cy-s{font-family:var(--text);font-weight:300;font-size:14px;fill:rgba(255,255,255,.55)}
.cy-center{opacity:0;transition:opacity .8s ease .9s}
.cycle.on .cy-center{opacity:1}
.cy-big{font-family:var(--head);font-weight:800;font-size:40px;letter-spacing:-.02em;fill:#fff}
.cy-dot{fill:#fff;opacity:0;transition:opacity .4s;filter:drop-shadow(0 0 6px rgba(65,176,114,.9))}
.cycle.run .cy-dot{opacity:1}
.g-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--edge);margin-top:clamp(40px,4.4vw,72px)}
.g-cards li{cursor:pointer;background:rgba(12,42,30,.62);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px 24px 26px;transition:background .25s,border-color .25s}
.g-cards b{display:block;font-family:var(--head);font-weight:700;font-size:18px;color:var(--green-l)}
.g-cards span{display:block;margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.68);font-weight:300;line-height:1.55}
.g-cards li:hover{background:rgba(23,89,60,.78);border-color:rgba(65,176,114,.5)}

/* ============================== BLOG ==============================
   Düzen: solda öne çıkan yazı, sağda üç yazılık liste; iki sütun aynı yükseklikte.
   Öne çıkan: görsel kartın tamamını kaplar, metin görselin üstünde (koyu geçiş).
   Liste: zemin yok, ayraç çizgileri; solda küçük görsel, sağda ok düğmesi. */
.posts{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,48px);align-items:stretch}
.post{display:block;cursor:pointer}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--head);font-weight:600;font-size:13px;color:var(--t3)}
.meta .cat{color:var(--brand-d)}
.meta i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.post h3{font-family:var(--head);font-weight:700;letter-spacing:-.02em;line-height:1.15;transition:color .2s}
.arw{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:.25s var(--ease)}
.arw svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.post:hover .arw{background:var(--brand);border-color:var(--brand);color:#fff;transform:rotate(-45deg)}
/* öne çıkan */
.post-f{position:relative;min-height:clamp(420px,38vw,560px);border-radius:var(--r);overflow:hidden;background:var(--ink);color:#fff;isolation:isolate}
.post-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease)}
.post-f::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,14,17,.12) 0%,rgba(12,14,17,0) 30%,rgba(12,14,17,.55) 58%,rgba(12,14,17,.9) 100%)}
.post-f:hover img{transform:scale(1.04)}
.post-f .top{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:center}
.post-f .tag{font-family:var(--head);font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:var(--pill);background:#fff;color:var(--ink)}
.post-f .arw{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(20,22,26,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.post-f .txt{position:absolute;left:clamp(22px,2.6vw,40px);right:clamp(22px,2.6vw,40px);bottom:clamp(22px,2.6vw,36px)}
.post-f .meta{color:rgba(255,255,255,.72)}
.post-f .meta .cat{color:var(--brand)}
.post-f h3{font-size:clamp(26px,2.5vw,40px);margin-top:12px;max-width:22ch}
.post-f p{margin-top:12px;color:rgba(255,255,255,.78);font-weight:300;max-width:54ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* liste */
.post-list{display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr))}
.pl-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--ink);font-family:var(--head);font-weight:600;font-size:14px}
.pl-head span{color:var(--t3);font-weight:500;font-size:13px}
.post-s{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.post-s .th{aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--paper-3)}
.post-s .th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post-s:hover .th img{transform:scale(1.06)}
.post-s h3{font-size:clamp(17px,1.3vw,20px);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-s:hover h3{color:var(--brand-d)}

/* ============================== RESPONSIVE ============================== */
@media (max-width:1240px){
  .nav{gap:22px}
  .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vid-btn{bottom:calc(clamp(96px,12vh,118px) + 96px)}
  .cert-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vals{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .burger{display:flex}
  .hdr-r .lang{display:none}
  .hdr-in{gap:14px;height:76px}
  .logo,.hdr.solid .logo{height:44px}
  .hdr-r{margin-left:auto}
  .pay{height:36px;padding:0 14px;font-size:12.5px}
  .nav{position:fixed;top:0;right:0;height:100dvh;width:min(86vw,380px);z-index:200;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;
    padding:96px 28px 32px;overflow-y:auto;transform:translateX(100%);transition:transform .35s var(--ease)}
  .nav.open{transform:none}
  .nav>a,.nav .has>a,.hdr.solid .nav>a,.hdr.solid .nav .has>a{color:#fff;opacity:1;font-size:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .nav>a::after,.nav .has>a::after{display:none}
  .has>a::before{display:none}
  .nav .has>a{display:flex;justify-content:space-between;align-items:center}
  .chev{display:block}
  .dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;padding:0;min-width:0;max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
  .has.open .dd{max-height:420px;padding:6px 0 10px}
  .dd a{color:rgba(255,255,255,.62);padding:9px 0 9px 14px}
  .dd a:hover{background:none;color:#fff}
  .hero-in{padding-top:108px}
  .about-top,.sec-head,.stepper,.c-grid,.posts,.c-top,.c-main{grid-template-columns:minmax(0,1fr)}
  .post-list{grid-template-rows:none}
  .sec-head .act{justify-self:start}
  .acc{flex-direction:column;height:auto;gap:8px}
  .pn{flex:none;height:76px;transition:height .55s var(--ease)}
  .pn.on{height:min(560px,130vw)}
  .pn-v{writing-mode:horizontal-tb;transform:translateY(50%);left:18px;bottom:50%;font-size:19px}
  .pn-since{top:50%;transform:translateY(-50%);left:auto;right:14px}
  .pn.on .pn-since{top:14px;transform:none}
  .g-grid{grid-template-columns:minmax(0,1fr)}
  .green::after{background:linear-gradient(180deg,rgba(12,42,30,.92) 0%,rgba(12,42,30,.8) 100%)}
  .g-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hist .sec-head p{justify-self:start;text-align:left}
  .ftr-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root{--r:14px;--r-s:10px}
  .hdr-in{height:68px}.logo,.hdr.solid .logo{height:38px}.hdr.solid .hdr-in{height:64px}
  .hero{min-height:620px}
  .hero-in{padding-top:96px}
  .hero h1{font-size:clamp(38px,11vw,56px)}
  .hero-cta .btn{height:46px;padding:0 20px}
  .h-strip{padding:0 0 12px}
  .tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:0;padding:6px 12px;gap:4px;background:rgba(20,22,26,.5)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{flex:none;scroll-snap-align:start;padding:10px 14px;white-space:nowrap}
  .tabs span{display:none}
  .vid-btn{bottom:84px;width:40px;height:40px}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{min-height:200px}
  .rail-wrap{flex-direction:column;align-items:stretch}
  .rail{overflow-x:auto;grid-template-columns:repeat(11,64px);padding-bottom:6px;scrollbar-width:none}
  .rail::-webkit-scrollbar{display:none}
  .rail::before{right:auto;width:704px}
  .rnav{align-self:flex-end}
  .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert{min-height:160px}
  .cy-l,.cy-s,.cy-node .ring,.cy-node .core{display:none}
  .cy-node .mring{display:inline;fill:var(--green-d);stroke:var(--green-l);stroke-width:2.5}
  .cy-n{display:inline;font-family:var(--head);font-weight:700;font-size:20px;fill:#fff}
  .cy-legend{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:6px 0 0}
  .cy-legend li{font-family:var(--head);font-weight:600;font-size:14.5px;color:#fff;line-height:1.3}
  .cy-legend b{display:block;font-size:11px;letter-spacing:.14em;color:var(--green-l);margin-bottom:2px}
  .cy-legend span{display:block;font-family:var(--text);font-weight:300;font-size:12.5px;color:rgba(255,255,255,.55)}
  .g-cards{grid-template-columns:minmax(0,1fr)}
  .hist .sec-head p{justify-self:start;text-align:left}
  .vals{grid-template-columns:minmax(0,1fr)}
  .post-s{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .post-s .arw{display:none}
  .post-f{min-height:440px}
  .form{grid-template-columns:minmax(0,1fr)}
  .ftr-top{flex-direction:column;align-items:flex-start}
  .ftr-top p{text-align:left}
  .f-foot{flex-direction:column;align-items:stretch}
  .f-foot .btn{justify-content:center}
  .c-det{grid-template-columns:minmax(0,1fr)}
  .f-head{flex-direction:column;gap:4px}
}
/* =======================================================================
   index3 — tam genişlik düzen ve yeniden kurgulanan alanlar
   Tüm bölümler aynı yatay hizayı (--gx) kullanır; içerik genişliği sınırsız,
   okuma genişliği metin bloklarında ch ile sınırlanır.
   ======================================================================= */
:root{--gx:clamp(20px,5vw,96px);--hl:var(--gx);--gut:var(--gx);--max:none}
.wrap{max-width:none;padding-inline:var(--gx)}

/* ---------- Hero sektör çubuğu: tek satır, eşit yükseklik ---------- */
.tabs a{justify-content:center;min-height:64px}
.tabs b,.tabs span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- HAKKIMIZDA + VERİLER: tek parça ---------- */
.ab{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,120px);align-items:start}
.ab-l{position:sticky;top:120px;display:flex;flex-direction:column;gap:clamp(32px,3.6vw,56px)}
.ab-h{font-family:var(--head);font-weight:700;font-size:clamp(34px,3.7vw,64px);line-height:1.04;letter-spacing:-.04em;max-width:17ch}
.ab-h span{color:var(--t3)}
.ab-h em{font-style:normal;color:var(--brand-d)}
.ab-r .lead{color:var(--t1);font-weight:400;font-size:clamp(18px,1.35vw,22px);line-height:1.55;max-width:52ch}
.ab-r .mut{margin-top:18px;max-width:58ch}
.ab-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(40px,4.4vw,72px);border-top:1px solid var(--ink)}
.ab-st{padding:28px 0 30px;border-bottom:1px solid var(--line);cursor:default}
.ab-st:nth-child(odd){padding-right:clamp(16px,2vw,32px)}
.ab-st:nth-child(even){padding-left:clamp(16px,2vw,32px);border-left:1px solid var(--line)}
.ab-st dt{font-family:var(--head);font-weight:600;font-size:14px;color:var(--t2)}
.ab-st .v{display:block;margin-top:16px;font-family:var(--head);font-weight:800;font-size:clamp(52px,5.2vw,96px);line-height:.86;letter-spacing:-.055em;white-space:nowrap;transition:color .3s}
.ab-st .v small{font-size:.34em;font-weight:700;letter-spacing:-.02em;margin-left:6px;color:var(--brand-ink)}
.ab-st .n{display:block;margin-top:14px;font-size:14px;line-height:1.5;color:var(--t2);font-weight:300;max-width:30ch}
.ab-st:hover .v{color:var(--brand)}
.ab-st:hover .v small{color:var(--ink)}
.ab-r .btn{margin-top:clamp(32px,3vw,48px)}

/* ---------- TARİHÇE: yıl makarası ---------- */
.tl-bed{background:var(--paper-2)}
.tl{background:var(--brand-ink);color:#fff;border-radius:var(--r) var(--r) 0 0;padding-block:clamp(64px,7vw,112px) clamp(56px,6vw,96px);overflow:hidden;position:relative}
.tl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.tl-head h2{font-size:clamp(32px,3.6vw,58px);line-height:1.02;letter-spacing:-.035em}
.tl-ctrl{display:flex;align-items:center;gap:10px}
.tl-count{font-family:var(--head);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;margin-right:10px;min-width:62px;text-align:right}
.tl-count b{font-size:22px}
.tl-ctrl button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;color:#fff;transition:.2s}
.tl-ctrl button:hover{background:#fff;color:var(--brand-d);border-color:#fff}
.tl-ctrl svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.tl-ctrl .pp svg{fill:currentColor;stroke:none;width:13px;height:13px}
.tl-dial{position:relative;margin-top:clamp(28px,3vw,48px);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.tl-dial:active{cursor:grabbing}
.tl-track{display:flex;gap:.22em;font-family:var(--head);font-weight:800;font-size:clamp(110px,19vw,330px);line-height:.82;letter-spacing:-.06em;white-space:nowrap;
  font-variant-numeric:tabular-nums;transition:transform .9s cubic-bezier(.65,0,.2,1);will-change:transform;padding-left:var(--gx);padding-bottom:.14em}
.tl-track span::before{content:attr(data-y)} /* yıllar metin değil süs: ekran okuyucu ve kontrast denetimi için içerik CSS'ten */
.tl-track span{color:rgba(255,255,255,.2);transition:color .6s,opacity .6s;cursor:pointer}
.tl-track span.past{color:rgba(255,255,255,.1)}
.tl-track span.on{color:#fff;cursor:default}
.tl-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(40px,6vw,120px);align-items:end;margin-top:clamp(32px,3.6vw,56px)}
.tl-txt h3{font-family:var(--head);font-weight:700;font-size:clamp(28px,2.6vw,44px);line-height:1.05;letter-spacing:-.03em}
.tl-txt p{margin-top:14px;font-size:clamp(16px,1.2vw,19px);line-height:1.55;max-width:44ch;min-height:3.1em;color:rgba(255,255,255,.94)}
.tl-anim{animation:tlIn .6s var(--ease)}
@keyframes tlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tl-rail{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}
.tl-rail button{display:flex;flex-direction:column;gap:10px;text-align:left;padding-top:4px;color:rgba(255,255,255,.94);font-family:var(--head);font-weight:600;font-size:13px;transition:color .2s}
.tl-rail button:hover,.tl-rail button.on{color:#fff}
.tl-rail .bar{position:relative;display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.tl-rail .bar i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.tl-rail button.done .bar i{transform:none}
.tl-rail button.on .bar i{animation:tlBar var(--tl-dur,6s) linear forwards}
.tl.paused .tl-rail button.on .bar i,.tl.static .tl-rail button.on .bar i{animation:none;transform:none}
@keyframes tlBar{to{transform:none}}

/* ---------- BELGELER: belge kartları ---------- */
.dc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,4vw,80px);align-items:start}
.dc-l{position:sticky;top:120px}
.dc-l p{margin-top:20px;max-width:40ch}
.dc-nav{display:flex;gap:8px;margin-top:32px}
.dc-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:.2s}
.dc-nav button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.dc-nav button:disabled{opacity:.35;pointer-events:none}
.dc-nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.dc-l .ln{margin-top:28px}
.dc-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,19vw,280px);gap:var(--edge);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-right:calc(var(--gx) * -1);padding:8px var(--gx) 16px 2px}
.dc-track::-webkit-scrollbar{display:none}
.doc{scroll-snap-align:start;aspect-ratio:210/297;display:flex;flex-direction:column;padding:22px;border-radius:14px;background:#fff;border:1px solid var(--line);
  box-shadow:0 1px 0 var(--line),0 18px 30px -24px rgba(20,22,26,.35);position:relative;overflow:hidden;cursor:pointer;
  transition:background .3s var(--ease),border-color .3s,transform .4s var(--ease),box-shadow .4s,color .3s}
.doc::before{content:'';position:absolute;right:-1px;top:-1px;width:34px;height:34px;background:linear-gradient(225deg,var(--paper-2) 50%,var(--line) 50%,var(--line) calc(50% + 1px),transparent calc(50% + 1px));transition:.3s}
.doc .scope{font-family:var(--head);font-weight:600;font-size:12.5px;color:var(--t2);max-width:16ch;transition:color .3s}
.doc .seal{margin:auto 0;align-self:center;width:46%;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--brand);display:grid;place-items:center;text-align:center;position:relative;transition:.3s}
.doc .seal::after{content:'';position:absolute;inset:7px;border-radius:50%;border:1px solid var(--line-2);transition:.3s}
.doc .seal b{font-family:var(--head);font-weight:800;font-size:clamp(15px,1.3vw,19px);letter-spacing:-.02em;color:var(--brand-d);transition:color .3s}
.doc .lines{display:grid;gap:6px;margin-bottom:18px}
.doc .lines i{height:5px;border-radius:3px;background:var(--paper-3);transition:background .3s}
.doc .lines i:nth-child(2){width:82%}
.doc .lines i:nth-child(3){width:64%}
.doc h3{font-family:var(--head);font-weight:800;font-size:clamp(20px,1.6vw,26px);letter-spacing:-.03em;line-height:1}
.doc .dl{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--head);font-weight:600;font-size:13px;transition:border-color .3s}
.doc .dl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.doc:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-6px);box-shadow:0 30px 40px -26px rgba(217,106,12,.7)}
.doc:hover::before{background:linear-gradient(225deg,var(--paper) 50%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.6) calc(50% + 1px),transparent calc(50% + 1px))}
.doc:hover .scope{color:rgba(255,255,255,.85)}
.doc:hover .seal{border-color:#fff}
.doc:hover .seal::after{border-color:rgba(255,255,255,.4)}
.doc:hover .seal b{color:#fff}
.doc:hover .lines i{background:rgba(255,255,255,.28)}
.doc:hover .dl{border-color:rgba(255,255,255,.3)}

/* ---------- DEĞERLER: söz + değer listesi ---------- */
.vl-sec{background:var(--paper-2)}
.vl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,120px);align-items:start}
.vl-l{position:sticky;top:120px}
.vl-l .k{font-family:var(--head);font-weight:600;font-size:15px;color:var(--t2)}
.vl-q{margin-top:18px;font-family:var(--head);font-weight:700;font-size:clamp(32px,3.4vw,58px);line-height:1.06;letter-spacing:-.035em}
.vl-q em{font-style:normal;color:var(--brand-d)}
.vl-l .ln{margin-top:32px}
.vl-list{border-top:1px solid var(--ink)}
.vl-list a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 28px;gap:12px 32px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line-2);transition:padding .35s var(--ease)}
.vl-list b{font-family:var(--head);font-weight:700;font-size:clamp(20px,1.7vw,27px);letter-spacing:-.02em;line-height:1.15;transition:color .25s}
.vl-list span{font-size:15px;line-height:1.55;color:var(--t2);font-weight:300}
.vl-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;opacity:0;transform:translateX(-8px);transition:.3s var(--ease)}
.vl-list a:hover{padding-left:14px}
.vl-list a:hover b{color:var(--brand-d)}
.vl-list a:hover svg{opacity:1;transform:none;color:var(--brand-d)}

/* ---------- BLOG: küçük düzeltmeler ---------- */
.posts{gap:0}
.post-f{margin-right:clamp(24px,3vw,56px)}
.post-list{border-left:1px solid var(--line);padding-left:clamp(24px,3vw,56px);grid-template-rows:auto repeat(3,minmax(0,1fr))}
.pl-head{border-bottom-color:var(--ink);font-size:15px}
.pl-head a{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;color:var(--t2);transition:color .2s}
.pl-head a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.pl-head a:hover{color:var(--brand-d)}
.post-s{grid-template-columns:minmax(0,1fr) 120px;gap:24px}
.post-s .th{order:2;aspect-ratio:4/3}
.post-s .rd{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--head);font-weight:600;font-size:13px;color:var(--t2);border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.post-s .rd svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.post-s:hover .rd{color:var(--brand-d);border-color:var(--brand)}
.post-s:hover .rd svg{transform:translateX(3px)}

.fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.fld label{font-family:var(--head);font-weight:600;font-size:13px;color:var(--t2)}
.fld label i{font-style:normal;color:var(--brand-d)}
.fld input,.fld textarea{width:100%;height:50px;padding:0 16px;border-radius:var(--r-s);border:1px solid var(--line);background:#fff;font-size:15px;transition:border-color .2s,box-shadow .2s}
.fld textarea{height:140px;padding:14px 16px;resize:vertical}
.fld input:hover,.fld textarea:hover{border-color:var(--line-2)}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,22,26,.08)}
.fld .msg{font-size:13px;color:#C23B22}
.fld[data-invalid] input,.fld[data-invalid] textarea{border-color:#C23B22}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--t2);line-height:1.5;max-width:48ch;cursor:pointer}
.chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand);flex:none;cursor:pointer}
.chk a{text-decoration:underline;text-underline-offset:2px;color:var(--t1)}
.chk[data-invalid]{color:#C23B22}
.form-ok{padding-top:24px;color:var(--t2);font-size:16px}

/* ---------- FOOTER ---------- */
.ft{background:var(--ink);color:rgba(255,255,255,.7);border-radius:var(--r) var(--r) 0 0;padding-block:clamp(64px,7vw,112px) 28px;margin-top:0}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding-bottom:clamp(48px,5vw,88px)}
.ft-top p{font-family:var(--head);font-weight:700;font-size:clamp(36px,5.4vw,96px);line-height:.98;letter-spacing:-.045em;color:#fff;max-width:14ch}
.ft-top p em{font-style:normal;color:var(--brand)}
.ft-top .acts{display:flex;gap:10px}
.ft-mid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,3fr) minmax(0,2fr);gap:32px clamp(24px,3vw,56px);padding-block:clamp(36px,4vw,56px);border-top:1px solid rgba(255,255,255,.12)}
.ft-id img{height:54px;width:auto}
.ft-id p{margin-top:20px;font-size:14.5px;line-height:1.65;font-weight:300;max-width:38ch}
.ft-id address{margin-top:20px;font-style:normal;font-size:14.5px;line-height:1.8;color:#fff}
.ft-id address a:hover{color:var(--brand)}
.ft-col h2{font-family:var(--head);font-weight:600;font-size:13.5px;color:rgba(255,255,255,.5);margin-bottom:18px}
.ft-col li+li{margin-top:10px}
.ft-col a{font-size:15px;color:#fff;font-weight:400;transition:color .2s}
.ft-col a:hover{color:var(--brand)}
.ft-col ul.two{columns:2;column-gap:24px}
.ft-col ul.two li{break-inside:avoid}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.45)}
.ft-bot nav{display:flex;gap:24px;flex-wrap:wrap}
.ft-bot a:hover{color:#fff}
.ft .soc{display:flex;gap:8px;margin-top:24px}
.ft .soc a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;transition:.2s}
.ft .soc a:hover{background:var(--brand);border-color:var(--brand)}
.ft .soc svg{width:16px;height:16px;fill:currentColor}
.to-top{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;transition:.2s}
.to-top:hover{background:#fff;color:var(--ink)}
.to-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}

/* ---------- index3 duyarlı kurallar ---------- */
@media (max-width:1240px){
  .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ft-mid{grid-template-columns:1fr 1fr}
  .vl-list a{grid-template-columns:minmax(0,1fr) 28px}
  .vl-list span{grid-column:1}
  .vl-list svg{grid-row:1 / span 2;grid-column:2}
}
@media (max-width:980px){
  .ab,.dc,.vl,.ct,.ct-head,.tl-body{grid-template-columns:minmax(0,1fr)}
  .ab-l,.dc-l,.vl-l{position:static}
  .tl-head{flex-direction:column;align-items:flex-start}
  .post-f{margin-right:0;margin-bottom:32px}
  .post-list{border-left:0;padding-left:0}
  .ct-l{grid-template-rows:300px auto}
}
@media (max-width:640px){
  .ab-stats{grid-template-columns:1fr}
  .ab-st:nth-child(n){padding:22px 0;border-left:0}
  .tl-track{font-size:clamp(96px,30vw,140px)}
  .tl-rail{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}
  .tl-rail button{font-size:0}
  .tl-rail button.on{font-size:12px;white-space:nowrap}
  .tl-ctrl{width:100%;justify-content:flex-end}
  .dc-track{grid-auto-columns:68%}
  .fs{grid-template-columns:minmax(0,1fr);gap:14px}
  .fs > div{grid-column:1}
  .fs .row{grid-template-columns:1fr}
  .ct-ch dl{grid-template-columns:1fr}
    .ct-form .f-foot .btn{justify-content:center}
  .ft-top{grid-template-columns:1fr}
  .ft-mid{grid-template-columns:1fr}
  .post-s{grid-template-columns:minmax(0,1fr) 88px;gap:14px}
    .ct-ch .val{font-size:clamp(18px,5.6vw,24px);overflow-wrap:normal}
}


/* =======================================================================
   KARŞILAŞTIRMA ETİKETLERİ (A/B) — karar verildikten sonra silinecek
   ======================================================================= */
.alt-tag{display:flex;align-items:center;gap:14px;padding:14px var(--gx);font-family:var(--head);font-weight:600;font-size:13px;color:var(--brand-d);background:var(--brand-t,#FFF3E8);border-block:1px dashed rgba(217,106,12,.45)}
.alt-tag b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px}

/* ---------- İLETİŞİM — Alternatif B: alan seçimiyle başlayan form ---------- */
.cb-bed{background:var(--paper)}
.cb{background:var(--paper-2);border-radius:var(--r) var(--r) 0 0;padding-block:var(--sec)}
.cb-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
.cb-l{position:sticky;top:110px}
.cb-l h2{font-size:clamp(38px,4.6vw,78px);line-height:.98;letter-spacing:-.045em}
.cb-l h2 em{font-style:normal;color:var(--brand-d)}
.cb-l .lead{margin-top:22px;max-width:40ch}
.cb-dir{margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--ink)}
.cb-dir > *{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line-2);align-items:baseline}
.cb-dir .k{font-family:var(--head);font-weight:600;font-size:13px;color:var(--t3)}
.cb-dir .v{font-family:var(--head);font-weight:700;font-size:clamp(19px,1.6vw,26px);letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
.cb-dir a.v:hover,.cb-dir a:hover .v{color:var(--brand-d)}
.cb-dir .s{font-family:var(--text);font-weight:400;font-size:15px;letter-spacing:0;line-height:1.5}
.cb-dir .s a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--head);font-weight:600;font-size:13.5px;border-bottom:1px solid var(--line-2);padding-bottom:2px}
.cb-dir .s a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.cb-dir .s a:hover{color:var(--brand-d);border-color:var(--brand)}
.cb-form{background:#fff;border-radius:var(--r);padding:clamp(26px,3.4vw,56px);box-shadow:0 1px 0 var(--line),0 40px 60px -50px rgba(20,22,26,.45)}
.cb-form h3{font-family:var(--head);font-weight:700;font-size:clamp(22px,1.8vw,28px);letter-spacing:-.025em}
.cb-form .q{margin-top:6px;color:var(--t2);font-size:15px}
.cb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.cb-tiles label{position:relative;cursor:pointer;display:block}
.cb-tiles input{position:absolute;opacity:0;pointer-events:none}
.cb-tiles .t{display:flex;flex-direction:column;border-radius:var(--r-s);border:1px solid var(--line);overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s,transform .25s var(--ease)}
.cb-tiles .t img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1);opacity:.8;transition:.3s}
.cb-tiles .t b{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;min-height:52px;font-family:var(--head);font-weight:600;font-size:13px;line-height:1.2}
.cb-tiles .t b i{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2);transition:.2s}
.cb-tiles label:hover .t{border-color:var(--ink)}
.cb-tiles label:hover img{filter:none;opacity:1}
.cb-tiles input:checked+.t{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}
.cb-tiles input:checked+.t img{filter:none;opacity:1}
.cb-tiles input:checked+.t b i{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 3px #fff}
.cb-tiles input:focus-visible+.t{outline:2px solid var(--brand);outline-offset:2px}
.cb-other{margin-top:12px;font-size:14px;color:var(--t2)}
.cb-other label{cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cb-other input{accent-color:var(--brand)}
.cb-grp .msg{display:block;font-size:13px;color:#C23B22;margin-top:8px}
.cb-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;margin-top:34px}
.cb-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.cb-foot .btn{height:54px;padding:0 28px}

/* footer'ın yuvarlak üst köşelerinin arkası, üstteki bölümün rengi olsun */
.ft{position:relative}
main:has(> .cb-bed:last-child) + .ft::before{content:'';position:absolute;left:0;right:0;top:0;height:var(--r);background:var(--paper-2);z-index:-1}
@media (max-width:980px){
  .cb-l{position:static}
  .cb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cb-fields{grid-template-columns:minmax(0,1fr)}
  .cb-dir > *{grid-template-columns:minmax(0,1fr);gap:4px}
  .cb-foot{flex-direction:column;align-items:stretch}
  .cb-foot .btn{justify-content:center}
}


/* ---------- BLOG: "Diğer yazılar" kutu içinde ---------- */
.post-f{margin-right:var(--edge)}
.post-list{border-left:0;padding:clamp(22px,2.4vw,36px) clamp(22px,2.4vw,36px) 6px;background:var(--paper-2);border-radius:var(--r)}
.post-list .post-s:last-child{border-bottom:0}
.post-list .post-s{border-bottom-color:var(--line-2)}
.post-list .post-s+.post-s{border-top:0}
@media (max-width:980px){.post-f{margin:0 0 var(--edge)}}

/* ---------- İLETİŞİM (B tabanlı, sadeleştirilmiş form) ---------- */
.cb-grid{align-items:stretch}
.cb-form{display:flex;flex-direction:column}
.cb-form .q{margin-top:8px}
.cf-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;margin-top:28px}
.ul{position:relative;display:block;padding-top:24px;min-width:0}
.ul .bx{position:relative;display:block}
.ul input,.ul textarea,.ul select{width:100%;border:0;border-bottom:1.5px solid var(--line-2);background:transparent;padding:8px 0 11px;font-size:17px;border-radius:0;color:var(--t1);transition:border-color .2s}
.ul select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314161A' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 2px center/12px}
.ul select:invalid{color:transparent}
.ul select option{color:var(--t1)}
.ul textarea{min-height:120px;resize:vertical;display:block}
.ul input:focus,.ul textarea:focus,.ul select:focus{outline:none}
.ul .bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.ul input:focus~.bar,.ul textarea:focus~.bar,.ul select:focus~.bar{transform:none}
.ul .l{position:absolute;left:0;top:10px;font-family:var(--head);font-weight:600;font-size:16px;color:var(--t3);pointer-events:none;transition:.22s var(--ease)}
.ul .l i{font-style:normal;color:var(--brand-d)}
.ul input:focus~.l,.ul input:not(:placeholder-shown)~.l,.ul textarea:focus~.l,.ul textarea:not(:placeholder-shown)~.l,.ul select:focus~.l,.ul select:valid~.l{top:-20px;font-size:12.5px;color:var(--t2)}
.ul .msg{display:block;min-height:20px;font-size:12.5px;color:#C23B22;padding-top:5px}
.ul[data-invalid] input,.ul[data-invalid] textarea,.ul[data-invalid] select{border-color:#C23B22}
.cb-foot{margin-top:auto}
.cf-fields+.cb-foot{margin-top:20px}
/* sol taraf — 1: bilgi kartları */
.cl1 .cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--edge);margin-top:clamp(32px,3.6vw,52px)}
.cl1 .cd{display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:background .25s,border-color .25s,color .25s}
.cl1 .cd svg.ic{width:22px;height:22px;fill:none;stroke:var(--brand);stroke-width:1.6;margin-bottom:14px;transition:stroke .25s}
.cl1 .cd .k{font-family:var(--head);font-weight:600;font-size:13px;color:var(--t3);transition:color .25s}
.cl1 .cd .v{font-family:var(--head);font-weight:700;font-size:clamp(17px,1.35vw,21px);letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere}
.cl1 .cd .s{font-size:14.5px;line-height:1.5;color:var(--t2);transition:color .25s}
.cl1 .cd .go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:600;font-size:13px}
.cl1 .cd .go svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.cl1 .cd.wide{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 18px;padding:20px 22px}
.cl1 .cd.wide svg.ic{grid-row:1 / span 2;margin:0}
.cl1 .cd.wide .k{grid-column:2}
.cl1 .cd.wide .v{grid-column:2;font-size:clamp(19px,1.7vw,26px);overflow-wrap:normal}
.cl1 .cd.wide .go{grid-column:3;grid-row:1 / span 2;margin:0;padding:0}
.cl1 a.cd:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.cl1 a.cd:hover .k,.cl1 a.cd:hover .s{color:rgba(255,255,255,.65)}
.cl1 a.cd:hover svg.ic{stroke:var(--brand)}
.cl1 a.cd:hover .go svg{transform:translateX(3px)}
/* sol taraf — 2: koyu panel */
.cl2{display:flex;flex-direction:column;border-radius:var(--r);background:var(--ink);color:#fff;padding:clamp(28px,3.4vw,56px);position:static}
.cl2 h2{color:#fff}
.cl2 .lead{color:rgba(255,255,255,.66)}
.cl2 .big{margin-top:auto;padding-top:clamp(40px,5vw,80px)}
.cl2 .big a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}
.cl2 .big a span{font-family:var(--head);font-weight:700;font-size:clamp(22px,2.1vw,34px);letter-spacing:-.025em;line-height:1.1;overflow-wrap:anywhere;transition:color .2s}
.cl2 .big a small{display:block;font-family:var(--head);font-weight:600;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:6px;letter-spacing:0}
.cl2 .big a i{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;transition:.25s var(--ease)}
.cl2 .big a i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.cl2 .big a:hover span{color:var(--brand)}
.cl2 .big a:hover i{background:var(--brand);border-color:var(--brand);transform:rotate(-45deg)}
.cl2 .meta2{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.cl2 .meta2 dt{font-family:var(--head);font-weight:600;font-size:13px;color:rgba(255,255,255,.5)}
.cl2 .meta2 dd{margin:6px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.88)}
.cl2 .meta2 a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--head);font-weight:600;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
.cl2 .meta2 a:hover{color:var(--brand);border-color:var(--brand)}
.cl2 .meta2 a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
@media (max-width:980px){
  .cb-grid{grid-template-columns:minmax(0,1fr)}
  .cb-l{position:static}
}
@media (max-width:640px){
  .cf-fields{grid-template-columns:minmax(0,1fr)}
  .cl1 .cards,.cl2 .meta2{grid-template-columns:minmax(0,1fr)}
  .cl1 .cd.wide .v{font-size:18px}
  .cl1 .cd.wide .go{display:none}
  .cl2 .big a span{font-size:clamp(18px,5.4vw,22px);overflow-wrap:normal}
}

/* ---------- ÜRETİMDEN KARELER ---------- */
.gl{background:var(--paper-2);padding-bottom:var(--sec)}
.gl-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(28px,3vw,48px)}
.gl-head p{max-width:52ch}
.gl-view{overflow:hidden;outline:none}
.gl-track{display:flex;gap:var(--edge);width:max-content;padding-left:var(--gx);will-change:transform}
.gl-view{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.gl-view.drag{cursor:grabbing}
.gl-view.drag .gl-it img{transform:none!important}
.gl-it img{-webkit-user-drag:none;pointer-events:none}
.gl-dup{display:flex;gap:var(--edge)}

@keyframes glMove{to{transform:translateX(-50%)}}
.gl-it{position:relative;flex:none;height:clamp(240px,24vw,400px);aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--paper-3);margin:0}
.gl-it.t{aspect-ratio:4/5}
.gl-it img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.gl-it:hover img{transform:scale(1.05)}
.gl-it figcaption{position:absolute;left:14px;bottom:14px;font-family:var(--head);font-weight:600;font-size:13px;padding:7px 13px;border-radius:var(--pill);background:rgba(255,255,255,.94);color:var(--ink)}

@media (max-width:980px){.gl-head{grid-template-columns:minmax(0,1fr)}}
/* belge kartı: marka tescili */
.doc.tm .seal b{font-size:clamp(22px,2vw,30px)}
.doc.tm h3{font-size:clamp(17px,1.35vw,21px);letter-spacing:-.02em;line-height:1.15}

/* ---------- Hakkımızda fotoğrafı ---------- */
.ab-ph{position:relative;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--paper-3)}
.ab-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ab-ph:hover img{transform:scale(1.03)}
.ab-ph figcaption{position:absolute;left:14px;bottom:14px;font-family:var(--head);font-weight:600;font-size:13px;padding:7px 13px;border-radius:var(--pill);background:rgba(255,255,255,.94)}
/* ---------- Değerler fotoğrafı ---------- */
.vl-ph{margin:0 0 clamp(28px,3vw,44px);border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--paper-3)}
.vl-ph img{width:100%;height:100%;object-fit:cover}
/* ---------- İletişim (açık zemin) ---------- */
.cl3 .lead{margin-top:20px;max-width:42ch}
.c3-ch{margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--ink)}
.c3-ch a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-2)}
.c3-ch .k{font-family:var(--head);font-weight:600;font-size:13px;color:var(--t3)}
.c3-ch .v{grid-column:1;font-family:var(--head);font-weight:700;font-size:clamp(22px,2.1vw,34px);letter-spacing:-.025em;line-height:1.1;transition:color .2s}
.c3-ch i{grid-column:2;grid-row:1 / span 2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:.25s var(--ease)}
.c3-ch i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.c3-ch a:hover .v{color:var(--brand-d)}
.c3-ch a:hover i{background:var(--brand);border-color:var(--brand);color:#fff;transform:rotate(-45deg)}
.c3-loc{margin-top:clamp(24px,2.6vw,36px);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--line),0 30px 50px -44px rgba(20,22,26,.45)}
.c3-map{position:relative;height:clamp(200px,17vw,260px);background:var(--paper-3)}
.c3-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.85) contrast(1.05)}
.c3-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:16px 24px;align-items:center;padding:20px 22px;margin:0}
.c3-meta dl{margin:0}
.c3-meta dt{font-family:var(--head);font-weight:600;font-size:12.5px;color:var(--t3)}
.c3-meta dd{margin:4px 0 0;font-size:14.5px;line-height:1.45}
.c3-meta .btn{height:44px;padding:0 18px;font-size:13.5px}
@media (max-width:640px){
  .c3-meta{grid-template-columns:1fr 1fr}
  .c3-meta .btn{grid-column:1/-1;justify-content:center}
  .c3-ch .v{font-size:clamp(18px,5.4vw,22px)}
}

/* ---------- index3 r5 ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-flex;align-items:center;border-radius:var(--pill);border:1px solid var(--line);font-family:var(--head);font-weight:600;transition:.2s}
.chips input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.cf-fields{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));grid-template-rows:repeat(var(--rows,1),auto) 1fr;gap:10px 28px}
@media (max-width:640px){.cf-fields{grid-template-columns:minmax(0,1fr);grid-template-rows:none}}
/* form */
.cf-topic{border:0;margin:24px 0 0;padding:0;min-width:0}
.cf-topic legend{padding:0;margin-bottom:12px;font-family:var(--head);font-weight:600;font-size:13px;color:var(--t2)}
.cf-topic legend i{font-style:normal;color:var(--brand-d)}
.cf-topic .chips span{height:38px;padding:0 15px;font-size:13px;background:var(--paper-2);border-color:transparent}
.cf-topic .chips label:hover span{border-color:var(--line-2)}
.cf-topic .chips input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.cf-topic .msg{display:block;min-height:18px;font-size:12.5px;color:#C23B22;padding-top:6px}
.cf-topic[data-invalid] .chips span{border-color:#C23B22}
.cb-form{display:flex;flex-direction:column}
.cf-fields{flex:1;margin-top:12px}
.ul.ta,.ul.ta .bx{display:flex;flex-direction:column}
.ul.ta .bx{flex:1}
.ul.ta textarea{flex:1;min-height:120px}
.cb-grid{align-items:stretch}
/* blog: liste kutusu kaldırıldı, ayırıcı çizgi geri */
.post-f{margin-right:clamp(24px,3vw,56px)}
.post-list{background:none;border-radius:0;padding:0 0 0 clamp(24px,3vw,56px);border-left:1px solid var(--line)}
@media (max-width:980px){.post-f{margin:0 0 32px}.post-list{border-left:0;padding-left:0}}
/* değerler */
.vl{align-items:stretch}
.vl-l{display:flex;flex-direction:column;gap:28px}
.vl-l .vl-ph{margin:0;flex:1;aspect-ratio:auto;min-height:320px}
.vl-l .vl-ph img{height:100%}
.vl-r .vl-q{margin:16px 0 clamp(32px,3.4vw,52px);font-size:clamp(28px,2.8vw,46px);max-width:24ch}
@media (max-width:980px){.vl-l .vl-ph{aspect-ratio:3/2;min-height:0}.vl-l{order:2}}
/* belgeler: daha kısa kartlar */
.dc-track{grid-auto-columns:clamp(200px,16vw,240px)}
.doc{aspect-ratio:4/5;padding:18px}
.doc .seal{width:38%}
.doc .lines{margin-bottom:12px}
.doc .lines i:nth-child(3){display:none}
.doc .dl{margin-top:10px;padding-top:10px}
/* footer */
.ft{padding-top:clamp(48px,5vw,80px)}
.ft-mid{border-top:0;padding-top:0}
.ft-bot .to-top{width:40px;height:40px}

/* ---------- index3 r6: değerler fotoğrafı + form alanları ---------- */
.vl{align-items:start}
.vl-l .vl-ph{flex:none;aspect-ratio:4/3;min-height:0}
/* kutulu alanlar, kutu içinde kayan etiket */
.cf-fields{gap:14px 14px;margin-top:20px}
.ul{padding-top:0}
.ul .bx{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-s);transition:border-color .2s,background .2s,box-shadow .2s}
.ul .bx:hover{border-color:var(--line-2)}
.ul .bx:focus-within{background:#fff;border-color:var(--ink);box-shadow:0 0 0 4px rgba(245,130,31,.14)}
.ul input,.ul textarea{border:0;background:transparent;height:62px;padding:26px 16px 9px;font-size:16px}
.ul textarea{height:auto;min-height:150px;padding-top:30px;resize:none}
.ul .bar{display:none}
.ul .l{left:16px;top:20px;font-size:15px;font-weight:500;color:var(--t2)}
.ul.ta .l{top:20px}
.ul input:focus~.l,.ul input:not(:placeholder-shown)~.l,.ul textarea:focus~.l,.ul textarea:not(:placeholder-shown)~.l{top:10px;font-size:12px;font-weight:600;color:var(--t3)}
.ul input:focus~.l,.ul textarea:focus~.l{color:var(--brand-d)}
.ul[data-invalid] .bx{border-color:#C23B22;background:#fff}
.ul .msg{min-height:0;padding-top:6px}
.ul .msg:empty{display:none}
.cf-topic{margin-top:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.cf-topic .chips span{height:40px;padding:0 16px;font-size:13.5px;background:#fff;border-color:var(--line)}
.cf-topic .chips label:hover span{border-color:var(--ink)}
.cf-topic .chips input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.cf-topic .msg:empty{display:none}
.cb-form h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.cb-foot{border-top:0;padding-top:0;margin-top:20px}
.cb-foot .btn{height:56px;padding:0 30px}
@media (max-width:640px){.ul input{height:58px}}

/* r7: Hakkımızda başlığı solda, slogan sağda */
.ab-title{font-family:var(--head);font-weight:800;font-size:clamp(56px,7.4vw,132px);line-height:.88;letter-spacing:-.055em}
.ab-r .ab-h{font-size:clamp(28px,2.7vw,46px);max-width:22ch;margin-bottom:clamp(24px,2.4vw,36px)}

.ab-st .v{font-size:clamp(44px,4.4vw,80px)}
/* r8: fotoğraf alanı yarıya (sol sütun daraldı), başlık sağda ve küçük */
@media (min-width:981px){.ab{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ab-ph{aspect-ratio:4/3}
.ab-title{font-size:clamp(20px,1.6vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--t2);margin-bottom:16px}
@media (max-width:980px){.ab-ph{max-width:560px}}

/* r10: ortak buton dili — bölüm butonları .btn .btn-o */
.vl-btn{margin-top:clamp(28px,3vw,44px)}
.dc-l .btn{margin-top:28px}

/* r11: Blog — sol büyük kart (metin görselin üstünde), sağda küçük görselli liste + buton */
.bl{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,56px);align-items:stretch}
.bl-f{position:relative;min-height:clamp(420px,36vw,560px);border-radius:var(--r);overflow:hidden;color:#fff;isolation:isolate;display:flex;align-items:flex-end}
.bl-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease)}
.bl-f::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,14,17,0) 40%,rgba(12,14,17,.82) 100%)}
.bl-f:hover img{transform:scale(1.04)}
.bl-f .tx{padding:clamp(22px,2.6vw,36px)}
.bl-f .pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:var(--pill);background:#fff;color:var(--ink);font-family:var(--head);font-weight:600;font-size:12.5px}
.bl-f .pill i{width:7px;height:7px;border-radius:50%;background:var(--brand)}
.bl-f h3{margin-top:16px;font-family:var(--head);font-weight:700;font-size:clamp(24px,2.3vw,38px);line-height:1.1;letter-spacing:-.025em;max-width:24ch}
.bl-f .mt{display:block;margin-top:12px;font-size:13.5px;color:rgba(255,255,255,.72)}
.bl-side{display:flex;flex-direction:column}
.bl-h{font-family:var(--head);font-weight:700;font-size:clamp(20px,1.6vw,26px);letter-spacing:-.02em}
.bl-list{display:flex;flex-direction:column;justify-content:space-between;gap:18px;flex:1;margin:22px 0 28px}
.bl-it{display:grid;grid-template-columns:clamp(84px,7vw,108px) minmax(0,1fr);gap:18px;align-items:center}
.bl-it .th{aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--paper-3)}
.bl-it .th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bl-it b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(16px,1.25vw,19px);line-height:1.25;letter-spacing:-.01em;transition:color .2s}
.bl-it .mt{display:block;margin-top:8px;font-size:13px;color:var(--t3)}
.bl-it:hover b{color:var(--brand-d)}
.bl-it:hover .th img{transform:scale(1.06)}
.bl-side .btn{align-self:flex-start}
@media (max-width:980px){.bl{grid-template-columns:minmax(0,1fr)}.bl-f{min-height:380px}}


/* r13: öne çıkan kartta alttan yükselen buzlu cam (blur) efekti */
.bl-f::after{background:linear-gradient(180deg,rgba(12,14,17,0) 45%,rgba(12,14,17,.35) 100%)}
.bl-f::before{content:'';position:absolute;left:0;right:0;bottom:0;height:25%;z-index:-1;pointer-events:none;
  -webkit-backdrop-filter:blur(3px) saturate(1.1);backdrop-filter:blur(3px) saturate(1.1);
  background:linear-gradient(180deg,rgba(10,11,13,.32) 0%,rgba(10,11,13,.6) 100%);}
.bl-f .tx{position:relative;z-index:1}
/* "Tüm yazılar" — listenin altında tam genişlik satır */
.bl-list{margin-bottom:24px}
.bl-all{display:flex;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 8px 0 22px;border-radius:var(--pill);border:1px solid var(--line-2);font-family:var(--head);font-weight:600;font-size:14.5px;transition:background .2s,border-color .2s,color .2s}
.bl-all i{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .25s var(--ease),background .2s}
.bl-all i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.bl-all:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.bl-all:hover i{background:var(--brand);transform:rotate(-45deg)}

@media (max-width:640px){.bl-f{min-height:620px}.bl-f h3{font-size:20px}}
/* r14: metin bloğu blur alanına (%30) sığacak şekilde sıkılaştırıldı */
.bl-f .tx{width:100%;height:25%;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(22px,2.6vw,36px)}
.bl-f .pill{height:28px;padding:0 12px;font-size:12px;align-self:flex-start}
.bl-f h3{margin-top:10px;font-size:clamp(20px,1.75vw,28px);line-height:1.12;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-f .mt{margin-top:8px;font-size:13px}

/* r15: blog "Tüm yazılar" — sade metin bağlantısı, altı çizgiyle */
.bl-more{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1.5px solid var(--ink);font-family:var(--head);font-weight:600;font-size:15px;transition:color .2s,border-color .2s,gap .25s var(--ease)}
.bl-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.bl-more:hover{color:var(--brand-d);border-color:var(--brand);gap:14px}
/* r15: iletişim — sol sütun geniş, form dar */
@media (min-width:981px){.cb-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.c3-soc{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line-2)}
.c3-soc>span{font-family:var(--head);font-weight:600;font-size:13px;color:var(--t3)}
.c3-soc .soc{display:flex;gap:8px;margin:0}
.c3-soc .soc a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--t1);transition:.2s}
.c3-soc .soc a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.c3-soc .soc svg{width:16px;height:16px;fill:currentColor}

/* r16 */
.bl-more2{align-self:flex-start}
.gl-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:clamp(36px,4vw,60px)}
.gl-head p{max-width:56ch}

/* Müşteri tasarımında olmayan sayfalar (hata, iç sayfa şablonları): yalnızca tema değişkenleriyle, sade. */
.err-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:var(--gut)}
.err-page .code{font-family:var(--head);font-weight:800;font-size:clamp(96px,16vw,220px);line-height:1;letter-spacing:-.04em;color:var(--brand)}
.err-page .sub{font-family:var(--head);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.err-page p{max-width:52ch}
.page-in{padding-top:calc(88px + clamp(40px,5vw,80px));padding-bottom:var(--sec)}
.page-in h1{font-family:var(--head);font-weight:700;font-size:clamp(34px,4vw,60px);line-height:1.04;letter-spacing:-.028em;margin-bottom:16px}
.page-in .lead{max-width:60ch;margin-bottom:32px}
.page-in .body{max-width:78ch}
.page-in .body>*+*{margin-top:1em}
.cf-note{color:#C23B22;font-size:13.5px;margin-top:14px}
.cf-note:empty{display:none}
.cf-turnstile{margin-top:20px}
.cb-foot .btn:disabled{opacity:.4;cursor:not-allowed}
.cb-foot .btn:disabled:hover{background:var(--ink);border-color:var(--ink)}

/* Form başarı penceresi: ortada başarı ikonu, kapanınca sayfa yenilenir (main.js) */
.cf-modal{border:0;padding:0;background:transparent;width:min(440px,92vw);max-width:none;overflow:visible;color:var(--t1)}
.cf-modal::backdrop{background:rgba(20,22,26,.62);backdrop-filter:blur(4px)}
.cf-modal[open]{animation:cfpop .32s var(--ease)}
.cb-form .cf-modal-box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border-radius:var(--r);padding:46px 36px 36px;box-shadow:0 40px 80px -30px rgba(20,22,26,.65)}
.cf-modal-ic{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:rgba(245,130,31,.14);margin-bottom:6px}
.cf-modal-ic svg{width:48px;height:48px;fill:none;stroke:var(--brand);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.cf-modal-ic path{stroke-dasharray:44;stroke-dashoffset:44}
.cf-modal[open] .cf-modal-ic path{animation:cfck .5s .2s var(--ease) forwards}
.cb-form .cf-modal h3{display:block;font-size:clamp(24px,2vw,30px)}
.cf-modal p{color:var(--t2);font-size:16px;max-width:34ch}
.cf-modal .btn{margin-top:10px}
@keyframes cfck{to{stroke-dashoffset:0}}
@keyframes cfpop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cf-modal[open],.cf-modal[open] .cf-modal-ic path{animation:none}.cf-modal-ic path{stroke-dashoffset:0}}

/* Çerez onayı (çekirdek ConsentBanner): altta tam genişlikte sabit, footer ile aynı koyu zemin ve üst köşe yuvarlaklığı */
.consent{position:fixed;z-index:300;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:20px var(--gx);background:var(--ink);color:rgba(255,255,255,.78);border-radius:var(--r) var(--r) 0 0;box-shadow:0 -18px 48px -24px rgba(20,22,26,.55);transform:translateY(100%);transition:transform .3s var(--ease)}
.consent[hidden]{display:none}
.consent.is-open{transform:none}
.consent__text{flex:1 1 420px;max-width:78ch;font-size:14.5px;line-height:1.6;font-weight:300}
.consent__link{color:#fff;text-decoration:underline;text-underline-offset:3px}
.consent__link:hover{color:var(--brand)}
.consent__actions{display:flex;gap:10px;flex:none}
.consent__btn{height:46px;padding:0 24px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff;font-family:var(--head);font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.consent__btn:hover{background:#fff;border-color:#fff;color:var(--ink)}
.consent__btn--accept{background:#fff;border-color:#fff;color:var(--ink)}
.consent__btn--accept:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.ft-bot nav button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.ft-bot nav button:hover{color:#fff}
@media (max-width:700px){.consent{padding-block:18px}.consent__actions{width:100%}.consent__btn{flex:1}}
@media (prefers-reduced-motion:reduce){.consent{transition:none}}