/* Turkuaz Elektrik — "devre şeması" tasarım dili. Açık kâğıt zemin, teknik-çizim ızgarası, ölçü çizgileri, mono etiketler, köşe işaretli çerçeveler. Space Grotesk (başlık) + IBM Plex Sans (gövde) + IBM Plex Mono (etiket). */
[hidden]{display:none!important}
:root{--turkuaz:#0099a8;--turkuaz-koyu:#007c88;--turkuaz-acik:#e4f5f7;--turkuaz-cizgi:rgba(0,153,168,.14);--sari:#ffc425;--sari-koyu:#e5ad12;--sari-acik:#fff6d6;--antrasit:#1e2327;--antrasit-2:#2a3036;--murekkep:#161b1f;--gri:#5c646b;--gri-acik:#8a9199;--cizgi:#dde3e6;--kagit:#f6f8f8;--beyaz:#fff;--radius:10px;--golge:0 12px 30px -16px rgba(22,27,31,.28);--gecis:.2s ease;--wrap:1240px;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--govde:'IBM Plex Sans',system-ui,-apple-system,"Segoe UI",sans-serif;--baslik:'Space Grotesk',var(--govde)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font:400 16px/1.65 var(--govde);color:var(--murekkep);background:var(--beyaz);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}a{color:var(--turkuaz-koyu);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:0 0 .5em;color:var(--antrasit)}
h1{font-size:clamp(2.2rem,4.6vw,3.9rem)}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.2rem;letter-spacing:-.015em}
h1 em,h2 em{font-style:normal;color:var(--turkuaz);background:linear-gradient(transparent 62%,var(--sari-acik) 62%)}
p a,.onay a,.not a,.cevap a,.cerez p a{text-decoration:underline;text-underline-offset:2px}p{margin:0 0 1em}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}.wrap.dar{max-width:860px}
.ik{width:20px;height:20px;flex:none}.ik-kucuk{width:14px;height:14px}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.02em}
.atla{position:absolute;left:-999px;top:0;background:var(--antrasit);color:#fff;padding:8px 14px;z-index:100}.atla:focus{left:12px;top:12px}
/* mono etiket: "01 / HİZMETLER" */
.mono-etiket{display:inline-flex;align-items:center;gap:10px;font:500 .74rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--turkuaz-koyu);margin-bottom:16px}.mono-etiket .no{color:var(--antrasit);padding-right:10px;border-right:1px solid var(--cizgi);white-space:nowrap}.mono-etiket .ik{width:14px;height:14px}.mono-etiket.acik{color:var(--sari)}.mono-etiket.acik .no{color:#fff;border-color:rgba(255,255,255,.25)}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:8px;font-weight:600;font-size:.95rem;border:1.5px solid transparent;transition:transform var(--gecis),box-shadow var(--gecis),background var(--gecis),color var(--gecis);white-space:nowrap;line-height:1.2;font-family:var(--govde)}.dugme:hover{text-decoration:none;transform:translateY(-1px)}.dugme .ik{width:18px;height:18px}
.dugme-sari{background:var(--sari);color:var(--antrasit);box-shadow:0 10px 24px -12px rgba(229,173,18,.8)}.dugme-sari:hover{background:#ffd04d;color:var(--antrasit)}
.dugme-ana{background:var(--turkuaz);color:#fff}.dugme-ana:hover{background:var(--turkuaz-koyu);color:#fff}
.dugme-koyu{background:var(--antrasit);color:#fff}.dugme-koyu:hover{background:#000;color:#fff}
.dugme-cizgi{background:transparent;color:var(--antrasit);border-color:#c5ccd1}.dugme-cizgi:hover{border-color:var(--antrasit);background:#fff;color:var(--antrasit)}.dugme-cizgi.beyaz{color:#fff;border-color:rgba(255,255,255,.35)}.dugme-cizgi.beyaz:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
.dugme-buyuk{padding:16px 26px;font-size:1rem}.dugme-kucuk{padding:8px 14px;font-size:.85rem;border-radius:7px}
.link-ok{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--antrasit);margin-top:14px}.link-ok .ik{width:16px;height:16px;transition:transform .2s}.link-ok:hover .ik{transform:translateX(4px)}
.not{color:var(--gri);font-size:.93rem}.bos{color:var(--gri)}
/* teknik-çizim zemini ve ölçü çizgisi */
.izgara-arka{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--turkuaz-cizgi) 1px,transparent 1px),linear-gradient(90deg,var(--turkuaz-cizgi) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 40%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent)}
.olcu-cizgi{position:relative;height:1px;background:var(--cizgi);margin:0 auto;max-width:var(--wrap)}.olcu-cizgi::before,.olcu-cizgi::after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:var(--turkuaz)}.olcu-cizgi::before{left:20px}.olcu-cizgi::after{right:20px}
/* köşe işaretli çerçeve (teknik çizim kartuşu) */
.cerceve{position:relative}.cerceve::before,.cerceve::after,.cerceve>.kose::before,.cerceve>.kose::after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--turkuaz);z-index:2}.cerceve::before{left:-6px;top:-6px;border-right:0;border-bottom:0}.cerceve::after{right:-6px;top:-6px;border-left:0;border-bottom:0}.cerceve>.kose::before{left:-6px;bottom:-6px;border-right:0;border-top:0}.cerceve>.kose::after{right:-6px;bottom:-6px;border-left:0;border-top:0}
.nabiz{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:nabiz 1.8s infinite;display:inline-block;flex:none}@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}

/* üst şerit + header */
.ust-serit{background:var(--antrasit);color:#aeb6bd;font-size:.8rem;border-bottom:1px solid #2f363c}.ust-serit-ic{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:16px}
.serit-sol,.serit-sag{display:flex;align-items:center;gap:18px}.ust-serit a{color:#e8ecef;display:inline-flex;align-items:center;gap:6px}.ust-serit .ik{width:14px;height:14px}
.serit-acil{display:inline-flex;align-items:center;gap:8px;font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sari)}.serit-mono{display:inline-flex;align-items:center;gap:6px;font:500 .72rem/1 var(--mono);letter-spacing:.04em}
.serit-sosyal{display:flex;gap:6px}.serit-sosyal a{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07)}.serit-sosyal .ik{width:14px;height:14px}
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi);transition:box-shadow .25s}.ust.kaydi{box-shadow:0 8px 24px -14px rgba(22,27,31,.3)}
.ust-ic{display:flex;align-items:center;gap:24px;min-height:80px}.marka{flex:none;display:block}.marka img{width:auto;height:44px;max-width:none}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;border-radius:8px;font-weight:600;font-size:.93rem;color:var(--murekkep);background:none;border:0;position:relative}.nav-link:hover,.nav-grup.acik>.nav-link{color:var(--turkuaz-koyu);text-decoration:none;background:var(--kagit)}
.nav-grup{position:relative}.acilir{position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:10px;min-width:280px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:60}.nav-grup.acik .acilir{opacity:1;visibility:visible;transform:none}
.acilir a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:8px;color:var(--murekkep);font-size:.92rem}.acilir a:hover{background:var(--kagit);text-decoration:none;color:var(--turkuaz-koyu)}.acilir strong{display:block;font-weight:600}.acilir small{display:block;color:var(--gri);font-size:.8rem;line-height:1.3}
.acilir-ikon{width:34px;height:34px;border-radius:8px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:inline-flex;align-items:center;justify-content:center;flex:none}.acilir-ikon .ik{width:18px;height:18px}
.mega{left:50%;transform:translate(-50%,8px);min-width:min(1100px,calc(100vw - 40px))}.nav-grup.acik .mega{transform:translate(-50%,0)}.mega-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px}.mega-baslik{display:block;font:500 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gri-acik);padding:8px 12px 6px;border-bottom:1px dashed var(--cizgi);margin-bottom:4px}
.acilir-tum{margin:6px 6px 0;padding:10px 12px;border-top:1px solid var(--cizgi);border-radius:0;font-weight:600;color:var(--turkuaz-koyu);justify-content:flex-start;align-items:center}
.ust-sag{display:flex;align-items:center;gap:14px;flex:none}.ust-tel{display:flex;align-items:center;gap:10px;color:var(--murekkep);line-height:1.1}.ust-tel:hover{text-decoration:none}.ust-tel small{display:block;font:500 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gri);margin-bottom:4px}.ust-tel strong{font-family:var(--baslik);font-size:1.15rem;letter-spacing:-.01em}.ust-tel-ik{width:40px;height:40px;border-radius:10px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:inline-flex;align-items:center;justify-content:center}
.menu-dugme{display:none;width:44px;height:44px;border:1px solid var(--cizgi);border-radius:8px;background:#fff;color:var(--antrasit);align-items:center;justify-content:center}.menu-dugme .ik:last-child{display:none}.menu-dugme[aria-expanded=true] .ik:first-child{display:none}.menu-dugme[aria-expanded=true] .ik:last-child{display:block}
.nav-mobil-alt{display:none}
@media(max-width:1100px){.ust-tel{display:none}}
@media(max-width:980px){.ust{backdrop-filter:none;background:#fff}.ust-serit .serit-sag{display:none}.menu-dugme{display:inline-flex}.ust-sag .dugme span{display:none}.ust-sag .dugme{padding:10px 12px}
  .nav{position:fixed;top:0;right:0;bottom:0;width:min(400px,88vw);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:14px;overflow:auto;transform:translateX(100%);transition:transform .25s;z-index:49;box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);margin:0}.nav.acik{transform:none}
  .nav-link{width:100%;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--cizgi);border-radius:0;font-size:1rem}.acilir{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px;display:none;min-width:0}.nav-grup.acik .acilir{display:block}.mega-ic{grid-template-columns:1fr;gap:0;padding:0}.mega{min-width:0}.acilir a{padding:9px 12px}.acilir-tum{margin:6px 0 0}
  .nav-mobil-alt{display:flex;flex-direction:column;gap:10px;padding:18px 0 0}.nav-mobil-alt>a:last-child{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--antrasit);justify-content:center}
  .ust-ic>.marka,.ust-ic>.ust-sag{position:relative;z-index:47}body.menu-acik::after{content:"";position:fixed;inset:0;background:rgba(22,27,31,.45);z-index:48}}

/* HERO */
.hero{position:relative;background:var(--kagit);overflow:hidden;border-bottom:1px solid var(--cizgi)}.hero .izgara-arka{mask-image:linear-gradient(180deg,#000 30%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 95%)}
.hero-devre{position:absolute;right:-40px;top:-30px;width:min(720px,62vw);opacity:.55;pointer-events:none;color:var(--turkuaz)}
.hero-ic{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:64px 20px 72px}
.hero-metin h1{margin-bottom:18px}.hero-aciklama{font-size:1.1rem;color:var(--gri);max-width:560px;margin-bottom:26px}
.hero-dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-guven{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;max-width:560px}.hero-guven li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--gri)}.hero-guven .ik{color:var(--turkuaz);margin-top:2px;width:18px;height:18px}.hero-guven strong{color:var(--antrasit)}
.hero-sahne{position:relative;min-height:440px}.sahne-cerceve{position:relative}.sahne-foto{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(22,27,31,.45);background:#dfe5e8}.sahne-foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.sahne-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(30,35,39,.55))}
/* teknik açıklama etiketleri (callout) */
.callout{position:absolute;display:flex;align-items:center;gap:0;z-index:3}.callout .cizgi{width:56px;height:1px;background:var(--antrasit);position:relative}.callout .cizgi::before{content:"";position:absolute;left:-4px;top:-3.5px;width:8px;height:8px;border-radius:50%;background:var(--sari);border:1.5px solid var(--antrasit)}
.callout .kutu{background:#fff;border:1px solid var(--antrasit);border-radius:6px;padding:7px 10px;font:500 .7rem/1.35 var(--mono);letter-spacing:.04em;color:var(--antrasit);box-shadow:4px 4px 0 var(--turkuaz);white-space:nowrap}.callout .kutu small{display:block;font-family:var(--govde);font-weight:400;letter-spacing:0;color:var(--gri);font-size:.68rem;text-transform:none}
.callout.c1{left:-30px;top:36px}.callout.c2{right:-22px;top:130px;flex-direction:row-reverse}.callout.c2 .cizgi::before{left:auto;right:-4px}.callout.c3{left:-16px;bottom:120px}
.sahne-emri{position:absolute;right:-18px;bottom:-26px;background:var(--antrasit);color:#fff;border-radius:10px;padding:14px 16px;min-width:230px;box-shadow:var(--golge);z-index:3;border-left:4px solid var(--sari)}.sahne-emri .baslik{display:flex;justify-content:space-between;font:500 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#aeb6bd;margin-bottom:10px}.sahne-emri .baslik .nabiz{margin-left:8px}.sahne-emri .satir{display:flex;justify-content:space-between;gap:16px;font-size:.84rem;padding:5px 0;border-top:1px dashed rgba(255,255,255,.14)}.sahne-emri .satir span:last-child{font-family:var(--mono);font-weight:500;color:var(--sari)}
@media(max-width:980px){.hero-ic{grid-template-columns:1fr;padding:44px 20px 60px;gap:40px}.hero-sahne{min-height:0;margin-inline:10px}.callout{display:none}.sahne-emri{position:relative;right:auto;bottom:auto;margin:-36px 8px 0 auto;max-width:300px}.hero-devre{width:90vw;right:-30vw;opacity:.35}}
@media(max-width:520px){.hero-guven{grid-template-columns:1fr}.hero-dugmeler .dugme{width:100%}}

/* acil şerit */
.acil-serit{background:var(--antrasit);color:#fff;position:relative;overflow:hidden}.acil-serit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:18px;background:repeating-linear-gradient(135deg,var(--sari) 0 12px,var(--antrasit) 12px 24px)}
.acil-ic{display:flex;align-items:center;gap:28px;padding:18px 20px 18px 34px;flex-wrap:wrap}.acil-baslik{display:flex;align-items:center;gap:12px;font-family:var(--baslik);font-weight:700;font-size:1.15rem}.acil-baslik .ik{color:var(--sari);width:26px;height:26px}
.acil-liste{display:flex;gap:26px;flex-wrap:wrap;margin:0 auto 0 0;padding:0;list-style:none}.acil-liste li{display:flex;align-items:center;gap:8px;font:500 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c9d0d6}.acil-liste .ik{width:16px;height:16px;color:var(--turkuaz)}
.acil-tel{display:inline-flex;align-items:center;gap:10px;font-family:var(--baslik);font-weight:700;font-size:1.35rem;color:var(--sari);letter-spacing:-.01em}.acil-tel:hover{text-decoration:none;color:#ffd04d}.acil-tel .ik{width:22px;height:22px}
@media(max-width:760px){.acil-ic{gap:14px}.acil-liste{gap:12px 18px}}

/* genel bölümler */
.bolum{padding:84px 0}.bolum-acik{background:var(--kagit)}.bolum-kagit{background:var(--kagit)}.koyu{background:var(--antrasit);color:#dfe4e8}.koyu h2,.koyu h3{color:#fff}.koyu p{color:#b7bfc6}
.bolum-bas{max-width:720px;margin:0 0 40px}.bolum-bas.orta{margin-inline:auto;text-align:center}.bolum-bas.orta .mono-etiket{justify-content:center}.bolum-bas p{color:var(--gri);font-size:1.05rem}.bolum-bas.yatay{display:grid;grid-template-columns:1fr 1fr;gap:6px 48px;align-items:end;max-width:none}.bolum-bas.yatay .mono-etiket{grid-column:1/-1;margin-bottom:4px}.bolum-bas.yatay h2{margin:0}.bolum-bas.yatay p{margin:0 0 6px}.bolum-bas.kucuk{margin-bottom:22px}
@media(max-width:760px){.bolum{padding:60px 0}.bolum-bas.yatay{grid-template-columns:1fr}}

/* hizmet bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:16px}
.hkart{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);overflow:hidden;color:var(--murekkep);transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}.hkart:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--golge);border-color:var(--turkuaz)}
.hkart-govde{display:flex;flex-direction:column;padding:22px;flex:1;position:relative}.hkart-no{position:absolute;right:18px;top:16px;font-size:.72rem;color:var(--gri-acik)}
.hkart-ikon{width:44px;height:44px;border-radius:10px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.hkart-ikon .ik{width:22px;height:22px}.hkart strong{font-family:var(--baslik);font-size:1.1rem;letter-spacing:-.01em;margin-bottom:6px;color:var(--antrasit)}.hkart p{color:var(--gri);font-size:.92rem;margin:0 0 14px;flex:1}
.hkart-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.88rem;color:var(--turkuaz-koyu)}.hkart-link .ik{width:16px;height:16px;transition:transform .2s}.hkart:hover .hkart-link .ik{transform:translateX(4px)}
.hkart-foto{display:block;aspect-ratio:16/9;overflow:hidden;background:#e7ecef}.hkart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hkart:hover .hkart-foto img{transform:scale(1.04)}
.bento .genis{grid-column:span 2;grid-row:span 2}.bento .genis .hkart-foto{aspect-ratio:auto;flex:1;min-height:180px}.bento .genis .hkart-govde{flex:none}.bento .genis strong{font-size:1.3rem}
.bento .sari-kart{background:var(--sari);border-color:var(--sari)}.bento .sari-kart .hkart-ikon{background:rgba(30,35,39,.1);color:var(--antrasit)}.bento .sari-kart p{color:#4a3d0c}.bento .sari-kart .hkart-link{color:var(--antrasit)}
.bento .koyu-kart{background:var(--antrasit);border-color:var(--antrasit);color:#fff}.bento .koyu-kart strong{color:#fff}.bento .koyu-kart p{color:#b7bfc6}.bento .koyu-kart .hkart-ikon{background:rgba(255,255,255,.1);color:var(--sari)}.bento .koyu-kart .hkart-link{color:var(--sari)}
@media(max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.bento .genis{grid-column:span 2;grid-row:auto}}@media(max-width:560px){.bento{grid-template-columns:1fr}.bento .genis{grid-column:auto}}
.hkart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:980px){.hkart-izgara{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hkart-izgara{grid-template-columns:1fr}}

/* süreç: devre hattı */
.surec{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.surec::before{content:"";position:absolute;left:8%;right:8%;top:28px;border-top:2px dashed var(--turkuaz-cizgi);z-index:0}
.surec-adim{position:relative;padding-top:16px}.surec-no{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--turkuaz);color:var(--turkuaz-koyu);font:500 .9rem var(--mono);position:relative;z-index:1;margin-bottom:18px;box-shadow:0 0 0 8px var(--kagit)}.bolum:not(.bolum-acik) .surec-no{box-shadow:0 0 0 8px #fff}
.surec-adim h3{font-size:1.1rem;margin-bottom:6px}.surec-adim p{color:var(--gri);font-size:.93rem;margin:0}.surec-adim .sure{display:inline-block;font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sari-koyu);margin-top:10px}
@media(max-width:900px){.surec{grid-template-columns:repeat(2,1fr)}.surec::before{display:none}}@media(max-width:520px){.surec{grid-template-columns:1fr}}

/* hakkımızda + malzeme listesi */
.hakk-ic{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hakk-foto{position:relative}.hakk-foto img{border-radius:14px;width:100%;aspect-ratio:4/3;object-fit:cover}
.hakk-rozet{position:absolute;left:-18px;bottom:28px;background:var(--sari);color:var(--antrasit);border-radius:10px;padding:14px 18px;box-shadow:var(--golge)}.hakk-rozet strong{display:block;font-family:var(--baslik);font-size:2rem;line-height:1;letter-spacing:-.03em}.hakk-rozet span{font:500 .68rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.sayaclar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.sayac{border-left:2px solid var(--turkuaz);padding:4px 0 4px 14px}.sayac strong{display:block;font-family:var(--baslik);font-size:1.7rem;line-height:1;letter-spacing:-.03em;color:var(--antrasit)}.sayac span{font-size:.82rem;color:var(--gri)}
@media(max-width:900px){.hakk-ic{grid-template-columns:1fr;gap:40px}.hakk-rozet{left:12px}}@media(max-width:520px){.sayaclar{grid-template-columns:1fr 1fr}}
.malzeme{border:1px solid var(--cizgi);border-radius:var(--radius);background:#fff;overflow:hidden}.malzeme-bas{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--antrasit);color:#fff;font:500 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.malzeme-bas span:last-child{color:var(--sari)}
.malzeme table{width:100%;border-collapse:collapse;font-size:.92rem}.malzeme td{padding:12px 18px;border-top:1px dashed var(--cizgi);vertical-align:middle}.malzeme td:first-child{font-family:var(--mono);font-size:.74rem;color:var(--gri-acik);width:54px}.malzeme td:nth-child(2){font-family:var(--baslik);font-weight:700;letter-spacing:-.01em;color:var(--antrasit)}.malzeme td:last-child{color:var(--gri);font-size:.84rem;text-align:right}
.marka-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.marka-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.marka-kart img{height:44px;width:auto;object-fit:contain;max-width:140px}.marka-kart strong{font-family:var(--baslik);letter-spacing:-.01em}.marka-kart small{color:var(--gri)}

/* bölgeler */
.bolge-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.bolge-kart{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);color:var(--murekkep);transition:border-color var(--gecis),transform var(--gecis)}.bolge-kart:hover{text-decoration:none;border-color:var(--turkuaz);transform:translateY(-2px)}.bolge-ikon{width:36px;height:36px;border-radius:8px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:inline-flex;align-items:center;justify-content:center;flex:none}.bolge-ikon .ik{width:18px;height:18px}.bolge-kart strong{display:block;font-family:var(--baslik);font-size:1rem;letter-spacing:-.01em}.bolge-kart small{color:var(--gri);font-size:.78rem}
.bolge-ic{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}.bolge-harita{position:relative;background:var(--antrasit);border-radius:14px;padding:26px;color:#fff;overflow:hidden}.bolge-harita .izgara-arka{opacity:.6;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);mask-image:none;-webkit-mask-image:none}.bolge-harita h3{color:#fff;position:relative}.bolge-harita p{color:#b7bfc6;position:relative}.bolge-harita svg{position:relative;width:100%;height:auto}
.bolge-harita .merkez-not{position:relative;display:flex;align-items:center;gap:10px;font:500 .72rem/1.4 var(--mono);letter-spacing:.06em;color:var(--sari);margin-top:14px}
@media(max-width:900px){.bolge-ic{grid-template-columns:1fr}}

/* görüşler */
.gorus-ic{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.gorusler{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gorus{margin:0;background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:22px;position:relative}.gorus::before{content:"“";position:absolute;right:18px;top:6px;font-family:var(--baslik);font-size:3.4rem;color:var(--turkuaz-acik);line-height:1}.yildizlar{color:var(--sari-koyu);letter-spacing:2px;font-size:.9rem}.gorus blockquote{margin:10px 0 14px;font-size:.95rem;color:var(--murekkep)}.gorus figcaption{font-size:.84rem;color:var(--gri)}.gorus figcaption strong{display:block;color:var(--antrasit);font-family:var(--baslik)}
@media(max-width:900px){.gorus-ic{grid-template-columns:1fr}}@media(max-width:560px){.gorusler{grid-template-columns:1fr}}
.puan-secim{display:flex;gap:4px}.puan-secim label{cursor:pointer;font-size:1.6rem;color:#d5dadd}.puan-secim label.on{color:var(--sari-koyu)}.puan-secim input{position:absolute;opacity:0;width:0;height:0}

/* SSS + blog */
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}@media(max-width:900px){.iki-sutun{grid-template-columns:1fr}}
.sss-liste{display:flex;flex-direction:column;gap:8px}.soru{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);overflow:hidden}.soru[open]{border-color:var(--turkuaz)}.soru summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;font-weight:600;font-family:var(--baslik);letter-spacing:-.01em}.soru summary::-webkit-details-marker{display:none}.soru-no{font-size:.72rem;color:var(--turkuaz);flex:none}.soru summary span:nth-child(2){flex:1}.soru summary .ik{width:18px;height:18px;color:var(--gri);transition:transform .2s;flex:none}.soru[open] summary .ik{transform:rotate(45deg);color:var(--turkuaz)}.cevap{padding:0 18px 16px 48px;color:var(--gri);font-size:.95rem}.cevap p{margin:0}
.yazi-liste{display:flex;flex-direction:column;gap:10px}.yazi-satir{display:flex;gap:16px;align-items:center;padding:12px;border:1px solid var(--cizgi);border-radius:var(--radius);background:#fff;color:var(--murekkep)}.yazi-satir:hover{text-decoration:none;border-color:var(--turkuaz)}.yazi-satir img{width:120px;height:84px;object-fit:cover;border-radius:6px;flex:none}.yazi-satir time{display:block;font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gri-acik);margin-bottom:5px}.yazi-satir strong{display:block;font-family:var(--baslik);line-height:1.25;margin-bottom:3px}.yazi-satir small{color:var(--gri);font-size:.84rem}
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.yazi-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);overflow:hidden;color:var(--murekkep);transition:transform var(--gecis),box-shadow var(--gecis)}.yazi-kart:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--golge)}.yazi-kart img{aspect-ratio:16/10;width:100%;object-fit:cover}.yazi-kart .govde{padding:18px}.yazi-kart time{font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gri-acik)}.yazi-kart h3,.yazi-kart strong{display:block;font-family:var(--baslik);font-size:1.1rem;margin:8px 0 6px;line-height:1.25}.yazi-kart p{color:var(--gri);font-size:.9rem;margin:0}
@media(max-width:900px){.yazi-izgara{grid-template-columns:1fr 1fr}}@media(max-width:560px){.yazi-izgara{grid-template-columns:1fr}}

/* CTA bandı */
.cta{position:relative;background:var(--antrasit);color:#fff;overflow:hidden}.cta-serit{position:absolute;left:0;top:0;right:0;height:10px;background:repeating-linear-gradient(135deg,var(--sari) 0 14px,var(--antrasit) 14px 28px)}.cta-ic{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:66px 20px}.cta h2{color:#fff;margin-bottom:8px}.cta p{color:#b7bfc6;max-width:560px;margin:0}.cta-dugmeler{display:flex;gap:12px;flex-wrap:wrap;flex:none}
@media(max-width:860px){.cta-ic{flex-direction:column;align-items:flex-start;padding:52px 20px}}

/* footer */
.alt{position:relative;background:#15191c;color:#aeb6bd;padding:64px 0 0;overflow:hidden}.alt-izgara-arka{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.alt .wrap{position:relative}.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px;border-bottom:1px solid #2a3036}.alt-marka img{width:190px;height:auto;margin-bottom:16px}.alt-marka p{font-size:.9rem}
.alt-baslik{font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 16px;display:flex;gap:10px;align-items:center}.alt-baslik .mono{color:var(--sari)}.alt ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:.9rem}.alt a{color:#c9d0d6}.alt a:hover{color:#fff}
.alt-iletisim li{display:flex;gap:10px;align-items:flex-start}.alt-iletisim .ik{width:16px;height:16px;margin-top:3px;color:var(--turkuaz)}
.alt-acil{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border:1px solid #2f363c;border-radius:8px;font:500 .74rem/1.3 var(--mono);letter-spacing:.06em;color:var(--sari)!important}
.sosyal{display:flex;gap:8px}.alt .sosyal a{width:36px;height:36px;border-radius:8px;background:#22282d;display:inline-flex;align-items:center;justify-content:center}.alt .sosyal .ik{width:17px;height:17px}
.alt-dip{display:flex;justify-content:space-between;gap:20px;padding:20px 0 24px;font-size:.82rem;flex-wrap:wrap}.alt-yasal{display:flex;gap:16px;flex-wrap:wrap}.alt-tasarim{margin-left:10px;padding-left:10px;border-left:1px solid #2f363c}.alt-tasarim a{color:#fff;font-weight:600}
@media(max-width:980px){.alt-izgara{grid-template-columns:1fr 1fr}}@media(max-width:560px){.alt-izgara{grid-template-columns:1fr;gap:28px}}

/* iç sayfa kapağı */
.kapak{position:relative;background:var(--kagit);padding:52px 0 44px;overflow:hidden}.kapak-ic{position:relative;display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.kapak-gorselli .kapak-ic{grid-template-columns:1.2fr .8fr}.kapak h1{margin-bottom:12px}.kapak-alt{font-size:1.08rem;color:var(--gri);max-width:700px;margin:0 0 20px}.kapak .olcu-cizgi{margin-top:36px}.kapak-foto img{border-radius:12px;width:100%;aspect-ratio:3/2;object-fit:cover}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font:500 .74rem/1 var(--mono);letter-spacing:.04em;color:var(--gri-acik);margin-bottom:18px}.kirinti a{color:var(--gri)}.kirinti strong{color:var(--turkuaz-koyu);font-weight:500}
@media(max-width:900px){.kapak-gorselli .kapak-ic{grid-template-columns:1fr}.kapak{padding:36px 0 30px}}

/* hizmet sayfası */
.hizmet-ic{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.metin{font-size:1.03rem}.metin h2{font-size:1.5rem;margin-top:1.6em}.metin h3{font-size:1.2rem;margin-top:1.4em}.metin ul,.metin ol{padding-left:1.3em}.metin li{margin-bottom:.4em}.metin img{border-radius:10px;margin:1em 0}.metin table{width:100%;border-collapse:collapse;font-size:.95rem}.metin td,.metin th{border:1px solid var(--cizgi);padding:8px 10px;text-align:left}.metin blockquote{margin:1.2em 0;padding:12px 18px;border-left:3px solid var(--sari);background:var(--sari-acik);border-radius:0 8px 8px 0}
.maddeler{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.maddeler li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.maddeler .ik{color:var(--turkuaz);width:18px;height:18px;margin-top:3px;flex:none}@media(max-width:560px){.maddeler{grid-template-columns:1fr}}
.yan{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}.yan-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:22px}.yan-kutu h3{font-size:1.05rem;margin-bottom:12px}.yan-kutu.koyu{background:var(--antrasit);border-color:var(--antrasit);color:#dfe4e8}.yan-kutu.koyu h3{color:#fff}.yan-kutu.koyu p{color:#b7bfc6;font-size:.92rem}.yan-kutu .dugme{width:100%;margin-top:8px}.yan-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#fff;font-family:var(--baslik);font-weight:700;font-size:1.1rem}
.diger-liste{list-style:none;padding:0;margin:0}.diger-liste a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;color:var(--murekkep);font-size:.92rem}.diger-liste a:hover,.diger-liste a.on{background:var(--kagit);text-decoration:none;color:var(--turkuaz-koyu)}.diger-liste .ik{width:17px;height:17px;color:var(--turkuaz)}
@media(max-width:900px){.hizmet-ic{grid-template-columns:1fr}.yan{position:static}}

/* formlar */
.form-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:28px;position:relative}.form-kutu::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--turkuaz),var(--sari));border-radius:var(--radius) var(--radius) 0 0}.form-kutu h2,.form-kutu h3{font-size:1.3rem;margin-bottom:6px}.form-kutu>p{color:var(--gri);font-size:.93rem;margin-bottom:18px}
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600;color:var(--antrasit)}.form input[type=text],.form input[type=tel],.form input[type=email],.form input[type=date],.form input[type=file],.form select,.form textarea{font:inherit;font-weight:400;padding:11px 13px;border:1px solid #c9d0d5;border-radius:8px;background:#fff;color:var(--murekkep);width:100%}.form textarea{resize:vertical;min-height:100px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--turkuaz);outline-offset:1px;border-color:var(--turkuaz)}
.alanlar-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.alanlar-2{grid-template-columns:1fr}}
.zorunlu{color:#d33}.bal{position:absolute;left:-9999px}.onay{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:400!important;font-size:.84rem!important;color:var(--gri)!important}.onay input{margin-top:3px;accent-color:var(--turkuaz)}
.hap-alan{border:0;padding:0;margin:0}.hap-alan legend{font-size:.86rem;font-weight:600;margin-bottom:8px}.hap-secim{display:flex;flex-wrap:wrap;gap:8px}.hap-secim label{flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border:1px solid #c9d0d5;border-radius:999px;font-weight:500;font-size:.85rem;cursor:pointer}.hap-secim label:has(input:checked){background:var(--antrasit);color:#fff;border-color:var(--antrasit)}.hap-secim input{accent-color:var(--sari)}
.uyari{padding:12px 14px;border-radius:8px;font-size:.92rem;display:flex;gap:10px;align-items:flex-start}.uyari.ok{background:#e7f7ee;color:#166534}.uyari.hata{background:#fdecec;color:#991b1b}.uyari .ik{width:18px;height:18px;flex:none;margin-top:2px}
.bilgi-liste{display:flex;flex-direction:column;gap:12px}.bilgi-kart{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:16px 18px}.bilgi-ikon{width:42px;height:42px;border-radius:10px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:inline-flex;align-items:center;justify-content:center;flex:none}.bilgi-kart strong{display:block;font-family:var(--baslik);margin-bottom:2px}.bilgi-kart span,.bilgi-kart a{display:block;font-size:.95rem}.harita{border-radius:var(--radius);overflow:hidden;border:1px solid var(--cizgi);margin-top:6px}.harita iframe{width:100%;height:300px;border:0;display:block}

/* banka, liste sayfaları */
.banka-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px}.banka-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:22px}.banka-kart h3{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.banka-kart .para{font:500 .7rem var(--mono);letter-spacing:.1em;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);padding:4px 8px;border-radius:6px}.banka-kart dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.92rem}.banka-kart dt{color:var(--gri)}.banka-kart dd{margin:0}.iban{font-family:var(--mono);font-size:.9rem;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kopyala{font:600 .74rem var(--govde);padding:4px 9px;border:1px solid var(--cizgi);border-radius:6px;background:#fff;color:var(--turkuaz-koyu)}.kopyala.oldu{background:#e7f7ee;color:#166534}
@media(max-width:700px){.banka-izgara{grid-template-columns:1fr}}
.video-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000;cursor:pointer}.video img{width:100%;height:100%;object-fit:cover;opacity:.85}.video .oynat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video .oynat span{width:60px;height:60px;border-radius:50%;background:var(--sari);color:var(--antrasit);display:inline-flex;align-items:center;justify-content:center}.video iframe{width:100%;height:100%;border:0}.video-ad{margin-top:10px;font-weight:600;font-family:var(--baslik)}
@media(max-width:900px){.video-izgara{grid-template-columns:1fr 1fr}}@media(max-width:560px){.video-izgara{grid-template-columns:1fr}}
.sayfalama{display:flex;gap:8px;justify-content:center;margin-top:36px}.sayfalama a,.sayfalama span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cizgi);border-radius:8px;font-family:var(--mono);font-size:.85rem;padding:0 10px}.sayfalama span{background:var(--antrasit);color:#fff;border-color:var(--antrasit)}
.yazi-govde{max-width:820px;margin:0 auto}.yazi-kapak{border-radius:14px;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:28px}.yazi-ust{display:flex;gap:16px;align-items:center;font:500 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gri-acik);margin-bottom:18px}
.diger-yazilar{margin-top:56px;padding-top:36px;border-top:1px solid var(--cizgi)}
.ozellik-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ozellik{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:20px}.ozellik .ik{width:26px;height:26px;color:var(--turkuaz);margin-bottom:12px}.ozellik strong{display:block;font-family:var(--baslik);margin-bottom:4px}.ozellik p{margin:0;color:var(--gri);font-size:.9rem}@media(max-width:800px){.ozellik-izgara{grid-template-columns:1fr}}

/* sabit ögeler */
.wa-dugme{position:fixed;right:20px;bottom:20px;z-index:40;display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:12px 16px;border-radius:999px;font-weight:600;box-shadow:0 12px 24px -10px rgba(37,211,102,.7)}.wa-dugme:hover{text-decoration:none;color:#fff}.wa-dugme .ik{width:22px;height:22px}
.alt-cubuk{display:none}
@media(max-width:640px){.serit-acil{display:none}.ust-serit-ic{justify-content:center}.wa-dugme{display:none}body{padding-bottom:64px}.alt-cubuk{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--cizgi);box-shadow:0 -10px 30px -16px rgba(0,0,0,.3)}.alt-cubuk a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-weight:600;color:var(--antrasit);font-size:.95rem}.alt-cubuk-ara{background:var(--sari)}.alt-cubuk-wa{background:#25d366;color:#fff!important}.alt-cubuk-ik{display:inline-flex}.alt-cubuk .ik{width:20px;height:20px}}
.cerez{position:fixed;left:16px;bottom:16px;z-index:46;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:12px 16px;display:flex;gap:16px;align-items:center;max-width:420px;box-shadow:var(--golge);font-size:.86rem}.cerez p{margin:0}@media(max-width:640px){.cerez{bottom:74px;left:12px;right:12px;max-width:none;flex-direction:column;align-items:flex-start}}
.duyuru{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.duyuru-arka{position:absolute;inset:0;background:rgba(22,27,31,.7)}.duyuru-kutu{position:relative;background:#fff;border-radius:14px;max-width:560px;width:100%;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}.duyuru-kutu img{width:100%;height:auto}.duyuru-metin{padding:24px}.duyuru-kapat{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--antrasit);display:inline-flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.2)}
/* görünürlük animasyonu */
.gorunur-animasyon{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.gorunur-animasyon.goster{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.gorunur-animasyon{opacity:1;transform:none}}

/* =====================================================================
   turkuazelektrik.com.tr — MODERN KURUMSAL KATMANI (21.09.2026)
   Eski sitenin akışı (slayt, hızlı hizmet kartları, hakkımızda, fotoğraflı hizmet
   kartları, mağaza bandı, projeler, ekip, kahve, teklif, sayaçlar, görüşler, referans
   logoları, blog) beyaz zemin + turkuaz/sarı marka renkleri, Plus Jakarta Sans.
   Teknik-çizim ögeleri (ızgara, ölçü çizgisi, köşe işareti, mono etiket) kapatıldı.
   ===================================================================== */
:root{--turkuaz:#0099a8;--turkuaz-koyu:#007a87;--turkuaz-derin:#065560;--turkuaz-acik:#e6f6f8;--sari:#ffc425;--sari-koyu:#e5ad12;--antrasit:#10202b;--antrasit-2:#1a2f3c;--murekkep:#132029;--gri:#55636b;--gri-acik:#8b979e;--cizgi:#e3e9ec;--kagit:#f4f7f8;--radius:18px;--golge:0 18px 40px -22px rgba(16,32,43,.28);--golge-2:0 30px 60px -30px rgba(16,32,43,.35);--wrap:1240px;--govde:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",sans-serif;--baslik:'Plus Jakarta Sans',system-ui,sans-serif;--mono:var(--govde)}
body{font:400 16px/1.68 var(--govde);color:var(--murekkep)}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:800;letter-spacing:-.022em;line-height:1.12;color:var(--antrasit)}
h2 em,h1 em,.h1 em{font-style:normal;color:var(--turkuaz)}
.izgara-arka,.olcu-cizgi,.kose,.cerceve>.kose{display:none!important}
.mono-etiket,.etiket{display:inline-flex;align-items:center;gap:8px;font:700 .72rem/1 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--turkuaz-koyu);background:var(--turkuaz-acik);padding:8px 14px;border-radius:999px;margin-bottom:16px}
.mono-etiket .no{display:none}
.etiket-acik,.mono-etiket.acik{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22)}
.mono,.kirinti{font-family:var(--govde);letter-spacing:0}
.kirinti{font-size:.8rem;font-weight:500}
.bolum{padding:88px 0}
.bolum-bas{max-width:760px;margin:0 auto 44px;text-align:center}
.bolum-bas.sol{margin-left:0;text-align:left}
.bolum-bas h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 0 .4em}
.bolum-bas p{color:var(--gri);font-size:1.05rem;margin:0}
.merkez-not{text-align:center;margin-top:36px}
.dugme{border-radius:12px;padding:13px 24px;font-weight:700}
.dugme-ana{background:var(--turkuaz);color:#fff;box-shadow:0 12px 26px -12px rgba(0,153,168,.75)}
.dugme-ana:hover{background:var(--turkuaz-koyu);color:#fff;transform:translateY(-2px)}
.dugme-sari{box-shadow:0 12px 26px -12px rgba(229,173,18,.8)}
.dugme-koyu{background:var(--antrasit)}
.dugme-cizgi.beyaz{color:#fff;border-color:rgba(255,255,255,.5)}
.dugme-cizgi.beyaz:hover{background:rgba(255,255,255,.12);color:#fff}
.tikler{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px}
.tikler li{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.tikler .ik{width:22px;height:22px;flex:none;color:#fff;background:var(--turkuaz);border-radius:50%;padding:4px}
p.buyuk{font-size:1.12rem;color:var(--murekkep)}
.not-kutu{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--turkuaz-acik);border:1px solid #cfe9ec;border-radius:var(--radius);padding:26px 30px}
.not-kutu p{margin:4px 0 0;color:var(--gri)}
.bos{color:var(--gri);text-align:center;padding:40px 0}

/* Üst şerit + başlık çubuğu */
.ust-serit{background:var(--turkuaz-derin);color:#cfe7ea;font-size:.8rem;border-bottom:0}
.ust-serit a{color:#fff;font-weight:500}
.ust-serit .serit-sol,.ust-serit .serit-sag{display:flex;align-items:center;gap:18px}
.ust-serit .ik{width:14px;height:14px;opacity:.85}
.serit-magaza{background:var(--sari);color:var(--antrasit)!important;padding:4px 10px;border-radius:999px;font-weight:700!important}
.serit-sosyal a{opacity:.85}
.ust{background:#fff;border-bottom:1px solid var(--cizgi)}
.ust.kaydi{box-shadow:0 14px 34px -22px rgba(16,32,43,.35)}
.ust-ic{min-height:88px;gap:28px}
.marka img{height:54px}
.nav{margin-left:auto}
.nav-link{font-weight:700;font-size:.95rem;padding:10px 14px;border-radius:10px}
.nav-link:hover,.nav-grup:hover>.nav-link{background:var(--turkuaz-acik);color:var(--turkuaz-koyu)}
.acilir{border-radius:16px;border-color:var(--cizgi);box-shadow:var(--golge-2);padding:12px}
.acilir.kisa a{border-radius:10px;padding:10px 12px;font-weight:600}
.acilir.kisa a:hover{background:var(--turkuaz-acik);color:var(--turkuaz-koyu)}
.mega-ic{gap:18px}
.mega-baslik{font:700 .72rem/1 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--turkuaz)}
.mega a{border-radius:12px}
.mega a:hover{background:var(--turkuaz-acik)}
.acilir-ikon{background:var(--turkuaz-acik);color:var(--turkuaz-koyu);border-radius:10px}
.acilir-tum{color:var(--turkuaz-koyu);font-weight:700}
.ust-tel{display:inline-flex;align-items:center;gap:10px;color:var(--murekkep)}
.ust-tel-ik{width:42px;height:42px;border-radius:50%;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:grid;place-items:center}
.ust-tel small{display:block;font-size:.72rem;color:var(--gri-acik);font-weight:500}
.ust-tel strong{font-size:1rem}
.ust-sag{gap:14px}
.nav-mobil-alt .dugme-ana{color:#fff}

/* Slayt (karşılama) */
.slayt{position:relative;background:var(--antrasit);color:#fff;min-height:min(86svh,780px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}
.slayt-sahne{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;z-index:-1}
.slayt-sahne img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 8s linear}
.slayt-sahne.aktif{opacity:1}
.slayt-sahne.aktif img{transform:scale(1)}
.slayt-karart{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,34,.92) 0%,rgba(6,25,34,.72) 42%,rgba(6,25,34,.28) 100%),linear-gradient(180deg,rgba(6,25,34,.1),rgba(6,25,34,.55))}
.slayt-ic{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:150px}
.slayt-metin{position:relative;min-height:340px}
.slayt-yazi{position:absolute;inset:auto 0 0 0;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
.slayt-yazi.aktif{position:relative;opacity:1;transform:none;pointer-events:auto}
.slayt-yazi h1,.slayt-yazi .h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#fff;margin:0 0 18px;max-width:14ch}
.slayt-aciklama{font-size:clamp(1rem,1.4vw,1.18rem);color:#dbe7ea;max-width:56ch;margin:0 0 26px}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.slayt-kontrol{display:flex;align-items:center;gap:8px;margin-top:34px}
.slayt-nokta{width:44px;height:6px;border:0;background:transparent;padding:0;cursor:pointer}
.slayt-nokta span{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.slayt-nokta.aktif span::after{content:"";position:absolute;inset:0;background:var(--sari);transform-origin:left;animation:slayt-dolum 6.5s linear forwards}
@keyframes slayt-dolum{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.slayt-sayac{margin-left:10px;font-size:.8rem;color:#b9cdd2;letter-spacing:.08em}
.slayt-sayac b{color:#fff;font-size:1rem}
.slayt-yan{display:grid;gap:12px;justify-self:end;width:100%;max-width:340px}
.slayt-kart{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);border-radius:16px;padding:14px 16px;transform:translateX(0);animation:slayt-kart-gir .8s ease both}
.slayt-kart:nth-child(2){animation-delay:.15s}.slayt-kart:nth-child(3){animation-delay:.3s}
@keyframes slayt-kart-gir{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.slayt-kart-ik{width:44px;height:44px;border-radius:12px;background:var(--sari);color:var(--antrasit);display:grid;place-items:center;flex:none}
.slayt-kart-ik .ik{width:22px;height:22px}
.slayt-kart strong{display:block;font-size:.98rem}
.slayt-kart small{color:#b9cdd2;font-size:.8rem}
.hizli{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:translateY(50%);z-index:2}
.hizli-kart{display:flex;align-items:center;gap:14px;background:#fff;color:var(--murekkep);border-radius:16px;padding:16px 18px;box-shadow:var(--golge-2);border:1px solid var(--cizgi);transition:transform var(--gecis),box-shadow var(--gecis)}
.hizli-kart:hover{transform:translateY(-4px);text-decoration:none}
.hizli-kart>.ik:last-child{margin-left:auto;color:var(--turkuaz);flex:none}
.hizli-ik{width:46px;height:46px;border-radius:12px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:grid;place-items:center;flex:none}
.hizli-ik .ik{width:24px;height:24px}
.hizli-kart strong{display:block;font-size:.95rem;line-height:1.2}
.hizli-kart small{color:var(--gri);font-size:.78rem;display:block;margin-top:2px}
.hizli-tum{background:var(--turkuaz);color:#fff;border-color:var(--turkuaz)}
.hizli-tum .hizli-ik{background:rgba(255,255,255,.18);color:#fff}
.hizli-tum small,.hizli-tum>.ik:last-child{color:#dff4f6}
.hakk-bolum{padding-top:150px}

/* Hakkımızda */
.hakk-ic{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.hakk-foto{position:relative}
.hakk-foto img{width:100%;height:auto;border-radius:24px;box-shadow:var(--golge-2)}
.hakk-foto::before{content:"";position:absolute;inset:-18px auto auto -18px;width:60%;height:60%;border-radius:24px;background:var(--turkuaz-acik);z-index:-1}
.hakk-rozet{position:absolute;left:auto;right:-14px;bottom:-18px;width:auto;background:var(--sari);color:var(--antrasit);border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:10px;box-shadow:var(--golge)}
.hakk-rozet strong{font-size:2.4rem;line-height:1;font-weight:800}
.hakk-rozet span{font-size:.78rem;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.06em}

/* Hizmet kartları (fotoğraflı) */
.hkart-izgara{grid-template-columns:repeat(3,1fr);gap:22px}
.hkart{border-radius:20px;border:1px solid var(--cizgi);box-shadow:0 10px 30px -22px rgba(16,32,43,.3)}
.hkart:hover{transform:translateY(-6px);box-shadow:var(--golge-2);border-color:transparent;text-decoration:none}
.hkart-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.hkart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hkart:hover .hkart-foto img{transform:scale(1.06)}
.hkart-bos{display:grid;place-items:center;height:100%;color:var(--turkuaz)}
.hkart-bos .ik{width:56px;height:56px}
.hkart-govde{display:block;padding:20px 22px 22px;position:relative}
.hkart-ikon{position:absolute;top:-26px;left:20px;width:52px;height:52px;border-radius:14px;background:var(--turkuaz);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -8px rgba(0,153,168,.7)}
.hkart-ikon .ik{width:26px;height:26px}
.hkart-govde strong{display:block;font-size:1.1rem;margin:14px 0 6px;color:var(--antrasit)}
.hkart-govde p{margin:0;color:var(--gri);font-size:.92rem}
.hkart-ok{position:absolute;right:0;bottom:0;width:48px;height:48px;background:var(--turkuaz);color:#fff;display:grid;place-items:center;border-radius:20px 0 20px 0;transition:background var(--gecis)}
.hkart:hover .hkart-ok{background:var(--sari);color:var(--antrasit)}
.hkart-no,.hkart-link{display:none}

/* Mağaza bandı */
.magaza{position:relative;background:var(--turkuaz-derin);color:#fff;overflow:hidden}
.magaza-desen{position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 10%,rgba(255,196,37,.25),transparent 60%),radial-gradient(500px 300px at 10% 90%,rgba(0,153,168,.5),transparent 60%);pointer-events:none}
.magaza-ic{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.magaza h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem)}
.magaza h2 em{color:var(--sari)}
.magaza p{color:#cfe7ea;font-size:1.05rem;margin-bottom:24px}
.magaza-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.magaza-kart{display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:20px;color:#fff;transition:background var(--gecis),transform var(--gecis)}
.magaza-kart:hover{background:rgba(255,255,255,.16);transform:translateY(-3px);text-decoration:none}
.magaza-kart .ik{width:30px;height:30px;color:var(--sari);margin-bottom:6px}
.magaza-kart small{color:#b9d6da;font-size:.8rem}

/* Projeler */
.proje-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.proje-kart{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--cizgi);color:var(--murekkep);transition:transform var(--gecis),box-shadow var(--gecis)}
.proje-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-2);text-decoration:none}
.proje-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--kagit)}
.proje-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.proje-kart:hover .proje-foto img{transform:scale(1.05)}
.proje-govde{display:block;padding:20px 22px 22px}
.proje-govde small{display:inline-flex;align-items:center;gap:5px;color:var(--turkuaz-koyu);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.proje-govde small .ik{width:14px;height:14px}
.proje-govde strong{display:block;font-size:1.15rem;color:var(--antrasit)}
.proje-govde p{margin:8px 0 0;color:var(--gri);font-size:.92rem}
.proje-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;color:var(--turkuaz-koyu)}
.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 8px}
.galeri-kare{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--kagit)}
.galeri-kare img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.galeri-kare:hover img{transform:scale(1.05)}
.kapak-meta{display:flex;gap:6px;align-items:center;color:#cfe7ea;font-weight:600;margin:0}
.kapak-meta .ik{width:16px;height:16px}

/* Ekip */
.ekip-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.ekip-izgara.ekip-sayfa{grid-template-columns:repeat(3,1fr);gap:22px}
.ekip-kart{background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:26px 18px 22px;text-align:center;transition:transform var(--gecis),box-shadow var(--gecis)}
.ekip-kart:hover{transform:translateY(-4px);box-shadow:var(--golge)}
.ekip-foto{display:block;width:96px;height:96px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--turkuaz),var(--turkuaz-derin));box-shadow:0 0 0 4px var(--turkuaz-acik)}
.ekip-sayfa .ekip-foto{width:128px;height:128px}
.ekip-foto img{width:100%;height:100%;object-fit:cover}
.ekip-harf{display:grid;place-items:center;height:100%;color:#fff;font-weight:800;font-size:1.6rem;letter-spacing:.04em}
.ekip-kart strong{display:block;font-size:.98rem;color:var(--antrasit)}
.ekip-kart small{display:block;color:var(--gri);font-size:.8rem;margin-top:3px}
.ekip-kart p{font-size:.9rem;color:var(--gri);margin:10px 0 0}
.ekip-baglanti{display:flex;justify-content:center;gap:8px;margin-top:12px}
.ekip-baglanti a{width:34px;height:34px;border-radius:50%;background:var(--turkuaz-acik);color:var(--turkuaz-koyu);display:grid;place-items:center}

/* Kahveye bekliyoruz */
.kahve{background:var(--antrasit);color:#fff;position:relative;overflow:hidden}
.kahve::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 85% 50%,rgba(0,153,168,.35),transparent 60%);pointer-events:none}
.kahve-ic{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:72px}
.kahve h2{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin:0 0 12px}
.kahve p{color:#c7d6dc;font-size:1.08rem;max-width:56ch;margin-bottom:24px}
.kahve-gorsel{position:relative;height:220px;display:grid;place-items:center}
.kahve-fincan{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:var(--sari)}
.kahve-fincan .ik{width:96px;height:96px;stroke-width:1.4}
.kahve-buhar{position:absolute;top:14px;left:calc(50% - 6px);width:12px;height:60px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);filter:blur(2px);animation:buhar 3s ease-in-out infinite}
.kahve-buhar.b2{left:calc(50% - 26px);animation-delay:.8s}.kahve-buhar.b3{left:calc(50% + 16px);animation-delay:1.6s}
@keyframes buhar{0%{transform:translateY(20px) scaleY(.6);opacity:0}40%{opacity:.8}100%{transform:translateY(-40px) scaleY(1.2);opacity:0}}

/* Teklif bölümü */
.teklif-ic{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.teklif-iletisim{display:grid;gap:10px;margin-top:8px}
.teklif-iletisim a{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--antrasit)}
.teklif-iletisim .ik{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--turkuaz-acik);color:var(--turkuaz-koyu)}
.form-kutu{border-radius:22px;box-shadow:var(--golge)}

/* Sayaçlar */
.sayaclar{background:var(--turkuaz-derin);color:#fff;padding:56px 0;position:relative;overflow:hidden}
.sayaclar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 100%;pointer-events:none}
.sayac-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.sayac{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px 22px;text-align:center}
.sayac-ik{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:rgba(255,255,255,.1);color:var(--sari)}
.sayac-ik .ik{width:26px;height:26px}
.sayac strong{display:block;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1;color:var(--sari)}
.sayac span:last-child{display:block;margin-top:8px;color:#cfe7ea;font-weight:500}

/* Görüşler (kaydırak) */
.gorus-kaydirak{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 18px;margin:0 -6px;scrollbar-width:thin;scrollbar-color:var(--turkuaz) transparent}
.gorus-kaydirak .gorus{scroll-snap-align:start;border-radius:20px;padding:28px 26px 22px;display:flex;flex-direction:column;box-shadow:0 10px 30px -24px rgba(16,32,43,.35)}
.gorus-tirnak{position:absolute;top:10px;right:22px;font-size:5rem;line-height:1;color:var(--turkuaz-acik);font-weight:800;font-family:Georgia,serif}
.gorus p{margin:0 0 18px;font-size:1rem;color:var(--murekkep);position:relative;flex:1}
.gorus footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--cizgi);padding-top:16px}
.gorus footer strong{display:block;font-size:.95rem}
.gorus footer small{color:var(--gri);font-size:.8rem}
.gorus-harf{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--turkuaz),var(--turkuaz-derin));color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.gorus .yildizlar{margin-left:auto;color:var(--sari);display:inline-flex;gap:1px}
.gorus .yildizlar .ik{width:14px;height:14px;fill:currentColor}
.gorusler .gorus .yildizlar{color:var(--sari);font-size:1rem;letter-spacing:2px}

/* Referans logoları */
.referans-bolum{padding:48px 0;background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.referans-bas{text-align:center;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gri-acik);margin:0 0 22px}
.referans-akis{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.referans-ic{display:flex;gap:18px;width:max-content;animation:referans-kay 50s linear infinite}
.referans-akis:hover .referans-ic{animation-play-state:paused}
@keyframes referans-kay{to{transform:translateX(-50%)}}
.referans-logo{display:grid;place-items:center;width:170px;height:78px;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:10px 16px}
.referans-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.referans-logo:hover img{filter:none;opacity:1}
.referans-izgara{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.referans-kart{display:grid;place-items:center;height:110px;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px 18px;transition:box-shadow var(--gecis),transform var(--gecis)}
.referans-kart:hover{box-shadow:var(--golge);transform:translateY(-3px)}
.referans-kart img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* Blog kartları */
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yazi-kart{border-radius:20px}
.yazi-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-2);text-decoration:none}
.yazi-kapak{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.yazi-kapak img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.yazi-kart:hover .yazi-kapak img{transform:scale(1.05)}
.yazi-kart .yazi-govde{display:block;padding:20px 22px 22px}
.yazi-kart .yazi-govde small{display:block;color:var(--turkuaz-koyu);font-weight:700;font-size:.78rem;margin-bottom:8px}
.yazi-kart .yazi-govde strong{display:block;font-size:1.08rem;line-height:1.35;color:var(--antrasit)}
.yazi-kart .yazi-govde .link-ok{margin-top:14px}
.link-ok{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--turkuaz-koyu)}

/* İç sayfa kapağı */
.kapak{background:linear-gradient(120deg,var(--antrasit) 0%,var(--turkuaz-derin) 60%,var(--turkuaz-koyu) 100%);color:#fff;padding:64px 0 56px}
.kapak-desen{position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0%,rgba(255,196,37,.18),transparent 60%),radial-gradient(500px 260px at 20% 100%,rgba(0,153,168,.4),transparent 60%);pointer-events:none}
.kapak-arka{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;filter:saturate(.8)}
.kapak-arka::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,32,43,.7),rgba(16,32,43,.2))}
.kapak-ic{grid-template-columns:1fr}
.kapak-gorselli .kapak-ic{grid-template-columns:1.2fr .8fr}
.kapak h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin:0 0 .35em}
.kapak h1 em{color:var(--sari)}
.kapak-alt{color:#d5e6ea;font-size:1.08rem;max-width:64ch}
.kapak .kirinti{color:#a9c4ca}
.kapak .kirinti a{color:#dbe9ec}
.kapak .kirinti strong{color:#fff}
.kapak-foto{border-radius:22px;overflow:hidden;box-shadow:var(--golge-2);border:1px solid rgba(255,255,255,.18)}
.kapak-foto img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.kapak .hero-dugmeler{margin-top:22px}
.kapak .dugme-cizgi{color:#fff;border-color:rgba(255,255,255,.5)}
.kapak .dugme-cizgi:hover{background:rgba(255,255,255,.12);color:#fff}
.kapak .yazi-ust{color:#b9d6da}

/* Çağrı bandı */
.cta{background:var(--turkuaz-derin)}
.cta-desen{position:absolute;inset:0;background:radial-gradient(700px 300px at 100% 0%,rgba(255,196,37,.22),transparent 60%);pointer-events:none}
.cta-serit{display:none}
.cta h2{color:#fff}
.cta p{color:#cfe7ea}

/* Yan kutular, içerik */
.yan-kutu{border-radius:18px}
.yan-kutu.koyu{background:var(--turkuaz-derin);border-color:var(--turkuaz-derin)}
.yan-kutu.koyu h3{color:#fff}
.diger-liste a{border-radius:10px}
.diger-liste a.on,.diger-liste a:hover{background:var(--turkuaz-acik);color:var(--turkuaz-koyu)}
.diger-liste img{width:64px;height:48px;object-fit:cover;border-radius:8px;margin-right:10px}
.metin a{color:var(--turkuaz-koyu);font-weight:600}
.metin img{max-width:100%;height:auto;border-radius:16px}
.soru{border-radius:14px}
.soru-no{display:none}

/* Alt bilgi */
.alt{background:var(--antrasit);color:#b3c0c7;padding-top:72px}
.alt-izgara-arka{display:none}
.alt-baslik{color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.02em;margin-bottom:16px}
.alt-baslik .mono{display:none}
.alt ul a{color:#b3c0c7}
.alt ul a:hover{color:var(--sari)}
.alt-acil{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:var(--turkuaz);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700}
.alt-acil:hover{background:var(--turkuaz-koyu);color:#fff;text-decoration:none}
.alt-izgara{border-bottom-color:rgba(255,255,255,.1)}
.alt-dip{color:#8b9aa2}
.alt-telif a{color:#cfe7ea}

/* Mobil */
@media (max-width:1100px){.slayt-ic{grid-template-columns:1fr}.slayt-yan{display:none}.hizli{grid-template-columns:repeat(2,1fr)}.hkart-izgara,.proje-izgara,.yazi-izgara{grid-template-columns:repeat(2,1fr)}.ekip-izgara{grid-template-columns:repeat(3,1fr)}.referans-izgara{grid-template-columns:repeat(3,1fr)}.sayac-izgara{grid-template-columns:repeat(2,1fr)}.hakk-ic,.magaza-ic,.teklif-ic,.kahve-ic{grid-template-columns:1fr}.kahve-gorsel{display:none}}
@media (max-width:760px){.ust-serit .serit-sag{display:none}.ust-ic{min-height:72px}.marka img{height:42px}.ust-tel{display:none}.slayt{min-height:auto}.slayt-ic{padding-top:56px;padding-bottom:40px}.slayt-metin{min-height:0}.slayt-yazi h1,.slayt-yazi .h1{font-size:2rem}.hizli{position:static;transform:none;grid-template-columns:1fr;padding-bottom:24px}.hakk-bolum{padding-top:64px}.bolum{padding:60px 0}.hkart-izgara,.proje-izgara,.yazi-izgara,.magaza-kartlar,.ekip-izgara,.ekip-izgara.ekip-sayfa,.galeri{grid-template-columns:1fr 1fr}.ekip-izgara.ekip-sayfa{grid-template-columns:1fr}.gorus-kaydirak{grid-auto-columns:85%}.referans-izgara{grid-template-columns:repeat(2,1fr)}.hakk-rozet{right:8px;bottom:-14px}.kapak-gorselli .kapak-ic{grid-template-columns:1fr}.not-kutu{padding:20px}}
@media (max-width:480px){.hkart-izgara,.proje-izgara,.yazi-izgara,.magaza-kartlar,.ekip-izgara,.galeri{grid-template-columns:1fr}.sayac-izgara{grid-template-columns:1fr 1fr}}
.gizli-gir{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.gizli-gir.gir{opacity:1;transform:none}
.ust-serit .serit-sag span{display:inline-flex;align-items:center;gap:6px}
.duz-tablo{margin:0 0 8px}.duz-tablo img{display:inline-block;max-width:min(100%,400px);height:auto;margin:0 10px 12px 0;border-radius:12px;vertical-align:top}
.metin h5,.metin h4{font-size:1.05rem;margin:1.4em 0 .3em}
.duz-tablo:has(>img:first-child){display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.duz-tablo:has(>img:first-child)>img{flex:1 1 200px;max-width:none;width:auto;min-width:0;margin:0;object-fit:cover}
.yazi-kart .govde h2{font-size:1.12rem;line-height:1.35;margin:6px 0 8px}.yazi-kart .govde time{color:var(--turkuaz-koyu);font-weight:700;font-size:.78rem}.yazi-kart .govde p{color:var(--gri);font-size:.92rem}
.ust-serit .serit-sol a{white-space:nowrap}
@media (max-width:760px){.ust-serit .serit-sol{gap:12px;justify-content:space-between;width:100%}.ust-serit .serit-sol a:nth-child(2){display:none}.ust-serit-ic{min-height:34px}}
@media (max-width:420px){.ust-serit .serit-sol a:nth-child(3){display:none}}
.katalog-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.katalog-kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--gecis),box-shadow var(--gecis)}
.katalog-kart:hover{transform:translateY(-4px);box-shadow:var(--golge)}
.katalog-kapak{position:relative;display:block;aspect-ratio:3/4;background:var(--kagit);overflow:hidden}
.katalog-kapak img{width:100%;height:100%;object-fit:cover}
.katalog-bos{display:grid;place-items:center;height:100%;color:var(--turkuaz)}.katalog-bos .ik{width:56px;height:56px}
.katalog-pdf{position:absolute;top:12px;right:12px;background:var(--antrasit);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:6px}
.katalog-metin{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.katalog-metin h2{font-size:1rem;margin:0;line-height:1.35}
.katalog-metin p{margin:0;color:var(--gri);font-size:.88rem}
.katalog-metin .dugme{margin-top:auto;align-self:flex-start}
@media (max-width:1000px){.katalog-izgara{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.katalog-izgara{grid-template-columns:repeat(2,1fr);gap:12px}}
/* Oto Lift zengin içerik blokları */
.ol-lead{font-size:1.12rem;color:var(--murekkep)}
.ol-satir{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}
.ol-satir.ol-ters figure{order:2}
.ol-satir figure{margin:0}.ol-satir figure img{width:100%;height:auto;border-radius:18px;box-shadow:var(--golge)}
.ol-satir figcaption{font-size:.82rem;color:var(--gri);margin-top:8px}
.ol-satir h2{margin-top:0!important}
.ol-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 36px}
.ol-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;color:var(--murekkep);font-weight:400;text-decoration:none;transition:transform var(--gecis),box-shadow var(--gecis)}
.ol-kart:hover{transform:translateY(-4px);box-shadow:var(--golge);text-decoration:none}
.ol-kart img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:0!important}
.ol-kart strong{padding:14px 16px 4px;font-size:1rem;color:var(--antrasit)}
.ol-kart span{padding:0 16px 16px;font-size:.9rem;color:var(--gri)}
.ol-adimlar{padding-left:0;list-style:none;counter-reset:ol;margin:0}
.ol-adimlar li{position:relative;padding:8px 0 8px 46px;counter-increment:ol;border-bottom:1px solid var(--cizgi)}
.ol-adimlar li::before{content:counter(ol);position:absolute;left:0;top:8px;width:32px;height:32px;border-radius:50%;background:var(--turkuaz);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.9rem}
.ol-parcalar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0 36px}
.ol-parcalar span{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:14px;padding:12px}
.ol-parcalar img{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain;border-radius:10px!important;background:#fff}
.ol-parcalar em{font-style:normal;font-size:.82rem;font-weight:600;text-align:center;color:var(--murekkep)}
.ol-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--antrasit);color:#fff;border-radius:18px;padding:22px 26px;margin-top:32px}
.ol-cta>div{flex:1;min-width:220px}.ol-cta strong{display:block;font-size:1.05rem}.ol-cta span{color:#b3c0c7;font-size:.88rem}
.ol-cta .dugme-cizgi{color:#fff;border-color:rgba(255,255,255,.4)}
@media (max-width:900px){.ol-satir{grid-template-columns:1fr}.ol-satir.ol-ters figure{order:0}.ol-kartlar{grid-template-columns:1fr}.ol-parcalar{grid-template-columns:repeat(3,1fr)}}
/* ---- Marka: parçalı logo animasyonu "akım" (21.09) — işaret bounce ile gelir, yazı soldan açılır, halka + ışık süpürmesi her 7 sn, hover'da kıvılcım ---- */
.logo-kap{display:inline-flex;align-items:center;gap:0;position:relative;overflow:visible;line-height:0}
.logo-kap img{height:100%;width:auto;display:block}
.logo-isaret{position:relative;height:100%;display:block;flex:none}
.logo-yazi{position:relative;height:100%;display:block;flex:none}
.logo-isaret-img{transform-origin:55% 60%;animation:logoIsaretGir 1s cubic-bezier(.34,1.56,.64,1) both,logoIsaretParla 7s 1.2s ease-in-out infinite}
.logo-yazi-img{animation:logoYaziGir .9s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes logoIsaretGir{0%{opacity:0;transform:rotate(-120deg) scale(.3)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes logoYaziGir{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-8px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes logoIsaretParla{0%,100%{filter:drop-shadow(0 0 0 rgba(255,196,37,0))}4%{filter:drop-shadow(0 0 7px rgba(255,196,37,.95)) brightness(1.15)}10%{filter:drop-shadow(0 0 0 rgba(255,196,37,0))}}
.logo-halka{position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;border-radius:50%;border:2px solid var(--turkuaz);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;animation:logoHalka 7s 1.1s ease-out infinite}
@keyframes logoHalka{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}12%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
.logo-kivilcim{position:absolute;left:16%;top:8%;width:5px;height:5px;border-radius:50%;background:#ffd85c;box-shadow:0 0 6px 2px rgba(255,196,37,.8);opacity:0;pointer-events:none}
.logo-kivilcim.k1{animation:logoKivilcim 7s 1.15s ease-out infinite}.logo-kivilcim.k2{animation:logoKivilcim2 7s 1.2s ease-out infinite}.logo-kivilcim.k3{animation:logoKivilcim3 7s 1.25s ease-out infinite}
@keyframes logoKivilcim{0%{opacity:0;transform:translate(0,0) scale(.5)}2%{opacity:1}9%{opacity:0;transform:translate(-14px,-18px) scale(1.1)}100%{opacity:0}}
@keyframes logoKivilcim2{0%{opacity:0;transform:translate(0,0) scale(.5)}2%{opacity:1}9%{opacity:0;transform:translate(10px,-20px) scale(.9)}100%{opacity:0}}
@keyframes logoKivilcim3{0%{opacity:0;transform:translate(0,0) scale(.5)}2%{opacity:1}9%{opacity:0;transform:translate(-4px,-24px) scale(1.2)}100%{opacity:0}}
.logo-suprme{position:absolute;inset:0;pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0;animation:logoSuprme 7s 1.3s ease-in-out infinite}
@keyframes logoSuprme{0%{background-position:130% 0}14%{background-position:-130% 0}100%{background-position:-130% 0}}
.marka:hover .logo-isaret-img{animation:logoIsaretHover .8s cubic-bezier(.34,1.56,.64,1) both}
@keyframes logoIsaretHover{0%{transform:rotate(0)}35%{transform:rotate(-14deg) scale(1.08);filter:drop-shadow(0 0 8px rgba(255,196,37,.9))}100%{transform:none;filter:drop-shadow(0 0 0 rgba(255,196,37,0))}}
.marka:hover .logo-kivilcim.k1{animation:logoKivilcim .8s ease-out both}.marka:hover .logo-kivilcim.k2{animation:logoKivilcim2 .8s .05s ease-out both}.marka:hover .logo-kivilcim.k3{animation:logoKivilcim3 .8s .1s ease-out both}
.marka:hover .logo-suprme{animation:logoSuprme 1.2s ease-in-out both}
.marka:hover .logo-halka{animation:logoHalka 1.2s ease-out both}
.alt-logo{margin-bottom:16px}
.alt-logo .logo-isaret-img,.alt-logo .logo-yazi-img{animation:none}
.alt-logo .logo-suprme{background:linear-gradient(105deg,transparent 35%,rgba(0,153,168,.9) 50%,transparent 65%);background-size:260% 100%}
.alt-logo .logo-halka{border-color:var(--sari)}
@media (max-width:760px){.marka .logo-kap{height:44px!important}}
@media (prefers-reduced-motion:reduce){.logo-isaret-img,.logo-yazi-img,.logo-halka,.logo-kivilcim,.logo-suprme{animation:none!important;opacity:1;clip-path:none}.logo-halka,.logo-kivilcim,.logo-suprme{opacity:0}}
/* hızlı hizmet kartları hero'nun altına taşar: kesilmesin (21.09 kullanıcı: "wrap hizli saçma duruyor") */
.slayt{overflow:visible}.slayt-sahne{overflow:hidden}
.hizli-kart small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.marka-uyari{background:#fff8e1;border:1px solid #ffd54f;border-left:6px solid #ffc425;border-radius:12px;padding:16px 20px;margin:0 0 24px;font-size:1.05rem}
.marka-uyari p{margin:0}
.marka-tablo{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:.95rem}
.marka-tablo th,.marka-tablo td{border:1px solid #dde3e6;padding:10px 12px;text-align:left;vertical-align:top}
.marka-tablo th{background:#f4f7f8;font-weight:700}
.marka-not{font-size:.85rem;color:#6b7a82;margin-top:28px}
@media (max-width:640px){.marka-tablo{display:block;overflow-x:auto}}
/* Marka bandı (ana sayfa): tescilli marka bildirimi */
.marka-bant{background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:34px 0}
.marka-bant-ic{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.marka-bant .logo-kap{flex:none}
.marka-bant-metin{flex:1;min-width:280px}
.marka-bant-metin strong{display:block;font-size:1.05rem;color:var(--antrasit)}
.marka-bant-metin p{margin:4px 0 0;color:var(--gri);font-size:.92rem}
.marka-bant-metin code{font-family:var(--govde);background:var(--kagit);border:1px solid var(--cizgi);border-radius:6px;padding:1px 7px;font-size:.85rem}
.marka-bant .dugme{flex:none}
/* Karşılama tam ekran, hızlı hizmet şeridi açılışta ekranın dibine sabit (koyu cam kartlar) — 21.09 kullanıcı isteği */
.slayt{min-height:calc(100svh - 124px);justify-content:flex-start}
.slayt-ic{flex:1;align-content:center;padding-top:56px;padding-bottom:150px}
.hizli{position:absolute;left:0;right:0;bottom:22px;transform:none;z-index:2;gap:12px}
.hizli-kart{background:rgba(10,32,43,.55);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -24px rgba(0,0,0,.7);padding:14px 16px}
.hizli-kart:hover{background:rgba(10,32,43,.75);transform:translateY(-3px)}
.hizli-kart strong{color:#fff}.hizli-kart small{color:#c7dde1}
.hizli-ik{background:rgba(255,255,255,.12);color:var(--sari)}
.hizli-kart>.ik:last-child{color:var(--sari)}
.hizli-tum{background:var(--sari);color:var(--antrasit);border-color:var(--sari)}
.hizli-tum .hizli-ik{background:rgba(16,32,43,.12);color:var(--antrasit)}
.hizli-tum strong{color:var(--antrasit)}.hizli-tum small,.hizli-tum>.ik:last-child{color:#5b4a10}
.hakk-bolum{padding-top:88px}
@media (max-width:1100px){.slayt{min-height:auto}.slayt-ic{padding-bottom:40px}.hizli{position:static;padding:0 20px 28px}}
@media (max-width:760px){.hizli{grid-template-columns:1fr}.slayt-ic{padding-bottom:24px}}
/* Logo animasyonu = turkuazelektrik.com ile aynı (kullanıcı isteği 21.09): YALNIZ İŞARET — açılışta ampul gibi titreyerek yanar, 5 sn'de bir parlar + fiş ucunda kıvılcım, hover'da yeniden yanar; yazı sabit */
.logo-yazi-img{animation:none!important;clip-path:none;opacity:1;transform:none}
.logo-suprme,.logo-halka,.logo-kivilcim{display:none!important}
.logo-isaret-img{animation:isaretYan 1.4s ease-out both,isaretParla 5s 2s ease-in-out infinite!important}
.logo-isaret::after{content:"";position:absolute;left:14%;top:6%;width:10%;height:10%;border-radius:50%;background:#fff8d6;box-shadow:0 0 6px 3px rgba(255,216,92,.9);opacity:0;animation:kivilcimUcu 5s 2.2s ease-in-out infinite;pointer-events:none}
.marka:hover .logo-isaret-img{animation:isaretYan .9s ease-out both!important}
.alt-logo .logo-isaret-img{animation:isaretParla 5s 2s ease-in-out infinite!important}
@keyframes isaretYan{0%{opacity:.15;filter:brightness(.5)}12%{opacity:1;filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,196,37,.9))}20%{opacity:.3;filter:brightness(.6)}30%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 10px rgba(255,196,37,1))}40%{opacity:.6;filter:brightness(.8)}55%{opacity:1;filter:brightness(1.25) drop-shadow(0 0 12px rgba(255,196,37,.95))}100%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(255,196,37,0))}}
@keyframes isaretParla{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,196,37,0))}8%{filter:brightness(1.2) drop-shadow(0 0 9px rgba(255,196,37,.85))}16%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,196,37,0))}}
@keyframes kivilcimUcu{0%,6%,100%{opacity:0;transform:scale(.5)}9%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.logo-isaret-img,.logo-isaret::after{animation:none!important}}
.alt-marka-link{color:#cfe7ea;text-decoration:underline;text-underline-offset:3px}.alt-marka-link:hover{color:var(--sari)}