@font-face{font-family:"Heros";src:url(/assets/fonts/heros-1.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Heros";src:url(/assets/fonts/heros-2.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Heros Cn";src:url(/assets/fonts/heros-3.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Heros Cn";src:url(/assets/fonts/heros-4.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}

:root{
  --mavi:#0a2c74; --mavi-9:#061a48; --mavi-7:#16409a; --mavi-1:#e9eef8;
  --tur:#ff6b01; --tur-k:#e05a00; --tur-1:#fff1e6;
  --kagit:#f4f2ee; --kagit-2:#ebe7df; --cizgi:#dfdbd3; --cizgi-k:#c8c2b6;
  --murekkep:#0f1420; --metin:#434955; --soluk:#6f7480;
  --max:1280px; --gut:28px; --bas:84px;
  --egri:cubic-bezier(.2,.7,.2,1);
  --golge:0 22px 44px -26px rgba(6,26,72,.45);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bas) + 16px)}
body{font-family:Heros,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16.5px;line-height:1.65;color:var(--metin);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:"Heros Cn","Arial Narrow",sans-serif;font-weight:700;color:var(--murekkep);text-transform:uppercase;line-height:1.19;letter-spacing:.005em}
b,strong{color:var(--murekkep)}
::selection{background:var(--tur);color:#fff}
:focus-visible{outline:2px solid var(--tur);outline-offset:3px}
.kap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);position:relative}
.tur{color:var(--tur)}
.gizli-y{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── düğmeler: logodaki gibi eğik ── */
.dg{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;transform:skewX(-12deg);font:700 16px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;border:2px solid transparent}
.dg>span{display:inline-flex;align-items:center;gap:12px;transform:skewX(12deg)}
.dg svg{width:18px;height:18px;flex:none;transition:transform .3s var(--egri)}
.dg:hover svg.ok{transform:translateX(4px)}
.dg-tur{background:var(--tur);color:#fff;box-shadow:0 14px 28px -14px rgba(255,107,1,.9)}
.dg-tur:hover{background:var(--tur-k)}
.dg-mavi{background:var(--mavi);color:#fff}
.dg-mavi:hover{background:var(--mavi-7)}
.dg-cer{border-color:var(--mavi);color:var(--mavi)}
.dg-cer:hover{background:var(--mavi);color:#fff}
.dg-beyaz{background:#fff;color:var(--mavi)}
.dg-beyaz:hover{background:var(--mavi-9);color:#fff}
.dg-cer-b{border-color:rgba(255,255,255,.7);color:#fff}
.dg-cer-b:hover{background:#fff;color:var(--mavi)}
.dg-wa{background:#25d366;color:#fff}
.dg-wa:hover{background:#1fb457}
.dg-k{height:44px;padding:0 20px;font-size:14px}
.ok-link{display:inline-flex;align-items:center;gap:10px;font:700 15px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--mavi)}
.ok-link svg{width:18px;height:18px;color:var(--tur);transition:transform .3s var(--egri)}
.ok-link:hover svg{transform:translateX(5px)}

/* ── bölüm başlıkları ── */
.etiket{display:inline-flex;align-items:center;gap:12px;font:700 14px/1.3 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--tur)}
.etiket::before{content:"";width:30px;height:4px;background:var(--tur);transform:skewX(-30deg)}
.bb{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;margin-bottom:56px}
.bb h2{font-size:clamp(38px,4.6vw,62px);margin-top:18px}
.bb p{font-size:17.5px;max-width:520px}
.bb .sag{display:grid;gap:20px;justify-items:start}
.cizgili{position:relative;padding-bottom:30px}
.cizgili::after{content:"";position:absolute;left:0;bottom:0;width:88px;height:6px;background:var(--tur);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.bol{padding:120px 0}
.bol-k{background:var(--kagit)}
.bol-m{background:var(--mavi-9);color:rgba(255,255,255,.72)}
.bol-m h2,.bol-m h3,.bol-m b{color:#fff}
.izgara{position:relative;isolation:isolate}
.izgara::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--iz,rgba(10,44,116,.07)) 1px,transparent 1px),linear-gradient(90deg,var(--iz,rgba(10,44,116,.07)) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25))}
.bol-m.izgara{--iz:rgba(255,255,255,.06)}

/* ── üst bilgi şeridi ── */
.ustbar{background:var(--mavi-9);color:rgba(255,255,255,.72);font-size:13.5px}
.ustbar .kap{display:flex;align-items:center;gap:28px;height:40px}
.ustbar a,.ustbar span{display:inline-flex;align-items:center;gap:8px;transition:color .2s}
.ustbar a:hover{color:#fff}
.ustbar svg{width:15px;height:15px;color:var(--tur)}
.ustbar .saat{gap:0}
.ustbar .saat svg{margin-right:8px}
.ustbar .saat em{font-style:normal;white-space:pre}
.ustbar .sag{margin-left:auto;font:700 13px/1 "Heros Cn",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}

/* ── başlık ── */
.bas{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--cizgi);transition:box-shadow .3s}
.bas.golge{box-shadow:0 10px 30px -18px rgba(6,26,72,.35)}
.bas .kap{display:flex;align-items:center;height:var(--bas);gap:32px}
.logo{display:block;flex:none}
.logo img{height:54px;width:auto}
nav.ana{display:flex;align-items:center;gap:4px;margin-left:auto}
nav.ana a{position:relative;padding:10px 14px;font:700 16px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--murekkep);transition:color .2s}
nav.ana a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;background:var(--tur);transform:skewX(-30deg) scaleX(0);transform-origin:left;transition:transform .3s var(--egri)}
nav.ana a:hover{color:var(--mavi)}
nav.ana a:hover::after,nav.ana a.on::after{transform:skewX(-30deg) scaleX(1)}
nav.ana a.on{color:var(--mavi)}
.bas .dg{margin-left:8px}
.burger{display:none;width:48px;height:48px;place-items:center;margin-left:auto;background:var(--mavi);color:#fff;transform:skewX(-12deg)}
.burger svg{width:22px;height:22px;transform:skewX(12deg)}

/* mobil çekmece */
.perde{position:fixed;inset:0;z-index:70;background:rgba(6,26,72,.5);opacity:0;visibility:hidden;transition:.35s}
.cekmece{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(420px,88vw);background:var(--mavi-9);color:#fff;padding:22px 28px 30px;display:flex;flex-direction:column;transform:translateX(102%);transition:transform .45s var(--egri);overflow-y:auto}
body.menu-acik .perde{opacity:1;visibility:visible}
body.menu-acik .cekmece{transform:none}
body.menu-acik{overflow:hidden}
.cekmece .ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.cekmece .ust img{height:44px}
.cekmece .kapat{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25)}
.cekmece .kapat svg{width:22px;height:22px}
.cekmece nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font:700 26px/1.1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.03em}
.cekmece nav a.on{color:var(--tur)}
.cekmece nav a svg{width:20px;height:20px;opacity:.45}
.cekmece .alt{margin-top:auto;padding-top:30px;display:grid;gap:12px;font-size:15px;color:rgba(255,255,255,.7)}
.cekmece .alt .dg{width:100%;margin-bottom:8px}

/* ── giriş (kahraman) ── */
.kahraman{position:relative;background:var(--kagit);overflow:hidden}
.kahraman .kap{display:grid;grid-template-columns:1fr 1fr;min-height:min(680px,calc(100vh - 124px));z-index:2}
.k-sol{position:relative;z-index:2;padding:84px 40px 96px 0;display:flex;flex-direction:column;justify-content:center}
.k-sol h1{font-size:clamp(50px,5.6vw,84px);margin:18px 0 20px;line-height:1.19}
.k-sol h1 em{font-style:italic;color:var(--tur)}
.k-sol .on-yazi{font-size:18.5px;max-width:520px}
.k-sol .dgler{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px;padding-left:6px}
.k-gorsel{position:absolute;top:0;bottom:0;left:52%;right:0}
.k-gorsel::before,.k-gorsel::after,.k-gorsel .f{position:absolute;inset:0;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.k-gorsel::before{content:"";background:var(--tur);transform:translateX(-34px)}
.k-gorsel::after{content:"";background:var(--kagit);transform:translateX(-16px)}
.k-gorsel .f{z-index:1;overflow:hidden}
.k-gorsel img{width:100%;height:100%;object-fit:cover}
.k-gorsel .f::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,72,.3),transparent 45%)}
.k-rozet{position:absolute;right:var(--gut);bottom:36px;z-index:2;background:#fff;padding:18px 24px 18px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--golge);border-left:5px solid var(--tur)}
.k-rozet b{font:700 42px/1 "Heros Cn",sans-serif;color:var(--mavi)}
.k-rozet span{font-size:14px;line-height:1.35;color:var(--metin)}

/* rakamlar şeridi */
.rakamlar{background:var(--mavi);color:#fff;position:relative;overflow:hidden}
.rakamlar::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-60deg,transparent 0 22px,rgba(255,255,255,.035) 22px 23px)}
.rakamlar .kap{display:grid;grid-template-columns:repeat(4,1fr)}
.rakam{position:relative;padding:40px 28px 38px}
.rakam+.rakam::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:rgba(255,255,255,.18);transform:skewX(-14deg)}
.rakam b{display:block;font:700 clamp(44px,4.6vw,62px)/1 "Heros Cn",sans-serif;color:#fff;letter-spacing:.01em}
.rakam b em{font-style:normal;color:var(--tur)}
.rakam span{display:block;margin-top:8px;font:700 14px/1.3 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.7)}

/* ── üç uzmanlık alanı ── */
.alanlar{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.alan{background:#fff;border:1px solid var(--cizgi);display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s var(--egri)}
.alan:hover{border-color:var(--tur);box-shadow:var(--golge);transform:translateY(-4px)}
.alan .g{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--kagit)}
.alan .g img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--egri)}
.alan:hover .g img{transform:scale(1.05)}
.alan .no{position:absolute;left:0;bottom:0;background:var(--mavi);color:#fff;font:700 30px/1 "Heros Cn",sans-serif;padding:12px 26px 12px 18px;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.alan .ic{padding:30px 30px 32px;display:flex;flex-direction:column;flex:1}
.alan h3{font-size:30px;margin-bottom:12px}
.alan p{font-size:15.5px}
.alan ul{list-style:none;margin:18px 0 26px;display:grid;gap:8px;font-size:15px}
.alan li{display:flex;gap:10px;align-items:baseline}
.alan li::before{content:"";flex:none;width:9px;height:9px;background:var(--tur);transform:skewX(-14deg) translateY(-1px)}
.alan .ok-link{margin-top:auto}

/* ── ürün kartları ── */
.urunler{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ukart{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);transition:border-color .3s,box-shadow .3s}
.ukart:hover{border-color:var(--mavi);box-shadow:var(--golge)}
.ukart .g{aspect-ratio:5/4;background:#fff;overflow:hidden;display:grid;place-items:center}
.ukart .g img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .6s var(--egri)}
.ukart .g.kapla img{object-fit:cover;padding:0}
.ukart:hover .g img{transform:scale(1.05)}
.ukart .ic{padding:20px 22px 24px;border-top:1px solid var(--cizgi);flex:1;display:flex;flex-direction:column}
.ukart .kod{font:700 13px/1 "Heros Cn",sans-serif;letter-spacing:.14em;color:var(--tur);text-transform:uppercase}
.ukart h3{font-size:22px;line-height:1.19;margin:10px 0 8px}
.ukart p{font-size:14.5px;line-height:1.55;color:var(--soluk)}
.ukart .ok{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;background:var(--mavi);color:#fff;transform:skewX(-12deg);opacity:0;transition:opacity .3s,background .3s}
.ukart .ok svg{width:18px;height:18px;transform:skewX(12deg)}
.ukart:hover .ok{opacity:1;background:var(--tur)}

/* ── malzemeler: periyodik tablo ── */
.ptablo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.el{position:relative;min-width:0;overflow:hidden;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);padding:16px 16px 18px;display:flex;flex-direction:column;transition:background .3s,border-color .3s,transform .3s var(--egri);cursor:default}
.el:hover{background:var(--tur);border-color:var(--tur);transform:translateY(-4px)}
.el .sn{font:700 13px/1 "Heros Cn",sans-serif;color:rgba(255,255,255,.5);letter-spacing:.08em}
.el .sb{font:700 clamp(32px,3.4vw,48px)/1 "Heros Cn",sans-serif;color:#fff;margin-top:14px;letter-spacing:.01em}
.el .ad{font-size:13.5px;line-height:1.3;color:rgba(255,255,255,.85);margin-top:auto}
.el .oz{font-size:12px;line-height:1.35;color:var(--tur);margin-top:6px;transition:color .3s}
.el:hover .sn,.el:hover .oz{color:rgba(255,255,255,.85)}
.el.lejant{background:var(--tur);border-color:var(--tur);cursor:pointer;color:#fff}
.el.lejant::after{content:"";position:absolute;right:-30%;top:-30%;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 18px rgba(255,255,255,.06);pointer-events:none;transition:transform .5s var(--egri)}
.el.lejant:hover{background:#f25f00;border-color:#f25f00}
.el.lejant:hover::after{transform:scale(1.12)}
.el.lejant .sn{color:rgba(255,255,255,.8)}
.el.lejant .sb.arti{position:relative;display:block;width:.8em;height:.8em;margin-top:calc(14px + .1em);transition:transform .5s var(--egri)}
.el.lejant .sb.arti::before,.el.lejant .sb.arti::after{content:"";position:absolute;background:#fff}
.el.lejant .sb.arti::before{left:0;right:0;top:50%;height:.17em;transform:translateY(-50%)}
.el.lejant .sb.arti::after{top:0;bottom:0;left:50%;width:.17em;transform:translateX(-50%)}
.el.lejant:hover .sb.arti{transform:rotate(90deg)}
.el.lejant .ad{font:700 15px/1.2 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.el.lejant .oz{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.9);font-weight:600}
.el.lejant .oz svg{width:14px;height:14px;transition:transform .3s var(--egri)}
.el.lejant:hover .oz svg{transform:translateX(4px)}

/* ── sektör listesi ── */
.sektor-duzen{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.sektor-duzen .sektor-gorsel{margin:8px 22px 0 0}
.sektor-gorsel{position:relative}
.sektor-gorsel img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sektor-gorsel .cerceve{position:absolute;inset:22px -22px -22px 22px;border:3px solid var(--tur);z-index:-1}
.sektor-gorsel{isolation:isolate}
.slist{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;counter-reset:s}
.slist li{counter-increment:s;display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--cizgi);font:700 18px/1.2 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--murekkep)}
.slist li::before{content:counter(s,decimal-leading-zero);font-size:14px;color:var(--tur);min-width:22px}
.slist li a{transition:color .2s}
.slist li a:hover{color:var(--tur)}

/* ── süreç ── */
.surec{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:a;position:relative}
.adim{position:relative;padding:0 22px 0 0}
.adim .num{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.adim .num b{width:58px;height:58px;display:grid;place-items:center;background:var(--mavi);color:#fff;font:700 24px/1 "Heros Cn",sans-serif;transform:skewX(-12deg);flex:none}
.adim .num b span{transform:skewX(12deg)}
.adim .num i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--cizgi-k) 0 8px,transparent 8px 14px)}
.adim:last-child .num i{display:none}
.adim h4{font-size:21px;margin-bottom:8px}
.adim p{font-size:14.5px;line-height:1.55}
.bol-m .adim .num b{background:var(--tur)}
.bol-m .adim .num i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 8px,transparent 8px 14px)}

/* testler */
.testler{display:flex;flex-wrap:wrap;gap:10px}
.testler span{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid var(--cizgi);font:700 15px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--murekkep)}
.testler span::before{content:"";width:8px;height:8px;background:var(--tur);transform:skewX(-14deg)}

/* ── çağrı bandı ── */
.cagri{position:relative;background:var(--tur);color:#fff;overflow:hidden;isolation:isolate}
.cagri::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,transparent 0 26px,rgba(255,255,255,.07) 26px 28px)}
.cagri::after{content:"";position:absolute;top:0;bottom:0;right:-3%;width:20%;background:var(--mavi);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);z-index:-1}
.cagri .kap{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-top:84px;padding-bottom:84px}
.cagri h2{color:#fff;font-size:clamp(36px,4.2vw,58px)}
.cagri p{font-size:18px;margin-top:16px;max-width:560px;color:rgba(255,255,255,.92)}
.cagri .sag{display:grid;gap:16px;justify-items:start;padding-left:20px}
.cagri .tel{display:flex;align-items:center;gap:14px;font:700 26px/1 "Heros Cn",sans-serif;letter-spacing:.03em;color:#fff;margin-top:6px}
.cagri .tel svg{width:24px;height:24px;color:#fff}

/* ── alt bilgi ── */
footer{background:var(--mavi-9);color:rgba(255,255,255,.66);font-size:15px}
.ab{display:grid;grid-template-columns:1.25fr .8fr .8fr 1.1fr;gap:48px;padding-top:84px;padding-bottom:60px}
.ab .logo img{height:58px}
.ab p{margin-top:22px;max-width:330px}
.ab h5{font:700 15px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin-bottom:22px;display:flex;align-items:center;gap:10px}
.ab h5::before{content:"";width:16px;height:3px;background:var(--tur);transform:skewX(-30deg)}
.ab ul{list-style:none;display:grid;gap:10px}
.ab a{transition:color .2s}
.ab a:hover{color:#fff}
.ab .il{display:grid;gap:14px}
.ab .il>*{display:flex;gap:12px;align-items:flex-start}
.ab .il svg{width:17px;height:17px;flex:none;margin-top:4px;color:var(--tur)}
.ab-alt{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;padding-bottom:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,.45)}
.ab-alt a{color:rgba(255,255,255,.65)}
.ab-alt a:hover{color:#fff}

/* ── iç sayfa başlığı ── */
.sbas{position:relative;background:var(--kagit);overflow:hidden;border-bottom:1px solid var(--cizgi)}
.sbas .kap{min-height:340px;display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:56px}
.sbas .yol{display:flex;align-items:center;gap:10px;font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--soluk)}
.sbas .yol a:hover{color:var(--tur)}
.sbas .yol svg{width:13px;height:13px;color:var(--tur)}
.sbas h1{font-size:clamp(46px,6vw,84px);margin:22px 0 18px;max-width:640px;color:var(--mavi)}
.sbas p{font-size:18px;max-width:560px}
.sbas .sg{position:absolute;top:0;bottom:0;right:0;width:42%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}
.sbas .sg img{width:100%;height:100%;object-fit:cover}
.sbas .sg.ac{background:#fff}
.sbas .sg.az-egik{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.sbas .sg.ac img{object-fit:contain;padding:28px 28px 28px 22%}
.sbas .sserit{position:absolute;top:0;bottom:0;right:calc(42% - 6px);width:16px;background:var(--tur);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%)}
.sbas .sserit+.sg{}

/* ürünler: süzgeç ve arama */
.suzgec{position:sticky;top:var(--bas);z-index:40;background:#fff;border-bottom:1px solid var(--cizgi)}
.suzgec .kap{display:flex;align-items:center;gap:24px}
.suzgec .sekmeler{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.suzgec .sekmeler::-webkit-scrollbar{display:none}
.suzgec button{flex:none;padding:21px 16px 18px;font:700 15px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--soluk);border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.suzgec button:hover{color:var(--mavi)}
.suzgec button.on{color:var(--mavi);border-bottom-color:var(--tur)}
.suzgec button sup{font-size:11px;color:var(--tur);margin-left:4px}
.ara-kutu{position:relative;flex:none;width:330px}
.ara-kutu svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--soluk);pointer-events:none}
.ara-kutu input{width:100%;height:46px;border:1px solid var(--cizgi);background:var(--kagit);padding:0 14px 0 42px;font:inherit;font-size:15px;color:var(--murekkep);outline:none;border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,background .2s}
.ara-kutu input:focus{border-color:var(--mavi);background:#fff}
.ara-kutu input::placeholder{color:var(--soluk)}
.liste-bas{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:28px;font-size:15px;color:var(--soluk)}
.liste-bas b{font:700 15px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--mavi)}
.urunler.uc{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ukart[hidden]{display:none}
.lk .g{position:relative}
.lk .adet{position:absolute;left:0;bottom:0;background:var(--mavi);color:#fff;font:700 12px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:8px 18px 8px 12px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}
.lk h3{font-size:25px}
.lk p{font-size:15px}
.lk .etk{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 22px}
.lk .etk span{font-size:12.5px;line-height:1.2;padding:5px 9px;background:var(--kagit);color:var(--metin)}
.lk .etk .fazla{background:var(--mavi-1);color:var(--mavi);font-weight:700}
.lk .detay{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font:700 14px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--mavi)}
.lk .detay svg{width:17px;height:17px;color:var(--tur);transition:transform .3s var(--egri)}
.lk:hover .detay svg{transform:translateX(5px)}
.bos{display:none;padding:56px 40px;border:2px dashed var(--cizgi-k);background:var(--kagit);max-width:760px}
.bos.goster{display:block}
.bos h3{font-size:28px;color:var(--mavi);margin-bottom:10px}

/* ürün detayı */
.ud-ust{background:var(--kagit);border-bottom:1px solid var(--cizgi)}
.ud-ust .kap{padding-top:40px;padding-bottom:84px}
.yol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:700 13px/1.3 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--soluk)}
.yol a:hover{color:var(--tur)}
.yol svg{width:13px;height:13px;color:var(--tur);flex:none}
.ud-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;margin-top:34px;align-items:start}
.ud-gal{position:sticky;top:calc(var(--bas) + 24px)}
.ud-gal .ana{position:relative;display:block;width:100%;aspect-ratio:4/3;background:#fff;border:1px solid var(--cizgi);overflow:hidden;cursor:zoom-in}
.ud-gal .ana img{width:100%;height:100%;object-fit:contain;padding:20px;animation:sayfa .4s var(--egri)}
.ud-gal .ana.kapla img{object-fit:cover;padding:0}
.ud-gal .ana::after{content:"";position:absolute;right:12px;bottom:12px;width:40px;height:40px;background:var(--mavi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/18px no-repeat;transition:background-color .2s}
.ud-gal .ana:hover::after{background-color:var(--tur)}
.ud-gal .aciklama{margin-top:10px;font-size:14px;color:var(--soluk);min-height:22px}
.ud-gal .kucuk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.ud-gal .kucuk button{aspect-ratio:1/1;background:#fff;border:1px solid var(--cizgi);box-shadow:inset 0 0 0 0 var(--tur);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.ud-gal .kucuk button:hover{border-color:var(--mavi)}
.ud-gal .kucuk button.on{border-color:var(--tur);box-shadow:inset 0 -4px 0 0 var(--tur)}
.ud-gal .kucuk img{width:100%;height:100%;object-fit:contain;padding:6px}
.ud-gal .kucuk .kapla img{object-fit:cover;padding:0}
.ud-bilgi .kod{font:700 14px/1 "Heros Cn",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tur)}
.ud-bilgi h1{font-size:clamp(40px,4.4vw,60px);color:var(--mavi);margin:16px 0 20px}
.ud-bilgi .lead{font-size:20px;line-height:1.5;color:var(--murekkep)}
.ud-bilgi p:not(.lead){font-size:16.5px;margin-top:14px}
.ud-ozet{display:grid;margin:30px 0 0;border-top:2px solid var(--mavi)}
.ud-ozet div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--cizgi)}
.ud-ozet dt{font:700 13px/1.6 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--soluk)}
.ud-ozet dd{color:var(--murekkep);font-size:15.5px}
.ud-ozet dd a{color:var(--mavi);font-weight:700}
.ud-ozet dd a:hover{color:var(--tur)}
.ud-bilgi .dgler{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;padding-left:6px}
.ud-alt{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.ud-uyg h2{font-size:clamp(36px,4vw,52px);margin:18px 0 34px}
.ud-uyg ol{list-style:none;counter-reset:u;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.ud-uyg li{counter-increment:u;display:flex;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--cizgi);font:700 19px/1.25 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--murekkep)}
.ud-uyg li::before{content:counter(u,decimal-leading-zero);font-size:14px;color:var(--tur);min-width:22px}
.ud-not{background:var(--mavi);color:rgba(255,255,255,.8);padding:36px 34px;position:relative;overflow:hidden;isolation:isolate}
.ud-not::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,transparent 0 22px,rgba(255,255,255,.04) 22px 23px)}
.ud-not h3{color:#fff;font-size:28px;margin-bottom:12px}
.ud-not ul{list-style:none;display:grid;gap:10px;margin:20px 0 28px;font-size:15px}
.ud-not li{display:flex;gap:10px;align-items:baseline;color:#fff}
.ud-not li::before{content:"";flex:none;width:9px;height:9px;background:var(--tur);transform:skewX(-14deg)}
.ud-gezin{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.ud-gezin a{display:grid;gap:8px;padding:22px 26px;background:#fff;border:1px solid var(--cizgi);transition:border-color .25s,box-shadow .25s}
.ud-gezin a:last-child{text-align:right}
.ud-gezin a:hover{border-color:var(--tur);box-shadow:var(--golge)}
.ud-gezin small{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--tur)}
.ud-gezin a:last-child small{justify-content:flex-end}
.ud-gezin a:first-child small svg{transform:scaleX(-1)}
.ud-gezin small svg{width:16px;height:16px}
.ud-gezin b{font:700 22px/1.19 "Heros Cn",sans-serif;text-transform:uppercase;color:var(--mavi)}

/* büyük görsel penceresi */
.lb{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);max-height:92vh;margin:auto;overflow:visible}
.lb::backdrop{background:rgba(6,16,40,.86)}
.lb[open]{display:grid;animation:lbGel .3s var(--egri)}
@keyframes lbGel{from{opacity:0;transform:scale(.97)}}
.lb figure{background:#fff;padding:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.lb img{max-height:calc(92vh - 90px);width:auto;max-width:100%;margin:0 auto;min-width:min(620px,80vw);object-fit:contain;background:#fff}
.lb figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 4px 2px;font:700 15px/1.2 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--murekkep)}
.lb .kapat{width:42px;height:42px;display:grid;place-items:center;background:var(--mavi);color:#fff;flex:none}
.lb .kapat svg{width:20px;height:20px}

/* sektörler sayfası */
.skartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.skart{background:#fff;border:1px solid var(--cizgi);display:flex;flex-direction:column}
.skart .g{position:relative;aspect-ratio:16/10;background:var(--kagit);overflow:hidden}
.skart .g img{width:100%;height:100%;object-fit:cover}
.skart .g.ac{background:#fff}
.skart .g.ac img{object-fit:contain;padding:14px}
.skart .g .n{position:absolute;top:0;left:0;background:var(--tur);color:#fff;font:700 20px/1 "Heros Cn",sans-serif;padding:10px 20px 10px 14px;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
.skart .ic{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.skart h3{font-size:26px;margin-bottom:12px}
.skart p{font-size:15.5px}
.skart .sek{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--cizgi-k)}
.skart .sek a{font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--mavi);display:inline-flex;align-items:center;gap:6px}
.skart .sek a:hover{color:var(--tur)}
.skart .sek svg{width:14px;height:14px;color:var(--tur)}
.tumsek{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tumsek div{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--cizgi);font:700 17px/1.2 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--murekkep)}
.tumsek div span{font-size:14px;color:var(--tur);min-width:22px}

/* üretim sayfası */
.tesis{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:24px 0}
.tesis+.tesis{margin-top:96px}
.tesis.ters .kolaj{order:-1}
.tesis h2{font-size:clamp(36px,4vw,54px);margin:18px 0 22px}
.tesis p{font-size:17px}
.tesis p+p{margin-top:12px}
.kolaj{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/4}
.kolaj figure{position:relative;overflow:hidden;background:var(--kagit)}
.kolaj figure:first-child{grid-row:span 2}
.kolaj img{width:100%;height:100%;object-fit:cover}
.kolaj figure.ac{background:#fff}
.kolaj figure.ac img{object-fit:contain;padding:10px}
.kolaj figcaption{position:absolute;left:0;bottom:0;max-width:calc(100% - 8px);background:var(--mavi);color:#fff;font:700 12.5px/1.25 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:8px 18px 8px 12px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.ozler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.ozler div{padding:18px 20px;border-left:4px solid var(--tur);background:var(--kagit)}
.ozler b{display:block;font:700 30px/1 "Heros Cn",sans-serif;color:var(--mavi)}
.ozler span{font-size:14px;line-height:1.4}

/* hakkımızda */
.hk{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.hk .metin p{font-size:17.5px}
.hk .metin p+p{margin-top:16px}
.hk .metin .vurgu{font:700 italic 30px/1.22 "Heros Cn",sans-serif;color:var(--mavi);text-transform:uppercase;margin:30px 0;padding-left:22px;border-left:5px solid var(--tur)}
.hk-g{position:relative;isolation:isolate}
.hk-g img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hk-g .yil{position:absolute;left:-28px;bottom:-34px;background:var(--mavi);color:#fff;padding:24px 34px 22px 26px;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.hk-g .yil b{display:block;font:700 64px/1 "Heros Cn",sans-serif;color:#fff}
.hk-g .yil span{font:700 14px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--tur)}
.hk-g .cerceve{position:absolute;inset:-22px 22px 22px -22px;border:3px solid var(--tur);z-index:-1}
.ilkeler{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ilke{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:28px 24px 30px;transition:border-color .3s,background .3s}
.ilke:hover{border-color:var(--tur);background:rgba(255,107,1,.08)}
.ilke i{display:grid;place-items:center;width:52px;height:52px;background:var(--tur);color:#fff;transform:skewX(-12deg);margin-bottom:22px}
.ilke i svg{width:24px;height:24px;transform:skewX(12deg)}
.ilke h4{font-size:21px;color:#fff;margin-bottom:10px}
.ilke p{font-size:14.5px;line-height:1.55}

/* referanslar */
.ref{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ref figure{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#fff;border:1px solid var(--cizgi);padding:22px 28px;transition:border-color .3s,box-shadow .3s,transform .3s var(--egri)}
.ref figure::after{content:"";position:absolute;left:-1px;bottom:-1px;width:0;height:4px;background:var(--tur);transition:width .35s var(--egri)}
.ref figure:hover{border-color:var(--cizgi-k);box-shadow:var(--golge);transform:translateY(-3px)}
.ref figure:hover::after{width:calc(100% + 2px)}
.ref img{max-width:100%;max-height:104px;width:auto;height:auto;object-fit:contain}
.ref-cta{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:16/9;background:var(--tur);color:#fff;padding:22px 24px;overflow:hidden;isolation:isolate;transition:background .3s}
.ref-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,transparent 0 18px,rgba(255,255,255,.08) 18px 19px)}
.ref-cta:hover{background:var(--tur-k)}
.ref-cta b{font:700 24px/1.19 "Heros Cn",sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.02em}
.ref-cta span{display:inline-flex;align-items:center;gap:10px;font:700 14px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.12em}
.ref-cta svg{width:18px;height:18px;transition:transform .3s var(--egri)}
.ref-cta:hover svg{transform:translateX(5px)}

/* iletişim */
.il-duzen{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ikart{display:flex;gap:20px;padding:28px;background:#fff;border:1px solid var(--cizgi);align-items:flex-start;transition:border-color .25s,box-shadow .25s}
a.ikart:hover{border-color:var(--tur);box-shadow:var(--golge)}
.ikart i{width:54px;height:54px;flex:none;display:grid;place-items:center;background:var(--mavi);color:#fff;transform:skewX(-12deg)}
.ikart i svg{width:23px;height:23px;transform:skewX(12deg)}
.ikart small{display:block;font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--soluk);margin-bottom:8px}
.ikart b{display:block;font:700 22px/1.25 "Heros Cn",sans-serif;letter-spacing:.02em;color:var(--murekkep)}
.ikart span.al{display:block;font-size:15px;margin-top:4px}
.ikart.wa i{background:#25d366}
.ikart.genis{grid-column:span 2}
.hazirlik{background:var(--mavi);color:rgba(255,255,255,.78);padding:40px;position:relative;overflow:hidden;isolation:isolate}
.hazirlik::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,transparent 0 22px,rgba(255,255,255,.04) 22px 23px)}
.hazirlik h3{color:#fff;font-size:32px;margin-bottom:10px}
.hazirlik ol{list-style:none;counter-reset:h;display:grid;gap:14px;margin:24px 0 30px}
.hazirlik li{counter-increment:h;display:flex;gap:16px;align-items:flex-start;font-size:15.5px}
.hazirlik li::before{content:counter(h);flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--tur);color:#fff;font:700 16px/1 "Heros Cn",sans-serif;transform:skewX(-12deg)}
.hazirlik li b{color:#fff}
.hazirlik .dgler{display:flex;flex-wrap:wrap;gap:14px;padding-left:6px}

/* harita: tıklayınca açılır */
.konum{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border:1px solid var(--cizgi);background:#fff}
.harita{position:relative;min-height:440px;background:var(--mavi-9);overflow:hidden;isolation:isolate}
.harita::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(28deg,transparent 47%,rgba(255,255,255,.12) 47% 49.5%,transparent 49.5%),
  linear-gradient(-62deg,transparent 58%,rgba(255,255,255,.09) 58% 60%,transparent 60%),
  linear-gradient(-8deg,transparent 30%,rgba(255,107,1,.35) 30% 31%,transparent 31%)}
.harita .ac{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#fff;text-align:center;padding:24px;width:100%}
.harita .ac .pin{position:relative;width:76px;height:76px;display:grid;place-items:center;background:var(--tur);margin-bottom:14px;transform:skewX(-12deg);box-shadow:0 0 0 12px rgba(255,107,1,.18),0 0 0 26px rgba(255,107,1,.08);transition:transform .3s var(--egri),box-shadow .3s}
.harita .ac .pin svg{width:32px;height:32px;transform:skewX(12deg)}
.harita .ac:hover .pin{transform:skewX(-12deg) scale(1.06);box-shadow:0 0 0 14px rgba(255,107,1,.25),0 0 0 32px rgba(255,107,1,.1)}
.harita .ac b{font:700 24px/1.1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.harita .ac span{font-size:14.5px;color:rgba(255,255,255,.7)}
.harita .ac u{margin-top:10px;font:700 14px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--tur);text-decoration:none;border-bottom:2px solid var(--tur);padding-bottom:4px}
.harita iframe{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0}
.konum-bilgi{padding:40px;display:flex;flex-direction:column;gap:22px}
.konum-bilgi h3{font-size:30px;color:var(--mavi)}
.konum-bilgi .adr{font-size:17px;line-height:1.6;color:var(--murekkep)}
.konum-bilgi .dgler{display:grid;gap:12px;margin-top:auto;padding:0 8px}
.saat-kutu{border-top:1px solid var(--cizgi);padding-top:18px}
.saat-kutu small{display:flex;align-items:center;gap:8px;font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--soluk);margin-bottom:4px}
.saat-kutu small svg{width:16px;height:16px;color:var(--tur)}
.saatler{list-style:none;display:grid}
.saatler li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px dashed var(--cizgi-k);font-size:15.5px;color:var(--murekkep)}
.saatler li:last-child{border-bottom:0}
.saatler b{font:700 17px/1.3 "Heros Cn",sans-serif;letter-spacing:.03em;color:var(--mavi);white-space:nowrap}
.saatler b.kapali{color:var(--tur)}
.konum-bilgi .dgler .dg{width:100%}

/* KVKK */
.y-duzen{display:grid;grid-template-columns:270px minmax(0,1fr);gap:72px;align-items:start}
.y-icindekiler{position:sticky;top:calc(var(--bas) + 28px)}
.y-icindekiler nav{display:grid;margin-top:18px;border-left:2px solid var(--cizgi)}
.y-icindekiler button{text-align:left;font-size:14.5px;line-height:1.4;color:var(--soluk);padding:8px 0 8px 18px;margin-left:-2px;border-left:2px solid transparent;transition:color .2s,border-color .2s}
.y-icindekiler button:hover{color:var(--mavi);border-left-color:var(--tur)}
.yasal{max-width:800px;font-size:16.5px;line-height:1.75}
.yasal .y-giris{font-size:19px;line-height:1.65;color:var(--murekkep)}
.yasal section{padding-top:44px;margin-top:44px;border-top:1px solid var(--cizgi)}
.yasal h2{font-size:30px;margin-bottom:18px;color:var(--mavi)}
.yasal p+p,.yasal p+ul,.yasal ul+p,.yasal p+ol,.yasal ol+p,.yasal p+.y-tablo,.yasal p+.y-kutu{margin-top:14px}
.yasal ul{list-style:none;display:grid;gap:10px}
.yasal ul li{position:relative;padding-left:22px}
.yasal ul li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;background:var(--tur);transform:skewX(-14deg)}
.yasal a{color:var(--mavi-7);font-weight:700}
.yasal a:hover{color:var(--tur)}
.yasal ol.harf{list-style:none;display:grid;gap:10px}
.yasal ol.harf li{display:flex;gap:12px}
.yasal .hrf{flex:none;width:28px;height:28px;background:var(--mavi);color:#fff;font:700 14px/1 "Heros Cn",sans-serif;display:grid;place-items:center;transform:skewX(-12deg);margin-top:1px}
.yasal .hrf>span{transform:skewX(12deg)}
.y-kutu{display:grid;border:1px solid var(--cizgi)}
.y-kutu div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 22px}
.y-kutu div+div{border-top:1px solid var(--cizgi)}
.y-kutu div:nth-child(odd){background:var(--kagit)}
.y-kutu dt{font:700 14px/1.6 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--soluk)}
.y-kutu dd{color:var(--murekkep)}
.y-tablo{border:1px solid var(--cizgi);font-size:15px;line-height:1.55}
.y-tablo>div{display:grid;grid-template-columns:1.25fr .8fr 1.25fr;gap:20px;padding:16px 22px}
.y-tablo>div+div{border-top:1px solid var(--cizgi)}
.y-tablo .y-bas{background:var(--mavi);color:#fff;font:700 13.5px/1 "Heros Cn",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding-top:14px;padding-bottom:14px}
.y-tablo>div:not(.y-bas) span:first-child{color:var(--murekkep)}
.y-tablo>div:not(.y-bas) span:last-child{font-size:14px}
.yasal .y-tarih{margin-top:44px;font-size:14px;color:var(--soluk)}
mark.doldur{background:#fff1bf;color:#6b4e00;padding:1px 6px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* mobil sabit düğmeler */
.sabitler{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;display:none;flex-direction:column;align-items:center;gap:12px}
body.menu-acik .sabitler{display:none!important}
.sabitler a{display:grid;place-items:center;color:#fff;transform:skewX(-12deg)}
.sabitler a svg{transform:skewX(12deg)}
.sabitler .ara{width:50px;height:50px;background:var(--mavi);box-shadow:0 12px 24px -10px rgba(6,26,72,.8)}
.sabitler .ara svg{width:22px;height:22px}
.sabitler .wa{position:relative;width:60px;height:60px;background:#25d366;box-shadow:0 14px 28px -10px rgba(37,211,102,.95)}
.sabitler .wa svg{width:30px;height:30px;position:relative;z-index:1}
.sabitler .wa::after{content:"";position:absolute;inset:0;background:#25d366;opacity:.5;animation:nabiz 2.4s var(--egri) infinite}
@keyframes nabiz{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(1.5);opacity:0}}

/* görünme animasyonu */
.js .gz{opacity:0;transform:translateY(24px);transition:opacity .8s var(--egri),transform .8s var(--egri);transition-delay:var(--g,0s)}
.js .gz.in{opacity:1;transform:none}
main{animation:sayfa .45s var(--egri)}
@keyframes sayfa{from{opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .gz{opacity:1;transform:none}}

/* ── duyarlı ── */
@media (max-width:1200px){
  nav.ana a{padding:10px 10px;font-size:15px}
  nav.ana a::after{left:10px;right:10px}
  .ptablo{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ilkeler{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){
  nav.ana,.bas .dg{display:none}
  .burger{display:grid}
  .ustbar .adr{display:none}
  .kahraman .kap{grid-template-columns:1fr;min-height:0}
  .k-sol{padding:64px 0 48px}
  .k-gorsel{position:relative;left:auto;right:auto;height:380px}
  .k-gorsel::before,.k-gorsel::after,.k-gorsel .f{clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}
  .k-gorsel::before{transform:translateY(-22px)}
  .k-gorsel::after{transform:translateY(-10px)}
  .k-rozet{position:relative;right:auto;bottom:auto;justify-self:start;margin:0 0 40px 6px}
  .k-sol{padding-bottom:28px}
  .rakamlar .kap{grid-template-columns:repeat(2,1fr)}
  .rakam:nth-child(3)::before{display:none}
  .bb{grid-template-columns:1fr;gap:20px;margin-bottom:44px}
  .alanlar{grid-template-columns:1fr 1fr}
  .alanlar .alan:last-child{grid-column:span 2}
  .alanlar .alan:last-child .g{aspect-ratio:16/7}
  .urunler{grid-template-columns:repeat(3,1fr)}
  .sektor-duzen,.tesis,.hk,.il-duzen,.konum{grid-template-columns:1fr}
  .sektor-duzen{gap:56px}
  .sektor-gorsel{max-width:640px}
  .surec{grid-template-columns:1fr 1fr;gap:36px 24px}
  .adim .num i{display:none}
  .cagri .kap{grid-template-columns:1fr;gap:34px}
  .cagri .sag{padding-left:6px}
  .cagri::after{display:none}
  .ab{grid-template-columns:1fr 1fr}
  .sbas .sg,.sbas .sserit{display:none}
  .sbas .kap{min-height:0;padding-top:64px;padding-bottom:64px}
  .urunler.uc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .suzgec .kap{flex-direction:column;align-items:stretch;gap:0}
  .ara-kutu{width:auto;margin:0 0 12px}
  .ud-grid,.ud-alt{grid-template-columns:1fr;gap:40px}
  .ud-gal{position:relative;top:0;max-width:680px}
  .skartlar{grid-template-columns:1fr 1fr}
  .ref{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tesis.ters .kolaj{order:0}
  .tesis{gap:40px}
  .hk{gap:72px}
  .hk-g{max-width:640px;margin-left:28px}
  .ikart.genis{grid-column:auto}
  .y-duzen{grid-template-columns:1fr;gap:36px}
  .y-icindekiler{position:static}
  .y-icindekiler nav{grid-template-columns:1fr 1fr;column-gap:24px}
}
@media (max-width:640px){
  :root{--gut:18px;--bas:70px}
  body{font-size:16px}
  .ustbar{display:none}
  .logo img{height:44px}
  .bol{padding:84px 0}
  .k-sol h1{font-size:50px}
  .k-sol .on-yazi{font-size:17px}
  .k-sol .dgler .dg{flex:1 1 100%}
  .k-gorsel{height:280px}
  .k-rozet{left:var(--gut);right:auto;padding:12px 18px 12px 14px}
  .k-rozet b{font-size:32px}
  .rakam{padding:28px 14px 26px}
  .rakam b{font-size:40px}
  .rakam span{font-size:12px;letter-spacing:.08em}
  .alanlar{grid-template-columns:1fr}
  .alanlar .alan:last-child{grid-column:auto}
  .alanlar .alan:last-child .g{aspect-ratio:4/3}
  .urunler{grid-template-columns:1fr 1fr;gap:12px}
  .ukart .ic{padding:14px 14px 16px}
  .ukart h3{font-size:18px}
  .ukart p{display:none}
  .ukart.lk{flex-direction:row;align-items:stretch}
  .ukart.lk .g{flex:none;width:118px;aspect-ratio:auto;min-height:118px}
  .ukart.lk .g img{padding:6px}
  .ukart.lk .g.kapla img{padding:0}
  .ukart.lk .adet{display:none}
  .ukart.lk .ic{border-top:0;border-left:1px solid var(--cizgi);padding:14px 14px 14px 16px;justify-content:center}
  .ukart.lk .kod{font-size:11.5px}
  .ukart.lk h3{font-size:19px;margin:7px 0 10px}
  .ukart.lk p,.ukart.lk .etk{display:none}
  .ukart.lk .detay{margin-top:0;font-size:12.5px}
  .urunler.uc{gap:10px}
  .ptablo{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .el .sb{font-size:27px}
  .el.lejant .oz{display:none}
  .el.lejant .ad{font-size:11px;letter-spacing:.05em}
  .dg{white-space:normal;text-align:center;height:auto;min-height:52px;padding:12px 22px}
  .dg>span{justify-content:center}
  .el{padding:10px 10px 12px}
  .el .ad{font-size:11.5px}
  .el .oz{display:none}
  .slist{grid-template-columns:1fr}
  .surec{grid-template-columns:1fr}
  .cagri .kap{padding-top:64px;padding-bottom:64px}
  .cagri .sag .dg{width:100%}
  .ab{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:44px}
  .sbas h1{font-size:46px}
  .urunler.uc{grid-template-columns:1fr}

  .suzgec{position:relative;top:auto}
  .suzgec .sekmeler{flex-wrap:wrap;gap:8px;padding:16px 0 12px;overflow:visible}
  .suzgec button{padding:11px 12px 10px;font-size:13.5px;border:1px solid var(--cizgi);border-bottom-width:1px}
  .suzgec button.on{background:var(--mavi);border-color:var(--mavi);color:#fff}
  .suzgec button.on sup{color:var(--tur)}
  .ara-kutu{margin-bottom:16px}
  .ud-ust .kap{padding-top:28px;padding-bottom:56px}
  .ud-grid{margin-top:24px}
  .ud-bilgi h1{font-size:40px}
  .ud-bilgi .lead{font-size:18px}
  .ud-ozet div{grid-template-columns:1fr;gap:2px}
  .ud-bilgi .dgler .dg{flex:1 1 100%}
  .ud-uyg ol{grid-template-columns:1fr}
  .ud-uyg li{font-size:17px}
  .ud-not{padding:28px 22px}
  .ud-gezin{grid-template-columns:1fr}
  .ud-gezin a:last-child{text-align:left}
  .ud-gezin a:last-child small{justify-content:flex-start}
  .skartlar{grid-template-columns:1fr}
  .ref{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ref figure{padding:14px 16px}
  .ref img{max-height:64px}
  .ref-cta{padding:16px 18px}
  .ref-cta b{font-size:17px}
  .ref-cta span{font-size:12px;letter-spacing:.08em}
  .ozler{grid-template-columns:1fr 1fr}
  .ilkeler{grid-template-columns:1fr}
  .hk-g{margin-left:18px}
  .hk-g .yil{left:-18px}
  .ikart{padding:22px}
  .ikart b{font-size:19px}
  .hazirlik{padding:30px 22px}
  .hazirlik .dgler .dg{width:100%}
  .harita{min-height:340px}
  .konum-bilgi{padding:28px 22px}
  .sabitler{display:flex}
  .kolaj figcaption{font-size:10.5px;letter-spacing:.06em;padding:6px 14px 6px 9px}
  .y-icindekiler{display:none}
  .y-kutu div{grid-template-columns:1fr;gap:2px;padding:12px 16px}
  .y-tablo{border:0;display:grid;gap:12px}
  .y-tablo .y-bas{display:none}
  .y-tablo>div{grid-template-columns:1fr;gap:10px;border:1px solid var(--cizgi)!important;padding:18px}
  .y-tablo span::before{content:attr(data-et);display:block;font:700 12px/1 "Heros Cn",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tur);margin-bottom:6px}
  .lb img{min-width:0}
}

/* ── açılış videosu ve logonun başlığa uçuşu ── */
.giris{display:none}
html.giris-acik,html.giris-acik body{overflow:hidden}
.giris-acik .giris{display:block;position:fixed;inset:0;z-index:1000;background:#08090b;color:#fff}
.giris video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#08090b}
@media (max-aspect-ratio:5/4){.giris video{object-fit:contain}}
.giris-acik #logoUst img{visibility:hidden}
.giris-acik .gz.in{opacity:0;transform:translateY(24px)}
.giris-dug{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;opacity:0;transition:opacity .5s}
.giris.hazir .giris-dug{opacity:1}
.giris-dug button{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 20px;transform:skewX(-12deg);background:rgba(8,9,11,.55);border:1.5px solid rgba(255,255,255,.4);color:#fff;font:700 13px/1 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.giris-dug button>*{transform:skewX(12deg)}
.giris-dug button:hover{background:var(--tur);border-color:var(--tur)}
.giris-dug button:focus-visible{outline:2px solid var(--tur);outline-offset:3px}
.giris-dug svg{width:17px;height:17px;flex:none}
#girisSes .ses-acik,#girisSes[aria-pressed="true"] .ses-kapali{display:none}
#girisSes[aria-pressed="true"] .ses-acik{display:inline}
.giris-cubuk{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.giris-cubuk i{display:block;height:100%;width:100%;background:var(--tur);transform-origin:0 50%;transform:scaleX(0)}
.giris.bitiyor .giris-dug,.giris.bitiyor .giris-cubuk{opacity:0;transition:opacity .3s;pointer-events:none}
.ucan{position:fixed;left:0;top:0;z-index:1001;transform-origin:0 0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}
.ucan img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ucan .pr{left:-10.105%;top:-27.429%;width:120.21%;height:154.857%;opacity:0}
.ucan .rk,.ucan .ay{opacity:0}
.ucan{opacity:0}
@media (max-width:640px){.giris-dug{right:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}.giris-dug button{height:40px;padding:0 16px;font-size:12px}}

/* ── teklif formu (iletişim) ── */
.il-duzen{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.tform{scroll-margin-top:calc(var(--bas) + 24px)}
.tform>p{font-size:15.5px;margin-bottom:24px;max-width:560px}
.tf-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px}
.tf{display:flex;flex-direction:column;gap:7px;min-width:0}
.tf.genis{grid-column:span 2}
.tf>span{font:700 12.5px/1.2 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.88)}
.tf i,.tf-onay i{font-style:normal;color:var(--tur)}
.tf input,.tf select,.tf textarea{width:100%;font:inherit;font-size:15.5px;line-height:1.4;color:var(--murekkep);background:#fff;border:2px solid #fff;border-radius:0;padding:10px 12px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.tf textarea{resize:vertical;min-height:96px}
.tf select{padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2c74' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
.tf input::placeholder,.tf textarea::placeholder{color:#8b93a1}
.tf input:focus,.tf select:focus,.tf textarea:focus{border-color:var(--tur);box-shadow:0 0 0 3px rgba(255,107,1,.28)}
.tf-uyari{display:none;font-style:normal;font-size:13.5px;color:#ffb27a}
.tf.hatali input,.tf.hatali select,.tf.hatali textarea{border-color:#ff8a3d}
.tf.hatali .tf-uyari{display:block}
.tf-onay{display:flex;gap:12px;align-items:flex-start;margin:22px 0 4px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.88);cursor:pointer}
.tf-onay input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--tur);cursor:pointer}
.tf-onay a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tf-onay.hatali span{color:#ffb27a}
.tf-onay.hatali input{outline:2px solid #ff8a3d;outline-offset:2px}
.tf-hata{color:#ffb27a;font-size:14.5px;margin:10px 0 0}
.tform .dgler{margin-top:24px}
button.dg{cursor:pointer;-webkit-appearance:none;appearance:none}
button.dg:disabled{opacity:.6;cursor:progress}
.tf-sonuc{margin-top:24px;padding:18px 20px;background:rgba(255,255,255,.08);border-left:4px solid var(--tur);color:rgba(255,255,255,.88);font-size:15px}
.tf-sonuc b{display:block;font:700 18px/1.25 "Heros Cn",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:6px}
.tf-sonuc a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tf-sonuc .dgler{margin-top:16px}
@media (max-width:1080px){.il-duzen{grid-template-columns:1fr}}
@media (max-width:640px){.tf-izgara{grid-template-columns:1fr}.tf.genis{grid-column:auto}.hazirlik.tform{padding:30px 20px}.tf input,.tf select,.tf textarea{font-size:16px}}

/* ── ana sayfa: kayan referans şeridi ── */
.ref-bolum{overflow:hidden}
.ref-serit{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ref-serit .ray{display:flex;gap:16px;width:max-content;animation:refKay 48s linear infinite}
.ref-serit:hover .ray{animation-play-state:paused}
.ref-serit figure{flex:none;width:224px;height:124px;display:grid;place-items:center;background:#fff;border:1px solid var(--cizgi);padding:18px 26px}
.ref-serit img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain}
@keyframes refKay{to{transform:translateX(calc(-50% - 8px))}}
@media (max-width:640px){.ref-serit figure{width:168px;height:96px;padding:14px 18px}.ref-serit img{max-height:60px}.ref-serit .ray{gap:12px;animation-duration:36s}@keyframes refKay{to{transform:translateX(calc(-50% - 6px))}}}
@media (prefers-reduced-motion:reduce){.ref-serit{-webkit-mask-image:none;mask-image:none}.ref-serit .ray{flex-wrap:wrap;justify-content:center;width:auto;padding:0 var(--gut)}.ref-serit [aria-hidden="true"]{display:none}}

@media (max-width:360px){.el .sb{font-size:22px;margin-top:8px}.el.lejant .sb.arti{margin-top:calc(8px + .1em)}.el .ad{font-size:11.5px}.el{padding:8px 8px 10px}}
@media (max-width:340px){.ptablo{grid-template-columns:repeat(2,minmax(0,1fr))}.el .sb{font-size:26px}}
@media (max-width:860px){.ustbar .saat .ek{display:none}}