@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/v/archivo-latin-ext.a75c792f.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:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/v/archivo-latin.4c98b9d4.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}
/* Karadeniz Çelik Kapı. Yön 2: karanlık, sinematik. Tek aile Archivo, tek vurgu, köşe yok. */
: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 'Archivo',system-ui,sans-serif; 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-stretch:125%; font-weight:800; letter-spacing:-.015em; line-height:1.06; 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-weight:600; 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:calc(100svh + 300svh); background:var(--zemin); }
.sticky { position:sticky; top:0; height:100svh; overflow:hidden; background:var(--zemin); }
.plaka-sar { --k:128svh; --dx:.4696; --dy:.5413; --oy:52%; position:absolute; inset:0; transform-origin:50% var(--oy); will-change:transform; }
.plaka { position:absolute; width:var(--k); height:var(--k); left:calc(50% - var(--k)*.5); top:calc(var(--oy) - var(--k)*var(--dy)); perspective:calc(var(--k)*1.25); perspective-origin:46.96% 54.13%; }
.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); }
.karart { position:absolute; inset:0; background:#050607; opacity:0; }
/* kanadın konumu: plakanın % koordinatı, tek kaynak */
.bosluk,.kanat { position:absolute; left:34.936%; top:26.146%; width:24.042%; height:55.898%; }
.bosluk { overflow:hidden; background:linear-gradient(180deg,#F4C98E,#E9A862 60%,#B9783F); opacity:.06; }
.ic { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; }
.sicak { position:absolute; inset:0; background:radial-gradient(70% 45% at 50% 58%,rgba(255,232,196,.75),rgba(255,214,160,.12) 70%,rgba(255,200,140,0)); }
.kanat { transform-origin:0 50%; transform:rotateY(3deg); transform-style:preserve-3d; will-change:transform; }
.yuz { position:absolute; inset:0; overflow:hidden; background:#2B1A10; }
.yuz img { position:absolute; inset:0; width:100%; height:100%; max-width:none; opacity:0; }
.yuz img.on { opacity:1; }
.golge { position:absolute; inset:0; background:linear-gradient(90deg,#000,#120B06); opacity:0; }
.kenar { position:absolute; right:0; top:0; bottom:0; width:calc(var(--k)*.0085); background:linear-gradient(180deg,#3B3F41,#17191A); transform-origin:100% 50%; transform:rotateY(-90deg); }
.tasma { position:absolute; left:27%; right:33%; top:81.9%; height:15%; opacity:0; background:radial-gradient(50% 100% at 50% 0,rgba(255,214,160,.62),rgba(255,214,160,.16) 55%,rgba(255,214,160,0)); mix-blend-mode:screen; }
.hale { position:absolute; left:10%; right:15%; top:14%; bottom:8%; opacity:0; background:radial-gradient(38% 50% at 49% 52%,rgba(255,206,146,.55),rgba(255,190,120,0) 72%); 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; 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; 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; transition:opacity .5s; }
[data-durum]:not([data-durum="0"]) .alt-gol { opacity:.3; }
.perde { position:absolute; inset:0; background:var(--zemin); opacity:0; pointer-events:none; }

.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-stretch:125%; font-weight:800; 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; }

/* 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-stretch:112%; 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-stretch:125%; font-weight:800; 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-stretch:125%; font-weight:800; 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:var(--gut); background:#14282F; }
.sb-yazi b { font-stretch:125%; font-weight:800; 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.g4 { 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-stretch:112%; 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-stretch:112%; 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; }

/* 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-stretch:112%; font-weight:700; letter-spacing:0; margin-bottom:12px; }
.dip li a { display:inline-flex; align-items:center; min-height:34px; 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 { color:#A9AFB2; text-underline-offset:3px; }
.alt-cta { 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; }
  .kapi { height:calc(100svh + 260svh); }
  .plaka-sar { --k:206vw; --oy:38svh; }
  .yan-sol,.yan-sag { display:none; }
  [data-durum]:not([data-durum="0"]) .alt-gol { opacity: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; }
  .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 { 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; }
  .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 { grid-template-columns:1fr; }
  .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; }
}

@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; }
}