/* =====================================================================
   Briefikir v1 — tasarım dili
   10.10: "premium beyaz kurumsal" katmanı dosyanın sonunda (sarı karşılama katmanı kaldırıldı).
   Başlık: Plus Jakarta Sans ('Jakarta') · Metin: Inter (kendi sunucumuzda).
   ===================================================================== */
@font-face{font-family:'Jakarta';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/jakarta-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jakarta';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/jakarta-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0b0b0c; --ink-2:#141416; --ink-3:#1d1d20;
  --paper:#f6f5f1; --paper-2:#efede6; --card:#fff;
  --line:rgba(0,0,0,.09); --line-2:rgba(0,0,0,.16); --line-d:rgba(255,255,255,.12);
  --text:#111; --muted:#5f5f63; --muted-d:rgba(255,255,255,.66);
  --y:#ffcb0f; --y-2:#ffd94d; --y-soft:#fff6d1; --y-ink:#0b0b0c;
  --ok:#1f9d55; --err:#d93a2b;
  --rad:14px; --rad-l:22px; --rad-s:10px;
  --f-display:'Jakarta',system-ui,sans-serif; --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1320px; --pad:clamp(16px,4vw,40px); --hd:76px;
  --sh-1:0 1px 2px rgba(0,0,0,.05),0 6px 20px -8px rgba(0,0,0,.12);
  --sh-2:0 2px 6px rgba(0,0,0,.06),0 30px 60px -24px rgba(0,0,0,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(34px,5.2vw,68px);font-weight:700;letter-spacing:-.035em;line-height:1.04}
h2{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em}
h3{font-size:clamp(18px,1.5vw,21px);letter-spacing:-.015em;line-height:1.25}
p{margin:0 0 1em}
::selection{background:var(--y);color:var(--ink)}
:focus-visible{outline:2px solid var(--y);outline-offset:3px;border-radius:6px}
svg{width:1.15em;height:1.15em;flex:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr,.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;left:12px;top:12px;z-index:200;background:var(--y);color:var(--ink);padding:10px 16px;border-radius:8px;font-weight:700}
[hidden]{display:none!important}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--y);border-radius:2px}
.lnk{color:var(--text);border-bottom:1.5px solid var(--y);display:inline-flex;align-items:center;gap:6px;font-weight:600}
.lnk:hover{background:var(--y-soft)}

/* ---------- düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid transparent;font:600 15px/1 var(--f-body);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .25s}
.btn svg{transition:transform .3s var(--ease)}
.btn:hover svg:last-child{transform:translateX(3px)}
.btn-lg{min-height:56px;padding:0 28px;font-size:16px}
.btn-blok{width:100%}
.btn-pri{background:var(--y);color:var(--ink)}
.btn-pri:hover{background:var(--y-2);box-shadow:0 10px 30px -10px rgba(255,203,15,.8)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#26262a}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--text)}
.btn-ghost:hover{border-color:var(--ink);background:var(--card)}
.btn-ghost-d,.sec-ink .btn-glass{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost-d:hover,.sec-ink .btn-glass:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-glass{background:transparent;border-color:var(--line-2);color:var(--text)}
.btn-glass:hover{border-color:var(--ink);background:var(--card)}
.btn-cam{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.btn-cam:hover{background:rgba(255,255,255,.18)}
.btn-wa{background:#1fae5b;color:#fff}

/* ---------- önizleme şeridi ---------- */
.onizleme{position:fixed;left:12px;bottom:12px;z-index:90;background:var(--ink);color:#fff;font-size:12px;padding:8px 14px;border-radius:999px;box-shadow:var(--sh-2);max-width:calc(100vw - 96px)}
.onizleme a{color:var(--y);text-decoration:underline}

/* ---------- üst bilgi ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:80;height:var(--hd);background:rgba(246,245,241,.86);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line);transition:background .35s,border-color .35s,transform .35s var(--ease)}
.hd-in{max-width:1480px;height:100%;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:28px}
.hd-logo{position:relative;flex:none;display:block;width:150px}
.hd-logo img{width:150px;height:auto}
.hd-logo .lg-acik,.hd-logo .lg-siyah{display:none}
.nv{display:flex;align-items:center;gap:2px;margin:0 auto}
.nv-a,.nv-b{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:999px;border:0;background:none;font:500 15px/1 var(--f-body);color:var(--text);cursor:pointer;transition:background .2s}
.nv-b svg{width:14px;height:14px;transition:transform .25s}
.nv-a:hover,.nv-b:hover,.nv-i.acik .nv-b{background:rgba(0,0,0,.05)}
.nv-a.on,.nv-i.on .nv-b{position:relative}
.nv-a.on::after,.nv-i.on .nv-b::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--y)}
.nv-yeni{font-size:10.5px;font-weight:700;letter-spacing:.03em;background:var(--y);color:var(--ink);padding:3px 7px;border-radius:999px;margin-left:2px}
.nv-i{position:relative}
.nv-i.acik .nv-b svg{transform:rotate(180deg)}
.mega{position:fixed;left:0;right:0;top:var(--hd);background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 40px 60px -40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility 0s .22s}
.nv-i.acik .mega{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s var(--ease)}
.mega-sm{position:absolute;left:50%;right:auto;top:calc(100% + 17px);transform:translate(-50%,-6px);width:260px;border:1px solid var(--line);border-radius:var(--rad)}
.nv-i.acik .mega-sm{transform:translate(-50%,0)}
.mega-in{max-width:1320px;margin:0 auto;padding:34px var(--pad) 38px;display:grid;gap:40px}
.mega-sm .mega-in{padding:10px}
.mega-3{grid-template-columns:1.1fr 1fr 1fr}
.mega-2{grid-template-columns:1.1fr 2fr}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega li a{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0 -10px;border-radius:10px;font-size:15px;color:var(--text);transition:background .2s}
.mega li a:hover{background:var(--paper)}
.mega-sm li a{margin:0}
.mg-2c{grid-template-columns:1fr 1fr;column-gap:24px!important}
.mg-intro{background:var(--paper);border-radius:var(--rad);padding:26px;display:flex;flex-direction:column;align-items:flex-start}
.mg-intro-y{background:var(--y)}
.mg-intro-y .eyebrow{color:var(--ink)}
.mg-intro-y .eyebrow::before{background:var(--ink)}
.mg-t{font:600 19px/1.35 var(--f-display);letter-spacing:-.02em;margin:0 0 20px}
.mg-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;border-bottom:2px solid currentColor;padding-bottom:2px}
.mg-h{font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:6px 0 12px}
.mg-all{font-weight:700}
.nv-mob{display:none}
.hd-r{display:flex;align-items:center;gap:6px;flex:none}
.hd-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .2s}
.hd-ic:hover{background:rgba(0,0,0,.06)}
.hd-ic svg{width:21px;height:21px}
.hd-say{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--y);color:var(--ink);font:700 11px/18px var(--f-body);text-align:center}
.hd-cta{margin-left:8px}
.hd-burger{display:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--ink);cursor:pointer;position:relative}
.hd-burger span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:2px;transition:transform .3s var(--ease),top .3s}
.hd-burger span:first-child{top:18px}.hd-burger span:last-child{top:26px}
.menu-acik .hd-burger span:first-child{top:22px;transform:rotate(45deg)}
.menu-acik .hd-burger span:last-child{top:22px;transform:rotate(-45deg)}

/* koyu karşılamanın üstünde saydam başlık (ana sayfa + yerel sayfalar) */
.ana .hd:not(.dolu),.yerel .hd:not(.dolu){background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.ana .hd:not(.dolu) .lg-acik,.yerel .hd:not(.dolu) .lg-acik{display:block}
.ana .hd:not(.dolu) .lg-koyu,.yerel .hd:not(.dolu) .lg-koyu{display:none}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic),.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic){color:#fff}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.ana .hd:not(.dolu) .nv-i.acik .nv-b,.yerel .hd:not(.dolu) .nv-i.acik .nv-b{background:rgba(255,255,255,.12)}
.hd.gizli{transform:translateY(-100%)}
body:not(.ana):not(.yerel) main{padding-top:var(--hd)}

/* ---------- bölümler ---------- */
.sec{padding:clamp(64px,8vw,120px) 0;position:relative}
.sec + .sec:not(.sec-kagit):not(.sec-ink):not(.sec-alt){padding-top:clamp(24px,3vw,48px)}
.sec-kagit,.sec-alt{background:var(--paper-2)}
.sec-ink{background:var(--ink);color:#fff}
.sec-ink .eyebrow{color:var(--muted-d)}
.sec-head{max-width:760px;margin:0 auto clamp(36px,4vw,56px);text-align:center}
.sec-head.left{margin-left:0;text-align:left}
.sec-head p{color:var(--muted);font-size:clamp(16px,1.3vw,18px);max-width:640px;margin-inline:auto}
.sec-head.left p{margin-inline:0}
.sec-ink .sec-head p{color:var(--muted-d)}
.sec-head h2:last-child{margin-bottom:0}
.vt-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vt-head h2{margin:0;max-width:760px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.14s}.d3{transition-delay:.22s}.d4{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.no-js .reveal{opacity:1;transform:none}

/* ---------- kırıntı ---------- */
.crumbs{padding:22px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a:hover{color:var(--text);text-decoration:underline}
.crumbs [aria-current]{color:var(--text);font-weight:500}
.crumbs + .sec{padding-top:clamp(28px,4vw,56px)}
.crumbs + .sec h1,.sec-bas h1{font-size:clamp(34px,4.6vw,62px)}

/* ======================= ANA SAYFA ======================= */
.kr{position:relative;min-height:100svh;display:flex;flex-direction:column;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate}
.kr-bg{position:absolute;inset:0;z-index:-1}
.kr-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;transform:scale(1.06);animation:kb 26s ease-out forwards}
.kr-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.92) 0%,rgba(8,8,9,.72) 38%,rgba(8,8,9,.2) 70%,rgba(8,8,9,.35) 100%),linear-gradient(180deg,rgba(8,8,9,.65) 0%,transparent 22%,transparent 62%,rgba(8,8,9,.9) 100%)}
@keyframes kb{to{transform:scale(1)}}
.kr-in{flex:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:calc(var(--hd) + 40px);padding-bottom:40px;width:100%}
.kr-h1{margin:0 0 24px;font-size:clamp(36px,4.3vw,66px);line-height:1.04}
.kr-ey{display:flex;align-items:center;gap:10px;font:600 13px/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--y);margin-bottom:22px}
.kr-ey::before{content:"";width:28px;height:2px;background:var(--y)}
.kr-ana{display:block}
.kr-ana .ac,.kr-h1 .ac{color:var(--y)}
.kr-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:rgba(255,255,255,.82);max-width:560px;margin-bottom:34px}
.kr-btn{display:flex;flex-wrap:wrap;gap:12px}
.kr-adres{display:flex;align-items:center;gap:8px;margin:30px 0 0;font-size:14px;color:rgba(255,255,255,.66)}
.kr-adres a{color:#fff;font-weight:600}
.kr-adres svg{color:var(--y)}
.kr-cihaz{position:relative;padding:0 6% 8% 0}
.mb2{position:relative;filter:drop-shadow(0 50px 70px rgba(0,0,0,.6))}
.mb2-ekran{position:relative;aspect-ratio:16/10;border-radius:16px 16px 4px 4px;overflow:hidden;background:#000;border:10px solid #1b1b1e;border-bottom-width:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1px #2c2c30}
.mb2-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity 1s ease}
.mb2-ekran img.on{opacity:1}
.mb2-ad{position:absolute;left:14px;bottom:14px;z-index:2;background:rgba(10,10,11,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 12.5px/1 var(--f-body);padding:9px 13px;border-radius:999px;transition:opacity .4s}
.mb2-alt{height:14px;margin:0 -7%;background:linear-gradient(180deg,#c9cacd,#8d8f94 60%,#5a5c60);border-radius:0 0 18px 18px;position:relative}
.mb2-alt::before{content:"";position:absolute;left:50%;top:0;width:18%;height:6px;transform:translateX(-50%);background:#6d6f73;border-radius:0 0 8px 8px}
.tl2{position:absolute;right:0;bottom:0;width:23%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.tl2-ekran{position:relative;aspect-ratio:393/852;border-radius:26px;overflow:hidden;background:#000;border:6px solid #111;box-shadow:0 0 0 1.5px #3a3b3f}
.tl2-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity 1s ease}
.tl2-ekran img.on{opacity:1}
.kr-logo{border-top:1px solid rgba(255,255,255,.1);padding:18px 0 20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}
.kr-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kr-trk{display:flex;width:max-content;animation:marq 60s linear infinite}
.kr-marq:hover .kr-trk{animation-play-state:paused}
.kr-trk span{flex:none;padding:0 32px;display:grid;place-items:center;height:44px}
.kr-trk img{max-height:34px;width:auto;max-width:140px;opacity:.72;transition:opacity .3s}
.kr-trk span:hover img{opacity:1}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.kr-trk{animation:none}.kr-bg img{animation:none;transform:none}}

/* üç yol */
.yol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.yol{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:clamp(26px,2.6vw,38px);min-height:100%;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.yol:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:transparent}
.yol-no{position:absolute;top:28px;right:30px;font:600 13px/1 var(--f-display);color:var(--muted)}
.yol-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--paper);margin-bottom:26px}
.yol-ic svg{width:26px;height:26px}
.yol h3{font-size:clamp(22px,2vw,28px);margin-bottom:12px}
.yol p{color:var(--muted)}
.yol ul{list-style:none;margin:0 0 28px;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:15px}
.yol li{display:flex;gap:10px;align-items:flex-start}
.yol li::before{content:"";width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--y);box-shadow:0 0 0 3px var(--y-soft);flex:none}
.yol-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700}
.yol:hover .yol-go svg{transform:translateX(4px)}
.yol-go svg{transition:transform .3s var(--ease)}
.yol-y{background:var(--ink);color:#fff;border-color:var(--ink)}
.yol-y p{color:var(--muted-d)}
.yol-y .yol-ic{background:var(--y);color:var(--ink)}
.yol-y ul{border-color:var(--line-d)}
.yol-y li::before{box-shadow:0 0 0 3px rgba(255,203,15,.25)}
.yol-y .yol-go{color:var(--y)}
.yol-rozet{position:absolute;top:24px;right:24px;background:var(--y);color:var(--ink);font:700 11.5px/1 var(--f-body);letter-spacing:.04em;padding:7px 11px;border-radius:999px}
.yol-y .yol-no{display:none}
.yol-kucuk .yol{padding:26px}
.yol-kucuk .yol h3{font-size:20px}

/* hazır site vitrini */
.vitrin{overflow:hidden}
.vitrin .vt-head{margin-bottom:40px}
.vt-ray{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,30vw,420px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad))) 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;overscroll-behavior-x:contain;scroll-padding-inline:max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad)))}
.vt-k{scroll-snap-align:start;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--rad-l);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .35s var(--ease)}
.vt-k:hover{border-color:rgba(255,203,15,.55);transform:translateY(-4px)}
.vt-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#000}
.vt-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.vt-k:hover .vt-img img{transform:scale(1.04)}
.vt-canli{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;background:rgba(10,10,11,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 12px/1 var(--f-body);padding:8px 11px;border-radius:999px}
.vt-canli i,.dm-live i{width:7px;height:7px;border-radius:50%;background:#33d17a;box-shadow:0 0 0 0 rgba(51,209,122,.6);animation:nab 2s infinite}
@keyframes nab{70%{box-shadow:0 0 0 8px rgba(51,209,122,0)}100%{box-shadow:0 0 0 0 rgba(51,209,122,0)}}
.vt-b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.vt-sek{font-size:12.5px;color:var(--muted-d);letter-spacing:.02em;margin-bottom:6px}
.vt-b h3{font-size:18px;margin-bottom:18px}
.vt-b h3 a:hover{color:var(--y)}
.vt-alt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line-d)}
.vt-f{font-size:13px;color:var(--muted-d)}
.vt-f b{font:700 17px/1 var(--f-display);color:#fff;letter-spacing:-.02em}
.vt-dene{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--y)}
.vt-dene svg{width:15px;height:15px}
.vt-not{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted-d);margin-top:8px}
.vt-not svg{color:var(--y);margin-top:3px}

/* referanslar */
.rf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rf{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.rf:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.rf-buyuk{grid-column:span 2;grid-row:span 2}
.rf-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--line)}
.rf-buyuk .rf-img{aspect-ratio:auto;flex:1;min-height:0}
.rf-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.rf:hover .rf-img img{transform:scale(1.03)}
.rf-b{display:flex;align-items:center;gap:12px;padding:16px 20px}
.rf-tag{font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;flex:none}
.rf-ad{font:600 15.5px/1.3 var(--f-display);letter-spacing:-.015em;flex:1;min-width:0}
.rf-b svg{flex:none;transition:transform .3s var(--ease)}
.rf:hover .rf-b svg{transform:translateX(4px)}

/* hizmet listesi */
.hz-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.hz-sol{position:sticky;top:calc(var(--hd) + 32px)}
.hz-sol p{color:var(--muted);font-size:17px;max-width:460px}
.hz-foto{margin:36px 0 0;border-radius:var(--rad-l);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--sh-2)}
.hz-foto img{width:100%;height:100%;object-fit:cover}
.hz-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.hz-list li{border-bottom:1px solid var(--line-2)}
.hz-list a{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:16px;align-items:center;padding:24px 0;transition:padding .35s var(--ease)}
.hz-list a:hover{padding-left:12px}
.hz-no{font:600 14px/1 var(--f-display);color:var(--muted)}
.hz-t b{display:block;font:600 clamp(18px,1.6vw,22px)/1.25 var(--f-display);letter-spacing:-.02em;margin-bottom:6px}
.hz-t small{display:block;font-size:15px;color:var(--muted);line-height:1.55}
.hz-ok{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);transition:background .3s,border-color .3s}
.hz-list a:hover .hz-ok{background:var(--y);border-color:var(--y)}

/* süreç */
.sr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:s}
.sr-list li{position:relative;padding:28px 22px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l)}
.sr-list li::after{content:"";position:absolute;top:47px;right:-17px;width:18px;height:2px;background:var(--line-2)}
.sr-list li:last-child::after{display:none}
.sr-no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--y);font:700 15px/1 var(--f-display);margin-bottom:22px}
.sr-list h3{font-size:17px}
.sr-list p{font-size:14.5px;color:var(--muted);margin:0}

/* Kadıköy */
.kadikoy{position:relative;min-height:min(820px,100svh);display:flex;align-items:center;padding:clamp(80px,10vw,140px) 0;isolation:isolate;overflow:hidden}
.kd-foto{position:absolute;inset:0;z-index:-1}
.kd-foto img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.kd-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.55),rgba(8,8,9,.05) 70%)}
.kd-in{width:100%}
.kd-kart{max-width:560px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-radius:var(--rad-l);padding:clamp(28px,3.4vw,48px);box-shadow:var(--sh-2)}
.kd-kart p{color:#3b3b3f}
.kd-sem{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kd-sem li{font-size:13.5px;padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.kd-btn{display:flex;flex-wrap:wrap;gap:10px}

/* görüşler */
.gr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gr{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:32px;display:flex;flex-direction:column}
.gr-q{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--y);margin-bottom:22px}
.gr blockquote{margin:0 0 26px;font-size:16.5px;line-height:1.65}
.gr figcaption{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column}
.gr figcaption b{font-family:var(--f-display);font-weight:600;font-size:15px}
.gr figcaption span{font-size:13.5px;color:var(--muted)}
.gr-more{text-align:center;margin-top:32px}

/* ekip */
.ek-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ek{display:flex;flex-direction:column}
.ek-f{display:block;aspect-ratio:4/5;border-radius:var(--rad);overflow:hidden;background:var(--paper);margin-bottom:12px}
.ek-f img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .8s var(--ease)}
.ek:hover .ek-f img{filter:none;transform:scale(1.04)}
.ek-f b{display:grid;place-items:center;height:100%;font:700 40px var(--f-display);color:var(--muted)}
.ek-ad{font:600 15px/1.3 var(--f-display);letter-spacing:-.015em}
.ek-rol{font-size:13.5px;color:var(--muted)}

/* blog */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl{display:flex;flex-direction:column}
.bl-img{display:block;aspect-ratio:16/9;border-radius:var(--rad);overflow:hidden;background:var(--paper-2);margin-bottom:16px}
.bl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bl:hover .bl-img img{transform:scale(1.04)}
.bl-m{font-size:13px;color:var(--muted);margin-bottom:6px}
.bl-t{font:600 19px/1.3 var(--f-display);letter-spacing:-.02em;margin-bottom:8px}
.bl:hover .bl-t{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px;text-underline-offset:4px}
.bl-x{font-size:15px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* SSS */
.sss-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq{display:grid;gap:10px;max-width:900px;margin:0 auto}
.sss-grid .faq{margin:0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);transition:border-color .3s,box-shadow .3s}
.faq details[open]{border-color:var(--line-2);box-shadow:var(--sh-1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 22px;font:600 16.5px/1.4 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s,background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--y)}
.faq .a{padding:0 22px 22px;color:var(--muted);line-height:1.7}

/* ======================= İÇ SAYFA BLOKLARI ======================= */
.prose{max-width:780px;font-size:17px;line-height:1.75}
.prose h2{font-size:clamp(24px,2.4vw,32px);margin:1.6em 0 .6em}
.prose h3{font-size:20px;margin:1.4em 0 .5em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose a{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:500}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin:.35em 0}
.prose img{border-radius:var(--rad);margin:1.4em 0}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--y);color:#333}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px;text-align:left}
.sec .wrap > .prose{margin-inline:auto}
.sec-head + .prose{margin-top:-10px}
.tick,.ticklist{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.tick li,.ticklist li{display:flex;gap:10px;align-items:flex-start}
.tick svg,.ticklist svg{color:#0b0b0c;background:var(--y);border-radius:50%;padding:2px;width:22px;height:22px;flex:none;margin-top:1px}
.tick svg circle,.ticklist svg circle{display:none}

/* hero (klasik, iç sayfalar) */
.hero{padding:clamp(48px,7vw,100px) 0 clamp(40px,5vw,72px)}
.hero h1{max-width:980px}
.hero h1 .ac,.hero h1 span{color:inherit;background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%)}
.hero .lead,.lead{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:720px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--y)}
.hero-stats{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap}
.hero-stats b{display:block;font:700 34px/1 var(--f-display)}
.hero-stats span{font-size:14px;color:var(--muted)}
.glow{display:none}

/* kartlar (services/features) */
.cards{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:kart}
.cards.c-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.c-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:28px;counter-increment:kart;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.cards .card::after{content:counter(kart,decimal-leading-zero);position:absolute;top:26px;right:26px;font:600 12.5px/1 var(--f-display);color:var(--muted)}
a.card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:transparent}
.c-edge{display:none}
.c-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--paper);margin-bottom:22px}
.c-ico svg{width:24px;height:24px}
a.card:hover .c-ico{background:var(--y)}
.card h3{font-size:19px;margin-bottom:10px}
.card p{color:var(--muted);font-size:15px;margin:0}
.c-go{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px}
.sec-ink .card,.sec-ink .yol{background:var(--ink-2);border-color:var(--line-d);color:#fff}
.sec-ink .card p{color:var(--muted-d)}

/* split */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.split.rev .split-media{order:-1}
.split-solo{grid-template-columns:minmax(0,1fr);max-width:900px}
.split-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.sl-l h1,.sl-l h2{margin:0}
.sl-r p{color:#36363a;font-size:17px}
.sl-r .ticklist{margin-top:22px}
.sec:not(.crumbs + .sec) .split-lead .sl-l h2{font-size:clamp(26px,2.8vw,38px)}
.split-txt p{color:#36363a;font-size:17px}
.split-media img{border-radius:var(--rad-l);box-shadow:var(--sh-2);width:100%;aspect-ratio:4/3;object-fit:cover}
.split .hero-cta{margin-top:24px!important}

/* bento (hakkımızda) */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bt{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:22px;display:flex;flex-direction:column;gap:8px;min-height:180px}
.bt-k{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bt-n{font:700 44px/1 var(--f-display)}
.bt-n em{font-style:normal;color:var(--y)}
.bt-bars{display:flex;gap:4px;align-items:flex-end;height:46px;margin-top:auto}
.bt-bars i{flex:1;height:var(--h);background:var(--y);border-radius:3px;opacity:.85}
.bt-icons{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.bt-icons svg{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--paper)}
.bt-avatars{display:flex;margin-top:auto}
.bt-avatars img,.bt-avatars b{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px;background:var(--paper);display:grid;place-items:center;font-size:13px}
.bt-avatars img:first-child{margin-left:0}
.bt-t{font-size:14px;color:var(--muted)}
.bt-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.bt-steps i{font-style:normal;font-size:12.5px;padding:4px 9px;border-radius:999px;background:var(--paper)}
.bt-line{display:none}

/* sayaç, logolar */
.counters{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cnt{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:26px}
.cnt b{display:block;font:700 40px/1 var(--f-display);margin-bottom:6px}
.cnt span{color:var(--muted)}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.logos .lg{display:grid;place-items:center;height:96px;background:var(--ink);border-radius:var(--rad)}
.logos img{max-height:40px;width:auto;max-width:130px;opacity:.85}

/* işler (products) */
.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
a.work:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.w-img{display:block;position:relative;background:var(--paper-2);border-bottom:1px solid var(--line)}
.w-bar{display:flex;gap:6px;padding:10px 12px;background:#ecebe6;border-bottom:1px solid var(--line)}
.w-bar i{width:9px;height:9px;border-radius:50%;background:#cfcdc5}
.w-img img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
a.work:hover .w-img img{transform:scale(1.03)}
.noimg{display:grid;place-items:center;aspect-ratio:16/10;color:var(--muted)}
.w-body{display:flex;align-items:center;gap:12px;padding:16px 18px}
.w-tag{font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;flex:none;white-space:nowrap}
.w-body h3{flex:1;font-size:15.5px;margin:0;min-width:0}
.w-go{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);transition:background .3s}
a.work:hover .w-go{background:var(--y)}
.works-more{text-align:center;margin-top:36px}

/* şehirler */
.cities{display:flex;flex-wrap:wrap;gap:10px}
.city{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line)}

/* ekip */
.grid{display:grid;gap:18px}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.tcard{padding:14px;counter-increment:none}
.cards .tcard::after,.tcard::after{display:none}
.tphoto{aspect-ratio:4/5;border-radius:var(--rad);overflow:hidden;background:var(--paper)}
.tphoto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s}
.tcard:hover .tphoto img{filter:none}
.tphoto-ph{display:grid;place-items:center;font:700 44px var(--f-display);color:var(--muted)}
.tinfo{padding:14px 4px 4px}
.tinfo h3{font-size:16px;margin-bottom:4px}
.tinfo p{font-size:13.5px;color:var(--muted)!important}
.member{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
.member-photo{border-radius:var(--rad-l);overflow:hidden;background:var(--paper-2)}
.member-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.member-txt p{font-size:17px;color:#36363a}

/* CTA bandı */
.cta-band{position:relative;background:var(--y);border-radius:clamp(20px,2.4vw,32px);padding:clamp(36px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:center;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:44px solid rgba(255,255,255,.28)}
.cta-band h2{margin:0;font-size:clamp(24px,2.8vw,38px);position:relative;z-index:1}
.cta-band p{margin:10px 0 0;color:#2b2b2b;grid-column:1;position:relative;z-index:1}
.cta-band .hero-cta{grid-column:2;grid-row:1 / span 2;margin:0;position:relative;z-index:1}
.cta-band .btn-pri{background:var(--ink);color:#fff}
.cta-band .btn-pri:hover{background:#26262a;box-shadow:none}
.cta-band .btn-wa{background:#fff;color:var(--ink)}

/* blog kartları (posts) */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.post:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.post-img{position:relative;aspect-ratio:16/9;background:var(--paper-2)}
.post-img img{width:100%;height:100%;object-fit:cover}
.post-chips{position:absolute;left:12px;top:12px;display:flex;gap:6px}
.chip{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92)}
.chip-y{background:var(--y)}
.post-b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-b h3{font-size:18px}
.post-b p{color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post .more{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:14.5px}

/* görüş kartları (quotes) */
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.quote{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:30px;display:flex;flex-direction:column}
.q-mark{font:700 64px/0.6 var(--f-display);color:var(--y);height:28px}
.quote blockquote{margin:16px 0 22px;font-size:16px;line-height:1.7}
.quote figcaption{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.q-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--y);font:700 14px var(--f-display);flex:none}
.q-who{display:flex;flex-direction:column}
.q-who span{font-size:13.5px;color:var(--muted)}

/* süreç (steps) */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:26px 22px}
.steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--y);font:700 14px var(--f-display);margin-bottom:18px}
.steps h3{font-size:17px}
.steps p{color:var(--muted);font-size:14.5px;margin:0}

/* yazılım vitrini */
.yz-aura{display:none}
.yz-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.yz-h{font-size:clamp(32px,4.4vw,58px)}
.yz-h span{background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%)}
.yz-lead{font-size:18px;color:var(--muted)}
.yz-chips{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.yz-chips li{font-size:13.5px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.yz-win{background:var(--ink);color:#e9e9ea;border-radius:var(--rad-l);overflow:hidden;box-shadow:var(--sh-2);font:500 13.5px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}
.yz-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-d)}
.yz-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a3f}
.yz-bar i:first-child{background:var(--y)}
.yz-bar span{margin-left:10px;color:var(--muted-d);font-size:12px}
.yz-code{margin:0;padding:18px 18px 18px 46px;color:#d9d9db}
.yz-code li::marker{color:#56565c}
.yz-ok{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line-d);color:#33d17a;font-family:var(--f-body)}
.yz-proofs{display:none}
.yz-tabs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}
.yz-tablist{display:flex;flex-direction:column;gap:4px}
.yz-tablist button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 14px;border:1px solid transparent;border-radius:12px;background:none;cursor:pointer;font-weight:500;font-size:15px}
.yz-tablist button:hover{background:var(--card)}
.yz-tablist button[aria-selected=true]{background:var(--ink);color:#fff}
.yz-tablist button[aria-selected=true] svg{color:var(--y)}
.yz-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:clamp(24px,3vw,40px)}
.yz-tabs:not(.js) .yz-panel{margin-bottom:16px}
.yz-p-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.yz-p-head h3{margin:0;font-size:24px}
.yz-p-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--y)}
.yz-p-text{color:var(--muted)}
.yz-sys{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.yz-sys li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.yz-sys svg{color:var(--ok);margin-top:3px}
.yz-detay{display:inline-flex;align-items:center;gap:8px;font-weight:700;border-bottom:2px solid var(--y);margin:6px 0 18px}
.yz-p-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}
.yz-ornek{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--muted)}
.yz-ornek svg{color:var(--y)}
.yz-ent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yz-ent-g{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:24px}
.yz-ent-g h3{font-size:16px}
.yz-ent-g ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.yz-ent-g li{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--paper)}
.yz-ent-not{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}

/* ======================= HAZIR SİTELER (demo) ======================= */
.mb{display:block;position:relative}
.mb-lid{display:block;background:#1b1b1e;border-radius:12px 12px 3px 3px;padding:7px 7px 9px;box-shadow:0 0 0 1px #2c2c30}
.mb-screen{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#000}
.mb-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.mb-base{display:block;height:9px;margin:0 -6%;background:linear-gradient(180deg,#c9cacd,#8d8f94 60%,#5a5c60);border-radius:0 0 12px 12px}
.ph{display:block;position:absolute;right:0;bottom:-4%;width:21%}
.ph-bezel{display:block;border-radius:18px;background:#111;padding:4px;box-shadow:0 0 0 1.2px #3a3b3f,0 20px 30px -10px rgba(0,0,0,.5)}
.ph-screen{display:block;aspect-ratio:393/852;border-radius:14px;overflow:hidden;background:#000}
.ph-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.dm-cihaz{display:block;position:relative;padding:0 7% 4% 0}
.dm-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ok)}
.dm-tag{font-size:12.5px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:3px 10px}
.dm-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dm-marka{font-size:13px;color:var(--muted);margin:-4px 0 10px}
.dm-marka span{opacity:.7}
.dm-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.dm-fiyat b{font:700 22px/1 var(--f-display);letter-spacing:-.03em}
.dm-fiyat small{font-size:13px;color:var(--muted)}
.dm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dm-grid.tek{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto}
.dm-grup{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:44px 0 18px;padding-top:24px;border-top:1px solid var(--line)}
.dm-grup h3{margin:0;font-size:22px}
.dm-grup p{margin:0;color:var(--muted);flex:1;min-width:240px}
.dm-grup a{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.dm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;display:flex;flex-direction:column}
.dm-shot{display:block;padding:28px 28px 18px;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.dm-body{padding:22px 26px 26px;display:flex;flex-direction:column;flex:1}
.dm-body h3{font-size:20px}
.dm-text{color:var(--muted);font-size:15px}
.dm-feat{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:6px;font-size:14.5px}
.dm-feat li{display:flex;gap:8px}
.dm-feat svg{color:var(--ok);margin-top:3px}
.dm-btns,.dmk-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dm-not{font-size:13.5px;color:var(--muted);margin-top:26px;text-align:center}

/* demo vitrin sayfası */
.dm-vit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.dm-vit-txt p{color:#36363a;font-size:17px}
.dm-vit-txt .dm-fiyat{margin-top:22px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);display:inline-flex}
.dm-uyari{display:flex;gap:10px;font-size:13.5px;color:var(--muted);margin-top:20px}
.dm-uyari svg{color:var(--y);margin-top:2px}
.dm-bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;margin:clamp(36px,4vw,56px) 0 0}
.dm-bilgi div{background:var(--card);padding:18px 20px}
.dm-bilgi dt{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.dm-bilgi dd{margin:0;font-weight:600}
.dm-bilgi a{border-bottom:1.5px solid var(--y)}
.sec-paket{background:var(--ink);color:#fff}
.sec-paket .eyebrow{color:var(--muted-d)}
.sec-paket .sec-head p{color:var(--muted-d)}
.dm-gal-m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.dm-win{margin:0}
.dm-win a{display:block;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-1);transition:box-shadow .35s,transform .35s var(--ease)}
.dm-win a:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.dm-win-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#ecebe6;border-bottom:1px solid var(--line)}
.dm-win-bar i{width:9px;height:9px;border-radius:50%;background:#cfcdc5}
.dm-win-bar span{margin-left:10px;font-size:12px;color:var(--muted);background:#fff;border-radius:6px;padding:3px 10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-win img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.dm-win figcaption,.dm-tel figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.dm-gal-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;margin-top:40px}
.dm-tel{margin:0}
.dm-tel .ph{position:relative;right:auto;bottom:auto;width:100%}

/* demo kataloğu */
.dmk{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.dmk-side{position:sticky;top:calc(var(--hd) + 20px)}
.dmk-side-h{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.dmk-nav{display:flex;flex-direction:column;gap:2px}
.dmk-k{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14.5px;transition:background .2s}
.dmk-k span{flex:1}
.dmk-k b{font-size:12px;font-weight:600;color:var(--muted);background:var(--paper-2);border-radius:999px;padding:2px 8px}
.dmk-k:hover{background:var(--card)}
.dmk-k.on{background:var(--ink);color:#fff}
.dmk-k.on svg{color:var(--y)}
.dmk-k.on b{background:var(--y);color:var(--ink)}
.dmk-k.bos{opacity:.45}
.dmk-k small{font-size:11.5px}
.dmk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
.dmk-ara{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:0 16px;height:48px}
.dmk-ara input{flex:1;border:0;outline:0;background:none;font-size:15px;min-width:0}
.dmk-ara:focus-within{border-color:var(--ink)}
.dmk-say{font-size:14px;color:var(--muted)}
.dmk-say b{color:var(--text)}
.dmk-sira{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.dmk-sira select{height:40px;border:1px solid var(--line-2);border-radius:999px;padding:0 12px;background:var(--card)}
.dmk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dmk-card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s}
.dmk-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.dmk-shot{display:block;padding:20px 20px 12px;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.dmk-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.dmk-body h3{font-size:17px;margin-bottom:6px}
.dmk-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--y)}
.dmk-text{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dmk-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.dmk-chips li{font-size:12px;padding:4px 9px;border-radius:999px;background:var(--paper)}
.dmk-body .dm-fiyat{margin-top:auto;padding-top:14px}
.dmk-body .dm-fiyat b{font-size:19px}
.dmk-btns{margin-top:14px}
.dmk-btns .btn{min-height:42px;padding:0 16px;font-size:14px;flex:1}
.dmk-yok{text-align:center;color:var(--muted);padding:40px 0}

/* ======================= İLETİŞİM ======================= */
.ct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.ct-lead{color:var(--muted);font-size:17px}
.ct-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:18px}
.ct-list li{display:flex;gap:14px;align-items:flex-start}
.ct-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--y);flex:none}
.ct-list b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ct-list a{font-weight:600}
.ct-map{position:relative;display:block;border-radius:var(--rad-l);overflow:hidden;aspect-ratio:16/10}
.ct-map img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ct-map:hover img{transform:scale(1.04)}
.ct-map span{position:absolute;left:14px;bottom:14px;display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px;box-shadow:var(--sh-1)}
.ct-form{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:clamp(24px,3vw,40px);box-shadow:var(--sh-1);display:grid;gap:16px}
.hp{position:absolute!important;left:-9999px!important;opacity:0}
.ct-konu{border:0;padding:0;margin:0}
.ct-konu legend{font-weight:600;margin-bottom:10px;font-size:15px}
.ct-konu{display:flex;flex-wrap:wrap;gap:8px}
.ct-konu label{cursor:pointer}
.ct-konu input{position:absolute;opacity:0;pointer-events:none}
.ct-konu span{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;transition:background .2s,border-color .2s}
.ct-konu input:checked + span{background:var(--ink);color:#fff;border-color:var(--ink)}
.ct-konu input:focus-visible + span{outline:2px solid var(--y);outline-offset:2px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fl{display:flex;flex-direction:column;gap:7px}
.fl span{font-size:14px;font-weight:600}
.fl input,.fl textarea,.fl select{width:100%;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);padding:13px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.fl textarea{resize:vertical;min-height:130px}
.fl :is(input,textarea,select):focus{outline:0;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(255,203,15,.35)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink);flex:none}
.chk a{color:var(--text);border-bottom:1px solid var(--y)}
.ct-not{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0}
.msg{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:12px;font-weight:500}
.msg.ok{background:#e7f6ec;color:#14622f}
.msg.err{background:#fdecea;color:#8f2418}

/* yerel sayfalar */
.yr-kr{position:relative;min-height:min(86svh,820px);display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden;padding:calc(var(--hd) + 40px) 0 clamp(48px,6vw,88px)}
.yr-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.yr-kr::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,9,.6),rgba(8,8,9,.15) 35%,rgba(8,8,9,.85))}
.yr-in{width:100%}
.yr-in .crumbs{padding:0 0 28px}
.yr-in .crumbs .wrap{padding:0}
.yr-in .crumbs ol,.yr-in .crumbs [aria-current]{color:rgba(255,255,255,.8)}
.yr-in .eyebrow{color:var(--y)}
.yr-in h1{max-width:900px;font-size:clamp(38px,6vw,84px)}
.yr-lead{font-size:clamp(17px,1.4vw,20px);max-width:680px;color:rgba(255,255,255,.85);margin-bottom:30px}
.yr-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:start}
.yr-yan{display:grid;gap:16px;position:sticky;top:calc(var(--hd) + 24px)}
.yr-kutu{background:var(--card);border:1px solid var(--line);border-radius:var(--rad-l);padding:26px}
.yr-kh{font-size:18px!important;margin-bottom:12px!important}
.yr-nap p{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:15px}
.yr-nap svg{margin-top:4px}

.sec-404{text-align:center;padding:clamp(80px,12vw,160px) 0}
.sec-404 h1{max-width:760px;margin:0 auto 14px}
.sec-404 p{color:var(--muted);font-size:18px}
.sec-404 .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}

/* ======================= ALT BİLGİ ======================= */
.ft{background:var(--ink);color:#fff;margin-top:0}
.ft-cta{border-bottom:1px solid var(--line-d)}
.ft-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.ft-big{font:700 clamp(32px,5vw,72px)/1.02 var(--f-display);letter-spacing:-.04em;margin:0;max-width:840px}
.ft-big span{color:var(--y)}
.ft-cta-b{display:flex;flex-wrap:wrap;gap:12px}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px;padding-top:64px;padding-bottom:48px}
.ft-about p{color:var(--muted-d);font-size:14.5px;margin:20px 0}
.ft-nap{font-style:normal;display:grid;gap:10px;font-size:14.5px}
.ft-nap > a,.ft-nap > span{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.86)}
.ft-nap svg{color:var(--y);margin-top:3px}
.ft-nap a:hover{color:#fff}
.ft-sos{display:flex;gap:8px;margin-top:22px}
.ft-sos a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-d);transition:background .2s,color .2s}
.ft-sos a:hover{background:var(--y);color:var(--ink);border-color:var(--y)}
.ft-h{font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-d);margin-bottom:16px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14.5px}
.ft ul a{color:rgba(255,255,255,.82);transition:color .2s}
.ft ul a:hover{color:var(--y)}
.ft-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:28px;border-top:1px solid var(--line-d);font-size:13.5px;color:var(--muted-d)}
.ft-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-pay{display:inline-flex;align-items:center;gap:8px}
.ft-pay svg{color:var(--y)}
.wa-fab{position:fixed;right:18px;bottom:18px;z-index:85;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#1fae5b;color:#fff;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);transition:transform .3s var(--ease)}
.wa-fab:hover{transform:scale(1.07)}
.wa-fab svg{width:28px;height:28px}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:95;max-width:640px;margin-inline:auto;background:var(--ink);color:#fff;border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:16px;box-shadow:var(--sh-2);font-size:14px}
.cerez p{margin:0;flex:1}
.cerez a{color:var(--y);text-decoration:underline}
.cerez div{display:flex;gap:8px}
.cerez .btn{min-height:40px}
.cerez .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}

/* ======================= DUYARLI ======================= */
@media (max-width:1200px){
  .nv-a,.nv-b{padding:0 10px;font-size:14.5px}
  .hd-cta{display:none}
  .ek-grid,.g-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sr-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sr-list li::after{display:none}
  .dmk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-about{grid-column:1 / -1}
  .cards.c-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1040px){
  :root{--hd:68px}
  .hd-logo,.hd-logo img{width:132px}
  .hd-burger{display:block}
  .nv{position:fixed;inset:var(--hd) 0 0;display:block;margin:0;background:var(--paper);overflow-y:auto;padding:18px var(--pad) 40px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s var(--ease),visibility 0s .25s}
  .menu-acik .nv{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s var(--ease)}
  .menu-acik .hd{background:var(--paper)!important;border-color:var(--line)!important}
  .menu-acik .hd .lg-acik{display:none!important}.menu-acik .hd .lg-koyu{display:block!important}
  .menu-acik .hd :is(.hd-ic){color:var(--text)!important}
  .menu-acik{overflow:hidden}
  .nv-a,.nv-b{display:flex;width:100%;justify-content:space-between;height:auto;padding:16px 4px;border-radius:0;border-bottom:1px solid var(--line);font:600 22px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--text)!important;background:none!important;box-shadow:none!important}
  .nv-b svg{width:20px;height:20px}
  .nv-a.on::after,.nv-i.on .nv-b::after{display:none}
  .nv-a.on,.nv-i.on .nv-b{color:var(--text)}
  .mega,.mega-sm{position:static;opacity:1;visibility:visible;transform:none!important;box-shadow:none;border:0;border-radius:0;width:auto;display:none;background:none}
  .nv-i.acik .mega{display:block}
  .mega-in,.mega-sm .mega-in{padding:12px 0 18px;grid-template-columns:1fr!important;gap:18px}
  .mg-intro{padding:18px}
  .mg-t{font-size:16px}
  .mg-2c{grid-template-columns:1fr 1fr}
  .nv-mob{display:grid;gap:14px;margin-top:28px}
  .nv-tel{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:17px;padding:12px}
  .kr-in{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--hd) + 36px)}
  .kr-cihaz{max-width:620px;width:100%;margin:10px auto 0}
  .yol-grid,.rf-grid,.gr-grid,.bl-grid,.posts,.quotes,.works,.cards,.yz-ent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-buyuk{grid-column:span 2;grid-row:auto}
  .rf-buyuk .rf-img{aspect-ratio:16/10}
  .hz-grid,.sss-grid,.ct-grid,.split,.split-lead,.member,.dm-vit-grid,.yz-grid,.yr-grid{grid-template-columns:minmax(0,1fr)}
  .hz-sol,.yr-yan{position:static}
  .hz-foto{display:none}
  .yz-tabs{grid-template-columns:minmax(0,1fr)}
  .yz-tablist{flex-direction:row;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  .yz-tablist button{flex:none;white-space:nowrap;border:1px solid var(--line)}
  .dmk{grid-template-columns:minmax(0,1fr)}
  .dmk-side{position:static}
  .dmk-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .dmk-k{flex:none;white-space:nowrap;border:1px solid var(--line);background:var(--card)}
  .dmk-k small{display:none}
  .dmk-k.bos{display:none}
  .dm-gal-m{grid-template-columns:minmax(0,1fr)}
  .cta-band{grid-template-columns:minmax(0,1fr)}
  .cta-band .hero-cta{grid-column:1;grid-row:auto}
}
@media (max-width:720px){
  body{font-size:15.5px}
  .yol-grid,.rf-grid,.gr-grid,.bl-grid,.posts,.quotes,.works,.cards,.cards.c-2,.cards.c-4,.dm-grid,.dmk-grid,.yz-ent-grid,.g-3,.g-4,.counters,.f2,.bento{grid-template-columns:minmax(0,1fr)}
  .rf-buyuk{grid-column:auto}
  .ek-grid,.g-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-list{grid-template-columns:minmax(0,1fr)}
  .yz-sys{grid-template-columns:minmax(0,1fr)}
  .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr{min-height:auto}
  .kr-h1{font-size:clamp(34px,10vw,46px)}
  .kr-ey{font-size:11.5px;letter-spacing:.12em}
  .kr-btn .btn{flex:1 1 100%}
  .kr-adres{flex-wrap:wrap}
  .kr-bg::after{background:linear-gradient(180deg,rgba(8,8,9,.82),rgba(8,8,9,.7) 50%,rgba(8,8,9,.92))}
  .kr-trk span{padding:0 20px}
  .vt-head .btn{width:100%}
  .hz-list a{grid-template-columns:36px minmax(0,1fr) 36px;gap:10px}
  .hz-ok{width:36px;height:36px}
  .kd-kart{padding:24px}
  .cerez{flex-direction:column;align-items:stretch;bottom:84px}
  .cerez div .btn{flex:1}
  .onizleme{bottom:84px;left:12px;font-size:11.5px}
  .yz-p-foot .btn{width:100%}
  .dm-shot,.dmk-shot{padding:18px 18px 10px}
  .mg-2c{grid-template-columns:1fr}
}
@media (max-width:420px){
  .ft-grid{grid-template-columns:minmax(0,1fr)}
  .hd-ic{width:40px}
}
@media print{.hd,.ft,.wa-fab,.cerez,.onizleme{display:none}body:not(.ana) main{padding:0}}

/* Başlık seviyesi düzeltmesi (SEO katmanı h3'ü h2'ye çevirebilir): bileşen başlıkları etiketten bağımsız */
.card :is(h2,h3,h4){font-size:19px;margin-bottom:10px;letter-spacing:-.015em;line-height:1.25}
.w-body :is(h2,h3,h4){flex:1;font-size:15.5px;margin:0;min-width:0;letter-spacing:-.015em;line-height:1.25}
.post-b :is(h2,h3,h4){font-size:18px;letter-spacing:-.015em;line-height:1.25}
.tinfo :is(h2,h3,h4){font-size:16px;margin-bottom:4px;letter-spacing:-.015em}
.dm-body :is(h2,h3,h4){font-size:20px;letter-spacing:-.015em;line-height:1.25}
.dmk-body :is(h2,h3,h4){font-size:17px;margin-bottom:6px;letter-spacing:-.015em;line-height:1.25}
.dm-grup :is(h2,h3,h4){margin:0;font-size:22px}
.yz-p-head :is(h2,h3,h4){margin:0;font-size:24px}
.yz-ent-g :is(h2,h3,h4){font-size:16px}
:is(.steps,.sr-list) li :is(h2,h3,h4){font-size:17px;letter-spacing:-.015em;line-height:1.25}
.yol :is(h2,h3,h4){font-size:clamp(22px,2vw,28px);margin-bottom:12px}
.yol-kucuk .yol :is(h2,h3,h4){font-size:20px}
.vt-b :is(h2,h3,h4){font-size:18px;margin-bottom:18px;letter-spacing:-.015em;line-height:1.25}
.member-txt h1{font-size:clamp(34px,4.4vw,58px)}


/* =====================================================================
   v1 · PREMIUM BEYAZ KURUMSAL KATMANI (10.10, kullanıcı: sarı karşılama ve tüm dil "hiç beğenmedim",
   "hepsi sıfırdan" → "premium beyaz kurumsal"). Beyaz zemin, mürekkep siyahı düğmeler, ince çizgiler,
   gerçek fotoğraf. Logo sarısı YALNIZ ayrıntıda (küçük nokta, seçim rengi). Köşeler küçük, gölge az.
   ===================================================================== */
:root{
  --ink:#0d0f12; --ink-2:#16191e; --ink-3:#20242a;
  --paper:#ffffff; --paper-2:#f5f5f2; --card:#fff;
  --line:rgba(13,15,18,.09); --line-2:rgba(13,15,18,.16); --line-d:rgba(255,255,255,.12);
  --text:#0d0f12; --muted:#5a6068; --muted-d:rgba(255,255,255,.62);
  --rad:10px; --rad-l:14px; --rad-s:8px;
  --hd:80px;
  --sh-1:0 1px 2px rgba(13,15,18,.04),0 8px 24px -12px rgba(13,15,18,.12);
  --sh-2:0 2px 4px rgba(13,15,18,.04),0 24px 48px -24px rgba(13,15,18,.22);
}
body{background:#fff;font-size:16.5px}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em}
h1{font-weight:600;letter-spacing:-.035em;line-height:1.06}
h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.03em;line-height:1.1}
:focus-visible{outline-color:var(--ink)}
.eyebrow{font:600 12px/1.3 var(--f-body);letter-spacing:.16em;color:var(--muted);gap:10px}
.eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--y)}
.lnk{border-bottom:1px solid var(--ink)}
.lnk:hover{background:none;opacity:.7}

/* düğmeler: köşeli-yumuşak, mürekkep */
.btn{border-radius:var(--rad-s);font-weight:600;min-height:48px}
.btn-lg{min-height:56px;padding:0 28px}
.btn-pri,.btn-dark{background:var(--ink);color:#fff}
.btn-pri:hover,.btn-dark:hover{background:#2a2e35;box-shadow:none}
.btn-ghost{border-color:var(--line-2);background:#fff}
.btn-ghost:hover{border-color:var(--ink);background:#fff}

/* başlık: her sayfada beyaz, ince çizgi */
.hd,.ana .hd:not(.dolu),.yerel .hd:not(.dolu){background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.hd .lg-koyu,.ana .hd:not(.dolu) .lg-koyu,.yerel .hd:not(.dolu) .lg-koyu{display:block}
.hd .lg-acik,.hd .lg-siyah,.ana .hd:not(.dolu) .lg-acik,.yerel .hd:not(.dolu) .lg-acik{display:none}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic),.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic){color:var(--text)}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.ana .hd:not(.dolu) .nv-i.acik .nv-b,.yerel .hd:not(.dolu) .nv-i.acik .nv-b{background:rgba(13,15,18,.05)}
.nv-a,.nv-b{border-radius:var(--rad-s);font-weight:500;font-size:15px}
.nv-a.on::after,.nv-i.on .nv-b::after{background:var(--ink);height:1.5px;bottom:2px}
.nv-yeni{background:none;border:1px solid var(--line-2);color:var(--muted);font-weight:600;padding:2px 7px}
.hd-say{background:var(--ink);color:#fff}
.hd-cta{border-radius:var(--rad-s)}
.mega{box-shadow:0 30px 50px -40px rgba(13,15,18,.35)}
.mg-intro,.mg-intro-y{background:var(--paper-2);border-radius:var(--rad)}
.mg-intro-y .eyebrow{color:var(--muted)}
.mg-intro-y .eyebrow::before{background:var(--y)}
.mg-t{font-weight:600}
.mega li a:hover{background:var(--paper-2)}
.hd-burger{border-radius:var(--rad-s)}
/* karşılamalar artık başlığın ALTINDAN başlar */
.yerel main{padding-top:var(--hd)}
.yr-kr{padding-top:40px;min-height:min(78svh,760px)}
.yr-in .eyebrow{color:#fff}

/* bölümler */
.sec-kagit,.sec-alt{background:var(--paper-2)}
.sec-ink{background:var(--ink)}
.sec + .sec:not(.sec-kagit):not(.sec-ink):not(.sec-alt){padding-top:clamp(64px,8vw,120px)}
.abb-bas{max-width:720px;margin:0 0 clamp(36px,4vw,60px)}
.abb-bas h2{margin:0}
.abb-bas p{color:var(--muted);font-size:clamp(16px,1.25vw,18px);margin:18px 0 0;max-width:620px}
.abb-yan{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.abb-yan h2{max-width:720px}
.abk-lnk{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;padding-bottom:3px;border-bottom:1px solid var(--ink);white-space:nowrap}
.abk-lnk svg{transition:transform .3s var(--ease)}
.abk-lnk:hover svg{transform:translateX(4px)}

/* ======================= ANA SAYFA: KARŞILAMA ======================= */
.abk{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:100svh;padding-top:var(--hd);background:#fff}
.abk-sol{display:flex;align-items:center;padding:clamp(40px,6vh,80px) clamp(32px,4vw,72px) clamp(40px,6vh,72px) max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad)))}
.abk-ic{max-width:620px}
.abk-h1{font-size:clamp(40px,4.3vw,72px);line-height:1.04;margin:0 0 28px;max-width:13ch}
.abk-ust{display:flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;max-width:none}
.abk-ust::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--y);flex:none}
.abk-lead{font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--muted);max-width:540px;margin-bottom:36px}
.abk-btn{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px}
.abk-olgu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:clamp(40px,7vh,72px) 0 0;padding-top:26px;border-top:1px solid var(--line)}
.abk-olgu div{margin:0}
.abk-olgu dt{font:600 clamp(24px,2vw,32px)/1 var(--f-display);letter-spacing:-.03em;margin-bottom:8px}
.abk-olgu dd{margin:0;font-size:14px;color:var(--muted);line-height:1.4}
.abk-sag{position:relative;min-height:420px}
.abk-sag > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.abk-kart{position:absolute;left:clamp(-72px,-4vw,-24px);bottom:clamp(28px,6vh,64px);width:clamp(260px,22vw,360px);background:#fff;border-radius:var(--rad);box-shadow:0 30px 60px -20px rgba(13,15,18,.35),0 0 0 1px rgba(13,15,18,.05);padding:10px;z-index:2;transition:transform .4s var(--ease)}
.abk-kart:hover{transform:translateY(-4px)}
.abk-kart-g{position:relative;display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--paper-2)}
.abk-kart-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .9s ease}
.abk-kart-g img.on{opacity:1}
.abk-kart-b{display:flex;flex-direction:column;gap:2px;padding:12px 6px 4px}
.abk-kart-b small{font-size:12px;color:var(--muted);letter-spacing:.02em}
.abk-kart-b b{font:600 15px/1.3 var(--f-display);letter-spacing:-.015em;transition:opacity .4s}

/* müşteri logoları */
.abl{border-bottom:1px solid var(--line);padding:26px 0}
.abl-in{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px}
.abl-t{margin:0;font-size:13.5px;color:var(--muted);max-width:140px;line-height:1.4}
.abl .kr-trk img{filter:invert(1) grayscale(1);opacity:.5}
.abl .kr-trk span:hover img{opacity:.9}

/* üç yol */
.aby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.aby-k{display:flex;flex-direction:column}
.aby-f{display:block;aspect-ratio:4/3;border-radius:var(--rad);overflow:hidden;background:var(--paper-2);margin-bottom:26px}
.aby-f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.aby-f .aby-ekran{object-position:top}
.aby-k:hover .aby-f img{transform:scale(1.04)}
.aby-no{font:600 13px/1 var(--f-display);color:var(--muted);margin-bottom:14px}
.aby-k h3{font-size:clamp(22px,1.9vw,27px);margin-bottom:12px}
.aby-k p{color:var(--muted);margin-bottom:18px}
.aby-fiyat{align-self:flex-start;font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;background:var(--paper-2);margin-bottom:18px}
.aby-go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:600;padding-bottom:3px;border-bottom:1px solid var(--ink)}
.aby-go svg{transition:transform .3s var(--ease)}
.aby-k:hover .aby-go svg{transform:translateX(4px)}

/* referanslar */
.abr{padding-top:0!important}
.abr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,32px) clamp(16px,1.6vw,24px)}
.abr-k{display:flex;flex-direction:column}
.abr-img{display:block;aspect-ratio:16/10;border-radius:var(--rad);overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}
.abr-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.abr-k:hover .abr-img img{transform:scale(1.03)}
.abr-b{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 2px 0}
.abr-ad{font:600 17px/1.3 var(--f-display);letter-spacing:-.015em}
.abr-tag{font-size:13px;color:var(--muted);flex:none}

/* hazır siteler */
.abh .abb-bas{margin-bottom:40px}
.abh-ray{grid-auto-columns:clamp(280px,28vw,400px);gap:24px;scrollbar-color:rgba(13,15,18,.25) transparent}
.abh-k{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .35s,transform .35s var(--ease)}
.abh-k:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.abh-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--line)}
.abh-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.abh-b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.abh-sek{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.abh-b :is(h2,h3,h4){font-size:18px;margin-bottom:20px;letter-spacing:-.015em;line-height:1.3}
.abh-alt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.abh-f{font-size:13px;color:var(--muted)}
.abh-f b{font:600 18px/1 var(--f-display);color:var(--ink);letter-spacing:-.02em}
.abh-dene{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px}
.abh-dene svg{width:15px;height:15px}
.abh-dene:hover{text-decoration:underline;text-underline-offset:4px}
.abh-not{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin-top:8px}
.abh-not svg{margin-top:3px}

/* hizmet dizini */
.abz-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,110px);align-items:start}
.abz-sol{position:sticky;top:calc(var(--hd) + 40px)}
.abz-sol h2{margin-bottom:18px}
.abz-sol p{color:var(--muted);font-size:17px;max-width:440px;margin-bottom:28px}
.abz-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.abz-list li{border-bottom:1px solid var(--line-2)}
.abz-list a{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:16px;align-items:center;padding:24px 0}
.abz-no{font:600 13px/1 var(--f-display);color:var(--muted)}
.abz-t b{display:block;font:600 clamp(18px,1.5vw,21px)/1.3 var(--f-display);letter-spacing:-.02em;margin-bottom:5px}
.abz-t small{display:block;font-size:15px;color:var(--muted);line-height:1.55}
.abz-ok{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);transition:background .3s,color .3s,border-color .3s}
.abz-list a:hover .abz-ok{background:var(--ink);border-color:var(--ink);color:#fff}
.abz-list a:hover .abz-t b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* süreç */
.abs-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink)}
.abs-list li{padding:28px 28px 8px 0;position:relative}
.abs-list li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.abs-list li:first-child::before{background:var(--y);box-shadow:0 0 0 1px var(--ink)}
.abs-no{display:block;font:600 13px/1 var(--f-display);color:var(--muted);margin-bottom:16px}
.abs-list :is(h2,h3,h4){font-size:18px;margin-bottom:10px;letter-spacing:-.015em;line-height:1.3}
.abs-list p{font-size:15px;color:var(--muted);margin:0}

/* Kadıköy */
.kd-foto::after{background:linear-gradient(90deg,rgba(13,15,18,.35),rgba(13,15,18,0) 65%)}
.kd-kart{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--rad-l);box-shadow:0 30px 60px -30px rgba(13,15,18,.45)}
.kd-kart p{color:var(--muted)}
.kd-sem li{background:#fff;border-color:var(--line-2);border-radius:var(--rad-s)}

/* görüşler */
.abg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.abg-k{margin:0;padding-top:28px;border-top:1px solid var(--ink);display:flex;flex-direction:column}
.abg-k blockquote{margin:0 0 28px;font:500 clamp(17px,1.3vw,19px)/1.6 var(--f-body);letter-spacing:-.005em}
.abg-k figcaption{margin-top:auto;display:flex;flex-direction:column}
.abg-k figcaption b{font:600 15px/1.3 var(--f-display)}
.abg-k figcaption span{font-size:13.5px;color:var(--muted)}

/* ekip, blog, SSS: sade */
.ek-f{border-radius:var(--rad)}
.bl-img{border-radius:var(--rad)}
.bl:hover .bl-t{text-decoration-color:var(--ink);text-decoration-thickness:1px}
.faq{gap:0;border-top:1px solid var(--ink)}
.faq details,.faq details[open]{background:none;border:0;border-bottom:1px solid var(--line-2);border-radius:0;box-shadow:none}
.faq summary{padding:22px 0;font:600 17px/1.4 var(--f-display);letter-spacing:-.01em}
.faq summary::after{background-color:transparent;border:1px solid var(--line-2)}
.faq details[open] summary::after{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");border-color:var(--ink)}
.faq .a{padding:0 48px 24px 0}

/* iç sayfalardaki büyük sarı yüzeyler → mürekkep/kâğıt (sarı yalnız ayrıntı) */
.hero h1 .ac,.hero h1 span{background:none}
.tick svg,.ticklist svg{background:var(--ink);color:#fff}
.sr-no,.steps b,.gr-q,.ct-ic,.yz-p-ico{background:var(--ink);color:#fff}
a.card:hover .c-ico{background:var(--ink);color:#fff}
.c-ico{border-radius:var(--rad-s);background:var(--paper-2)}
.card,.yol,.cnt,.bt,.gr,.sr-list li,.yr-kutu{border-radius:var(--rad-l)}
a.card:hover,.yol:hover{box-shadow:var(--sh-2)}
.yol-y{background:var(--ink);color:#fff;border-color:var(--ink)}
.yol-y p{color:var(--muted-d)}
.yol-y .yol-ic{background:#fff;color:var(--ink)}
.yol-y .yol-go{color:#fff}
.yol-rozet{background:#fff;color:var(--ink)}
.cta-band{background:var(--ink);color:#fff;border-radius:var(--rad-l)}
.cta-band::after{border-color:rgba(255,255,255,.06)}
.cta-band p{color:var(--muted-d)}
.cta-band .btn-pri{background:#fff;color:var(--ink)}
.cta-band .btn-pri:hover{background:#e9e9e6}
.cta-band .btn-wa{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.chip-y{background:var(--paper-2)}
.q-mark{color:var(--ink)}
.q-av{color:#fff}
.bt-n em{color:var(--muted)}
.bt-bars i{background:var(--ink);opacity:.8}
a.work:hover .w-go{background:var(--ink);color:#fff}
.dmk-k.on b{background:var(--ink);color:#fff}
.dmk-k.on svg,.yz-tablist button[aria-selected=true] svg,.yz-ornek svg,.dm-uyari svg{color:var(--ink)}
.prose a{text-decoration-color:var(--ink);text-decoration-thickness:1px}
.prose blockquote{border-left-color:var(--ink)}
.sec-ink .btn-pri{background:#fff;color:var(--ink)}
.sec-paket{background:var(--paper-2)}
.pk-rozet{background:var(--ink)!important;color:#fff!important}
.pk-one::before{background:var(--ink)!important}
.pk-teklif .btn-dark{background:#fff!important;color:var(--ink)!important}

/* ======================= ALT BİLGİ ======================= */
.ft{background:var(--ink)}
.ft-cta{background:var(--paper-2);color:var(--ink);border:0}
.ft-big{font-weight:600;letter-spacing:-.035em;font-size:clamp(32px,4.4vw,64px)}
.ft-big span{color:inherit;background:none}
.ft-cta .btn-pri{background:var(--ink);color:#fff}
.ft-cta .btn-ghost-d{border-color:var(--line-2);color:var(--ink);background:#fff}
.ft-cta .btn-ghost-d:hover{border-color:var(--ink);background:#fff}
.ft-nap svg,.ft-pay svg{color:var(--muted-d)}
.ft ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-sos a:hover{background:#fff;color:var(--ink);border-color:#fff}
.cerez{border-radius:var(--rad-l);background:var(--ink)}
.cerez a{color:#fff}
.cerez .btn-pri{background:#fff;color:var(--ink)}
.onizleme a{color:#fff}
.wa-fab{width:54px;height:54px}

/* ======================= DUYARLI ======================= */
@media (max-width:1200px){
  .abs-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
}
@media (max-width:1040px){
  :root{--hd:68px}
  .abk{grid-template-columns:minmax(0,1fr);min-height:auto}
  .abk-sol{padding:44px var(--pad) 40px}
  .abk-h1{max-width:15ch}
  .abk-sag{min-height:0;aspect-ratio:4/3}
  .abk-kart{left:auto;right:var(--pad);bottom:var(--pad);width:min(300px,62vw)}
  .aby-grid,.abr-grid,.abg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .abz-grid{grid-template-columns:minmax(0,1fr)}
  .abz-sol{position:static}
  .menu-acik .hd .lg-koyu{display:block!important}
}
@media (max-width:720px){
  .abk-sol{padding:36px var(--pad) 32px}
  .abk-h1{font-size:clamp(36px,10vw,46px)}
  .abk-ust{font-size:11.5px;letter-spacing:.12em;margin-bottom:20px}
  .abk-btn .btn{flex:1 1 100%}
  .abk-olgu{gap:14px}
  .abk-olgu dt{font-size:22px}
  .abk-olgu dd{font-size:12.5px}
  .abk-kart{width:min(220px,56vw);padding:7px}
  .abk-kart-b{padding:8px 4px 2px}
  .abk-kart-b b{font-size:13px}
  .abl-in{grid-template-columns:minmax(0,1fr);gap:14px}
  .abl-t{max-width:none}
  .aby-grid,.abr-grid,.abg-grid,.abs-list{grid-template-columns:minmax(0,1fr)}
  .abs-list li{padding-right:0}
  .abb-yan .abk-lnk{white-space:normal}
  .abz-list a{grid-template-columns:34px minmax(0,1fr) 34px;gap:10px}
  .abz-ok{width:34px;height:34px}
  .onizleme{font-size:0;padding:7px 12px}.onizleme a{font-size:11.5px}.onizleme a::before{content:"v1 önizleme · "}
}
.menu-acik .wa-fab,.menu-acik .onizleme{display:none}
@media print{.abk-kart{display:none}}
/* 10.10 düzeltmeler: çerez bandında "Reddet" görünür, başlık harf aralığı, kart konumu */
.cerez .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.cerez .btn-ghost:hover{border-color:#fff;background:transparent}
.abk-h1{letter-spacing:-.03em}
.abk-kart{bottom:clamp(64px,12vh,140px)}

/* =====================================================================
   10.10 akşam — kullanıcı: "çok beyaz". Ritim katmanı: sıcak kum tonu + mürekkep koyu bölümler
   + fotoğraflı kapanış şeridi. Beyaz/kum/koyu sırayla akar; sarı hâlâ yalnız ayrıntıda.
   ===================================================================== */
:root{--paper-2:#f1ede4;--kum-3:#e7e1d4}
.abk{background:var(--paper-2)}
.abk-olgu{border-color:rgba(13,15,18,.14)}
.abk-olgu dt{position:relative;padding-bottom:10px}
.abk-olgu dt::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;background:var(--y)}

/* koyu bölümler */
.koyu{background:var(--ink);color:#fff}
.koyu .eyebrow,.koyu .abb-bas p,.koyu .abl-t{color:var(--muted-d)}
.koyu .abk-lnk{border-color:rgba(255,255,255,.5);color:#fff}
.abl.koyu{border-bottom:0;padding:30px 0}
.abl.koyu .kr-trk img{filter:grayscale(1) brightness(1.6);opacity:.62}
.abl.koyu .kr-trk span:hover img{opacity:1}
.abh.koyu .abh-ray{scrollbar-color:rgba(255,255,255,.25) transparent}
.abh.koyu .abh-k{border-color:transparent}
.abh.koyu .abh-k:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.abh.koyu .abh-not{color:var(--muted-d)}
.abs.koyu .abs-list{border-color:rgba(255,255,255,.35)}
.abs.koyu .abs-list li::before{background:#fff}
.abs.koyu .abs-list li:first-child::before{background:var(--y);box-shadow:none}
.abs.koyu .abs-no,.abs.koyu .abs-list p{color:var(--muted-d)}
.abs.koyu .abs-list :is(h2,h3,h4){color:#fff}

/* fotoğraflar beyaz zeminde kaybolmasın: hafif çerçeve */
.aby-f,.ek-f,.bl-img{box-shadow:0 1px 0 rgba(13,15,18,.04)}
.sec-kagit .abr-img,.sec-kagit .bl-img{border-color:rgba(13,15,18,.08)}
.abg .abg-k{border-color:rgba(13,15,18,.85)}

/* kapanış şeridi: her sayfada gerçek fotoğraf (Haydarpaşa, gün batımı) */
.ft-cta{position:relative;isolation:isolate;background:var(--ink) url(img/haydarpasa-altin-1600.webp) center 62%/cover no-repeat;color:#fff}
.ft-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,15,18,.86) 0%,rgba(13,15,18,.6) 55%,rgba(13,15,18,.35) 100%)}
.ft-cta-in{padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(80px,10vw,150px)}
.ft-big{color:#fff}
.ft-cta .btn-pri{background:#fff;color:var(--ink)}
.ft-cta .btn-pri:hover{background:#ecebe7}
.ft-cta .btn-ghost-d{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.ft-cta .btn-ghost-d:hover{background:rgba(255,255,255,.08);border-color:#fff}
.ft-grid{border-top:0}

/* iç sayfalar: ilk başlık alanı kum tonunda (beyaz boşluk hissi azalsın) */
body:not(.ana):not(.yerel) .crumbs{background:var(--paper-2)}
body:not(.ana):not(.yerel) .crumbs + .sec:not(.sec-ink):not(.koyu){background:var(--paper-2)}

/* =====================================================================
   10.10 — kullanıcı: "hoş yap". Zarafet katmanı:
   başlıklarda italik serif vurgu (Instrument Serif), koyu bölümler yuvarlak köşeli "levha",
   referanslar kum paspartu içinde, hizmetler kart ızgarası, ekip renkli, karşılamada açılış hareketi.
   ===================================================================== */
@font-face{font-family:'Serif Vurgu';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Serif Vurgu';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--f-serif:'Serif Vurgu',Georgia,'Times New Roman',serif;--altin:#e9c46a}
:is(h1,h2) em,.ft-big span{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.9}
.abk-h1 em{color:#6b5a2e}
.koyu :is(h1,h2) em,.ft-big span{color:var(--altin)}

/* karşılama: açılış hareketi + fotoğrafa yumuşak köşe */
.abk-ic > *{animation:abk-gir .9s var(--ease) both}
.abk-ic > :nth-child(2){animation-delay:.12s}.abk-ic > :nth-child(3){animation-delay:.22s}.abk-ic > :nth-child(4){animation-delay:.32s}
.abk-kart{animation:abk-gir 1s .45s var(--ease) both}
.abk-sag > img{animation:abk-foto 1.6s var(--ease) both}
@keyframes abk-gir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes abk-foto{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.abk-sag{overflow:hidden;border-bottom-left-radius:28px}
.abk-sag{overflow:visible}
.abk-sag > img{border-bottom-left-radius:28px}
@media (prefers-reduced-motion:reduce){.abk-ic > *,.abk-kart,.abk-sag > img{animation:none}}

/* koyu bölümler: kenarlardan içeri çekilmiş yuvarlak levha */
.sec.koyu{margin:0 clamp(8px,1.2vw,18px);border-radius:clamp(20px,2.4vw,32px)}
.abl.koyu{margin:0 clamp(8px,1.2vw,18px);border-radius:0 0 clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px)}
.abh.koyu{margin-top:clamp(24px,3vw,48px)}
.abs.koyu{margin-top:clamp(24px,3vw,48px);margin-bottom:clamp(24px,3vw,48px)}

/* üç yol: fotoğraflar daha yuvarlak, üzerine gelince kalkar */
.aby-f{border-radius:18px;transition:transform .5s var(--ease),box-shadow .5s}
.aby-k:hover .aby-f{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(13,15,18,.45)}

/* referanslar: kum paspartu */
.abr-img{padding:clamp(14px,1.6vw,22px) clamp(14px,1.6vw,22px) 0;background:var(--paper-2);border:0;border-radius:18px;aspect-ratio:16/11;transition:background .4s}
.abr-img img{border-radius:8px 8px 0 0;box-shadow:0 -1px 0 rgba(13,15,18,.04),0 18px 40px -18px rgba(13,15,18,.4)}
.abr-k:nth-child(3n+2) .abr-img{background:#e6ece8}
.abr-k:nth-child(3n) .abr-img{background:#ece6e1}
.abr-k:hover .abr-img{background:var(--kum-3)}
.abr-k:hover .abr-img img{transform:translateY(-6px)}

/* hizmetler: kart ızgarası */
.abz{background:#fff}
.abz-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.abz-list li{border:0}
.abz-list a{height:100%;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto 1fr;align-items:start;gap:14px 12px;padding:24px;border-radius:18px;background:var(--paper-2);transition:background .35s,color .35s,transform .35s var(--ease)}
.abz-no{grid-column:1;grid-row:1}
.abz-ok{grid-column:2;grid-row:1;width:36px;height:36px;border-color:rgba(13,15,18,.15)}
.abz-t{grid-column:1 / -1;grid-row:2}
.abz-list a:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.abz-list a:hover .abz-t small,.abz-list a:hover .abz-no{color:var(--muted-d)}
.abz-list a:hover .abz-t b{text-decoration:none}
.abz-list a:hover .abz-ok{background:var(--altin);border-color:var(--altin);color:var(--ink)}

/* görüşler: beyaz kartlar, iri tırnak */
.abg-k{background:#fff;border:0;border-radius:18px;padding:34px 30px 28px;position:relative}
.abg-k::before{content:"“";position:absolute;top:6px;right:24px;font:400 90px/1 var(--f-serif);color:var(--altin)}

/* ekip renkli, yuvarlak */
.ek-f{border-radius:18px}
.ek-f img{filter:none}

/* Kadıköy kartı + blog görselleri */
.kd-kart{border-radius:22px}
.bl-img{border-radius:16px}
.faq{border-top-color:rgba(13,15,18,.2)}

@media (max-width:1040px){
  .abz-list{grid-template-columns:minmax(0,1fr)}
  .abk-sag,.abk-sag > img{border-radius:0}
}
@media (max-width:720px){
  .sec.koyu,.abl.koyu{margin-inline:6px}
}

/* =====================================================================
   10.10 akşam — KULLANICI A TASLAĞINI SEÇTİ (/v1/taslak/a.html: "bunu yapalım").
   A KATMANI: gece laciverti #0a1631 + marka sarısı #ffcb0f, başlıklar Sora, metin Inter.
   Karşılamada arkada akan gerçek proje ekranları; koyu bölümler tam genişlik lacivert;
   kapanış şeridi sarı. Önceki katmanlar (premium beyaz, ritim, zarafet) bunun altında kalır.
   ===================================================================== */
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/sora-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/sora-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --ink:#0a1631; --ink-2:#132245; --ink-3:#1b2d57;
  --paper:#ffffff; --paper-2:#f3f5fa; --kum-3:#e8edf6; --card:#fff;
  --line:rgba(10,22,49,.09); --line-2:rgba(10,22,49,.16); --line-d:rgba(255,255,255,.1);
  --text:#0a1631; --muted:#5b6680; --muted-d:rgba(255,255,255,.66);
  --y:#ffcb0f; --y-2:#ffd94a; --y-koyu:#c99a00; --altin:#ffcb0f;
  --f-display:'Sora',system-ui,sans-serif;
  --rad:14px; --rad-l:20px; --rad-s:12px;
  --sh-1:0 1px 2px rgba(10,22,49,.05),0 10px 26px -14px rgba(10,22,49,.22);
  --sh-2:0 2px 6px rgba(10,22,49,.05),0 30px 60px -28px rgba(10,22,49,.4);
}
body{background:#fff;color:var(--text)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;letter-spacing:-.03em}
h1{letter-spacing:-.035em;line-height:1.03}
h2{font-size:clamp(32px,3.6vw,52px);line-height:1.06}
:is(h1,h2) em,.ft-big span{font-family:inherit;font-style:normal;font-weight:inherit;font-size:1em;line-height:inherit;letter-spacing:inherit;color:inherit}
.abk-h1 em{color:inherit}
::selection{background:var(--y);color:var(--ink)}
:focus-visible{outline-color:var(--y-koyu)}
.eyebrow{font:700 13px/1.3 var(--f-body);letter-spacing:.14em;color:var(--y-koyu)}
.eyebrow::before{width:28px;height:3px;border-radius:3px;background:var(--y)}
.koyu .eyebrow,.sec-ink .eyebrow{color:var(--y)}
.lnk{border-bottom:2px solid var(--y)}
.abk-lnk{font-weight:700;border-bottom:3px solid var(--y)}
.koyu .abk-lnk{border-color:var(--y);color:#fff}

/* düğmeler: sarı ana, lacivert koyu, 12–14px köşe */
.btn{border-radius:var(--rad-s);font-weight:700}
.btn-lg{border-radius:14px}
.btn-pri{background:var(--y);color:var(--ink)}
.btn-pri:hover{background:var(--y-2);box-shadow:0 12px 30px -12px rgba(255,203,15,.75)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-3);box-shadow:none}
.btn-ghost{border-color:var(--line-2);background:#fff;color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-ghost-d{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.btn-ghost-d:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.sec-ink .btn-pri,.cta-band .btn-pri{background:var(--y);color:var(--ink)}

/* başlık: iç sayfalarda beyaz cam; ana sayfada karşılamanın üstünde saydam, kayınca lacivert cam */
.hd{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.hd-cta{background:var(--y);color:var(--ink)}
.hd-cta:hover{background:var(--y-2)}
.hd-say{background:var(--y);color:var(--ink)}
.nv-a.on::after,.nv-i.on .nv-b::after{background:var(--y);height:3px;border-radius:3px}
.nv-yeni{border:0;background:var(--y);color:var(--ink);border-radius:999px}
.mg-intro,.mg-intro-y{background:var(--paper-2)}
.mg-intro-y{background:var(--ink);color:#fff}.mg-intro-y .mg-t{color:#fff}.mg-intro-y .eyebrow{color:var(--y)}.mg-intro-y .mg-cta{color:var(--y)}
.mega li a:hover{background:var(--paper-2)}
.ana .hd:not(.dolu){background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.ana .hd:not(.dolu) .lg-acik{display:block}
.ana .hd:not(.dolu) .lg-koyu{display:none}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic){color:#fff}
.ana .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.ana .hd:not(.dolu) .nv-i.acik .nv-b{background:rgba(255,255,255,.1)}
.ana .hd.dolu{background:rgba(10,22,49,.86);border-color:rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
.ana .hd.dolu .lg-acik{display:block}
.ana .hd.dolu .lg-koyu{display:none}
.ana .hd.dolu :is(.nv-a,.nv-b,.hd-ic){color:#fff}
.ana .hd.dolu :is(.nv-a,.nv-b,.hd-ic):hover,.ana .hd.dolu .nv-i.acik .nv-b{background:rgba(255,255,255,.1)}
.ana .hd .hd-burger span{background:#fff}
.menu-acik .hd .hd-burger span{background:var(--ink)}
.ana main{padding-top:0}

/* bölümler */
.sec-kagit,.sec-alt{background:var(--paper-2)}
.sec-ink,.koyu{background:var(--ink);color:#fff}
.sec.koyu,.abl.koyu{margin:0;border-radius:0}
.abh.koyu,.abs.koyu{margin-top:0;margin-bottom:0}
.abb-bas h2{max-width:760px}

/* ======================= ANA SAYFA · A KARŞILAMA ======================= */
.aa-ks{position:relative;min-height:100svh;background:var(--ink);color:#fff;overflow:hidden;display:flex;align-items:center;isolation:isolate}
.aa-duvar{position:absolute;right:-6%;top:-20%;width:66%;height:140%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;transform:rotate(-8deg);z-index:-2}
.aa-kl{display:flex;flex-direction:column;gap:18px;animation:aa-yk 38s linear infinite;will-change:transform}
.aa-kl:nth-child(2n){animation-direction:reverse;animation-duration:44s}
.aa-kl img{width:100%;height:auto;border-radius:14px;aspect-ratio:16/10;object-fit:cover;object-position:top;box-shadow:0 20px 40px rgba(0,0,0,.4);background:var(--ink-2)}
@keyframes aa-yk{to{transform:translateY(-50%)}}
.aa-ks::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 30%,rgba(10,22,49,.75) 52%,rgba(10,22,49,.1) 80%)}
.aa-ki{width:100%;padding-top:calc(var(--hd) + 40px);padding-bottom:60px}
.aa-ic{max-width:660px}
.aa-h1{font-size:clamp(42px,5.4vw,82px);line-height:1.02;font-weight:700;margin:0 0 26px}
.aa-ey{display:flex;align-items:center;gap:10px;font:600 14px/1.3 var(--f-body);letter-spacing:0;color:var(--y);margin-bottom:26px}
.aa-ey::before{content:"";width:28px;height:3px;background:var(--y);border-radius:3px;flex:none}
.aa-v{color:var(--y)}
.aa-lead{font-size:19px;line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 36px;max-width:540px}
.aa-btn{display:flex;gap:14px;flex-wrap:wrap}
.aa-say{display:flex;gap:44px;margin:56px 0 0}
.aa-say div{margin:0}
.aa-say dt{font:700 34px/1.1 var(--f-display);letter-spacing:-.03em;color:#fff}
.aa-say dd{margin:4px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.aa-ic > *{animation:abk-gir .9s var(--ease) both}
.aa-ic > :nth-child(2){animation-delay:.1s}.aa-ic > :nth-child(3){animation-delay:.2s}.aa-ic > :nth-child(4){animation-delay:.3s}

/* logolar: lacivert şerit */
.abl.koyu{background:var(--ink);border-top:1px solid rgba(255,255,255,.08);padding:26px 0}
.abl.koyu .kr-trk img{filter:brightness(0) invert(1);opacity:.55}
.abl.koyu .abl-t{color:rgba(255,255,255,.55)}

/* üç yol (A kartları) */
.aa-yolg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.aa-yol{display:flex;flex-direction:column;background:var(--paper-2);border-radius:22px;padding:36px;min-height:320px;transition:background .3s,color .3s,transform .3s var(--ease)}
.aa-yol:hover{background:var(--ink);color:#fff;transform:translateY(-4px)}
.aa-yn{font:700 15px/1 var(--f-display);color:var(--y-koyu);margin-bottom:60px}
.aa-yol h3{font-size:26px;margin:0 0 12px}
.aa-yol p{color:var(--muted);line-height:1.6;margin:0 0 20px}
.aa-yol:hover p{color:rgba(255,255,255,.7)}
.aa-yf{align-self:flex-start;font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:rgba(10,22,49,.08);margin-bottom:20px}
.aa-yg{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700}
.aa-yg svg{transition:transform .3s var(--ease)}
.aa-yol:hover .aa-yg svg{transform:translateX(4px)}
.aa-yol:nth-child(2){background:var(--y)}
.aa-yol:nth-child(2) .aa-yn{color:var(--ink)}
.aa-yol:nth-child(2) p{color:#3d3a20}
.aa-yol:nth-child(2):hover{background:var(--ink)}
.aa-yol:nth-child(2):hover .aa-yn{color:var(--y)}
.aa-yol:nth-child(2):hover p{color:rgba(255,255,255,.7)}
.aa-yol:hover .aa-yf{background:rgba(255,255,255,.1)}

/* referanslar (A) */
.abr-img{padding:0;background:#eef1f7;border:0;border-radius:18px;aspect-ratio:16/10}
.abr-img img{border-radius:0;box-shadow:none}
.abr-k:nth-child(3n+2) .abr-img,.abr-k:nth-child(3n) .abr-img{background:#eef1f7}
.abr-k:hover .abr-img{background:#eef1f7}
.abr-k:hover .abr-img img{transform:scale(1.04)}
.abr-b{padding:16px 4px 0}
.abr-ad{font:600 18px/1.3 var(--f-display)}
.abr-tag{color:#7a8399}

/* hazır siteler (A ızgarası) */
.abh.koyu{padding-bottom:clamp(64px,8vw,110px)}
.aa-dmg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.aa-dm{background:var(--ink-2);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s}
.aa-dm:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.aa-di{display:block;aspect-ratio:16/10;overflow:hidden}
.aa-di img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease)}
.aa-dm:hover .aa-di img{transform:scale(1.04)}
.aa-db{padding:20px;display:flex;flex-direction:column;flex:1}
.aa-ds{color:#8f9bbb;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.aa-db h3{font:600 17px/1.3 var(--f-display);letter-spacing:-.015em;margin:8px 0 18px;color:#fff}
.aa-dp{margin-top:auto;display:flex;align-items:baseline;gap:8px;justify-content:space-between;font-size:13px;color:#8f9bbb;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.aa-dp strong{font:700 18px var(--f-display);color:#fff}
.aa-dp a{color:var(--y);font-weight:700}
.aa-dp a:hover{text-decoration:underline;text-underline-offset:4px}
.abh-not{color:var(--muted-d)}

/* hizmet dizini, süreç, görüşler, ekip, SSS */
.abz{background:#fff}
.abz-list a{background:var(--paper-2);border-radius:20px}
.abz-list a:hover{background:var(--ink)}
.abz-no{color:var(--y-koyu)}
.abz-list a:hover .abz-ok{background:var(--y);border-color:var(--y);color:var(--ink)}
.abs.koyu .abs-list{border-color:rgba(255,255,255,.2)}
.abs.koyu .abs-list li::before{background:rgba(255,255,255,.6)}
.abs.koyu .abs-list li:first-child::before{background:var(--y)}
.abs.koyu .abs-no{color:var(--y)}
.abg-k{border-radius:20px}
.abg-k::before{color:var(--y)}
.sec-kagit .abg-k{background:#fff}
.kd-kart{border-radius:22px}
.faq{border-top-color:var(--line-2)}
.faq details[open] summary::after{background-color:var(--y);border-color:var(--y);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1631' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}

/* iç sayfa vurguları: lacivert + sarı */
.tick svg,.ticklist svg{background:var(--y);color:var(--ink)}
.sr-no,.steps b,.gr-q,.ct-ic,.yz-p-ico{background:var(--ink);color:var(--y)}
a.card:hover .c-ico{background:var(--y);color:var(--ink)}
.yol-y{background:var(--ink);border-color:var(--ink)}
.yol-y .yol-ic{background:var(--y);color:var(--ink)}
.yol-rozet{background:var(--y);color:var(--ink)}
.cta-band{background:var(--ink)}
.chip-y{background:var(--y);color:var(--ink)}
a.work:hover .w-go,.dmk-k.on b{background:var(--y);color:var(--ink)}
.prose a{text-decoration-color:var(--y);text-decoration-thickness:2px}
.prose blockquote{border-left-color:var(--y)}
.pk-rozet{background:var(--y)!important;color:var(--ink)!important}
.pk-one::before{background:var(--y)!important}
body:not(.ana):not(.yerel) .crumbs,body:not(.ana):not(.yerel) .crumbs + .sec:not(.sec-ink):not(.koyu){background:var(--paper-2)}

/* kapanış şeridi: A'daki sarı CTA */
.ft{background:var(--ink)}
.ft-cta{background:var(--y);color:var(--ink)}
.ft-cta::before{display:none}
.ft-big{color:var(--ink);font-weight:700;letter-spacing:-.035em;font-size:clamp(36px,5vw,72px)}
.ft-cta .btn-pri{background:var(--ink);color:#fff}
.ft-cta .btn-pri:hover{background:var(--ink-3);box-shadow:none}
.ft-cta .btn-ghost-d{background:transparent;border-color:rgba(10,22,49,.3);color:var(--ink)}
.ft-cta .btn-ghost-d:hover{border-color:var(--ink);background:rgba(10,22,49,.05)}
.ft ul a:hover{color:var(--y);text-decoration:none}
.ft-sos a:hover{background:var(--y);color:var(--ink);border-color:var(--y)}
.cerez{background:var(--ink)}
.cerez .btn-pri{background:var(--y);color:var(--ink)}

@media (max-width:1040px){
  .aa-yolg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aa-dmg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menu-acik .hd .lg-koyu{display:block!important}.menu-acik .hd .lg-acik{display:none!important}
}
@media (max-width:900px){
  .aa-duvar{width:120%;right:-40%;opacity:.45}
  .aa-ks::after{background:rgba(10,22,49,.72)}
  .aa-say{gap:24px}
}
@media (max-width:720px){
  .aa-h1{font-size:clamp(38px,10.5vw,50px)}
  .aa-lead{font-size:17px}
  .aa-btn .btn{flex:1 1 100%}
  .aa-say{gap:18px;margin-top:40px}
  .aa-say dt{font-size:26px}
  .aa-say dd{font-size:12.5px}
  .aa-yolg,.aa-dmg{grid-template-columns:minmax(0,1fr)}
  .aa-yol{min-height:0;padding:28px}
  .aa-yn{margin-bottom:34px}
}
@media (prefers-reduced-motion:reduce){.aa-kl,.aa-ic > *{animation:none}}

/* =====================================================================
   10.10 — kullanıcı: "iç sayfaları da lacivert yap".
   Üst bilgi her sayfada lacivert cam; iç sayfalarda kırıntı şeridi + İLK bölüm (sayfa başlığı alanı)
   lacivert. Renkler o bölüm içinde değişkenlerle ters çevrilir (kartlar --card ile koyu laciverte geçer).
   Ana sayfa karşılamasındaki saydam başlık davranışı korunur.
   ===================================================================== */
.hd,.yerel .hd:not(.dolu),.yerel .hd.dolu{background:rgba(10,22,49,.92);border-color:rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
body:not(.ana) .hd .lg-acik{display:block}
body:not(.ana) .hd .lg-koyu,body:not(.ana) .hd .lg-siyah{display:none}
body:not(.ana) .hd :is(.nv-a,.nv-b,.hd-ic){color:#fff}
body:not(.ana) .hd :is(.nv-a,.nv-b,.hd-ic):hover,body:not(.ana) .hd .nv-i.acik .nv-b{background:rgba(255,255,255,.1)}
body:not(.ana) .hd .hd-burger{background:rgba(255,255,255,.08)}
body:not(.ana) .hd .hd-burger span{background:#fff}
@media (max-width:1040px){
  .menu-acik .hd .hd-burger span{background:var(--ink)!important}
  .menu-acik .hd .hd-burger{background:var(--paper-2)!important}
  .menu-acik .hd .lg-acik{display:none!important}
  .menu-acik .hd .lg-koyu{display:block!important}
}

/* lacivert sayfa başı */
body.ic .crumbs{background:var(--ink)!important;padding:calc(22px) 0 0;margin:0}
body.ic .crumbs ol{color:rgba(255,255,255,.55)}
body.ic .crumbs a:hover{color:#fff}
body.ic .crumbs [aria-current]{color:#fff}
body.ic .crumbs + :is(.sec,section){
  --text:#fff; --muted:rgba(255,255,255,.7); --muted-d:rgba(255,255,255,.7);
  --line:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.22);
  --paper:var(--ink); --paper-2:var(--ink-2); --card:var(--ink-2); --kum-3:var(--ink-3);
  background:var(--ink)!important;color:#fff;position:relative;isolation:isolate;
  padding-bottom:clamp(56px,7vw,100px)
}
body.ic .crumbs + :is(.sec,section)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(48% 70% at 12% 0%,rgba(255,203,15,.10),transparent 70%),radial-gradient(40% 60% at 92% 100%,rgba(70,110,255,.16),transparent 70%)}
body.ic .crumbs + :is(.sec,section) :is(h1,h2,h3,h4,b,strong){color:#fff}
body.ic .crumbs + :is(.sec,section) h1 :is(span,em,.ac){color:var(--y)}
body.ic .crumbs + :is(.sec,section) .eyebrow{color:var(--y)}
body.ic .crumbs + :is(.sec,section) :is(p,li,.lead,small,dd){color:rgba(255,255,255,.74)}
body.ic .crumbs + :is(.sec,section) .lnk{color:#fff}
body.ic .crumbs + :is(.sec,section) .btn-ghost,body.ic .crumbs + :is(.sec,section) .btn-glass{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
body.ic .crumbs + :is(.sec,section) .btn-ghost:hover,body.ic .crumbs + :is(.sec,section) .btn-glass:hover{border-color:#fff;background:rgba(255,255,255,.06)}
body.ic .crumbs + :is(.sec,section) .btn-dark{background:var(--y);color:var(--ink)}
body.ic .crumbs + :is(.sec,section) .btn-pri{background:var(--y);color:var(--ink)}
body.ic .crumbs + :is(.sec,section) :is(.card,.yol,.bt,.gr,.cnt,.yr-kutu){background:var(--ink-2);border-color:rgba(255,255,255,.08);color:#fff}
body.ic .crumbs + :is(.sec,section) a.card:hover{background:var(--ink-3)}
body.ic .crumbs + :is(.sec,section) .c-ico{background:rgba(255,255,255,.08);color:var(--y)}
body.ic .crumbs + :is(.sec,section) a.card:hover .c-ico{background:var(--y);color:var(--ink)}
body.ic .crumbs + :is(.sec,section) :is(input,select,textarea){background:#fff;color:var(--ink);border-color:rgba(255,255,255,.2)}
body.ic .crumbs + :is(.sec,section) img{border-color:rgba(255,255,255,.08)}
/* başlık alanının hemen altındaki bölüm aynı lacivertle başlamasın diye ince boşluk */
body.ic .crumbs + :is(.sec,section) + .sec:not(.koyu):not(.sec-ink){padding-top:clamp(64px,8vw,110px)}
.yerel .hd .lg-acik,.yerel .hd:not(.dolu) .lg-acik{display:block}
.yerel .hd .lg-koyu,.yerel .hd:not(.dolu) .lg-koyu{display:none}
.yerel .hd :is(.nv-a,.nv-b,.hd-ic),.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic){color:#fff}
.yerel .hd:not(.dolu) :is(.nv-a,.nv-b,.hd-ic):hover,.yerel .hd:not(.dolu) .nv-i.acik .nv-b{background:rgba(255,255,255,.1)}

/* 10.10 — kullanıcı: "yasal sayfalarda metni beyaz yap". Başlık + uzun metin aynı bölümdeyse
   (KVKK, gizlilik, kullanım koşulları, insan kaynakları: .sec > .wrap > .sec-head + .prose) bölüm beyaza döner,
   yalnız başlık kutusu tam genişlik lacivert bant kalır (kırıntı şeridiyle bitişik). Mağaza sözleşme sayfaları
   (.mg-yasal) aynı bandı alır. */
body.ic .crumbs + .sec:has(> .wrap > .prose){
  --text:#0a1631; --muted:#5b6680; --muted-d:rgba(255,255,255,.66);
  --line:rgba(10,22,49,.09); --line-2:rgba(10,22,49,.16);
  --paper:#fff; --paper-2:#f3f5fa; --card:#fff; --kum-3:#e8edf6;
  background:#fff!important;color:var(--text);padding-top:0
}
body.ic .crumbs + .sec:has(> .wrap > .prose)::before{display:none}
:is(body.ic .crumbs + .sec:has(> .wrap > .prose) > .wrap > .sec-head,.mg-yasal .mg-bas){position:relative;isolation:isolate;margin:0 0 clamp(40px,5vw,64px);padding:clamp(28px,4vw,56px) 0 clamp(44px,5vw,72px);max-width:none}
:is(body.ic .crumbs + .sec:has(> .wrap > .prose) > .wrap > .sec-head,.mg-yasal .mg-bas)::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;
  background:radial-gradient(40% 90% at 10% 0%,rgba(255,203,15,.10),transparent 70%),radial-gradient(36% 80% at 92% 100%,rgba(70,110,255,.16),transparent 70%),var(--ink)}
:is(body.ic .crumbs + .sec:has(> .wrap > .prose) > .wrap > .sec-head,.mg-yasal .mg-bas) :is(h1,h2,.mg-h1){color:#fff;margin-bottom:0}
:is(body.ic .crumbs + .sec:has(> .wrap > .prose) > .wrap > .sec-head,.mg-yasal .mg-bas) :is(p,.yz-meta){color:rgba(255,255,255,.66);margin:12px 0 0}
.mg-yasal .mg-bas .eyebrow{color:var(--y)}
body.ic .crumbs + .sec:has(> .wrap > .prose) .prose :is(h1,h2,h3,h4,b,strong){color:var(--ink)}
body.ic .crumbs + .sec:has(> .wrap > .prose) .prose :is(p,li,small,dd,em){color:#3d4660}
body.ic .crumbs + .sec:has(> .wrap > .prose) .prose a{color:var(--ink)}
body.ic .crumbs + .sec:has(> .wrap > .prose) .lnk{color:var(--ink)}
.mg.mg-yasal{padding-top:0}

/* 10.10 — logo şeridi: "logolar belli olmuyor" → beyaz logolar tam görünür, biraz daha büyük */
.abl.koyu .kr-trk img{filter:brightness(0) invert(1);opacity:.9;max-height:40px;max-width:170px}
.abl.koyu .kr-trk span:hover img{opacity:1}
.abl.koyu .abl-t{color:rgba(255,255,255,.75)}

/* 10.10 — "Müşterilerimiz için yaptıklarımız" modern bento (kullanıcı: "biraz sade") */
.aa-ref{background:var(--paper-2);position:relative;overflow:hidden}
.aa-ref::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(10,22,49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,22,49,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(70% 60% at 50% 0%,#000,transparent);mask:radial-gradient(70% 60% at 50% 0%,#000,transparent)}
.aa-ref .wrap{position:relative}
.aa-ref-ust{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.aa-ref-say{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:999px}
.aa-ref-say b{font:700 15px var(--f-display);color:var(--ink)}
.aa-ref-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.aa-rk{grid-column:span 4;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:12px;box-shadow:0 1px 0 rgba(10,22,49,.04),0 24px 48px -32px rgba(10,22,49,.35);transition:transform .45s var(--ease),box-shadow .45s}
.aa-rk:hover{transform:translateY(-6px);box-shadow:0 2px 0 rgba(10,22,49,.04),0 40px 70px -36px rgba(10,22,49,.5)}
.aa-rk:nth-child(2),.aa-rk:nth-child(3){grid-column:span 5}
.aa-tar{position:relative;display:block;border-radius:14px;overflow:hidden;background:#e9edf5;border:1px solid rgba(10,22,49,.08)}
.aa-tar-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f6f8fc;border-bottom:1px solid rgba(10,22,49,.07)}
.aa-tar-bar i{width:9px;height:9px;border-radius:50%;background:#d5dbe7}
.aa-tar-bar i:first-child{background:#ff6159}.aa-tar-bar i:nth-child(2){background:#ffbd2e}.aa-tar-bar i:nth-child(3){background:#28c941}
.aa-tar-bar em{margin:0 auto;font-style:normal;font-size:11.5px;color:#7a8399;background:#fff;border:1px solid rgba(10,22,49,.06);padding:2px 18px;border-radius:6px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aa-tar img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:top;transition:transform 1.4s var(--ease)}
.aa-rk:hover .aa-tar img{transform:scale(1.05)}
.aa-rk-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 8px 6px}
.aa-rk-alt > span:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;min-width:0}
.aa-rk-no{grid-row:span 2;font:700 13px var(--f-display);color:var(--y-koyu)}
.aa-rk-alt b{font:600 18px/1.25 var(--f-display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-rk-alt small{font-size:13px;color:var(--muted)}
.aa-ok{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper-2);color:var(--ink);transition:background .3s,transform .4s var(--ease)}
.aa-rk:hover .aa-ok{background:var(--y);transform:rotate(-45deg)}
/* öne çıkan iş */
.aa-rk-one{grid-column:span 7;grid-row:span 2;background:var(--ink);color:#fff;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;isolation:isolate;justify-content:space-between;gap:30px}
.aa-rk-one::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 0% 0%,rgba(255,203,15,.2),transparent 70%),radial-gradient(60% 60% at 100% 100%,rgba(70,110,255,.28),transparent 70%)}
.aa-rk-yazi{display:flex;flex-direction:column;gap:12px;max-width:460px}
.aa-rk-et{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--y)}
.aa-rk-ad{font:700 clamp(32px,3.4vw,52px)/1 var(--f-display);letter-spacing:-.04em}
.aa-rk-acik{color:rgba(255,255,255,.7);line-height:1.6}
.aa-rk-git{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:10px;background:var(--y);color:var(--ink);font-weight:700;padding:14px 22px;border-radius:14px;transition:transform .3s var(--ease)}
.aa-rk-one:hover .aa-rk-git{transform:translateX(4px)}
.aa-rk-sahne{position:relative;display:block;margin-right:clamp(30px,5vw,70px)}
.aa-rk-one .aa-tar{border-color:rgba(255,255,255,.12);box-shadow:0 40px 80px -30px rgba(0,0,0,.8);transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);transform-origin:0 50%;transition:transform .7s var(--ease)}
.aa-rk-one:hover .aa-tar{transform:perspective(1600px) rotateY(0) rotateX(0)}
.aa-rk-one:hover .aa-tar img{transform:none}
.aa-tel{position:absolute;right:calc(-1 * clamp(24px,4vw,60px));bottom:-14px;width:24%;min-width:96px;aspect-ratio:9/19.5;border-radius:22px;padding:6px;background:#05070d;box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.14);transition:transform .7s var(--ease)}
.aa-tel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:17px}
.aa-rk-one:hover .aa-tel{transform:translateY(-10px) rotate(2deg)}
@media (max-width:1040px){
  .aa-rk-one{grid-column:1 / -1;grid-row:auto}
  .aa-rk,.aa-rk:nth-child(2),.aa-rk:nth-child(3){grid-column:span 6}
}
@media (max-width:640px){
  .aa-ref-g{gap:14px}
  .aa-rk,.aa-rk:nth-child(2),.aa-rk:nth-child(3){grid-column:1 / -1}
  .aa-rk-sahne{margin-right:34px}
  .aa-tel{right:-30px;width:30%}
  .aa-ref-ust{gap:12px}
}

/* 10.10 — demo sayfası #paketler: zemin açık, yazı beyaz kalmıştı (eski koyu kuralın rengi). A dili: bölüm lacivert,
   kartlar beyaz + lacivert yazı; "Kurumsal" teklif kartı koyu lacivert + ince çerçeve. */
.sec-paket{background:var(--ink)!important;color:#fff}
.sec-paket .sec-head :is(h2,h3){color:#fff}
.sec-paket .sec-head p{color:rgba(255,255,255,.72)}
.sec-paket .eyebrow{color:var(--y)}
.sec-paket .pk-kart{--text:#0a1631;--muted:#5b6680;--line:rgba(10,22,49,.09);--line-2:rgba(10,22,49,.16);background:#fff;color:var(--ink);border-color:transparent}
.sec-paket .pk-kart :is(.pk-ad,.pk-tutar,h3,b,strong){color:var(--ink)}
.sec-paket .pk-kart :is(.pk-aciklama,.pk-not,li,span){color:#3d4660}
.sec-paket .pk-kart .btn-ghost{background:#fff;color:var(--ink);border-color:rgba(10,22,49,.16)}
.sec-paket .pk-teklif{--text:#fff;--muted:rgba(255,255,255,.7);background:var(--ink-2);color:#fff;border:1px solid rgba(255,255,255,.12)}
.sec-paket .pk-teklif :is(.pk-ad,.pk-tutar,h3,b,strong){color:#fff}
.sec-paket .pk-teklif :is(.pk-aciklama,.pk-not,li,span,p,small){color:rgba(255,255,255,.75)}
.sec-paket .pk-teklif .btn{background:var(--y)!important;color:var(--ink)!important;border-color:var(--y)!important}
.sec-paket :is(.pk-dipnot,.pk-kutu > p,.pk-alt){color:rgba(255,255,255,.7)}
.sec-paket .pk-kutu > p a,.sec-paket .lnk{color:#fff}
.sec-paket .pk-kart .pk-fiyat .pk-tutar{color:var(--ink)}
.sec-paket .pk-teklif .pk-fiyat .pk-tutar{color:#fff}

/* 10.10 — logo şeridi: gerçek renkli logolar beyaz kartlarda (beyaz filtre kaldırıldı) */
.abl.koyu{padding:22px 0}
.abl.koyu .kr-trk{gap:14px;animation-duration:70s}
.abl.koyu .kr-trk span{height:76px;width:176px;padding:0 18px;background:#fff;border-radius:16px;box-shadow:0 10px 24px -14px rgba(0,0,0,.6);transition:transform .3s var(--ease)}
.abl.koyu .kr-trk span.lk-koyu{background:var(--ink-3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.abl.koyu .kr-trk span:hover{transform:translateY(-3px)}
.abl.koyu .kr-trk img{filter:none;opacity:1;max-height:46px;max-width:140px;width:auto;height:auto;object-fit:contain}
@media (max-width:720px){.abl.koyu .kr-trk span{height:64px;width:146px;padding:0 14px}.abl.koyu .kr-trk img{max-height:38px;max-width:116px}}