/* nakliyat-cizelge — özgün tema (kaynak: prototip site.css; dönüştürücü taslağı) */
/* ÇİZELGE — kurumsal ofis taşıma, arşiv ve depolama. Kâğıt beyazı + lacivert mürekkep + tek vurgu: kobalt. */
:root{
  --bg:var(--dj-bg,#F6F6F3); --w:var(--dj-bg-alt,#FFFFFF); --ink:var(--dj-text,#101828); --ink-2:color-mix(in srgb,var(--ink) 76%,var(--w)); --ink-3:var(--dj-muted,#8A94A6);
  --line:var(--dj-border,#E4E6E1); --line-2:color-mix(in srgb,var(--line) 78%,var(--ink));
  --ac:var(--dj-primary,#2B4BDB); --ac-d:var(--dj-accent,#1F3BB8); --ac-s:color-mix(in srgb,var(--ac) 9%,var(--w)); --navy:var(--dj-dark,#0E1626); --ok:#1F7A55; --err:#C0362C;
  --r:var(--dj-radius-md,14px); --r-s:var(--dj-radius-btn,8px); --sh:0 1px 2px color-mix(in srgb,var(--dj-text) 5%,transparent),0 12px 32px -16px color-mix(in srgb,var(--dj-text) 18%,transparent); --sh-l:0 30px 60px -28px color-mix(in srgb,var(--dj-text) 35%,transparent);
  --wrap:1320px; --pad:40px; --g:24px;
  --sans:var(--dj-font-body,'Archivo',system-ui,sans-serif); --baslik:var(--dj-font-heading,'Archivo',system-ui,sans-serif); --serif:var(--font-vurgu,'Instrument Serif',Georgia,serif);
  /* Görünüm Stüdyosu'na hazır temaya özgü kararlar (MIMARI §20.9) */
  --ot-kose-foto:18px; --ot-bolum-bosluk:128px; --ot-hero-ust:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.i{width:20px;height:20px;stroke-width:1.7;flex:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:4px}

h1,h2,h3{margin:0;font-family:var(--baslik);text-wrap:wrap;font-weight:700;letter-spacing:-.025em;line-height:1.04}
h1{font-size:clamp(42px,4.4vw,66px);font-weight:700}
h2{font-size:clamp(34px,3.4vw,52px)}
h3{font-size:21px;letter-spacing:-.01em;line-height:1.25;font-weight:600}
h1 em,h2 em{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.01em;color:var(--ac)}
p{margin:0 0 1em}
.ust{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ac);background:var(--ac-s);padding:6px 12px;border-radius:999px;letter-spacing:.01em}
.ust .i{width:15px;height:15px;stroke-width:2}
.lead{font-size:19px;color:var(--ink-2);max-width:54ch;line-height:1.6}
.muted{color:var(--ink-2)}
.ph{border-bottom:1px dashed currentColor}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--r-s);border:1px solid transparent;font:600 15.5px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;white-space:nowrap;background:transparent}
.btn .i{width:18px;height:18px;stroke-width:2}
.btn-a{background:var(--ac);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 6px 16px -8px color-mix(in srgb,var(--ac) 70%,transparent)}
.btn-a:hover{background:var(--ac-d)}
.btn-a:active{transform:translateY(1px)}
.btn-o{border-color:var(--line-2);background:var(--w);color:var(--ink)}
.btn-o:hover{border-color:var(--ink)}
.btn-k{background:var(--ink);color:#fff}
.btn-k:hover{background:#000}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn:disabled{opacity:.45;pointer-events:none}
.lnk{display:inline-flex;align-items:center;gap:8px;color:var(--ac);font-weight:600;transition:gap .2s}
.lnk:hover{gap:12px}
.lnk .i{width:18px;height:18px;stroke-width:2}

/* üst bar + header */
.ubar{background:var(--navy);color:#B8C0CF;font-size:13.5px}
.ubar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:20px}
.ubar span,.ubar a{display:inline-flex;align-items:center;gap:8px}
.ubar .i{width:15px;height:15px}
.ubar-s{display:flex;gap:24px}
.ubar a:hover{color:#fff}
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:40px;min-height:76px}
.logo{display:flex;align-items:center;gap:12px;flex:none}
.logo-m{width:36px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.logo-m i{background:var(--ink);border-radius:3px}
.logo-m i:nth-child(2){background:var(--ac)}
.logo-t{display:flex;align-items:baseline;gap:8px;line-height:1}
.logo-t b{font-weight:800;font-size:22px;letter-spacing:-.03em}
.logo-t small{font-family:var(--serif);font-size:19px;color:var(--ink-2)}
.nav{display:flex;align-items:center;gap:4px}
.nav>a,.nav>.mega>button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-s);font-weight:500;font-size:15.5px;color:var(--ink-2);border:0;background:none;cursor:pointer;transition:color .2s,background .2s}
.nav>a:hover,.nav>.mega>button:hover,.nav>a[aria-current=page]{color:var(--ink);background:var(--bg)}
.nav .chev{width:16px;height:16px;transition:transform .2s}
.mega{position:relative}
.mega-p{position:absolute;top:calc(100% + 14px);left:-24px;width:720px;background:var(--w);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-l);padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s}
.mega:hover .mega-p,.mega.ac .mega-p,.mega:focus-within .mega-p{opacity:1;visibility:visible;transform:none}
.mega:hover .chev,.mega.ac .chev{transform:rotate(180deg)}
.mega-p a{display:flex;gap:12px;padding:14px;border-radius:10px;transition:background .15s}
.mega-p a:hover{background:var(--bg)}
.mega-p .mi{width:38px;height:38px;border-radius:9px;background:var(--ac-s);color:var(--ac);display:grid;place-items:center;flex:none}
.mega-p b{display:block;font-weight:600;font-size:15px;margin-bottom:2px}
.mega-p small{display:block;font-size:13px;color:var(--ink-3);line-height:1.4}
.hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.burger{display:none;width:46px;height:46px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--w);place-items:center;cursor:pointer}
.cek{position:fixed;inset:0;z-index:80;visibility:hidden}
.cek.ac{visibility:visible}
.cek-ort{position:absolute;inset:0;background:rgba(14,22,38,.4);opacity:0;transition:opacity .3s}
.cek.ac .cek-ort{opacity:1}
.cek-p{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--w);padding:20px 24px 28px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto}
.cek.ac .cek-p{transform:none}
.cek-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.cek nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:19px;font-weight:600}
.cek nav a .i{color:var(--ink-3)}
.cek-alt{margin-top:auto;padding-top:24px;display:grid;gap:10px}

/* hero */
.hero{background:var(--w);padding:var(--ot-hero-ust) 0 96px;border-bottom:1px solid var(--line);overflow:hidden}
.hero-g{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:center}
.hero-sol{grid-column:1/7;padding-right:24px}
.hero-sol h1{margin:24px 0 24px}
.hero-sol .lead{margin-bottom:36px}
.hero-btn{display:flex;gap:12px;flex-wrap:wrap}
.hero-mad{list-style:none;padding:0;margin:44px 0 0;display:flex;gap:28px;flex-wrap:wrap;font-size:15px;color:var(--ink-2)}
.hero-mad li{display:flex;gap:8px;align-items:center}
.hero-mad .i{color:var(--ac);width:18px;height:18px;stroke-width:2.2}
.hero-sag{grid-column:7/13;position:relative}
.hero-f{border-radius:var(--ot-kose-foto);overflow:hidden;aspect-ratio:4/3.5}
.hero-f img{width:100%;height:100%;object-fit:cover}
.pin{position:absolute;display:flex;align-items:center;gap:10px;background:var(--w);border-radius:999px;padding:8px 14px 8px 8px;box-shadow:var(--sh);font-size:13px;font-weight:600}
.pin i{width:26px;height:26px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.pin-1{top:28px;left:28px}
.pin-2{top:44%;right:24px}
.gant-k{position:absolute;left:-56px;bottom:-40px;width:420px;background:var(--w);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-l);padding:20px}
.gant-u{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.gant-u b{font-weight:600;font-size:15px}
.gant-u small{font-size:12.5px;color:var(--ink-3)}
.gsat{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-2);padding:5px 0}
.gizgi{position:relative;height:12px;background:var(--bg);border-radius:6px}
.gizgi i{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--ink);transform-origin:left;animation:buyu 1s cubic-bezier(.2,.8,.2,1) both}
.gizgi i.a{background:var(--ac)}
@keyframes buyu{from{transform:scaleX(0)}to{transform:none}}
.geks{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);margin:8px 0 0 122px}

/* kimler */
.kim{padding:56px 0;border-bottom:1px solid var(--line)}
.kim .wrap{display:grid;grid-template-columns:200px repeat(5,1fr);gap:var(--g);align-items:start}
.kim h2{font:400 26px/1.1 var(--serif);letter-spacing:0;color:var(--ink)}
.kim div b{display:flex;gap:10px;align-items:center;font-weight:600;font-size:16px;margin-bottom:6px}
.kim div b .i{color:var(--ac)}
.kim div p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.5}

/* bölüm */
.bol{padding:var(--ot-bolum-bosluk) 0}
.bol-bas{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);margin-bottom:64px;align-items:end}
.bol-bas>div{grid-column:1/8}
.bol-bas>div h2{margin-top:20px}
.bol-bas>p{grid-column:9/13;margin:0;color:var(--ink-2)}
.beyaz{background:var(--w);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* yöntem */
.yontem{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g)}
.yontem-sol{grid-column:1/5;position:sticky;top:130px;align-self:start}
.yontem-sol h2{margin:20px 0 22px}
.ilerle{margin-top:36px;height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.ilerle i{display:block;height:100%;width:var(--y,20%);background:var(--ac);transition:width .4s}
.ilerle-t{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3);margin-top:10px}
.evre{grid-column:6/13;list-style:none;margin:0;padding:0}
.evre li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:40px 0;border-top:1px solid var(--line)}
.evre li:last-child{border-bottom:1px solid var(--line)}
.evre .no{font:400 88px/.8 var(--serif);color:var(--line-2);transition:color .4s}
.evre li.ac .no{color:var(--ac)}
.evre h3{font-size:26px;margin-bottom:12px;letter-spacing:-.02em}
.evre p{color:var(--ink-2);margin-bottom:16px;max-width:56ch}
.cikti{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--r-s);background:var(--bg);border:1px solid var(--line)}
.cikti .i{width:16px;height:16px;color:var(--ac)}

/* etiket sistemi */
.etk{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:center}
.etk-sol{grid-column:1/6}
.etk-sol h2{margin:20px 0 22px}
.etk-sol ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.etk-sol li{display:flex;gap:12px;font-size:15.5px;color:var(--ink-2)}
.etk-sol li .i{color:var(--ac);margin-top:2px}
.etk-sag{grid-column:7/13;position:relative;min-height:470px}
.etiket{position:absolute;width:300px;background:var(--w);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:18px 20px;transition:transform .4s}
.etiket:nth-child(1){left:0;top:20px;transform:rotate(-4deg)}
.etiket:nth-child(2){left:150px;top:150px;z-index:2;transform:rotate(2deg);box-shadow:var(--sh-l)}
.etiket:nth-child(3){right:0;top:0;transform:rotate(5deg)}
.etk-sag:hover .etiket:nth-child(1){transform:rotate(-6deg) translate(-8px,-4px)}
.etk-sag:hover .etiket:nth-child(3){transform:rotate(7deg) translate(8px,-4px)}
.etiket-u{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding-bottom:12px;border-bottom:1px solid var(--line)}
.etiket-u span{display:inline-flex;align-items:center;gap:6px;color:var(--ac)}
.etiket-k{font:400 64px/1 var(--serif);margin:14px 0 6px;letter-spacing:-.01em}
.etiket-k small{font:600 14px var(--sans);color:var(--ink-3);margin-left:6px;letter-spacing:0}
.etiket-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-top:1px dashed var(--line-2);border-bottom:1px dashed var(--line-2);margin-bottom:12px}
.etiket-g small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.etiket-g b{font-weight:600;font-size:14px}
.barkod{height:34px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px);border-radius:2px;opacity:.85}
.etiket.bt .etiket-k{color:var(--ac)}

/* planlayıcı teaser */
.lac{background:var(--navy);color:#E6EAF2;border-radius:24px;padding:72px;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:center;position:relative;overflow:hidden}
.lac::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.lac>*{position:relative}
.lac-sol{grid-column:1/6}
.lac-sol h2{margin:20px 0 20px;color:#fff}
.lac-sol p{color:#A9B3C5;margin-bottom:32px}
.lac .ust{background:rgba(255,255,255,.08);color:#C9D3FF}
.lac-sag{grid-column:7/13;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.metrik{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:20px}
.metrik small{display:block;font-size:12.5px;color:#9AA5B9;margin-bottom:8px}
.metrik b{font:400 46px/1 var(--serif);color:#fff}
.metrik b span{font:500 14px var(--sans);color:#9AA5B9;margin-left:4px}
.metrik.gen{grid-column:1/-1}
.mbar{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:3px;margin-top:12px}
.mbar i{display:block;height:100%;background:#3A4766}
.mbar i.a{background:var(--ac)}
.mbar-t{display:flex;justify-content:space-between;font-size:12px;color:#8D98AD;margin-top:8px}

/* çözümler kartları */
.coz{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g)}
.ck{background:var(--w);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s}
.ck:hover{box-shadow:var(--sh-l);transform:translateY(-4px);border-color:var(--line-2)}
.ck-f{aspect-ratio:16/10;overflow:hidden}
.ck-f img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ck:hover .ck-f img{transform:scale(1.04)}
.ck-i{padding:28px;display:flex;flex-direction:column;flex:1}
.ck-kod{font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.08em;margin-bottom:12px}
.ck h3{font-size:23px;margin-bottom:10px}
.ck p{color:var(--ink-2);font-size:15.5px}
.ck ul{list-style:none;margin:4px 0 24px;padding:0;display:grid;gap:8px;flex:1}
.ck li{display:flex;gap:10px;font-size:14.5px}
.ck li .i{width:17px;height:17px;color:var(--ac);stroke-width:2.2;margin-top:3px}
.diger{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.diger a{display:flex;align-items:center;gap:12px;padding:18px;background:var(--w);border:1px solid var(--line);border-radius:12px;font-weight:600;font-size:14.5px;line-height:1.3;transition:border-color .2s}
.diger a:hover{border-color:var(--ac)}
.diger .i{color:var(--ac)}

/* depolama */
.depo{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:stretch}
.depo-f{grid-column:1/7;border-radius:var(--r);overflow:hidden;position:relative;min-height:520px}
.depo-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.depo-s{grid-column:8/13;display:flex;flex-direction:column;justify-content:center}
.depo-s h2{margin:20px 0 20px}
.spek{margin:28px 0 0;border-top:1px solid var(--ink)}
.spek div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.spek dt{color:var(--ink-3)}
.spek dd{margin:0;font-weight:500}

/* sss ızgara */
.sssg{display:grid;grid-template-columns:repeat(2,1fr);gap:0 64px;border-top:1px solid var(--line)}
.sssg div{padding:32px 0;border-bottom:1px solid var(--line)}
.sssg h3{font-size:19px;margin-bottom:12px}
.sssg p{margin:0;color:var(--ink-2);font-size:15.5px}

/* çağrı */
.cagri{padding:0 0 128px}
.cagri-k{background:var(--ac);color:#fff;border-radius:24px;padding:72px;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:end;position:relative;overflow:hidden}
.cagri-k::after{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;border:60px solid rgba(255,255,255,.07)}
.cagri-m{grid-column:1/8}
.cagri-k h2{color:#fff}
.cagri-k h2 em{color:#fff;opacity:.85}
.cagri-k p{color:rgba(255,255,255,.8);margin:18px 0 0;max-width:52ch}
.cagri-k .cagri-s{grid-column:9/13;display:grid;gap:10px;position:relative;z-index:1}
.cagri .btn-w{background:#fff;color:var(--ink)}
.cagri .btn-w:hover{background:var(--bg)}
.cagri .btn-ow{border-color:rgba(255,255,255,.5);color:#fff}
.cagri .btn-ow:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* footer */
.ftr{background:var(--navy);color:#A9B3C5;padding:88px 0 0;font-size:15px}
.ftr-g{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding-bottom:64px}
.ftr-m{grid-column:1/5}
.ftr-m .logo-t b{color:#fff}
.ftr-m .logo-t small{color:#8D98AD}
.ftr-m .logo-m i{background:#E6EAF2}
.ftr-m .logo-m i:nth-child(2){background:var(--ac)}
.ftr-m p{margin:22px 0 24px;max-width:40ch}
.sosyal{display:flex;gap:8px}
.sosyal a{width:42px;height:42px;border-radius:10px;border:1px solid #2A3550;display:grid;place-items:center;transition:all .2s}
.sosyal a:hover{border-color:#fff;color:#fff}
.sosyal .i{width:18px;height:18px}
.ftr h4{font-size:13px;font-weight:600;color:#fff;margin:0 0 18px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a:hover{color:#fff}
.ftr-k1{grid-column:6/8}.ftr-k2{grid-column:8/10}.ftr-k3{grid-column:10/13}
.ftr-k3 li{display:flex;gap:10px}
.ftr-k3 .i{width:18px;height:18px;margin-top:3px;color:#7F93F0}
.ftr-y{border-top:1px solid #222D45;padding:18px 0;font-size:12.5px;color:#7A859B}
.ftr-alt{border-top:1px solid #222D45;padding:20px 0 26px;font-size:13.5px;color:#7A859B}
.ftr-alt .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ftr-alt nav{display:flex;gap:20px;flex-wrap:wrap}

/* iç sayfa */
.sb{background:var(--w);padding:56px 0 72px;border-bottom:1px solid var(--line)}
.kirinti{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--ink-3);margin-bottom:28px;flex-wrap:wrap}
.kirinti a:hover{color:var(--ac)}
.kirinti .i{width:14px;height:14px;transform:rotate(-90deg)}
.sb-g{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);align-items:end}
.sb-g h1{grid-column:1/8;font-size:clamp(42px,4.4vw,68px)}
.sb-g p{grid-column:9/13;margin:0;color:var(--ink-2)}

/* çözümler sayfası */
.cs{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding:80px 0 128px}
.cs-nav{grid-column:1/4;position:sticky;top:120px;align-self:start;background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:10px}
.cs-nav a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;color:var(--ink-2);transition:background .15s,color .15s}
.cs-nav a .i{width:18px;height:18px;color:var(--ink-3)}
.cs-nav a:hover,.cs-nav a.ac{background:var(--ac-s);color:var(--ac)}
.cs-nav a.ac .i,.cs-nav a:hover .i{color:var(--ac)}
.cs-l{grid-column:5/13;display:grid;gap:24px}
.cm{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:40px;scroll-margin-top:120px}
.cm-u{display:flex;gap:16px;align-items:center;margin-bottom:24px}
.cm-u .mi{width:52px;height:52px;border-radius:12px;background:var(--ac-s);color:var(--ac);display:grid;place-items:center}
.cm-u .mi .i{width:24px;height:24px}
.cm-u small{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.08em}
.cm-u h2{font-size:clamp(28px,2.4vw,36px)}
.cm-f{border-radius:10px;overflow:hidden;aspect-ratio:16/7;margin-bottom:28px}
.cm-f img{width:100%;height:100%;object-fit:cover}
.cm-g{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.cm-g p{color:var(--ink-2)}
.cm-k{background:var(--bg);border-radius:12px;padding:24px;align-self:start}
.cm-k h4{margin:0 0 12px;font-size:14px;font-weight:600}
.cm-k ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.cm-k li{display:flex;gap:10px;font-size:14.5px}
.cm-k li .i{width:17px;height:17px;color:var(--ac);stroke-width:2.2;margin-top:3px}
.cm-k .btn{width:100%}

/* planlayıcı (imza) */
.pl{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding:56px 0 0;align-items:start}
.pl-f{grid-column:1/5;background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:28px;position:sticky;top:104px}
.pl-f h2{font-size:24px;margin-bottom:6px}
.pl-f>p{font-size:14px;color:var(--ink-3);margin-bottom:22px}
.pa{padding:18px 0;border-top:1px solid var(--line)}
.pa-u{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.pa-u label,.pa legend{font-weight:600;font-size:14.5px;padding:0}
.pa-u output{font:400 26px/1 var(--serif);color:var(--ac)}
.pa fieldset,fieldset.pa{border:0;margin:0;padding:18px 0 0;min-width:0}
fieldset.pa{border-top:1px solid var(--line);padding-bottom:18px}
fieldset.pa legend{float:left;width:100%;margin-bottom:10px}
input[type=range]{width:100%;accent-color:var(--ac);height:24px;margin:0}
.rng-t{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3)}
.sgm{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border-radius:10px;padding:4px;gap:4px;clear:both}
.sgm.iki{grid-template-columns:1fr 1fr}
.sgm label{position:relative;cursor:pointer}
.sgm input{position:absolute;opacity:0}
.sgm span{display:grid;place-items:center;text-align:center;min-height:42px;padding:6px 8px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:all .15s;line-height:1.25}
.sgm input:checked+span{background:var(--w);color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.sgm input:focus-visible+span{outline:2px solid var(--ac)}
.sgm label:hover span{color:var(--ink)}
.pl-s{grid-column:5/13;display:grid;gap:20px}
.pk{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.pk-u{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.pk-u h2{font-size:26px}
.pk-u p{margin:4px 0 0;font-size:14.5px;color:var(--ink-2)}
.durum{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;background:#E7F3EE;color:var(--ok)}
.durum::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.durum.uyari{background:#FDF0EE;color:var(--err)}
.mg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.mk{border:1px solid var(--line);border-radius:12px;padding:16px}
.mk small{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:6px}
.mk b{font:400 38px/1 var(--serif)}
.mk b span{font:500 13px var(--sans);color:var(--ink-3);margin-left:3px}
.gant{position:relative}
.g-eks{display:grid;grid-template-columns:200px 1fr;margin-bottom:6px}
.g-eks div{position:relative;height:22px}
.g-eks div span{position:absolute;top:0;transform:translateX(-50%);font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.g-eks div span:first-child{transform:none}
.g-sat{display:grid;grid-template-columns:200px 1fr;align-items:center;min-height:46px;border-top:1px solid var(--line)}
.g-sat .ad{font-size:14px;font-weight:500;padding-right:12px;line-height:1.3}
.g-sat .ad small{display:block;color:var(--ink-3);font-weight:400;font-size:12.5px}
.g-iz{position:relative;height:46px;background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--hucre,16.66%) 100%}
.g-bar{position:absolute;top:11px;height:24px;border-radius:6px;background:var(--ink);display:flex;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;transition:left .5s cubic-bezier(.2,.8,.2,1),width .5s cubic-bezier(.2,.8,.2,1);min-width:6px}
.g-bar.a{background:var(--ac)}
.g-bar.h{background:var(--ac-s);color:var(--ac);border:1px dashed var(--ac)}
.g-pen{position:absolute;top:0;bottom:0;border-left:2px solid var(--err);pointer-events:none}
.g-pen span{position:absolute;top:-2px;right:6px;font-size:11px;font-weight:600;color:var(--err);white-space:nowrap;background:var(--w);padding:0 4px}
.g-leg{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3);margin-top:16px}
.g-leg span{display:inline-flex;gap:8px;align-items:center}
.g-leg i{width:14px;height:10px;border-radius:3px;background:var(--ink)}
.g-leg i.a{background:var(--ac)}
.g-leg i.h{background:var(--ac-s);border:1px dashed var(--ac)}
.kontrol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.kontrol li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-2)}
.kontrol li .i{width:17px;height:17px;color:var(--ac);stroke-width:2.2;margin-top:3px}
.not{display:flex;gap:10px;font-size:13px;color:var(--ink-3);line-height:1.5}
.not .i{width:16px;height:16px;margin-top:2px}

/* form */
.form-k{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:40px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fg .tam{grid-column:1/-1}
.alan label{display:block;font-weight:500;font-size:14.5px;margin-bottom:8px}
.alan label i{font-style:normal;color:var(--ac)}
.alan input,.alan select,.alan textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--w);font-size:16px;transition:border-color .15s,box-shadow .15s}
.alan textarea{min-height:120px;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:var(--ink-3)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 4px var(--ac-s)}
.alan.hata input,.alan.hata select,.alan.hata textarea{border-color:var(--err);box-shadow:0 0 0 4px #FDECEA}
.alan .hm{display:none;color:var(--err);font-size:13.5px;margin-top:6px}
.alan.hata .hm{display:block}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ink-2);cursor:pointer}
.onay input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--ac);flex:none}
.onay.hata{color:var(--err)}
.basari{display:none;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:12px;background:#E7F3EE;color:#15503A;margin-top:20px}
.basari.ac{display:flex}
.basari .i{color:var(--ok);width:22px;height:22px}
.form-alt{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.form-alt small{color:var(--ink-3)}
.ekli{display:none;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:var(--ac-s);color:var(--ac-d);font-size:14.5px;margin-bottom:24px}
.ekli.ac{display:flex}

/* iletişim */
.il{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding:64px 0 96px;align-items:start}
.il-sol{grid-column:1/5;display:grid;gap:12px}
.il-sag{grid-column:6/13}
.ik{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--w);transition:border-color .2s,box-shadow .2s}
a.ik:hover{border-color:var(--ac);box-shadow:var(--sh)}
.ik-i{width:44px;height:44px;border-radius:10px;background:var(--ac-s);color:var(--ac);display:grid;place-items:center;flex:none}
.ik small{display:block;font-size:13px;color:var(--ink-3)}
.ik b{font-weight:600;font-size:16.5px}
.saat{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:6px}
.saat td{padding:8px 0;border-bottom:1px solid var(--line)}
.saat td:last-child{text-align:right;font-weight:600}
.kvkk{padding:0 0 128px}
.kvkk-k{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding:40px;background:var(--w);border:1px solid var(--line);border-radius:var(--r)}
.kvkk-k>div:first-child{grid-column:1/5}
.kvkk-k>div:last-child{grid-column:6/13;font-size:15px;color:var(--ink-2)}
.kvkk-k ul{padding-left:18px;margin:0 0 16px}
.kvkk-k h2{font-size:34px;margin-top:18px}

.js .bel{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.js .bel.gor{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.bel{opacity:1;transform:none}}

@media (max-width:1240px){.hdr-cta .btn-o{display:none}.hdr .wrap{gap:24px}.gant-k{left:-24px;width:380px}}
@media (max-width:1100px){
  :root{--pad:32px}
  .nav,.hdr-cta{display:none}
  .burger{display:grid;margin-left:auto}
  .kim .wrap{grid-template-columns:repeat(3,1fr)}
  .kim h2{grid-column:1/-1}
  .mg{grid-template-columns:repeat(3,1fr)}
  .diger{grid-template-columns:repeat(3,1fr)}
  .lac{padding:48px}
  .lac-sol,.lac-sag{grid-column:1/-1}
  .etiket{width:260px}
  .pin-2{display:none}
  .etiket:nth-child(2){left:110px}
}
@media (max-width:900px){
  :root{--pad:20px;--g:16px}
  body{font-size:16px}
  .ubar{display:none}
  .hdr .wrap{min-height:66px}
  .logo-t small{font-size:17px}
  .hero{padding:36px 0 64px}
  .hero-g,.yontem,.etk,.depo,.bol-bas,.ftr-g,.sb-g,.cs,.cm-g,.pl,.il,.kvkk-k,.cagri-k,.lac{grid-template-columns:1fr}
  .hero-sol,.hero-sag,.yontem-sol,.evre,.etk-sol,.etk-sag,.depo-f,.depo-s,.bol-bas>div,.bol-bas>p,.ftr-m,.ftr-k1,.ftr-k2,.ftr-k3,.sb-g h1,.sb-g p,.cs-nav,.cs-l,.pl-f,.pl-s,.il-sol,.il-sag,.kvkk-k>div,.cagri-m,.cagri-s,.lac-sol,.lac-sag{grid-column:1/-1!important}
  .hero-sol{padding:0}
  .hero-mad{gap:12px 20px;margin-top:28px}
  .hero-btn .btn{flex:1 1 100%}
  .hero-sag{margin-top:36px}
  .pin-2{display:none}
  .gant-k{position:relative;left:auto;bottom:auto;width:auto;margin:-64px 12px 0}
  .gsat{grid-template-columns:92px 1fr}
  .geks{margin-left:104px}
  .kim{padding:40px 0}
  .kim .wrap{grid-template-columns:1fr 1fr;gap:20px}
  .bol{padding:88px 0}
  .bol-bas{margin-bottom:40px;gap:16px}
  .yontem-sol{position:static}
  .ilerle,.ilerle-t{display:none}
  .evre li{grid-template-columns:64px 1fr;gap:16px;padding:28px 0}
  .evre .no{font-size:56px}
  .evre h3{font-size:22px}
  .etk-sag{min-height:0;display:grid;gap:12px;margin-top:24px}
  .etiket{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:auto}
  .etiket:nth-child(n+2){display:none}
  .lac{padding:32px 22px;border-radius:18px}
  .lac-sag{grid-template-columns:1fr 1fr;margin-top:12px}
  .metrik b{font-size:36px}
  .coz{grid-template-columns:1fr}
  .diger{grid-template-columns:1fr 1fr}
  .depo-f{min-height:280px}
  .depo-s{margin-top:24px}
  .spek div{grid-template-columns:120px 1fr}
  .sssg{grid-template-columns:1fr}
  .sssg div{padding:24px 0}
  .cagri{padding-bottom:88px}
  .cagri-k{padding:40px 24px;border-radius:18px}
  .cagri-s{margin-top:24px}
  .ftr{padding-top:64px}
  .ftr-g{gap:36px}
  .ftr-k1,.ftr-k2{grid-column:auto!important}
  .sb{padding:28px 0 44px}
  .sb-g{gap:16px}
  .cs{padding:32px 0 88px}
  .cs-nav{position:static;display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}
  .cs-nav a{flex:none}
  .cm{padding:22px}
  .cm-g{gap:20px}
  .cm-f{aspect-ratio:16/9}
  .pl{padding-top:28px}
  .pl-f{position:static;padding:22px}
  .pk{padding:20px}
  .mg{grid-template-columns:1fr 1fr}
  .mk b{font-size:32px}
  .g-eks{display:none}
  .g-sat{grid-template-columns:96px 1fr}
  .g-sat .ad{font-size:12.5px}
  .g-sat .ad small{display:none}
  .g-bar{font-size:0;padding:0}
  .kontrol{grid-template-columns:1fr}
  .form-k{padding:24px 20px}
  .fg{grid-template-columns:1fr}
  .il{padding:32px 0 72px}
  .kvkk-k{padding:24px}
}

/* üretim teması ekleri */
.logo-img{max-height:44px;width:auto}
.ftr .logo-img{max-height:40px}
.ftr-imza{border-top:1px solid #222D45;padding:14px 0 22px;font-size:12.5px;color:#7A859B}
.ftr-imza a{color:#A9B3C5}
.ftr-imza a:hover{color:#fff}
.ubar-s a[hreflang]{font-weight:600;letter-spacing:.04em}
.sss-giris{margin:-32px 0 40px;max-width:60ch}
.hdr-cta .dj-hook,.hdr-cta>:empty{display:none}
.form-k .dj-alert{margin-bottom:18px;padding:12px 16px;border-radius:var(--r-s);font-size:14.5px}
.form-k .dj-alert--error{background:color-mix(in srgb,var(--err) 9%,var(--w));color:var(--err);border:1px solid color-mix(in srgb,var(--err) 30%,var(--w))}
.form-k .dj-alert--ok,.form-k .basari.ac{background:color-mix(in srgb,var(--ok) 9%,var(--w))}
.alan .dj-error,.onay .dj-error{display:block;margin-top:6px;font-size:13px;color:var(--err)}
.pl-hes{margin-top:28px;display:grid;gap:10px}
.pl-hes a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:var(--w);border:1px solid var(--line);border-radius:var(--r);font-weight:600;transition:border-color .2s}
.pl-hes a:hover{border-color:var(--ac)}
.pl-hes small{display:block;font-weight:400;font-size:13.5px;color:var(--ink-2);margin-top:2px}
.pl-hes .i{color:var(--ac)}
.cm-g .cm-govde p{margin:0 0 1em}