@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/v/plex-sans-latin.056e4e24.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/v/plex-sans-latin-ext.ae1d854f.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/v/plex-sans-cond-700-latin.308af9f2.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/v/plex-sans-cond-700-latin-ext.80dd2042.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/v/plex-mono-400-latin.c36f509c.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/v/plex-mono-400-latin-ext.f1050dc5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/v/plex-mono-500-latin.a76f53ca.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/v/plex-mono-500-latin-ext.77f03e26.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Karadeniz Çelik Kapı. Yön 2: karanlık, sinematik; tipografi Yön 3 "teknik föy": Plex Sans gövde, Plex Sans Condensed başlık, Plex Mono künye/rakam. Tek vurgu, köşe yok. */
:root { --govde:'IBM Plex Sans',system-ui,sans-serif; --baslik:'IBM Plex Sans Condensed','Arial Narrow',sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; }
:root {
  --zemin:#0E1112; --yuzey:#161A1C; --cizgi:#2E3538; --yazi:#fff; --soluk:#C8CCCE; --vurgu:#2AA6DA; --vurgu-m:#06222F;
  --gut:clamp(20px,4.4vw,64px); --kap:1440px; --ust:76px; --b:clamp(64px,9vw,128px);
}
*,*::before,*::after { box-sizing:border-box; }
html { background:var(--zemin); color:var(--yazi); -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; font:400 17px/1.55 var(--govde); background:var(--zemin); }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
h1,h2,h3,p,ul,ol,dl,dd,figure { margin:0; padding:0; }
ul,ol { list-style:none; }
h1,h2 { font-family:var(--baslik); font-weight:700; letter-spacing:-.01em; line-height:1.04; text-wrap:balance; }
h2 { font-size:clamp(30px,3.8vw,54px); }
p { text-wrap:pretty; }
:focus-visible { outline:2px solid var(--vurgu); outline-offset:3px; }
.atla { position:fixed; left:12px; top:-60px; z-index:100; padding:12px 16px; background:var(--vurgu); color:var(--vurgu-m); font-weight:700; }
.atla:focus { top:12px; }
.kap { max-width:var(--kap); margin:0 auto; padding:0 var(--gut); }

/* düğme */
.btn { display:inline-flex; align-items:center; gap:10px; min-height:56px; padding:0 26px; background:var(--vurgu); color:var(--vurgu-m); font-weight:700; font-size:17px; text-decoration:none; transition:background .2s; }
.btn:hover { background:#57BDE6; }
.ik { flex:none; }
.ok { display:inline-flex; align-items:center; min-height:44px; font-weight:600; text-underline-offset:5px; color:var(--vurgu); }

/* üst */
.ust { position:fixed; inset:0 0 auto 0; height:var(--ust); z-index:40; display:flex; align-items:center; gap:36px; padding:0 var(--gut); background:linear-gradient(180deg,rgba(14,17,18,.92),rgba(14,17,18,0)); transition:background-color .25s; }
.ust.dolu { background:var(--zemin); border-bottom:1px solid var(--cizgi); }
.logo { display:block; }
.logo img { height:60px; width:auto; }
.gez { margin-left:auto; display:flex; align-items:center; gap:34px; font-weight:500; }
.gez > a, .gez summary { display:flex; align-items:center; min-height:44px; text-decoration:none; cursor:pointer; }
.gez a[aria-current] { color:var(--vurgu); }
.acil { position:relative; }
.acil summary { list-style:none; }
.acil summary::-webkit-details-marker { display:none; }
.acil summary::after { content:""; width:7px; height:7px; margin-left:9px; border-right:1.5px solid; border-bottom:1.5px solid; transform:translateY(-2px) rotate(45deg); }
.acil ul { position:absolute; left:-20px; top:100%; width:300px; padding:10px 0; background:var(--yuzey); border:1px solid var(--cizgi); }
.acil li a { display:block; padding:11px 20px; text-decoration:none; }
.acil li a:hover,.acil li a[aria-current] { color:var(--vurgu); }
.tel { display:inline-flex; align-items:center; min-height:44px; font-family:var(--mono); font-weight:500; font-size:16px; font-variant-numeric:tabular-nums; text-decoration:none; white-space:nowrap; }
.mob { display:none; margin-left:auto; }
.mob summary { list-style:none; display:grid; place-content:center; gap:7px; width:48px; height:48px; cursor:pointer; }
.mob summary::-webkit-details-marker { display:none; }
.mob summary span { display:block; width:26px; height:2px; background:#fff; }
.mob-ic { position:fixed; inset:var(--ust) 0 0 0; padding:12px var(--gut) 96px; background:var(--zemin); overflow:auto; }
.mob-ic li a { display:flex; align-items:center; min-height:52px; font-size:20px; font-weight:600; text-decoration:none; border-bottom:1px solid var(--cizgi); }
.mob-tel { display:flex; align-items:center; min-height:52px; margin-top:12px; font-weight:600; text-decoration:none; color:var(--vurgu); }

/* ── kapı sahnesi ───────────────────────────────────────────────────── */
.kapi { position:relative; height:100svh; background:var(--zemin); }
html.s3 .kapi { height:calc(100svh + 600svh); }
html.s3 .urunler { display:none; }
.sticky { position:sticky; top:0; height:100svh; overflow:hidden; background:var(--zemin); }
.plaka-sar { --k:128svh; --dy:.5413; --oy:52%; position:absolute; inset:0; }
.plaka { position:absolute; width:var(--k); height:var(--k); left:calc(50% - var(--k)*.5); top:calc(var(--oy) - var(--k)*var(--dy)); }
.taban { position:absolute; inset:0; width:100%; height:100%; max-width:none; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.tam .plaka-sar { visibility:hidden; }
.tuval { position:absolute; inset:0; width:100%; height:100%; display:block; opacity:0; transition:opacity .3s; }
.hazir .tuval { opacity:1; }
.parlama { position:absolute; inset:0; opacity:0; background:radial-gradient(75% 90% at 50% 55%,#FFE3BC,#E9A862 62%,#7A4A25); mix-blend-mode:screen; pointer-events:none; }
.yan-sol,.yan-sag { position:absolute; top:0; bottom:0; width:42vw; pointer-events:none; }
.yan-sol { left:0; opacity:max(var(--dis,1),calc(var(--ic,0)*.72)); background:linear-gradient(90deg,var(--zemin) 12%,rgba(14,17,18,.66) 50%,rgba(14,17,18,.16) 84%,rgba(14,17,18,0)); }
.yan-sag { right:0; opacity:var(--dis,1); background:linear-gradient(270deg,var(--zemin) 12%,rgba(14,17,18,.66) 50%,rgba(14,17,18,.16) 84%,rgba(14,17,18,0)); }
.alt-gol { position:absolute; left:0; right:0; bottom:0; height:30svh; background:linear-gradient(0deg,var(--zemin) 34%,rgba(14,17,18,0)); pointer-events:none; opacity:calc(var(--g,1)*max(var(--dis,1),var(--ic,0))); }
[data-durum]:not([data-durum="0"]) .alt-gol { --g:.3; }

.metin,.sayi,.gec { transition:opacity .45s, transform .45s cubic-bezier(.2,.7,.2,1); }
.metin { position:absolute; inset:0; pointer-events:none; }
.metin a { pointer-events:auto; }
.metin h1 { font-size:clamp(44px,5.5vw,82px); }
.metin .l,.metin .r { position:absolute; top:32svh; display:block; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.metin .l { left:var(--gut); width:min(30vw,470px); }
.metin .r { right:var(--gut); width:min(26vw,400px); text-align:right; }
.alt-s { position:absolute; left:var(--gut); top:calc(32svh + clamp(112px,12.2vw,184px)); width:min(29vw,420px); color:var(--soluk); font-size:clamp(17px,1.5vw,21px); line-height:1.4; }
.hero-cta { position:absolute; right:var(--gut); top:calc(32svh + clamp(112px,12.2vw,184px)); }
.sayi { position:absolute; left:var(--gut); right:var(--gut); bottom:0; padding-bottom:26px; display:grid; grid-template-columns:repeat(4,1fr); column-gap:clamp(20px,3vw,44px); }
.sayi div { border-top:1px solid #3A4144; padding-top:12px; color:var(--soluk); font-size:16px; line-height:1.3; }
.sayi b { display:block; font-family:var(--mono); font-weight:500; letter-spacing:-.02em; font-size:clamp(24px,2.3vw,34px); color:#fff; line-height:1.15; margin-bottom:2px; }
.gec { position:absolute; left:var(--gut); top:calc(32svh + clamp(190px,17.6vw,262px)); display:flex; align-items:center; gap:18px; min-height:44px; font-size:16px; color:var(--soluk); }
.gec a { display:inline-flex; align-items:center; min-height:44px; color:#fff; font-weight:500; text-underline-offset:5px; }

.panel { position:absolute; left:var(--gut); top:34svh; width:min(30vw,440px); opacity:0; visibility:hidden; transform:translateY(22px); transition:opacity .4s, transform .6s cubic-bezier(.2,.7,.2,1), visibility 0s .4s; pointer-events:none; }
.panel .seri { color:var(--soluk); font-size:16px; margin-bottom:16px; }
.panel .seri b { color:#fff; font-weight:700; margin-right:8px; }
.panel h2 { font-size:clamp(30px,3.3vw,48px); margin-bottom:14px; }
.panel p:last-child { color:var(--soluk); font-size:clamp(17px,1.4vw,20px); line-height:1.4; }

[data-durum]:not([data-durum="0"]) .metin,[data-durum]:not([data-durum="0"]) .sayi,[data-durum]:not([data-durum="0"]) .gec { opacity:0; visibility:hidden; transition:opacity .35s, visibility 0s .35s; }
[data-durum]:not([data-durum="0"]) .metin .l { transform:translateX(-5vw); }
[data-durum]:not([data-durum="0"]) .metin .r { transform:translateX(5vw); }
[data-durum="1"] .panel[data-p="1"],[data-durum="2"] .panel[data-p="2"],[data-durum="3"] .panel[data-p="3"] { opacity:1; visibility:visible; transform:none; transition-delay:.1s,.1s,0s; }

/* galeri içi metin */
.ic-baslik,.duraklar,.dizin { display:none; }
html.s3 .ic-baslik,html.s3 .duraklar,html.s3 .dizin { display:block; }
.gec span { display:none; }
html.s3 .gec span { display:inline; }
.ic-baslik { position:absolute; left:var(--gut); bottom:9svh; width:min(36vw,560px); opacity:0; visibility:hidden; transform:translateY(22px); transition:opacity .4s, transform .6s cubic-bezier(.2,.7,.2,1), visibility 0s .4s; }
.ic-baslik h2 { font-size:clamp(30px,3.3vw,48px); margin-bottom:14px; }
.ic-baslik p { color:var(--soluk); font-size:clamp(17px,1.4vw,20px); line-height:1.4; }
[data-durum="5"] .ic-baslik { opacity:1; visibility:visible; transform:none; transition-delay:.1s,.1s,0s; }
/* Durak künyesi: kapının ekrandaki sol kenarına bağlı levha (--kx her karede giris.js'ten), dikeyde ortalı. */
.durak { --kw:min(30vw,400px); position:absolute; left:max(var(--gut),calc(var(--kx,62vw) - 44px - var(--kw))); top:50%; width:var(--kw); padding:30px 32px 28px; background:rgba(13,16,17,.7); border:1px solid rgba(255,255,255,.09); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); opacity:0; pointer-events:none; transform:translateY(calc(-50% + 18px)); transition:opacity .3s, transform .5s cubic-bezier(.2,.7,.2,1); }
.durak.on { opacity:1; pointer-events:auto; transform:translateY(-50%); }
[data-durum="6"] .yan-sol { opacity:calc(var(--ic,0)*.3); }
.durak .kunye { margin:16px 0 22px; }
.kunye .model { padding:0 0 10px; color:var(--soluk); font-size:14px; font-family:var(--mono); }
.kunye .model b { color:#fff; font-weight:700; margin-right:6px; }
.kunye dl { margin:0; }
.kunye dl div { display:flex; justify-content:space-between; align-items:baseline; gap:18px; padding:9px 0; border-top:1px solid rgba(255,255,255,.12); font-size:14px; line-height:1.4; font-family:var(--mono); }
.kunye dl div:last-child { border-bottom:1px solid rgba(255,255,255,.12); }
.kunye dt { flex:none; color:#A9B4B8; }
.kunye dd { margin:0; color:#fff; text-align:right; }
.durak .seri { color:var(--soluk); font-size:16px; margin-bottom:16px; }
.durak .seri b { color:#fff; font-weight:700; }
.durak h2 { font-size:clamp(28px,2.5vw,38px); margin-bottom:10px; }
.durak .kisa { color:var(--soluk); font-size:clamp(17px,1.4vw,20px); line-height:1.4; margin-bottom:10px; }
.durak ul { list-style:none; margin:0 0 18px; padding:0; color:#C8CCCE; font-size:clamp(15px,1.15vw,17px); line-height:1.35; }
.durak ul li { padding:7px 0; border-top:1px solid rgba(255,255,255,.14); }
.durak ul li:last-child { border-bottom:1px solid rgba(255,255,255,.14); }
.durak .bag { display:flex; flex-wrap:wrap; gap:6px 22px; }
.durak .tem { margin-top:8px; color:#A9AFB2; font-size:15px; }
.varis { display:none; position:absolute; left:50%; top:50%; width:min(86vw,640px); transform:translate(-50%,-42%); text-align:center; opacity:0; pointer-events:none; transition:opacity .4s, transform .6s cubic-bezier(.2,.7,.2,1); }
html.s3 .varis { display:block; }
.varis h2 { font-size:clamp(32px,4vw,56px); margin-bottom:14px; text-shadow:0 2px 24px rgba(0,0,0,.45); }
.varis p { color:#E4E1DC; font-size:clamp(17px,1.4vw,20px); line-height:1.4; margin:0 auto 26px; max-width:30em; text-shadow:0 1px 14px rgba(0,0,0,.55); }
[data-durum="8"] .varis { opacity:1; pointer-events:auto; transform:translate(-50%,-50%); transition-delay:.05s,.05s; }
.dizin { position:absolute; right:calc(var(--gut) - 14px); top:50%; width:44px; transform:translateY(-50%); opacity:0; visibility:hidden; transition:opacity .35s, visibility 0s .35s; }
[data-durum="6"] .dizin { opacity:1; visibility:visible; transition-delay:0s; }
.dizin button { display:flex; align-items:center; justify-content:center; width:44px; height:40px; padding:0; border:0; background:none; cursor:pointer; }
.dizin button span { display:block; width:22px; height:2px; background:#5B6467; transition:width .25s, background .25s; }
.dizin button:hover span { background:#fff; }
.dizin button.on span { width:34px; background:var(--vurgu); }
.dizin p { margin-top:10px; text-align:center; color:var(--soluk); font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }

/* bölümler */
.b { padding:var(--b) 0; }
.b-not { padding:0 0 var(--b); margin-top:calc(var(--b)*-.6); }
.b-bas { max-width:760px; margin-bottom:clamp(30px,4vw,52px); }
.b-bas p { margin-top:14px; color:var(--soluk); font-size:clamp(17px,1.5vw,20px); }
.dipnot { margin-top:18px; color:#A9AFB2; font-size:15px; }
.ust-y { color:var(--vurgu); font-weight:600; margin-bottom:14px; }

.kartlar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
.kart { position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:var(--yuzey); text-decoration:none; }
.kart img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.kart:hover img { transform:scale(1.04); }
.kart-yazi { position:absolute; inset:auto 0 0 0; padding:64px 22px 20px; background:linear-gradient(0deg,rgba(6,8,9,.9) 22%,rgba(6,8,9,0)); }
.kart-yazi b { display:block; font-family:var(--baslik); font-weight:700; font-size:clamp(18px,1.5vw,22px); line-height:1.2; }
.kart-yazi i { display:block; font-style:normal; color:var(--soluk); font-size:16px; line-height:1.3; margin-top:3px; }
.duz { background:#14282F; }
.buyuk { position:absolute; left:22px; right:22px; top:24px; }
.buyuk b { display:block; font-family:var(--baslik); font-weight:700; font-size:clamp(44px,5vw,76px); line-height:1; }
.buyuk span { display:block; margin-top:10px; color:var(--soluk); font-size:16px; line-height:1.3; }

.ddoor-ic { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,6vw,96px); align-items:center; }
.ddoor-yazi p:not(.ust-y) { margin:18px 0 14px; color:var(--soluk); font-size:clamp(17px,1.5vw,20px); }
.ddoor-dizi { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; }
figure { min-width:0; }
figure img { width:100%; }
figcaption { padding-top:10px; color:var(--soluk); font-size:15px; line-height:1.35; }
figcaption b { display:block; color:#fff; font-weight:600; font-size:16px; }

.imalat { background:var(--yuzey); }
.imalat-ic { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,6vw,96px); align-items:start; }
.imalat-ic img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.uzun { margin:18px 0 26px; color:var(--soluk); font-size:clamp(17px,1.5vw,20px); }
.liste > div { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,2fr); gap:16px; padding:14px 0; border-top:1px solid var(--cizgi); }
.liste > div:last-child { border-bottom:1px solid var(--cizgi); }
.liste dt { color:var(--soluk); }
.liste dd { font-weight:600; }
.liste dd { overflow-wrap:anywhere; }
.liste dd a { display:inline-flex; align-items:center; min-height:44px; margin:-10px 0; text-underline-offset:4px; }

.adim { display:grid; grid-template-columns:repeat(5,1fr); gap:clamp(18px,2.4vw,36px); counter-reset:a; }
.adim li { counter-increment:a; border-top:1px solid #4A5356; padding-top:16px; }
.adim li::before { content:counter(a); display:block; font-family:var(--mono); font-weight:500; font-size:30px; color:var(--vurgu); line-height:1.1; margin-bottom:10px; }
.adim b { display:block; font-weight:700; font-size:19px; margin-bottom:6px; }
.adim p { color:var(--soluk); font-size:16px; line-height:1.42; }

.kapanis { background:#10262F; padding:clamp(52px,6.5vw,88px) 0; }
.kapanis-ic { display:flex; align-items:center; justify-content:space-between; gap:clamp(24px,5vw,72px); }
.kapanis p { margin-top:12px; max-width:720px; color:#D5DDE0; font-size:clamp(17px,1.4vw,19px); }
.kapanis .btn { flex:none; }

/* ürün sayfası başı */
.sb { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:min(88svh,820px); }
.sb-m { padding:calc(var(--ust) + clamp(36px,6vw,84px)) var(--gut) clamp(40px,5vw,72px); max-width:calc(var(--kap)/2 + var(--gut)); justify-self:end; width:100%; display:flex; flex-direction:column; align-items:flex-start; }
.sb-m h1 { font-size:clamp(36px,4.6vw,68px); margin-bottom:20px; }
.sb-m > p { color:var(--soluk); font-size:clamp(18px,1.5vw,21px); line-height:1.45; max-width:600px; margin-bottom:14px; }
.sb-m .btn { margin-top:14px; }
.kirinti { display:flex; gap:9px; flex-wrap:wrap; color:#A9AFB2; font-size:15px; margin-bottom:22px; }
.kirinti a { display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; text-underline-offset:3px; }
.sb-g { position:relative; overflow:hidden; background:var(--yuzey); }
.sb-g img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sb-yazi { display:flex; flex-direction:column; justify-content:center; padding:calc(var(--ust) + 40px) var(--gut) 48px; background:#14282F; }
.sb-yazi > b { font-family:var(--baslik); font-weight:700; font-size:clamp(84px,13vw,200px); line-height:.95; }
.sb-yazi > span { margin-top:16px; color:var(--soluk); font-size:clamp(18px,1.6vw,22px); }
.sb-tek { min-height:auto; }
.sb-l { padding:calc(var(--ust) + clamp(36px,6vw,84px)) var(--gut) clamp(40px,5vw,72px); }

.modeller { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px) 2px; }
.modeller figcaption { color:#fff; font-weight:600; font-size:16px; }
.galeri { display:grid; gap:clamp(20px,2.4vw,32px) 2px; }
.galeri.g1,.galeri.g2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.galeri.g3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.galeri.tek { grid-template-columns:minmax(0,1fr); }
.galeri.g4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.galeri.g5,.galeri.g6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.galeri.cok { grid-template-columns:repeat(4,minmax(0,1fr)); }
.galeri img { width:100%; aspect-ratio:4/5; object-fit:cover; background:var(--yuzey); }
.ikili-kolon { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,6vw,96px); align-items:start; }
.ikili-kolon .b-bas { margin-bottom:0; }
.gruplar { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; }
.grup { padding:clamp(24px,3vw,40px); background:var(--yuzey); }
.grup h3 { font-family:var(--baslik); font-size:clamp(22px,2vw,28px); font-weight:700; margin-bottom:10px; }
.grup p { color:var(--soluk); }
.tablo-sar { overflow-x:auto; }
.tablo { width:100%; min-width:520px; border-collapse:collapse; text-align:left; }
.tablo th,.tablo td { padding:15px 18px 15px 0; border-top:1px solid var(--cizgi); vertical-align:top; }
.tablo thead th { border-top:0; font-family:var(--baslik); font-weight:700; font-size:clamp(18px,1.6vw,22px); padding-bottom:18px; }
.tablo tbody th { font-weight:400; color:var(--soluk); }
.tablo td { font-weight:600; }
.cipler { display:flex; flex-wrap:wrap; gap:10px; }
.cipler li { padding:10px 16px; border:1px solid #4A5356; }
.diger h2 { font-size:clamp(22px,2vw,28px); margin-bottom:20px; }
.diger { padding-top:clamp(48px,6vw,80px); padding-bottom:clamp(48px,6vw,80px); }
.diger ul { display:flex; flex-wrap:wrap; gap:6px 34px; }
.diger a { display:inline-flex; align-items:center; min-height:44px; font-weight:500; text-underline-offset:5px; }

/* sayfa başı görsel notu */
.sb-not { position:absolute; left:0; bottom:0; padding:10px 16px; background:rgba(14,17,18,.78); color:#D5DADC; font-size:14px; }

/* yangın: 120 dk + şematik kesit */
.sb-yazi { gap:clamp(24px,3vw,40px); }
.sb-120 b { display:block; font-family:var(--baslik); font-weight:700; font-size:clamp(64px,8vw,128px); line-height:.95; }
.sb-120 span { display:block; margin-top:12px; color:var(--soluk); font-size:clamp(17px,1.4vw,20px); }
.kesit-c { display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2.4vw,32px); }
.sb-yazi .dipnot { margin-top:0; }

/* şematik kesit (build.py kesit()) */
.kesit { display:block; width:100%; height:auto; overflow:visible; }
.kesit circle { fill:var(--zemin); stroke:var(--vurgu); stroke-width:2; }
.kesit text { fill:#fff; font:500 15px var(--mono); text-anchor:middle; }
.kesit .kt { transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.acik .kesit .k-2 { transform:translateY(-44px); }
.acik .kesit .k-1 { transform:translateY(-22px); }
.acik .kesit .k1 { transform:translateY(22px); }
.acik .kesit .k2 { transform:translateY(44px); }
.acik .kesit .ks { transform:translateX(-16px); }
.acik .kesit .kl { transform:translateX(18px); }
.kesit-k figcaption { padding-top:14px; color:var(--soluk); font-size:15px; }
.kesit-k figcaption b { display:inline; color:#fff; font-size:16px; }
.lejant { display:grid; gap:8px; margin-top:14px; counter-reset:none; }
.lejant li { display:grid; grid-template-columns:30px 1fr; align-items:baseline; color:var(--soluk); font-size:16px; line-height:1.35; }
.lejant b { display:inline-grid; place-items:center; width:24px; height:24px; border:2px solid var(--vurgu); border-radius:50%; color:#fff; font-size:13px; }
.imalat-ic .ok { margin-top:18px; }

/* galeri büyütme */
.buyut { display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; }
.buyut img { transition:opacity .2s; }
.buyut:hover img { opacity:.9; }
.modeller figcaption { display:flex; flex-direction:column; align-items:flex-start; }
.modeller figcaption .ok { min-height:44px; font-size:15px; font-weight:500; }
.lb { width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(8,10,11,.96); color:#fff; }
.lb::backdrop { background:rgba(8,10,11,.9); }
.lb[open] { display:grid; grid-template-columns:64px minmax(0,1fr) 64px; grid-template-rows:minmax(0,1fr) auto; align-items:center; }
.lb figure { grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:64px 0 24px; }
.lb img { width:auto; max-width:100%; max-height:calc(100dvh - 140px); object-fit:contain; }
.lb figcaption { text-align:center; }
.lb button { width:56px; height:56px; border:0; background:none; color:#fff; font-size:34px; line-height:1; cursor:pointer; }
.lb button:hover { color:var(--vurgu); }
.lb-k { position:fixed; top:10px; right:12px; }
.lb-o { grid-column:1; grid-row:1; justify-self:center; }
.lb-s { grid-column:3; grid-row:1; justify-self:center; }

/* teklif listesi */
.kapanis-ic { align-items:flex-start; }
.kp-yazi { flex:1; max-width:640px; }
.kp-cta { margin-top:26px; }
.tl { flex:0 1 520px; padding:26px 28px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.12); }
.tl[hidden] { display:none; }
.tl-bas { font-family:var(--baslik); font-weight:700; font-size:21px; }
.tl-m { margin:6px 0 14px; color:#D5DDE0; font-size:16px; }
.tl-l li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 0; border-top:1px solid rgba(255,255,255,.12); }
.tl-l li span { font-weight:500; }
.adet { display:flex; align-items:center; flex:none; }
.adet button { width:44px; height:44px; border:1px solid rgba(255,255,255,.22); background:none; color:#fff; font-size:20px; cursor:pointer; }
.adet button:hover { border-color:var(--vurgu); color:var(--vurgu); }
.adet input { width:64px; height:44px; border:1px solid rgba(255,255,255,.22); border-left:0; border-right:0; background:none; color:#fff; font:600 17px var(--govde),sans-serif; text-align:center; -moz-appearance:textfield; appearance:textfield; }
.adet input::-webkit-outer-spin-button,.adet input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.tl-ozet { margin:14px 0 16px; color:#D5DDE0; font-size:15px; }
.tl-git { width:100%; justify-content:center; }
html.js .kp-cta { display:none; }

/* sık sorulanlar */
.sss-l details { border-top:1px solid var(--cizgi); }
.sss-l details:last-child { border-bottom:1px solid var(--cizgi); }
.sss-l summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:60px; padding:12px 0; font-weight:600; font-size:clamp(17px,1.4vw,19px); cursor:pointer; list-style:none; }
.sss-l summary::-webkit-details-marker { display:none; }
.sss-l summary::after { content:"+"; flex:none; color:var(--vurgu); font-size:26px; font-weight:400; transition:transform .25s; }
.sss-l details[open] summary::after { transform:rotate(45deg); }
.sss-l details p { padding:0 0 20px; max-width:62ch; color:var(--soluk); }

/* hakkımızda */
.hk-bas { position:relative; display:flex; align-items:flex-end; min-height:min(92svh,880px); padding:calc(var(--ust) + 60px) 0 clamp(48px,7vw,96px); overflow:hidden; }
.hk-g { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% 50%; }
.hk-bas::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(14,17,18,.94) 0%,rgba(14,17,18,.72) 38%,rgba(14,17,18,.08) 72%),linear-gradient(0deg,rgba(14,17,18,.9),rgba(14,17,18,0) 40%); }
.hk-m { position:relative; z-index:1; width:100%; }
.hk-m h1 { max-width:12em; font-size:clamp(40px,5.6vw,84px); margin-bottom:22px; }
.hk-m > p { max-width:560px; margin-bottom:28px; color:#DDE1E3; font-size:clamp(18px,1.5vw,21px); line-height:1.45; }
.hk-tem { position:absolute; right:var(--gut); bottom:16px; z-index:1; color:#A9AFB2; font-size:14px; }
.hk-sayi { border-bottom:1px solid var(--cizgi); }
.hk-sayi .kap { display:grid; grid-template-columns:repeat(4,1fr); column-gap:clamp(20px,3vw,44px); padding-top:34px; padding-bottom:34px; }
.hk-sayi div div { color:var(--soluk); font-size:16px; line-height:1.3; }
.hk-sayi b { display:block; font-family:var(--mono); font-weight:500; letter-spacing:-.02em; font-size:clamp(26px,2.6vw,40px); color:#fff; line-height:1.15; margin-bottom:4px; }
.hk-foto img { aspect-ratio:4/5; object-fit:cover; }
.hk-sg { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-bottom:clamp(32px,4vw,52px); }
.hk-sg img { aspect-ratio:4/3; object-fit:cover; }
.hk-k .gruplar { grid-template-columns:repeat(2,1fr); }
.hk-k .grup .ok { margin-top:10px; }

/* iletişim */
.sb-l > .ok { margin-top:18px; }
.gonderin { counter-reset:g; }
.gonderin li { counter-increment:g; display:grid; grid-template-columns:44px 1fr; align-items:baseline; padding:16px 0; border-top:1px solid var(--cizgi); font-weight:600; font-size:clamp(17px,1.4vw,19px); }
.gonderin li:last-child { border-bottom:1px solid var(--cizgi); }
.gonderin li::before { content:counter(g); color:var(--vurgu); font-family:var(--mono); font-weight:500; }

/* dip */
.dip { border-top:1px solid var(--cizgi); padding:clamp(44px,5vw,72px) 0 26px; }
.dip-ic { max-width:var(--kap); margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:1.2fr 1.2fr .8fr 1.5fr; gap:clamp(24px,4vw,56px); }
.dip h2 { font-size:17px; font-weight:700; letter-spacing:0; margin-bottom:12px; }
.dip li a { display:inline-flex; align-items:center; min-height:44px; color:var(--soluk); text-decoration:none; }
.dip li a:hover { color:#fff; }
.dip-marka img { height:64px; width:auto; margin-bottom:14px; }
.dip-marka p { color:var(--soluk); font-size:16px; }
.imza { max-width:var(--kap); margin:26px auto 0; padding:0 var(--gut); font-size:14px; }
.imza a { display:inline-flex; align-items:center; min-height:44px; color:#A9AFB2; text-underline-offset:3px; }
.alt-cta { display:none; }
.galeri-daha { display:none; }

@media (max-width:1100px) {
  .tel { display:none; }
  .kartlar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .adim { grid-template-columns:repeat(2,1fr); }
  .modeller { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:760px) {
  :root { --ust:68px; }
  body { font-size:16px; padding-bottom:0; }
  .gez { display:none; } .mob { display:block; }
  .ust { gap:12px; background:linear-gradient(180deg,rgba(14,17,18,.95),rgba(14,17,18,0)); }
  .logo img { height:46px; }
  .plaka-sar { --k:206vw; --oy:38svh; }
  .yan-sol,.yan-sag { display:none; }
  [data-durum]:not([data-durum="0"]) .alt-gol { --g:1; }
  .alt-gol { height:56svh; background:linear-gradient(0deg,var(--zemin) 54%,rgba(14,17,18,0)); }
  .metin .l { position:static; width:auto; text-align:left; display:block; white-space:nowrap; }
  .metin .r { position:static; width:auto; text-align:left; display:block; }
  .metin { inset:auto var(--gut) 92px var(--gut); }
  .metin h1 { font-size:clamp(26px,8vw,32px); margin-bottom:10px; }
  .alt-s { position:static; width:auto; font-size:16px; }
  .hero-cta,.sayi { display:none; }
  .gec { left:var(--gut); right:var(--gut); top:auto; bottom:222px; gap:14px; font-size:15px; }
  .panel { left:var(--gut); right:var(--gut); top:auto; bottom:92px; width:auto; }
  .ic-baslik { left:var(--gut); right:var(--gut); top:auto; bottom:110px; width:auto; }
  .ic-baslik h2,.durak h2 { font-size:26px; margin-bottom:6px; }
  .ic-baslik p,.durak .kisa { font-size:16px; }
  .durak { left:var(--gut); right:var(--gut); top:auto; bottom:136px; width:auto; padding:0; background:none; border:0; -webkit-backdrop-filter:none; backdrop-filter:none; transform:translateY(18px); }
  .durak.on { transform:none; }
  .durak .kunye { margin:8px 0 12px; }
  .kunye .model { padding-bottom:4px; font-size:14px; }
  .kunye dl div { padding:4px 0; font-size:14px; border:0; }
  .kunye dl div:last-child { border:0; }
  .kunye dl div:nth-child(n+3) { display:none; }
  .durak .seri { margin-bottom:6px; font-size:15px; }
  .durak ul { margin-bottom:10px; font-size:15px; }
  .durak ul li { padding:3px 0; border:0; }
  .durak ul li:last-child { border:0; }
  .durak ul li:nth-child(3) { display:none; }
  .dizin { left:var(--gut); right:var(--gut); top:auto; bottom:84px; width:auto; transform:none; display:none; }
  html.s3 .dizin { display:flex; align-items:center; gap:10px; }
  .dizin-c { display:flex; flex:1; }
  .dizin button { flex:1; width:auto; height:44px; }
  .dizin button span,.dizin button.on span { width:100%; margin:0 2px; }
  .dizin p { margin:0; }
  .panel .seri { margin-bottom:8px; font-size:15px; }
  .panel h2 { font-size:26px; margin-bottom:6px; }
  .panel p:last-child { font-size:16px; }
  [data-durum]:not([data-durum="0"]) .metin .l,[data-durum]:not([data-durum="0"]) .metin .r { transform:none; }
  .kart-yazi { padding:48px 14px 14px; }
  .kart-yazi b { font-size:17px; }
  .kart-yazi i { font-size:14px; }
  .buyuk { left:14px; right:14px; top:16px; }
  .ddoor-ic,.imalat-ic,.ikili-kolon { grid-template-columns:1fr; }
  .adim { grid-template-columns:1fr; }
  .adim li { display:grid; grid-template-columns:44px 1fr; column-gap:6px; }
  .adim li::before { grid-row:span 2; margin:0; }
  .kapanis-ic { flex-direction:column; align-items:flex-start; }
  .sb { grid-template-columns:1fr; min-height:0; }
  .sb-m,.sb-l { padding-top:calc(var(--ust) + 26px); justify-self:stretch; max-width:none; }
  .sb-l { padding-top:0; }
  .sb-g { aspect-ratio:4/4.4; }
  .sb-yazi { aspect-ratio:auto; padding:36px var(--gut); }
  .modeller { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .galeri.g2,.galeri.g3,.galeri.g4,.galeri.g5,.galeri.g6,.galeri.cok { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .galeri figure:last-child:nth-child(odd) { grid-column:1/-1; }
  .galeri figure:last-child:nth-child(odd) img { aspect-ratio:4/3; }
  .galeri.cok figure:last-child:nth-child(odd) { grid-column:auto; }
  .galeri.cok figure:last-child:nth-child(odd) img { aspect-ratio:4/5; }
  .tablo { min-width:0; font-size:15px; }
  .tablo th,.tablo td { padding:12px 10px 12px 0; }
  .tablo thead th { font-size:16px; }
  h2 { font-size:27px; }
  .gruplar,.hk-k .gruplar { grid-template-columns:1fr; }
  .kesit-c { grid-template-columns:1fr; }
  .tl { flex:auto; width:100%; padding:20px 16px; }
  .adet input { width:52px; }
  .hk-bas { min-height:86svh; }
  .hk-g { object-position:72% 50%; }
  .hk-bas::after { background:linear-gradient(0deg,rgba(14,17,18,.96) 30%,rgba(14,17,18,.35) 70%,rgba(14,17,18,.15)); }
  .hk-tem { top:calc(var(--ust) + 10px); bottom:auto; }
  .hk-sayi .kap { grid-template-columns:1fr 1fr; row-gap:22px; }
  .hk-sg { grid-template-columns:1fr; }
  .lb[open] { grid-template-columns:48px minmax(0,1fr) 48px; }
  .lb figure { grid-column:1 / -1; padding:64px 12px 84px; }
  .lb-o,.lb-s { position:fixed; bottom:16px; }
  .lb-o { left:12px; } .lb-s { right:12px; }
  .dip { padding-bottom:88px; }
  .dip-ic { grid-template-columns:1fr 1fr; }
  .dip-marka,.dip-ic > div:last-child { grid-column:1/-1; }
  .alt-cta { display:block; position:fixed; left:0; right:0; bottom:0; z-index:35; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:rgba(14,17,18,.96); border-top:1px solid var(--cizgi); }
  .alt-cta .btn { width:100%; justify-content:center; min-height:52px; }
  .alt-cta { transition:transform .3s cubic-bezier(.2,.7,.2,1), visibility .3s; }
  .alt-cta.uzak { transform:translateY(105%); visibility:hidden; }
  .galeri.kisa > figure:nth-child(n+9) { display:none; }
  .galeri-daha { display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; margin-top:22px; border:1px solid var(--cizgi); background:transparent; color:#fff; font:inherit; font-weight:600; font-size:17px; cursor:pointer; }
}

@media (max-height:640px) and (min-width:761px) {
  .sayi { display:none; }
  .metin .l,.metin .r { top:26svh; }
  .alt-s,.hero-cta { top:calc(26svh + clamp(112px,12.2vw,184px)); }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .kapi { height:100svh; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}