@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/barlow-400-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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-500-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-600-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:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-500-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:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-600-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:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-700-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:'Barlow Semi Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-semi-condensed-800-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}

/* =====================================================================
   DEPO DEPO — "Koridor" tasarım sistemi · temel katman
   Renkler tesisin kendisinden: bordo kapı, kireç beyazı oluklu duvar,
   şerit sarısı zemin çizgisi, grafit.
   ===================================================================== */

:root {
  --bordo: #731012;
  --bordo-acik: #8e1a1c;
  --bordo-koyu: #4a0a0c;
  --kirec: #f3f0ea;
  --kirec-2: #e9e5dd;
  --beton: #d8d3ca;
  --beton-koyu: #b9b2a6;
  --grafit: #15171a;
  --grafit-2: #23262a;
  --grafit-3: #33373c;
  --gri: #5d6064;
  --gri-acik: #8a8d90;
  --sari: #f4c20d;
  --sari-koyu: #d9a900;
  --beyaz: #ffffff;
  --yesil: #2f9e6b;

  --metin: #23262a;
  --zemin: var(--kirec);

  --f-baslik: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --f-govde: "Barlow", "Helvetica Neue", Arial, sans-serif;

  --kap: 1320px;
  --kenar: clamp(16px, 4vw, 40px);
  --bolum: clamp(72px, 10vw, 148px);
  --cizgi: 1.5px;
  --r-kucuk: 4px;
  --r: 10px;
  --egri: cubic-bezier(.2, .7, .2, 1);
  --egri-kapi: cubic-bezier(.7, 0, .2, 1);
  --header-h: 76px;

  --oluk: repeating-linear-gradient(90deg, rgba(21, 23, 26, .045) 0 2px, transparent 2px 15px);
  --oluk-koyu: repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 15px);
}

/* ---------- sıfırlama ---------- */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }
body {
  background: var(--zemin);
  color: var(--metin);
  font: 400 1.0625rem/1.62 var(--f-govde);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
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; }
button { background: none; border: 0; cursor: pointer; }
ul[role="list"], ol[role="list"] { list-style: none; }
[hidden] { display: none !important; }
table { border-collapse: collapse; }
::selection { background: var(--sari); color: var(--grafit); }
:focus-visible { outline: 2.5px solid var(--sari); outline-offset: 3px; border-radius: 2px; }
.gizli-erisim { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: fixed; left: 16px; top: -60px; z-index: 999; background: var(--sari); color: var(--grafit); padding: 10px 16px; font: 700 14px var(--f-baslik); text-transform: uppercase; letter-spacing: .06em; transition: top .2s; }
.atla:focus { top: 12px; }

/* ---------- tipografi ---------- */
h1, h2, h3, h4, .baslik { font-family: var(--f-baslik); color: var(--grafit); font-weight: 800; letter-spacing: -.005em; text-wrap: balance; }
h1, .h1 { font-size: clamp(2.6rem, 6.2vw, 5.6rem); line-height: .9; text-transform: uppercase; }
h2, .h2 { font-size: clamp(2.05rem, 4.2vw, 3.7rem); line-height: .94; text-transform: uppercase; }
h3, .h3 { font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.08; font-weight: 700; }
h4, .h4 { font-size: 1.15rem; line-height: 1.2; font-weight: 700; }
.dev { font-size: clamp(3.4rem, 9.5vw, 8.6rem); line-height: .84; text-transform: uppercase; font-weight: 800; }
.bordo { color: var(--bordo); }
.sari-vurgu { background: linear-gradient(transparent 62%, var(--sari) 62% 92%, transparent 92%); padding: 0 .06em; }
.giris { font-size: clamp(1.15rem, 1.6vw, 1.32rem); line-height: 1.55; color: #3a3d41; max-width: 38ch; }
.kucuk { font-size: .9rem; color: var(--gri); }
.ust-etiket { font: 700 .8rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--gri); }
p + p { margin-top: 1em; }
strong, b { font-weight: 600; color: var(--grafit); }

/* metin içeriği (hizmet sayfaları, blog) */
.metin { max-width: 70ch; }
.metin > * + * { margin-top: 1.05em; }
.metin h2 { font-size: clamp(1.7rem, 2.8vw, 2.4rem); margin-top: 1.9em; text-transform: none; line-height: 1.02; }
.metin h3 { margin-top: 1.6em; }
.metin h2 + *, .metin h3 + * { margin-top: .6em; }
.metin ul, .metin ol { padding-left: 1.3em; }
.metin li + li { margin-top: .45em; }
.metin ul li::marker { color: var(--bordo); }
.metin ol li::marker { color: var(--bordo); font-family: var(--f-baslik); font-weight: 700; }
.metin a { color: var(--bordo); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.metin a:hover { background: var(--sari); color: var(--grafit); text-decoration-color: transparent; }
.metin table { width: 100%; font-size: .98rem; border: var(--cizgi) solid var(--grafit); background: var(--beyaz); }
.metin th, .metin td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--beton); }
.metin th { font: 700 .82rem var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; background: var(--grafit); color: var(--beyaz); }
.metin blockquote { border-left: 4px solid var(--sari); padding: 4px 0 4px 20px; font-size: 1.15rem; }

/* ---------- düzen ---------- */
.kap { width: 100%; max-width: calc(var(--kap) + var(--kenar) * 2); margin-inline: auto; padding-inline: var(--kenar); }
.kap-dar { max-width: calc(880px + var(--kenar) * 2); }
.bolum { padding-block: var(--bolum); position: relative; }
.bolum-sik { padding-block: clamp(48px, 7vw, 96px); }
.zemin-beyaz { background: var(--beyaz); }
.zemin-kirec2 { background: var(--kirec-2); }
.zemin-grafit { background: var(--grafit); color: #d9d6d0; }
.zemin-grafit h1, .zemin-grafit h2, .zemin-grafit h3, .zemin-grafit h4, .zemin-grafit strong { color: var(--beyaz); }
.zemin-grafit .ust-etiket, .zemin-grafit .kucuk { color: var(--gri-acik); }
.zemin-grafit .giris { color: #cfcbc4; }
.zemin-grafit b, .zemin-bordo b { color: inherit; }
.zemin-bordo .giris { color: #f0d6d6; }
.zemin-bordo { background: var(--bordo); color: #f4dede; }
.zemin-bordo h1, .zemin-bordo h2, .zemin-bordo h3, .zemin-bordo strong { color: var(--beyaz); }
.oluklu { background-image: var(--oluk); }
.zemin-grafit.oluklu, .zemin-bordo.oluklu { background-image: var(--oluk-koyu); }

.izgara { display: grid; gap: clamp(20px, 3vw, 40px); }
.iki-sutun { display: grid; gap: clamp(32px, 5vw, 80px); align-items: center; }
@media (min-width: 900px) {
  .iki-sutun { grid-template-columns: 1fr 1fr; }
  .iki-sutun.genis-sol { grid-template-columns: 1.2fr .8fr; }
  .iki-sutun.genis-sag { grid-template-columns: .85fr 1.15fr; }
}
.bolum-kafa { display: grid; gap: 20px; margin-bottom: clamp(36px, 5vw, 64px); }
/* grid öğeleri içerikleri yüzünden taşmasın (yatay kaydırmalı şeritler vb.) */
:where(.iki-sutun, .izgara, .bolum-kafa, .hesap, .secici-govde, .katman-izgara, .konum-izgara, .depo-kafa-izgara,
  .hizmet-kafa-izgara, .yazi-duzen, .sss-duzen, .odeme-izgara, .dahil-izgara, .fiyat-kafa-izgara, .blog-kafa-izgara,
  .yazi-kafa-izgara, .cta-bant-ic, .koridor-ic, .oneri, .ev-panel, .alt-sutunlar) > * { min-width: 0; }
@media (min-width: 900px) {
  .bolum-kafa.yan { grid-template-columns: 1.1fr .9fr; align-items: end; }
}
.bolum-kafa .giris { max-width: 46ch; }
.ortala { text-align: center; }
.ortala .giris { margin-inline: auto; }

/* ---------- birim plakası (kapıdaki "67 80" levhası) ---------- */
.plaka {
  display: inline-flex; align-items: stretch; gap: 0;
  font: 700 .78rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase;
  border: var(--cizgi) solid currentColor; border-radius: 3px; color: var(--grafit);
  width: max-content; max-width: 100%;
}
.plaka > * { padding: 8px 10px 7px; display: inline-flex; align-items: center; gap: 8px; }
.plaka b { font-weight: 800; color: inherit; border-right: var(--cizgi) solid currentColor; letter-spacing: .06em; }
.plaka .nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--sari); box-shadow: 0 0 0 3px rgba(244, 194, 13, .28); padding: 0; flex: none; }
.zemin-grafit .plaka, .zemin-bordo .plaka { color: var(--beyaz); }

/* ---------- butonlar ---------- */
.btn {
  --btn-zemin: var(--grafit); --btn-metin: var(--beyaz); --btn-cerceve: var(--grafit);
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 54px; padding: 0 24px; border-radius: var(--r-kucuk);
  font: 700 .95rem/1 var(--f-baslik); letter-spacing: .07em; text-transform: uppercase;
  background: var(--btn-zemin); color: var(--btn-metin); border: var(--cizgi) solid var(--btn-cerceve);
  overflow: hidden; isolation: isolate; transition: color .35s var(--egri), border-color .35s var(--egri);
  white-space: nowrap; cursor: pointer;
}
.btn::after {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sari);
  transform: scaleX(0); transform-origin: right; transition: transform .45s var(--egri);
}
.btn:hover::after, .btn:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.btn:hover, .btn:focus-visible { color: var(--grafit); border-color: var(--sari); }
.btn svg { width: 18px; height: 18px; flex: none; transition: transform .35s var(--egri); }
.btn:hover svg.ok { transform: translateX(4px); }
.btn-bordo { --btn-zemin: var(--bordo); --btn-cerceve: var(--bordo); }
.btn-cerceve { --btn-zemin: transparent; --btn-metin: var(--grafit); --btn-cerceve: var(--grafit); }
.btn-sari { --btn-zemin: var(--sari); --btn-metin: var(--grafit); --btn-cerceve: var(--sari); }
.btn-sari::after { background: var(--beyaz); }
.btn-sari:hover { border-color: var(--beyaz); }
.btn-beyaz { --btn-zemin: var(--beyaz); --btn-metin: var(--grafit); --btn-cerceve: var(--beyaz); }
.zemin-grafit .btn-cerceve, .zemin-bordo .btn-cerceve { --btn-metin: var(--beyaz); --btn-cerceve: rgba(255, 255, 255, .55); }
.btn-kucuk { min-height: 42px; padding: 0 16px; font-size: .84rem; gap: 8px; }
.btn-genis { width: 100%; }
.btn-wa svg { color: inherit; }
.buton-sira { display: flex; flex-wrap: wrap; gap: 12px; }

.ok-link {
  display: inline-flex; align-items: center; gap: 10px; font: 700 .9rem/1 var(--f-baslik);
  letter-spacing: .08em; text-transform: uppercase; color: var(--grafit);
  padding-bottom: 6px; border-bottom: 2px solid var(--sari); transition: gap .3s var(--egri);
}
.ok-link svg { width: 16px; height: 16px; }
.ok-link:hover { gap: 16px; }
.zemin-grafit .ok-link, .zemin-bordo .ok-link { color: var(--beyaz); }

/* ---------- ikon ---------- */
.ikon { width: 24px; height: 24px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ikon-dolu { fill: currentColor; stroke: none; }

/* ---------- görseller ---------- */
.foto { position: relative; overflow: hidden; background: var(--grafit-2); }
.foto img { width: 100%; height: 100%; object-fit: cover; }
.oran-4-5 { aspect-ratio: 4 / 5; }
.oran-1 { aspect-ratio: 1; }
.oran-16-10 { aspect-ratio: 16 / 10; }
.oran-3-2 { aspect-ratio: 3 / 2; }

/* ---------- hareket (görünce belir) ---------- */
.js [data-belir] { opacity: 0; transform: translateY(26px); }
@media (min-width: 900px) {
  .js [data-belir="sol"] { transform: translateX(-30px); }
  .js [data-belir="sag"] { transform: translateX(30px); }
}
.js [data-belir="olcek"] { transform: scale(.94); }
.js [data-belir].belirdi { opacity: 1; transform: none; transition: opacity .9s var(--egri), transform .9s var(--egri); transition-delay: var(--gecikme, 0s); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .js [data-belir] { opacity: 1; transform: none; }
}

/* View Transitions — sayfalar arası kısa kapanıp açılma (destekleyen tarayıcılarda) */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: vt-cik .32s var(--egri-kapi) both; }
::view-transition-new(root) { animation: vt-gir .42s var(--egri) both; }
@keyframes vt-cik { to { opacity: 0; transform: translateY(-10px); } }
@keyframes vt-gir { from { opacity: 0; transform: translateY(14px); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}

/* =====================================================================
   Bileşenler
   ===================================================================== */

/* ---------- okuma ilerleme şeridi ---------- */
.ilerleme { position: fixed; inset: 0 0 auto; height: 3px; z-index: 120; pointer-events: none; }
.ilerleme span { display: block; height: 100%; background: var(--sari); transform: scaleX(0); transform-origin: left; }

/* ---------- header ---------- */
.ust {
  position: sticky; top: 0; z-index: 100; height: var(--header-h);
  background: rgba(243, 240, 234, .94); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: var(--cizgi) solid transparent; transition: border-color .3s, transform .45s var(--egri), height .3s var(--egri);
}
.ust.kucuk { border-bottom-color: var(--grafit); --header-h: 64px; height: 64px; }
.ust.gizle { transform: translateY(-100%); }
.menu-acik .ust { transform: none; }
.ust-ic { height: 100%; display: flex; align-items: center; gap: 24px; }
.ust-logo { display: block; color: var(--bordo); flex: none; }
.ust-logo .logo-logo { width: 156px; height: auto; transition: width .3s var(--egri); }
.ust.kucuk .ust-logo .logo-logo { width: 140px; }
.ust-menu { margin-left: auto; display: none; height: 100%; }
.ust-menu > ul { display: flex; gap: 4px; height: 100%; list-style: none; }
.ust-menu-oge { position: static; display: flex; align-items: center; }
.ust-menu-oge > a {
  position: relative; display: flex; align-items: center; gap: 4px; height: 44px; padding: 0 12px;
  font: 600 .92rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--grafit);
}
.ust-menu-oge > a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 3px; background: var(--sari); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--egri); }
.ust-menu-oge > a:hover::after, .ust-menu-oge.acik > a::after, .ust-menu-oge > a[aria-current="page"]::after { transform: scaleX(1); }
.ust-asagi { width: 14px; height: 14px; transition: transform .3s; }
.ust-menu-oge.acik .ust-asagi { transform: rotate(180deg); }
.ust-sag { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.ust-tel { display: none; align-items: center; gap: 8px; font: 700 .95rem/1 var(--f-baslik); letter-spacing: .04em; color: var(--grafit); }
.ust-tel .ikon { width: 18px; height: 18px; color: var(--bordo); }
.ust-tel:hover { color: var(--bordo); }
.ust-cta { display: none; }
.ust-menu-dugme { width: 46px; height: 46px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: var(--r-kucuk); }
.ust-menu-dugme .ikon { width: 22px; height: 22px; }
@media (min-width: 1080px) {
  .ust-menu { display: block; }
  .ust-sag { margin-left: 8px; }
  .ust-menu-dugme { display: none; }
  .ust-cta { display: inline-flex; }
}
@media (min-width: 1280px) { .ust-tel { display: inline-flex; } }

/* mega menü */
.mega {
  position: absolute; left: 0; right: 0; top: 100%; background: var(--kirec); border-top: var(--cizgi) solid var(--grafit); border-bottom: var(--cizgi) solid var(--grafit);
  box-shadow: 0 30px 60px -30px rgba(21, 23, 26, .35); opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .25s var(--egri), transform .35s var(--egri), visibility 0s .35s;
}
.ust-menu-oge.acik .mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.mega-ic { display: grid; grid-template-columns: 280px 1fr; gap: 40px; padding-block: 34px 38px; }
.mega-hizmetler { grid-template-columns: 280px 1fr 1fr; }
.mega-yan { display: grid; align-content: start; gap: 14px; padding-right: 32px; border-right: 1px solid var(--beton); }
.mega-baslik { font: 800 1.9rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.mega-depo-liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; list-style: none; }
.mega-depo-liste a { display: grid; grid-template-columns: 74px 1fr; grid-template-rows: auto auto auto; column-gap: 14px; padding: 12px; border: 1px solid var(--beton); border-radius: var(--r); background: var(--beyaz); transition: border-color .25s, transform .3s var(--egri); }
.mega-depo-liste a:hover { border-color: var(--grafit); transform: translateY(-2px); }
.mega-depo-iso { grid-row: 1 / 4; align-self: center; }
.mega-depo-iso .iso { width: 74px; height: 62px; }
.mega-depo-ad { font: 800 1.12rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.mega-depo-olcu { font-size: .86rem; color: var(--gri); }
.mega-depo-fiyat { font: 700 .98rem/1.2 var(--f-baslik); color: var(--bordo); }
.mega-hizmet-grup ul { list-style: none; display: grid; gap: 2px; margin-top: 12px; }
.mega-hizmet-grup a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 6px; font-weight: 500; color: var(--grafit); transition: background .2s; }
.mega-hizmet-grup a:hover { background: var(--beyaz); }
.mega-hizmet-grup .ikon { width: 20px; height: 20px; color: var(--bordo); }

/* mobil menü */
.mobil-menu { position: fixed; inset: 0; z-index: 200; background: var(--grafit); background-image: var(--oluk-koyu); color: var(--beyaz); overflow-y: auto; opacity: 0; transform: translateY(-12px); transition: opacity .35s var(--egri), transform .4s var(--egri); }
.mobil-menu.acik { opacity: 1; transform: none; }
.mobil-menu-ust { height: var(--header-h); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.mobil-menu .ust-logo { color: var(--beyaz); }
.mobil-menu-kapat { width: 46px; height: 46px; display: grid; place-items: center; border: var(--cizgi) solid rgba(255, 255, 255, .5); border-radius: var(--r-kucuk); color: var(--beyaz); }
.mobil-menu-govde { padding-block: 18px 120px; display: grid; }
.mobil-grup summary, .mobil-link { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); font: 800 1.85rem/1 var(--f-baslik); text-transform: uppercase; list-style: none; cursor: pointer; }
.mobil-grup summary::-webkit-details-marker { display: none; }
.mobil-grup summary .ikon { transition: transform .3s; }
.mobil-grup[open] summary .ikon { transform: rotate(180deg); }
.mobil-grup ul { list-style: none; padding: 8px 0 14px; }
.mobil-grup li a { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; color: #e8e5df; }
.mobil-grup li small { color: var(--sari); font-family: var(--f-baslik); font-weight: 600; }
.mobil-menu-alt { display: grid; gap: 10px; margin-top: 28px; }
.mobil-menu-alt .kucuk { color: var(--gri-acik); margin-top: 6px; }

/* mobil alt bar */
.mobil-bar { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 90; display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 6px; padding: 6px; background: var(--grafit); border-radius: 12px; box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .45); transition: transform .4s var(--egri); }
.mobil-bar a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 8px; color: var(--beyaz); font: 700 .9rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; }
.mobil-bar a .ikon { width: 20px; height: 20px; }
.mobil-bar .mobil-bar-ana { background: var(--sari); color: var(--grafit); }
.menu-acik .mobil-bar { transform: translateY(140%); }
@media (min-width: 900px) { .mobil-bar { display: none; } }
@media (max-width: 899px) { body { padding-bottom: 76px; } }

/* ---------- kırıntı ---------- */
.kirinti ol { display: flex; flex-wrap: wrap; gap: 6px 0; list-style: none; font-size: .86rem; color: var(--gri); margin-bottom: 22px; }
.kirinti li + li::before { content: "/"; margin: 0 10px; color: var(--beton-koyu); }
.kirinti a:hover { color: var(--bordo); text-decoration: underline; }
.kirinti [aria-current] { color: var(--grafit); font-weight: 500; }

/* ---------- sayfa başlığı ---------- */
.sayfa-kafa { padding-block: clamp(36px, 6vw, 84px) clamp(40px, 6vw, 72px); position: relative; }
.sayfa-kafa .plaka { margin-bottom: 22px; }
.sayfa-kafa-baslik { max-width: 18ch; }
.sayfa-kafa .giris { margin-top: 22px; max-width: 52ch; }

/* ---------- sarı şerit ---------- */
.serit { display: block; width: 100%; height: 42px; overflow: visible; }
.serit path { fill: none; stroke: var(--sari); stroke-width: 9; stroke-linecap: square; vector-effect: non-scaling-stroke; }
.serit-cta { position: absolute; left: 0; right: 0; bottom: -2px; height: 38px; }
.serit-alt { margin: 34px 0 44px; height: 34px; }
.serit-bolum { position: absolute; left: 0; right: 0; bottom: -21px; z-index: 3; height: 42px; pointer-events: none; }

/* ---------- kapı açılışı ---------- */
.kapi { perspective: 1600px; border-radius: 4px 4px 0 0; }
.kapi img { transform: scale(1.1); transition: transform 2.2s var(--egri) .15s; }
.kapi-kanat {
  position: absolute; inset: 0; z-index: 2; transform-origin: left center;
  background: repeating-linear-gradient(90deg, #7b1416 0 30px, #5f0d10 30px 32px, #87191c 32px 34px);
  box-shadow: inset -10px 0 0 var(--bordo-koyu), inset 0 0 0 1px rgba(0, 0, 0, .3);
  transition: transform 1.5s var(--egri-kapi) .1s, opacity .3s 1.4s;
  backface-visibility: hidden;
}
.kapi-kol { position: absolute; right: 26px; top: 50%; width: 10px; height: 68px; margin-top: -34px; background: linear-gradient(90deg, #e3ded5, #b5afa5); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .35); }
.kapi-numara { position: absolute; z-index: 3; top: 18px; left: 18px; background: var(--beyaz); color: var(--grafit); font: 800 1.15rem/1 var(--f-baslik); padding: 9px 11px 8px; border-radius: 3px; letter-spacing: .02em; box-shadow: 0 2px 0 rgba(0, 0, 0, .15); }
.kapi.acik img { transform: scale(1); }
.kapi.acik .kapi-kanat { transform: rotateY(-100deg); opacity: 0; }
.no-js .kapi-kanat, html:not(.js) .kapi-kanat { display: none; }

/* ---------- izometrik çizim ---------- */
.iso { width: 100%; height: auto; overflow: visible; }
.iso-etiket { font-family: var(--f-baslik); font-weight: 700; letter-spacing: .02em; }
.iso-kucuk { aspect-ratio: 4 / 3; }
.iso-mini { pointer-events: none; }
.iso:not(.iso-hazir) { aspect-ratio: 4 / 3; }

/* ---------- güven şeridi (kayan) ---------- */
.guven-serit { background: var(--grafit); color: var(--beyaz); overflow: hidden; border-block: var(--cizgi) solid var(--grafit); }
.guven-serit-ray { display: flex; width: max-content; animation: kay 38s linear infinite; }
.guven-serit ul { display: flex; list-style: none; }
.guven-serit li { display: flex; align-items: center; gap: 22px; padding: 18px 22px; font: 700 1rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.guven-serit li::after { content: ""; width: 8px; height: 8px; background: var(--sari); transform: rotate(45deg); margin-left: 22px; }
.guven-serit:hover .guven-serit-ray { animation-play-state: paused; }
@keyframes kay { to { transform: translateX(-50%); } }

/* ---------- referans bandı ---------- */
.ref-bant { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.ref-bant-ray { display: flex; width: max-content; animation: kay 46s linear infinite; }
.ref-bant:hover .ref-bant-ray { animation-play-state: paused; }
.ref-bant-liste { display: flex; list-style: none; gap: 8px; padding-right: 8px; }
.ref-bant-liste li { width: 190px; height: 92px; display: grid; place-items: center; background: var(--beyaz); border: 1px solid var(--beton); border-radius: var(--r); }
.ref-bant-liste img { width: 150px; height: auto; mix-blend-mode: multiply; filter: grayscale(1) contrast(1.15); opacity: .8; transition: opacity .3s, filter .3s; }
.ref-bant-liste li:hover img { opacity: 1; filter: grayscale(0) contrast(1); }

/* ---------- depo kartı ---------- */
.depo-kart {
  container-type: inline-size;
  position: relative; display: grid; gap: 8px; padding: 18px 18px 20px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r);
  transition: transform .4s var(--egri), box-shadow .4s var(--egri); overflow: hidden;
}
.depo-kart::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--sari); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--egri); }
.depo-kart:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -24px rgba(21, 23, 26, .5); }
.depo-kart:hover::before { transform: scaleX(1); }
.depo-kart-ust { display: flex; justify-content: space-between; align-items: center; }
.depo-kart-tip { font: 600 .8rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--gri); }
.depo-kart-iso { display: block; margin: 4px -6px 2px; }
.depo-kart-olcu { font: 600 1rem/1 var(--f-baslik); color: var(--gri); }
.depo-kart-olcu b { font-size: 2.1rem; font-weight: 800; color: var(--grafit); }
.depo-kart-olcu i { font-style: normal; color: var(--beton-koyu); margin: 0 4px; }
.depo-kart-kapasite { font-size: .94rem; color: var(--metin); }
.depo-kart-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin-top: 6px; padding-top: 12px; border-top: 1px dashed var(--beton); }
.depo-kart-fiyat b { font: 800 1.45rem/1 var(--f-baslik); color: var(--bordo); }
.depo-kart-fiyat small { font-size: .82rem; color: var(--gri); }
.depo-kart-ok { position: absolute; right: 16px; bottom: 18px; width: 38px; height: 38px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: background .3s, transform .3s var(--egri); }
.depo-kart-ok .ikon { width: 18px; height: 18px; }
.depo-kart:hover .depo-kart-ok { background: var(--sari); border-color: var(--sari); transform: rotate(-45deg); }

/* ---------- hizmet kartı (kapı kart) ---------- */
.hizmet-kart { position: relative; display: grid; grid-template-rows: auto 1fr; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; transition: transform .4s var(--egri), box-shadow .4s var(--egri); }
.hizmet-kart:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -26px rgba(21, 23, 26, .55); }
.hizmet-kart-foto { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; perspective: 1200px; background: var(--grafit); }
.hizmet-kart-foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.2s var(--egri); }
.hizmet-kart-kanat { position: absolute; inset: 0; transform-origin: left center; transform: rotateY(-34deg); background: repeating-linear-gradient(90deg, #7b1416 0 22px, #5f0d10 22px 24px, #87191c 24px 26px); box-shadow: inset -7px 0 0 var(--bordo-koyu); transition: transform .9s var(--egri-kapi); }
.hizmet-kart-kanat::after { content: ""; position: absolute; right: 18px; top: 50%; width: 7px; height: 44px; margin-top: -22px; border-radius: 2px; background: #d8d3ca; }
.hizmet-kart:hover .hizmet-kart-kanat, .hizmet-kart:focus-visible .hizmet-kart-kanat { transform: rotateY(-78deg); }
.hizmet-kart:hover .hizmet-kart-foto img { transform: scale(1); }
.hizmet-kart-govde { display: grid; align-content: start; gap: 10px; padding: 18px 20px 22px; }
.hizmet-kart-ust { display: flex; justify-content: space-between; align-items: center; color: var(--bordo); }
.hizmet-kart-no { font: 700 .8rem/1 var(--f-baslik); letter-spacing: .14em; color: var(--gri); }
.hizmet-kart-ad { font: 800 1.5rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.hizmet-kart-metin { font-size: .96rem; color: #44474b; }
.hizmet-kart-ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font: 700 .86rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; }
.hizmet-kart-ok .ikon { width: 16px; height: 16px; transition: transform .3s var(--egri); }
.hizmet-kart:hover .hizmet-kart-ok .ikon { transform: translateX(4px); }
@media (hover: none) { .hizmet-kart-kanat { transform: rotateY(-80deg); } .hizmet-kart-foto img { transform: none; } }

/* ---------- yazı kartı ---------- */
.yazi-kart { display: grid; grid-template-rows: auto 1fr; background: var(--beyaz); border: 1px solid var(--beton); border-radius: var(--r); overflow: hidden; transition: border-color .3s, transform .4s var(--egri); }
.yazi-kart:hover { border-color: var(--grafit); transform: translateY(-3px); }
.yazi-kart-kapak { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--grafit); }
.yazi-kart-kapak img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--egri); }
.yazi-kart:hover .yazi-kart-kapak img { transform: scale(1.05); }
.yazi-kapak-tipo { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; background: var(--bordo); background-image: var(--oluk-koyu); color: var(--beyaz); }
.kapak-secim .yazi-kapak-tipo { background-color: var(--grafit); }
.yazi-kapak-tipo b { font: 800 clamp(4rem, 9vw, 6.4rem)/.8 var(--f-baslik); color: var(--sari); }
.yazi-kapak-tipo span { font: 700 1rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; margin-top: 10px; }
.yazi-kart-kategori { position: absolute; top: 14px; left: 14px; background: var(--kirec); color: var(--grafit); font: 700 .74rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; padding: 7px 9px 6px; border-radius: 3px; }
.yazi-kart-govde { display: grid; align-content: start; gap: 10px; padding: 18px 20px 22px; }
.yazi-kart-meta { font-size: .84rem; color: var(--gri); }
.yazi-kart-baslik { font: 700 1.3rem/1.15 var(--f-baslik); color: var(--grafit); }
.yazi-kart-ozet { color: #44474b; }
.yazi-kart .ok-link { justify-self: start; margin-top: 4px; }
@media (min-width: 900px) {
  .yazi-kart-buyuk { grid-template-columns: 1.15fr 1fr; grid-template-rows: none; }
  .yazi-kart-buyuk .yazi-kart-kapak { aspect-ratio: auto; min-height: 340px; }
  .yazi-kart-buyuk .yazi-kart-govde { padding: 34px; align-content: center; }
  .yazi-kart-buyuk .yazi-kart-baslik { font-size: 2rem; }
}

/* ---------- SSS ---------- */
.sss { border-top: var(--cizgi) solid var(--grafit); }
.sss-arama { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin: 0 0 8px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-top: 0; }
.sss-arama input { flex: 1; border: 0; outline: 0; background: none; font-size: 1.02rem; padding: 4px 0; }
.sss-arama .ikon { color: var(--gri); }
.sss-oge { border-bottom: 1px solid var(--beton-koyu); }
.sss-oge summary { display: grid; grid-template-columns: 44px 1fr 28px; gap: 12px; align-items: center; padding: 22px 0; cursor: pointer; list-style: none; }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-no { font: 700 .86rem/1 var(--f-baslik); color: var(--gri); letter-spacing: .08em; }
.sss-soru { font: 700 clamp(1.12rem, 1.6vw, 1.32rem)/1.2 var(--f-baslik); color: var(--grafit); }
.sss-isaret { position: relative; width: 28px; height: 28px; border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: background .3s, transform .4s var(--egri); }
.sss-isaret::before, .sss-isaret::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.6px; background: var(--grafit); transform: translate(-50%, -50%); }
.sss-isaret::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .35s var(--egri); }
.sss-oge[open] .sss-isaret { background: var(--sari); border-color: var(--sari); }
.sss-oge[open] .sss-isaret::after { transform: translate(-50%, -50%) rotate(0); }
.sss-oge summary:hover .sss-soru { color: var(--bordo); }
.sss-cevap { overflow: hidden; }
.sss-cevap .metin { padding: 0 0 26px 56px; max-width: 78ch; color: #3e4145; }
.sss-bos { padding: 22px 0; color: var(--gri); }
@media (max-width: 600px) { .sss-oge summary { grid-template-columns: 30px 1fr 28px; } .sss-cevap .metin { padding-left: 0; } }
.zemin-grafit .sss { border-color: var(--beyaz); }

/* ---------- form / teklif ---------- */
.teklif { display: grid; gap: 22px; padding: clamp(22px, 3vw, 36px); background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.teklif-kafa h3 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); text-transform: uppercase; font-weight: 800; }
.teklif-kafa p { margin-top: 6px; }
.teklif-alanlar { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .teklif-alanlar { grid-template-columns: 1fr 1fr; } .alan-tam { grid-column: 1 / -1; } }
.alan { display: grid; gap: 6px; }
.alan > span { font: 700 .78rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; color: var(--gri); }
.alan em { font-style: normal; text-transform: none; letter-spacing: 0; font-weight: 500; }
.alan input, .alan select, .alan textarea {
  width: 100%; min-height: 50px; padding: 12px 14px; background: var(--kirec); border: var(--cizgi) solid var(--beton-koyu); border-radius: var(--r-kucuk);
  font-size: 1rem; transition: border-color .2s, background .2s; appearance: none; -webkit-appearance: none;
}
.alan select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; padding-right: 40px; }
.alan textarea { resize: vertical; min-height: 96px; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 0; border-color: var(--grafit); background: var(--beyaz); box-shadow: 0 0 0 3px rgba(244, 194, 13, .45); }
.teklif-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.teklif-not { margin-top: -6px; }
.teklif-hata { color: var(--bordo); font-weight: 600; }

/* ---------- CTA bandı ---------- */
.cta-bant { position: relative; padding-block: clamp(64px, 9vw, 120px) clamp(80px, 10vw, 136px); overflow: hidden; }
.cta-bant-ic { display: grid; gap: 40px; align-items: center; }
@media (min-width: 980px) { .cta-bant-ic { grid-template-columns: 1.05fr .95fr; } }
.cta-bant .plaka { margin-bottom: 22px; }
.cta-bant-baslik { font-size: clamp(2.4rem, 5.2vw, 4.6rem); max-width: 13ch; }
.cta-bant .giris { color: #f0d6d6; margin-top: 18px; }
.cta-bant-kanallar { display: grid; gap: 10px; }
.kanal { display: grid; grid-template-columns: 48px 1fr 24px; align-items: center; gap: 16px; padding: 18px 20px; background: rgba(0, 0, 0, .18); border: var(--cizgi) solid rgba(255, 255, 255, .25); border-radius: var(--r); color: var(--beyaz); transition: background .3s, border-color .3s, transform .35s var(--egri); }
.kanal > .ikon:first-child { width: 48px; height: 48px; padding: 11px; border-radius: 50%; background: var(--beyaz); color: var(--bordo); }
.kanal small { display: block; font-size: .84rem; color: #eecfcf; }
.kanal b { display: block; font: 800 1.35rem/1.1 var(--f-baslik); color: var(--beyaz); }
.kanal:hover { background: var(--sari); border-color: var(--sari); color: var(--grafit); transform: translateX(6px); }
.kanal:hover b, .kanal:hover small { color: var(--grafit); }

/* ---------- footer ---------- */
.alt { padding-block: clamp(64px, 8vw, 104px) 34px; }
.alt-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; }
.alt-logo { color: var(--beyaz); }
.alt-logo .logo-logo { width: min(320px, 70vw); height: auto; }
.alt-slogan { font: 800 clamp(1.8rem, 3.4vw, 3rem)/.95 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); text-align: right; }
.alt-slogan span { color: var(--sari); }
.alt-sutunlar { display: grid; gap: 36px; grid-template-columns: 1fr 1fr; }
@media (min-width: 1000px) { .alt-sutunlar { grid-template-columns: 1fr 1.6fr 1fr 1.1fr; } }
.alt-sutun-genis { grid-column: 1 / -1; }
@media (min-width: 1000px) { .alt-sutun-genis { grid-column: auto; } }
.alt-baslik { font: 700 .8rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--sari); margin-bottom: 16px; }
.alt-sutun ul { list-style: none; display: grid; gap: 9px; }
.alt-sutun a { color: #d6d3cd; transition: color .2s; }
.alt-sutun a:hover { color: var(--beyaz); text-decoration: underline; text-underline-offset: 3px; }
.alt-sutun li span { color: var(--gri-acik); font-size: .86rem; margin-left: 4px; }
.alt-iki { grid-template-columns: 1fr 1fr; column-gap: 20px; }
.alt-iletisim { display: grid; align-content: start; gap: 10px; }
.alt-iletisim address { font-style: normal; line-height: 1.5; }
.alt-tel { font: 800 1.7rem/1 var(--f-baslik); color: var(--beyaz) !important; }
.alt-saatler { display: grid; gap: 4px; margin-top: 6px; font-size: .94rem; }
.alt-saatler div { display: flex; justify-content: space-between; max-width: 230px; border-bottom: 1px dashed rgba(255, 255, 255, .14); padding-bottom: 4px; }
.alt-saatler dt { color: var(--gri-acik); }
.alt-saatler dd { color: var(--beyaz); }
.alt-sosyal { display: flex; gap: 10px; margin-top: 10px; }
.alt-sosyal a { width: 42px; height: 42px; display: grid; place-items: center; border: var(--cizgi) solid rgba(255, 255, 255, .3); border-radius: 50%; color: var(--beyaz); }
.alt-sosyal a:hover { background: var(--sari); border-color: var(--sari); color: var(--grafit); }
.alt-sosyal .ikon { width: 20px; height: 20px; }
.alt-cizgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 56px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: .86rem; color: var(--gri-acik); }
.alt-cizgi a { color: #d6d3cd; text-decoration: underline; text-underline-offset: 3px; }

/* depo kartı dar sütunda (~2 sütun mobil) */
@container (max-width: 260px) {
  .depo-kart-tip { display: none; }
  .depo-kart-olcu b { font-size: 1.7rem; }
  .depo-kart-fiyat { padding-right: 0; }
  .depo-kart-fiyat small:last-child { flex-basis: 100%; }
  .depo-kart-ok { position: static; justify-self: end; margin-top: -6px; width: 34px; height: 34px; }
}
/* footer mobil */
@media (max-width: 600px) {
  .alt-sutun li span { display: none; }
  .alt-tel { font-size: 1.45rem; white-space: nowrap; }
  .alt-iki { grid-template-columns: 1fr; }
}

/* =====================================================================
   Sayfa düzenleri
   ===================================================================== */

/* yardımcılar */
.mt-s { margin-top: 18px; } .mt-m { margin-top: 28px; } .mt-l { margin-top: clamp(36px, 5vw, 56px); }
.sari-yazi { color: var(--sari); }
.alt-cizgili { text-decoration: underline; text-underline-offset: 3px; }
.alt-cizgili:hover { color: var(--bordo); }

/* ================= KORİDOR (ana sayfa hero) ================= */
.koridor { position: relative; min-height: calc(100svh - var(--header-h)); display: flex; flex-direction: column; background: var(--kirec); background-image: var(--oluk); overflow: hidden; }
.koridor-ic { flex: 1; display: grid; gap: 28px; padding-top: clamp(24px, 4vw, 48px); padding-bottom: 140px; position: relative; z-index: 2; }
@media (min-width: 900px) {
  .koridor-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); gap: clamp(32px, 5vw, 72px); align-items: stretch; padding-bottom: 150px; }
}
.koridor-metin { display: flex; flex-direction: column; justify-content: center; gap: 26px; padding-block: 10px; will-change: transform; }
.koridor h1 { display: flex; flex-direction: column; font-size: clamp(3.3rem, 7.6vw, 7.2rem); line-height: .86; }
.koridor-ust { display: block; font: 700 clamp(.8rem, 1vw, .95rem)/1.2 var(--f-baslik); letter-spacing: .14em; color: var(--gri); margin-bottom: 18px; text-transform: uppercase; }
/* Maske satır yüksekliğinden geniş: Türkçe büyük harf işaretleri (İ noktası, Ü, Ğ, Ş/Ç çengeli, virgül) .86 satır aralığının
   dışına taşar. Pay negatif boşlukla geri alınır (h1 flex olduğu için boşluklar çökmez), satır aralığı aynı kalır. */
.koridor-satir { display: block; overflow: hidden; padding: .2em 0; margin: -.2em 0; }
.koridor-satir > span { display: inline-block; transform: translateY(150%); transition: transform 1s var(--egri); }
.koridor.acik .koridor-satir > span { transform: none; }
.koridor-satir:nth-child(3) > span { transition-delay: .08s; }
.koridor-satir:nth-child(4) > span { transition-delay: .16s; }
.koridor-satir:nth-child(5) > span { transition-delay: .24s; }
.koridor .giris { max-width: 36ch; opacity: 0; transform: translateY(14px); transition: opacity .8s var(--egri) .45s, transform .8s var(--egri) .45s; }
.koridor .buton-sira, .koridor .plaka { opacity: 0; transform: translateY(14px); transition: opacity .8s var(--egri) .55s, transform .8s var(--egri) .55s; }
.koridor .plaka { transition-delay: .1s; }
.koridor.acik .giris, .koridor.acik .buton-sira, .koridor.acik .plaka { opacity: 1; transform: none; }
.koridor-kapi { position: relative; min-height: 58vh; border-radius: 6px 6px 0 0; overflow: hidden; perspective: 1800px; background: var(--grafit); }
@media (min-width: 900px) { .koridor-kapi { min-height: 0; } }
.koridor-foto { position: absolute; inset: 0; }
.koridor-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 50%; transform: scale(1.12); transition: transform 2.6s var(--egri) .3s; transform-origin: 62% 55%; }
.koridor.acik .koridor-foto img { transform: scale(1); }
.koridor-kanat { position: absolute; inset: 0; z-index: 2; transform-origin: left center; background: repeating-linear-gradient(90deg, #7b1416 0 38px, #5f0d10 38px 40px, #87191c 40px 42px); box-shadow: inset -12px 0 0 var(--bordo-koyu); transition: transform 1.7s var(--egri-kapi) .15s, opacity .3s 1.6s; }
.koridor.acik .koridor-kanat { transform: rotateY(-102deg); opacity: 0; }
.koridor-etiket { position: absolute; z-index: 3; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; background: rgba(21, 23, 26, .78); color: var(--beyaz); font: 600 .8rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; padding: 9px 12px; border-radius: 3px; backdrop-filter: blur(6px); }
.koridor-etiket .ikon { width: 16px; height: 16px; color: var(--sari); }
.koridor-serit { position: absolute; left: 0; right: 0; bottom: 74px; height: 110px; width: 100%; z-index: 3; pointer-events: none; }
.koridor-serit path { fill: none; stroke: var(--sari); stroke-width: 10; stroke-linecap: square; vector-effect: non-scaling-stroke; }
.koridor-birimler { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--kirec); border-top: var(--cizgi) solid var(--grafit); }
.koridor-birimler a { display: grid; gap: 3px; padding: 12px 14px 13px; border-right: var(--cizgi) solid var(--grafit); transition: background .25s; }
.koridor-birimler a:nth-child(3n) { border-right: 0; }
.koridor-birimler a:nth-child(-n+3) { border-bottom: var(--cizgi) solid var(--grafit); }
.koridor-birimler b { font: 800 1.08rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.koridor-birimler span { font-size: .84rem; color: var(--gri); }
.koridor-birimler a:hover { background: var(--sari); }
.koridor-birimler a:hover span { color: var(--grafit); }
@media (min-width: 900px) {
  .koridor-birimler { grid-template-columns: repeat(6, 1fr); }
  .koridor-birimler a { padding: 16px 20px 18px; }
  .koridor-birimler a:nth-child(3n) { border-right: var(--cizgi) solid var(--grafit); }
  .koridor-birimler a:last-child { border-right: 0; }
  .koridor-birimler a:nth-child(-n+3) { border-bottom: 0; }
  .koridor-birimler b { font-size: 1.22rem; }
  .koridor-birimler span { font-size: .9rem; }
}
@media (max-width: 899px) { .koridor-ic { padding-bottom: 150px; } .koridor-serit { bottom: 104px; } }

/* ================= BOYUT SEÇİCİ ================= */
.secici { border: var(--cizgi) solid var(--grafit); border-radius: var(--r); background: var(--beyaz); overflow: hidden; }
.secici-sekmeler { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: var(--cizgi) solid var(--grafit); background: var(--kirec); }
@media (min-width: 760px) { .secici-sekmeler { grid-template-columns: repeat(6, 1fr); } }
.secici-sekme { position: relative; z-index: 1; display: grid; gap: 4px; padding: 16px 12px 15px; text-align: left; border-right: 1px solid var(--beton); transition: color .3s, background .3s; }
.secici-sekme:last-of-type { border-right: 0; }
.secici-sekme b { font: 800 1.1rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.secici-sekme span { font-size: .84rem; color: var(--gri); }
.secici-sekme:hover { background: var(--beyaz); }
.secici-sekme[aria-selected="true"] { background: var(--grafit); }
.secici-sekme[aria-selected="true"] b { color: var(--beyaz); }
.secici-sekme[aria-selected="true"] span { color: var(--sari); }
.secici-gosterge { position: absolute; left: 0; bottom: -1.5px; height: 5px; background: var(--sari); z-index: 2; transition: transform .5s var(--egri), width .5s var(--egri); }
@media (max-width: 759px) { .secici-sekme:nth-child(3) { border-right: 0; } .secici-sekme:nth-child(-n+3) { border-bottom: 1px solid var(--beton); } .secici-gosterge { display: none; } }
.secici-govde { display: grid; }
@media (min-width: 980px) { .secici-govde { grid-template-columns: 1.15fr .85fr; } }
.secici-sahne { position: relative; padding: clamp(18px, 3vw, 36px); background: linear-gradient(180deg, var(--beyaz), var(--kirec)); border-bottom: var(--cizgi) solid var(--grafit); display: flex; flex-direction: column; }
@media (min-width: 980px) { .secici-sahne { border-bottom: 0; border-right: var(--cizgi) solid var(--grafit); } }
.secici-cizim { flex: 1; display: grid; place-items: center; min-height: 360px; }
.secici-cizim .iso { max-height: min(560px, 62vh); }
@media (min-width: 980px) { .secici-cizim { min-height: 480px; } }
.secici-tipler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.secici-tip { padding: 9px 13px 8px; border: var(--cizgi) solid var(--grafit); border-radius: 999px; font: 700 .85rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; background: var(--beyaz); transition: background .25s; }
.secici-tip[aria-pressed="true"] { background: var(--sari); border-color: var(--sari); }
.secici-tip:hover { background: var(--kirec-2); }
.secici-not { margin-top: 6px; }
.secici-bilgi { padding: clamp(22px, 3vw, 40px); display: grid; align-content: start; gap: 18px; }
.secici-ad { font: 800 clamp(2rem, 3.2vw, 2.9rem)/.95 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.secici-olculer { display: grid; grid-template-columns: repeat(3, 1fr); border: var(--cizgi) solid var(--grafit); border-radius: 6px; }
.secici-olculer div { display: grid; gap: 4px; padding: 12px 12px 11px; border-right: 1px solid var(--beton); }
.secici-olculer div:last-child { border-right: 0; }
.secici-olculer b { font: 800 clamp(1.5rem, 2.4vw, 2.1rem)/1 var(--f-baslik); color: var(--grafit); }
.secici-olculer span { font-size: .78rem; color: var(--gri); line-height: 1.2; }
.secici-kapasite { display: inline-flex; align-items: center; gap: 10px; font: 700 1.05rem/1 var(--f-baslik); letter-spacing: .03em; color: var(--bordo); }
.secici-sigar { display: grid; gap: 8px; max-height: 236px; overflow: auto; padding-right: 6px; }
.secici-sigar div { display: grid; grid-template-columns: 112px 1fr; gap: 10px; padding-bottom: 8px; border-bottom: 1px dashed var(--beton); font-size: .93rem; }
.secici-sigar dt { font: 700 .8rem/1.4 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--grafit); }
.secici-sigar dd { color: #44474b; }
.secici-fiyat { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; padding: 16px 0 4px; border-top: var(--cizgi) solid var(--grafit); }
.secici-fiyat-ana { font: 800 2.4rem/1 var(--f-baslik); color: var(--bordo); }
.secici-fiyat-ana small { font: 500 .9rem var(--f-govde); color: var(--gri); }
.secici-fiyat-yillik { font-size: .94rem; color: var(--gri); }
.secici-fiyat-yillik b { color: var(--grafit); }
.secici-yardim { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 26px; font-size: 1.02rem; }
.secici-yardim a { color: var(--bordo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.secici-yardim .ikon { color: var(--bordo); }

/* ================= HİZMETLER (ana sayfa) ================= */
.serit-ust { top: -21px; bottom: auto; }
.hizmet-grup-baslik { margin: 0 0 16px; display: flex; align-items: center; gap: 12px; }
.hizmet-grup-baslik::after { content: ""; flex: 1; height: 1px; background: var(--beton); }
.hizmet-izgara { display: grid; gap: 16px; grid-template-columns: 1fr; margin-bottom: clamp(40px, 6vw, 64px); }
@media (min-width: 640px) { .hizmet-izgara { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .hizmet-izgara { grid-template-columns: repeat(4, 1fr); } }
.hizmet-izgara > div, .hizmet-izgara > div > .hizmet-kart { height: 100%; }
.hizmet-liste { display: grid; grid-template-columns: 1fr; border-top: var(--cizgi) solid var(--grafit); }
@media (min-width: 700px) { .hizmet-liste { grid-template-columns: 1fr 1fr; column-gap: 32px; } }
@media (min-width: 1100px) { .hizmet-liste { grid-template-columns: repeat(3, 1fr); } }
.hizmet-liste a { position: relative; display: grid; grid-template-columns: 30px 1fr 24px; align-items: center; gap: 14px; padding: 20px 4px; border-bottom: 1px solid var(--beton-koyu); font: 700 1.28rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.hizmet-liste a > .ikon:first-child { color: var(--bordo); }
.hizmet-liste a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--sari); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--egri); }
.hizmet-liste a:hover::after { transform: scaleX(1); }
.hizmet-liste a .ok { transition: transform .35s var(--egri); }
.hizmet-liste a:hover .ok { transform: translate(3px, -3px); }

/* ================= MİSYON ================= */
.misyon-gorsel .kapi { max-width: 560px; }

/* ================= SÜREÇ ================= */
.surec { overflow: hidden; }
.adimlar { position: relative; z-index: 2; display: grid; gap: 16px; list-style: none; }
@media (min-width: 900px) { .adimlar { grid-template-columns: repeat(4, 1fr); gap: 20px; } }
.adimlar li { position: relative; display: grid; align-content: start; gap: 12px; padding: 24px 22px 26px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.adimlar h3 { font-size: 1.4rem; text-transform: uppercase; font-weight: 800; }
.adimlar p { color: #44474b; }
.adimlar a { color: var(--bordo); text-decoration: underline; text-underline-offset: 3px; }
.adim-no { width: 52px; height: 52px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); font: 800 1.7rem/1 var(--f-baslik); border-radius: 4px; }
.adim-serit { position: absolute; left: 0; right: 0; height: 30px; width: 100%; top: calc(50% + 40px); z-index: 1; display: none; }
.adim-serit path { stroke: var(--sari); stroke-width: 8; fill: none; vector-effect: non-scaling-stroke; }
@media (min-width: 900px) { .adim-serit { display: block; top: auto; bottom: calc(var(--bolum) + 50px); } }

/* ================= FİYAT ŞERİDİ ================= */
.fiyat-anahtar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.anahtar { display: inline-flex; padding: 4px; border: var(--cizgi) solid currentColor; border-radius: 999px; }
.anahtar button { padding: 10px 16px 9px; border-radius: 999px; font: 700 .86rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; color: inherit; transition: background .25s, color .25s; }
.anahtar button em { font-style: normal; color: var(--sari); margin-left: 4px; }
.anahtar button[aria-pressed="true"] { background: var(--sari); color: var(--grafit); }
.anahtar button[aria-pressed="true"] em { color: var(--bordo); }
.fiyat-satirlar { list-style: none; border-top: var(--cizgi) solid rgba(255, 255, 255, .7); }
.fiyat-satirlar a { display: grid; grid-template-columns: 1fr auto 40px; grid-template-areas: "ad fiyat ok" "olcu fiyat ok"; gap: 4px 18px; align-items: center; padding: 20px 4px; border-bottom: 1px solid rgba(255, 255, 255, .16); transition: background .3s, padding .4s var(--egri); }
@media (min-width: 800px) { .fiyat-satirlar a { grid-template-columns: 1.4fr 1fr 1fr 48px; grid-template-areas: "ad olcu fiyat ok"; } }
.fiyat-satirlar a:hover { background: rgba(255, 255, 255, .05); padding-left: 16px; }
.fs-ad { grid-area: ad; display: grid; gap: 2px; }
.fs-ad b { font: 800 clamp(1.4rem, 2.4vw, 2rem)/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.fs-ad small { font-size: .88rem; color: var(--gri-acik); }
.fs-olcu { grid-area: olcu; font: 600 1.05rem/1 var(--f-baslik); color: #cfcbc4; }
.fs-olcu i { font-style: normal; color: var(--gri); margin: 0 4px; }
.fs-fiyat { grid-area: fiyat; display: grid; justify-items: end; text-align: right; gap: 2px; }
.fs-fiyat b { font: 800 clamp(1.5rem, 2.4vw, 2.1rem)/1 var(--f-baslik); color: var(--sari); }
.fs-fiyat small { font-size: .8rem; color: var(--gri-acik); }
.fs-ok { grid-area: ok; width: 40px; height: 40px; display: grid; place-items: center; border: var(--cizgi) solid rgba(255, 255, 255, .45); border-radius: 50%; color: var(--beyaz); transition: background .3s, transform .35s var(--egri); }
.fs-ok .ikon { width: 18px; height: 18px; }
.fiyat-satirlar a:hover .fs-ok { background: var(--sari); border-color: var(--sari); color: var(--grafit); transform: rotate(-45deg); }

/* ================= GÜVENLİK KATMANLARI ================= */
.katman-izgara { display: grid; gap: 32px; }
@media (min-width: 980px) { .katman-izgara { grid-template-columns: 1fr 1fr; gap: 64px; } }
.katman-sahne { position: relative; }
@media (min-width: 980px) { .katman-sahne { position: sticky; top: calc(var(--header-h) + 40px); align-self: start; } }
.katman-cizim { position: relative; padding: 24px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.katman-isaret { position: absolute; left: var(--x); top: var(--y); width: 46px; height: 46px; margin: -23px 0 0 -23px; display: grid; place-items: center; background: var(--beyaz); color: var(--grafit); border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: transform .45s var(--egri), background .3s, color .3s; z-index: 2; }
.katman-isaret.etkin { background: var(--sari); border-color: var(--grafit); transform: scale(1.25); box-shadow: 0 0 0 8px rgba(244, 194, 13, .25); }
.katman-liste { list-style: none; }
.katman { display: grid; grid-template-columns: 56px 1fr; gap: 14px; padding: 26px 0; border-top: 1px solid var(--beton-koyu); opacity: .45; transition: opacity .4s var(--egri); }
.katman:last-child { border-bottom: 1px solid var(--beton-koyu); }
.katman.etkin { opacity: 1; }
@media (min-width: 980px) { .katman { min-height: 30vh; align-content: center; } }
@media (max-width: 979px) { .katman { opacity: 1; } }
.katman-no { font: 800 1.9rem/1 var(--f-baslik); color: var(--beton-koyu); transition: color .3s; }
.katman.etkin .katman-no { color: var(--bordo); }
.katman h3 { display: flex; align-items: center; gap: 12px; font-size: clamp(1.4rem, 2.2vw, 1.9rem); text-transform: uppercase; font-weight: 800; }
.katman h3 .ikon { color: var(--bordo); width: 28px; height: 28px; }
.katman p { margin-top: 10px; max-width: 46ch; color: #44474b; }

/* ================= REFERANSLAR + YORUM ================= */
.referanslar .bolum-kafa { margin-bottom: 36px; }
.yorum { position: relative; max-width: 920px; margin: clamp(48px, 7vw, 88px) auto 0; padding: clamp(28px, 4vw, 52px); background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.yorum-tirnak { position: absolute; top: -34px; left: 28px; width: 68px; height: 68px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); border-radius: 4px; }
.yorum-tirnak .ikon { width: 34px; height: 34px; }
.yorum blockquote p { font: 600 clamp(1.3rem, 2.4vw, 1.9rem)/1.3 var(--f-baslik); color: var(--grafit); }
.yorum figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 22px; }
.yorum figcaption b { font: 800 1.1rem/1 var(--f-baslik); text-transform: uppercase; }
.yorum figcaption span { display: inline-flex; align-items: center; gap: 8px; color: var(--gri); }
.yorum figcaption .ikon { width: 18px; height: 18px; color: var(--bordo); }

/* ================= SSS düzeni ================= */
.sss-duzen { display: grid; gap: 40px; }
@media (min-width: 980px) { .sss-duzen { grid-template-columns: .8fr 1.2fr; gap: 72px; } .sss-yan { position: sticky; top: calc(var(--header-h) + 40px); align-self: start; } }

/* ================= REHBER ızgara ================= */
.yazi-izgara { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .yazi-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .yazi-izgara { grid-template-columns: repeat(3, 1fr); } }
.yazi-izgara > div, .yazi-izgara .yazi-kart { height: 100%; }
.rehber-tumu { justify-self: start; }
@media (min-width: 900px) { .rehber-tumu { justify-self: end; } }

/* ================= KONUM ================= */
.konum-izgara { display: grid; gap: 20px; }
@media (min-width: 980px) { .konum-izgara { grid-template-columns: 1.45fr .85fr; } }
.konum-harita { position: relative; min-height: 360px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; }
.konum-svg { width: 100%; height: 100%; }
.konum-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 3; }
.konum-harita.yuklendi .konum-yukle { display: none; }
.konum-yukle { position: absolute; right: 14px; bottom: 14px; z-index: 2; }
.kh-ana-yol { stroke: #c9c3b8; stroke-width: 46; fill: none; }
.kh-ana-yol-cizgi { stroke: #fff; stroke-width: 2; stroke-dasharray: 18 14; fill: none; }
.kh-yol-ince { stroke: #e2ddd4; stroke-width: 14; fill: none; }
.kh-yol-adi { font: 800 15px var(--f-baslik); letter-spacing: .3em; fill: #8b857a; }
.kh-kavsak { fill: #c9c3b8; }
.kh-nokta circle { fill: var(--grafit); }
.kh-nokta text { font: 600 15px var(--f-govde); fill: var(--grafit-3); }
.kh-nokta .kh-guclu { font: 700 15px var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; fill: var(--grafit); }
.kh-metro rect { fill: var(--bordo-acik); }
.kh-metro text { font: 800 18px var(--f-baslik); fill: #fff; text-anchor: middle; }
.kh-metro .kh-metro-ad { font: 700 15px var(--f-baslik); fill: var(--grafit); text-anchor: start; letter-spacing: .08em; text-transform: uppercase; }
.kh-biz-ad { font: 800 20px var(--f-baslik); fill: #fff; letter-spacing: .08em; }
.kh-biz-alt { font: 600 13px var(--f-govde); fill: var(--sari); }
.kh-halka { fill: none; stroke: var(--bordo); stroke-width: 2; transform-origin: 150px 150px; animation: halka 2.6s var(--egri) infinite; opacity: 0; }
.kh-halka-2 { animation-delay: 1.3s; }
@keyframes halka { 0% { transform: scale(.5); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } }
.konum-kart { display: grid; align-content: start; gap: 18px; padding: clamp(22px, 3vw, 34px); background: var(--grafit); color: #d9d6d0; border-radius: var(--r); }
.konum-kart .plaka { color: var(--beyaz); }
.konum-kart address { font-style: normal; font-size: 1.05rem; line-height: 1.5; }
.konum-kart address strong { font: 800 1.6rem/1.1 var(--f-baslik); color: var(--beyaz); text-transform: uppercase; }
.konum-saat { display: grid; gap: 6px; font-size: .94rem; }
.konum-saat div { display: flex; justify-content: space-between; border-bottom: 1px dashed rgba(255, 255, 255, .14); padding-bottom: 5px; }
.konum-saat dt { color: var(--gri-acik); }
.konum-saat dd { color: var(--beyaz); font-weight: 500; }
.konum-ozellik { list-style: none; display: grid; gap: 8px; }
.konum-ozellik li { display: flex; align-items: center; gap: 10px; }
.konum-ozellik .ikon { color: var(--sari); }
.konum-kart .btn-cerceve { --btn-metin: var(--beyaz); --btn-cerceve: rgba(255, 255, 255, .5); }

/* ================= DEPO SAYFASI ================= */
.depo-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(48px, 7vw, 96px); background: var(--kirec); background-image: var(--oluk); }
.depo-kafa-izgara { display: grid; gap: clamp(28px, 4vw, 56px); align-items: center; }
@media (min-width: 1000px) { .depo-kafa-izgara { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); } }
.depo-kafa-metin { display: grid; gap: 20px; align-content: start; }
.depo-baslik { font-size: clamp(3rem, 7vw, 6.4rem); }
.depo-baslik-alt { display: block; margin-top: 14px; font: 700 clamp(1rem, 1.5vw, 1.2rem)/1.2 var(--f-baslik); letter-spacing: .1em; color: var(--gri); }
.depo-tipler { display: flex; flex-wrap: wrap; gap: 8px; }
.depo-tipler button { display: inline-flex; align-items: baseline; gap: 8px; padding: 12px 16px 11px; border: var(--cizgi) solid var(--grafit); border-radius: var(--r-kucuk); background: var(--beyaz); font: 800 1rem/1 var(--f-baslik); text-transform: uppercase; letter-spacing: .04em; transition: background .25s; }
.depo-tipler button span { font-weight: 600; color: var(--gri); text-transform: none; }
.depo-tipler button[aria-pressed="true"] { background: var(--grafit); color: var(--beyaz); }
.depo-tipler button[aria-pressed="true"] span { color: var(--sari); }
.depo-olculer { display: grid; grid-template-columns: repeat(3, 1fr); border: var(--cizgi) solid var(--grafit); border-radius: 6px; background: var(--beyaz); }
.depo-olculer div { display: grid; gap: 4px; padding: 14px 16px 13px; border-right: 1px solid var(--beton); }
.depo-olculer div:last-child { border-right: 0; }
.depo-olculer b { font: 800 clamp(1.9rem, 3.4vw, 2.8rem)/1 var(--f-baslik); color: var(--grafit); }
.depo-olculer span { font-size: .82rem; color: var(--gri); }
.depo-kapasite { display: inline-flex; align-items: center; gap: 10px; font: 700 1.15rem/1 var(--f-baslik); color: var(--bordo); }
.depo-fiyat-kart { display: grid; gap: 16px; padding: 22px; background: var(--grafit); color: #d9d6d0; border-radius: var(--r); }
.depo-fiyat-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; }
.depo-fiyat { font: 800 clamp(2.4rem, 4vw, 3.2rem)/1 var(--f-baslik); color: var(--sari); }
.depo-fiyat b { color: var(--sari); font-weight: 800; }
.depo-fiyat small { font: 500 .92rem var(--f-govde); color: var(--gri-acik); }
.depo-fiyat-kart .fiyat-anahtar { margin-top: 0; color: var(--beyaz); }
.depo-fiyat-kart .anahtar button { padding: 8px 12px 7px; font-size: .78rem; }
.depo-fiyat-not b { color: var(--beyaz); }
.depo-fiyat-kart .btn-cerceve { --btn-metin: var(--beyaz); --btn-cerceve: rgba(255, 255, 255, .5); }
.depo-ozellik { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; font: 600 .92rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; }
.depo-ozellik li { display: inline-flex; align-items: center; gap: 8px; }
.depo-ozellik .ikon { width: 18px; height: 18px; color: var(--sari); }
.depo-ozellik-dikey { flex-direction: column; gap: 14px; font-size: 1rem; }
.depo-ozellik-dikey .ikon { color: var(--bordo); width: 22px; height: 22px; }
.depo-cizim { display: grid; gap: 10px; }
.depo-cizim-cerceve { position: relative; display: grid; place-items: center; min-height: clamp(340px, 46vw, 600px); padding: clamp(16px, 3vw, 40px); background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r);
  background-image: linear-gradient(rgba(21,23,26,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(21,23,26,.04) 1px, transparent 1px); background-size: 28px 28px; }
.depo-cizim-cerceve .iso { max-height: min(560px, 64vh); }
.depo-cizim-plaka { position: absolute; top: 16px; left: 16px; background: var(--beyaz); }
.sigar-izgara { list-style: none; display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .sigar-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .sigar-izgara { grid-template-columns: repeat(3, 1fr); } }
.sigar-izgara li { display: grid; align-content: start; gap: 10px; padding: 22px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.sigar-ikon { width: 52px; height: 52px; display: grid; place-items: center; background: var(--kirec); border: 1px solid var(--beton); border-radius: 6px; color: var(--bordo); }
.sigar-ikon .ikon { width: 28px; height: 28px; }
.sigar-izgara h3 { font-size: 1.35rem; text-transform: uppercase; font-weight: 800; }
.sigar-izgara p { color: #44474b; }
.sigar-kapanis { margin-top: 26px; max-width: 72ch; font-size: 1.08rem; padding-left: 18px; border-left: 4px solid var(--sari); }
.tablo-kap { overflow-x: auto; border: var(--cizgi) solid var(--grafit); border-radius: var(--r); background: var(--beyaz); }
.tip-tablo { width: 100%; min-width: 640px; }
.tip-tablo th, .tip-tablo td { padding: 16px 18px; text-align: left; border-bottom: 1px solid var(--beton); white-space: nowrap; }
.tip-tablo thead th { font: 700 .78rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; background: var(--grafit); color: var(--beyaz); }
.tip-tablo tbody th { font: 800 1.15rem/1 var(--f-baslik); text-transform: uppercase; }
.tip-tablo td b { font: 800 1.25rem/1 var(--f-baslik); color: var(--bordo); }
.tip-tablo tr:last-child th, .tip-tablo tr:last-child td { border-bottom: 0; }
.komsu-izgara { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .komsu-izgara { grid-template-columns: repeat(3, 1fr); } }
.komsu .ust-etiket { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.komsu .ust-etiket .ikon { width: 16px; height: 16px; }
.komsu-bu .depo-kart { border-color: var(--bordo); box-shadow: 0 0 0 3px rgba(115, 16, 18, .12); }
@media (max-width: 699px) {
  .tablo-kap { overflow: visible; }
  .tip-tablo { min-width: 0; }
  .tip-tablo thead { display: none; }
  .tip-tablo, .tip-tablo tbody { display: block; }
  .tip-tablo tr { display: grid; grid-template-columns: repeat(3, auto) 1fr; align-items: center; gap: 8px 14px; padding: 14px 16px; border-bottom: 1px solid var(--beton); }
  .tip-tablo tr:last-child { border-bottom: 0; }
  .tip-tablo th, .tip-tablo td { display: block; padding: 0; border: 0; white-space: normal; }
  .tip-tablo tbody th { grid-column: 1 / -1; }
  .tip-tablo td:nth-of-type(4) { grid-column: 1 / 3; }
  .tip-tablo td:last-child { grid-column: 3 / -1; justify-self: end; }
}

/* =====================================================================
   Bireysel hizmet sayfaları (2024 şablonu) — imza bölümleri
   ofis · parça · arşiv · evrak · koli · antika · beyaz eşya
   Sınıf önekleri: bry- (ortak), ofis-, parca-, arsiv-, evrak-, koli-,
   antika-, beyaz-
   ===================================================================== */

:root {
  --kraft: #cfa167;
  --kraft-koyu: #b8874c;
  --kagit: #fffdf8;
}

/* ---------- ortak yardımcılar ---------- */
.bry-depo-cip {
  display: inline-flex; align-items: center; gap: 8px; width: max-content; max-width: 100%;
  padding: 8px 12px 7px; border: var(--cizgi) solid var(--grafit); border-radius: 3px;
  font: 700 .8rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--grafit);
  transition: background .25s, border-color .25s, color .25s;
}
.bry-depo-cip b { font-weight: 800; color: inherit; }
.bry-depo-cip span { color: var(--gri); }
.bry-depo-cip .ok { width: 14px; height: 14px; transition: transform .3s var(--egri); }
.bry-depo-cip:hover { background: var(--sari); border-color: var(--sari); }
.bry-depo-cip:hover span { color: var(--grafit); }
.bry-depo-cip:hover .ok { transform: translateX(3px); }
.bry-depo-cip-acik { color: var(--beyaz); border-color: rgba(255, 255, 255, .45); }
.bry-depo-cip-acik span { color: var(--gri-acik); }
.bry-depo-cip-acik:hover { color: var(--grafit); }

/* koyu zeminde öneri kartı: metin rengi ve çerçeveli buton */
.bry-oneri-koyu .oneri { color: var(--metin); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7); }
.bry-oneri-koyu .oneri .ust-etiket { color: var(--gri); }
.bry-oneri-koyu .oneri .oneri-olcu b { color: var(--grafit); }
.bry-oneri-koyu .oneri .oneri-fiyat b { color: var(--bordo); }
.bry-oneri-koyu .oneri .btn-cerceve { --btn-metin: var(--grafit); --btn-cerceve: var(--grafit); }

@media (min-width: 760px) { .yazi-izgara.bry-yazi-2 { grid-template-columns: repeat(2, 1fr); } }

/* =====================================================================
   OFİS — taşıma rotası (eski ofis → Depo Depo → yeni ofis)
   ===================================================================== */
.ofis-rota { position: relative; }
.ofis-yol { position: absolute; z-index: 0; top: 0; bottom: 0; left: 22px; width: 12px; background: var(--grafit-3); border-radius: 6px; }
.ofis-yol::after { content: ""; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 2px; background: repeating-linear-gradient(180deg, var(--sari) 0 14px, transparent 14px 26px); opacity: .8; }
.ofis-kamyon {
  position: absolute; z-index: 1; left: 50%; top: calc(100% - 44px); width: 44px; height: 44px; margin-left: -22px;
  display: grid; place-items: center; background: var(--sari); color: var(--grafit);
  border: 2px solid var(--grafit); border-radius: 50%;
  transition: top 2.6s var(--egri-kapi) .35s, left 2.6s var(--egri-kapi) .35s;
}
.ofis-kamyon .ikon { width: 22px; height: 22px; }
.js .ofis-rota:not(.belirdi) .ofis-kamyon { top: 0; }
.ofis-duraklar { list-style: none; position: relative; z-index: 2; display: grid; gap: 44px; }
.ofis-durak { position: relative; padding-left: 78px; min-height: 56px; }
.ofis-pin { position: absolute; left: 0; top: 0; width: 56px; height: 56px; display: grid; place-items: center; background: var(--grafit); color: var(--sari); border: 2px solid var(--sari); border-radius: 50%; }
.ofis-pin .ikon { width: 26px; height: 26px; }
.ofis-durak-depo .ofis-pin { background: var(--sari); color: var(--grafit); border-color: var(--grafit); box-shadow: 0 0 0 6px rgba(244, 194, 13, .22); }
.ofis-durak-ad { font: 700 .82rem/1.3 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--gri-acik); padding-top: 4px; }
.ofis-durak-ad b { display: block; color: var(--sari); margin-bottom: 4px; }
.ofis-madde { margin-top: 16px; }
.ofis-madde h3 { color: var(--beyaz); font-size: clamp(1.25rem, 1.8vw, 1.5rem); text-transform: uppercase; font-weight: 800; }
.ofis-madde p { margin-top: 8px; color: #cfcbc4; max-width: 46ch; }
.ofis-madde + .ofis-madde { margin-top: 22px; padding-top: 20px; border-top: 1px dashed rgba(255, 255, 255, .2); }
@media (min-width: 900px) {
  .ofis-yol { left: 0; right: 0; top: 22px; bottom: auto; width: auto; height: 12px; }
  .ofis-yol::after { left: 10px; right: 10px; top: 5px; bottom: auto; width: auto; height: 2px; background: repeating-linear-gradient(90deg, var(--sari) 0 16px, transparent 16px 30px); }
  .ofis-kamyon { top: 50%; left: calc(100% - 44px); margin: -22px 0 0; }
  .js .ofis-rota:not(.belirdi) .ofis-kamyon { top: 50%; left: 0; }
  .ofis-duraklar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 48px); }
  .ofis-durak { padding: 82px 0 0; }
  .ofis-durak-ad { padding-top: 0; }
  .ofis-durak-ad b { display: inline; margin: 0 8px 0 0; }
}
.ofis-yolboyu { margin-top: clamp(44px, 6vw, 72px); padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, .14); }
.ofis-yolboyu-liste { list-style: none; display: grid; gap: 14px; margin-top: 16px; }
@media (min-width: 760px) { .ofis-yolboyu-liste { grid-template-columns: 1fr 1fr; } }
.ofis-yolboyu-liste li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; padding: 22px; border: var(--cizgi) solid rgba(255, 255, 255, .22); border-radius: var(--r); }
.ofis-yolboyu-liste .ikon { width: 28px; height: 28px; color: var(--sari); }
.ofis-yolboyu-liste h3 { color: var(--beyaz); font-size: 1.25rem; text-transform: uppercase; font-weight: 800; }
.ofis-yolboyu-liste p { margin-top: 6px; color: #cfcbc4; }

/* =====================================================================
   PARÇA EŞYA — askı etiketleri (tek parçadan birkaç ev aletine)
   ===================================================================== */
.parca-ip { list-style: none; position: relative; display: grid; gap: 22px; }
@media (min-width: 620px) { .parca-ip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.parca-etiket { position: relative; }
.parca-etiket-kart {
  height: 100%; transform: rotate(calc(var(--aci) * .5)); transform-origin: 50% 24px;
  filter: drop-shadow(1.5px 0 0 var(--grafit)) drop-shadow(-1.5px 0 0 var(--grafit)) drop-shadow(0 1.5px 0 var(--grafit)) drop-shadow(0 -1.5px 0 var(--grafit));
  transition: transform 1.2s var(--egri);
}
.parca-etiket-ic {
  position: relative; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
  padding: 50px 22px 24px; background: var(--kagit);
  clip-path: polygon(14% 0, 86% 0, 100% 34px, 100% 100%, 0 100%, 0 34px);
}
.parca-delik { position: absolute; top: 14px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: var(--kirec-2); border: 2px solid var(--grafit); box-shadow: 0 0 0 5px #efe2c4; }
.parca-olcek { position: absolute; top: 18px; right: 22px; display: flex; gap: 3px; }
.parca-olcek i { width: 9px; height: 9px; border: 1.5px solid var(--grafit); border-radius: 1px; }
.parca-olcek i.dolu { background: var(--bordo); border-color: var(--bordo); }
.parca-ikon { width: 50px; height: 50px; display: grid; place-items: center; background: var(--sari); border-radius: 6px; }
.parca-ikon .ikon { width: 28px; height: 28px; }
.parca-etiket-ic h3 { font-size: 1.45rem; text-transform: uppercase; font-weight: 800; }
.parca-etiket-ic p { color: #44474b; font-size: .98rem; }
.parca-etiket-ic .bry-depo-cip { margin-top: auto; }
.js .parca-etiket .parca-etiket-kart { transform: rotate(-12deg); transition-delay: var(--gecikme, 0s); }
.js .parca-etiket.belirdi .parca-etiket-kart { transform: rotate(calc(var(--aci) * .5)); }
.js .parca-etiket.belirdi:hover .parca-etiket-kart { transform: rotate(0deg); transition-delay: 0s; transition-duration: .6s; }
@media (min-width: 1040px) {
  .parca-ip { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; padding-top: 6px; }
  .parca-ip::before { content: ""; position: absolute; left: -12px; right: -12px; top: 0; height: 3px; background: var(--grafit-3); border-radius: 2px; }
  .parca-etiket { padding-top: 30px; }
  .parca-etiket::before { content: ""; position: absolute; z-index: 2; top: 0; left: 50%; width: 2px; height: 52px; margin-left: -1px; background: var(--grafit-3); }
  .parca-etiket-ic { min-height: calc(290px + var(--n) * 24px); }
  .parca-etiket-kart, .js .parca-etiket.belirdi .parca-etiket-kart { transform: rotate(var(--aci)); }
}
.parca-not { margin-top: 26px; }

/* =====================================================================
   ARŞİV — rafta arşiv kutuları
   ===================================================================== */
.arsiv-bolum { overflow: hidden; }
.arsiv-bolum > .kap { position: relative; z-index: 1; }
.arsiv-filigran {
  position: absolute; z-index: 0; right: -1vw; top: clamp(40px, 6vw, 90px);
  font: 800 clamp(7rem, 24vw, 22rem)/.8 var(--f-baslik); text-transform: uppercase; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .07); pointer-events: none; user-select: none;
}
@media (max-width: 699px) { .arsiv-filigran { display: none; } }
.arsiv-raf { list-style: none; display: grid; gap: 40px 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .arsiv-raf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .arsiv-raf { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .arsiv-raf { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.arsiv-yer { position: relative; display: flex; padding-bottom: 14px; }
.arsiv-yer::after { content: ""; position: absolute; left: -10px; right: -10px; bottom: 0; height: 14px; background: var(--grafit-3); border-top: 3px solid var(--sari); border-radius: 2px; box-shadow: 0 14px 22px -10px rgba(0, 0, 0, .8); }
.arsiv-kutu {
  flex: 1; display: flex; flex-direction: column; padding: 16px 13px 14px;
  background: linear-gradient(180deg, var(--kraft) 0%, var(--kraft-koyu) 100%);
  border-radius: 4px 4px 1px 1px; box-shadow: inset 0 0 0 1px rgba(60, 35, 5, .35), inset 0 -10px 0 rgba(0, 0, 0, .08);
  transition: transform .45s var(--egri);
}
.arsiv-yer:hover .arsiv-kutu { transform: translateY(-8px); }
.arsiv-tutamak { display: block; width: 46%; height: 13px; margin: 0 auto 14px; border-radius: 999px; background: rgba(21, 23, 26, .78); box-shadow: inset 0 3px 0 rgba(0, 0, 0, .45); }
.arsiv-etiket { flex: 1; display: grid; align-content: start; gap: 10px; padding: 14px 15px 18px; background: var(--kagit); border: var(--cizgi) solid var(--grafit); border-top: 5px solid var(--bordo); border-radius: 2px; color: var(--metin); }
.arsiv-kod { display: flex; align-items: flex-end; justify-content: space-between; font: 700 .74rem/1 var(--f-baslik); letter-spacing: .18em; text-transform: uppercase; color: var(--gri); padding-bottom: 8px; border-bottom: 1px solid var(--beton); }
.arsiv-kod b { font: 800 1.7rem/.8 var(--f-baslik); letter-spacing: 0; color: var(--bordo); }
.arsiv-etiket h3 { font-size: 1.18rem; text-transform: uppercase; font-weight: 800; color: var(--grafit); }
.arsiv-etiket p { font-size: .94rem; line-height: 1.5; color: #3f4246; }
.arsiv-sirt { display: flex; justify-content: center; gap: 6px; margin-top: 12px; }
.arsiv-sirt i { width: 6px; height: 6px; border-radius: 50%; background: rgba(40, 22, 2, .45); }

/* =====================================================================
   EVRAK — akış (etiketle → kategorile → sakla → eriş) + dosya dolabı
   ===================================================================== */
.evrak-akis { list-style: none; position: relative; display: grid; gap: 34px 20px; grid-template-columns: minmax(0, 1fr); text-align: center; }
@media (min-width: 340px) { .evrak-akis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 12px; } }
@media (max-width: 559px) {
  .evrak-gorsel { width: 104px; height: 104px; }
  .evrak-adim { padding-inline: 0; }
  .evrak-adim h3 { font-size: 1.4rem; }
  .evrak-adim > p:last-child { font-size: .92rem; }
}
.evrak-adim { position: relative; display: grid; justify-items: center; align-content: start; gap: 8px; padding-inline: 8px; }
.evrak-adim h3 { font-size: clamp(1.6rem, 2.4vw, 2rem); text-transform: uppercase; font-weight: 800; }
.evrak-adim > p:last-child { color: #44474b; max-width: 28ch; }
.evrak-adim-no { font: 700 .8rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); }
.evrak-gorsel { position: relative; z-index: 1; width: 128px; height: 128px; margin-bottom: 8px; display: grid; place-items: center; background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: 12px; transition: background .5s var(--egri); }
@media (min-width: 1000px) {
  .evrak-akis { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
  .evrak-akis::before { content: ""; position: absolute; z-index: 0; top: 64px; left: 12.5%; right: 12.5%; height: 2px; background: repeating-linear-gradient(90deg, var(--grafit) 0 8px, transparent 8px 15px); }
  .evrak-akis::after {
    content: ""; position: absolute; z-index: 2; top: 50px; left: calc(87.5% - 11px); width: 22px; height: 28px;
    background: var(--beyaz) linear-gradient(var(--bordo), var(--bordo)) 0 0 / 100% 5px no-repeat;
    border: var(--cizgi) solid var(--grafit); border-radius: 2px; box-shadow: 0 6px 12px -4px rgba(0, 0, 0, .35);
    opacity: 0; transition: left 3s cubic-bezier(.45, 0, .2, 1) .4s, opacity .4s 3.4s;
  }
  .js .evrak-akis:not(.belirdi)::after { left: calc(12.5% - 11px); opacity: 1; }
  .evrak-akis.belirdi .evrak-adim:nth-child(1) .evrak-gorsel { transition-delay: .4s; }
  .evrak-akis.belirdi .evrak-adim:nth-child(2) .evrak-gorsel { transition-delay: 1.3s; }
  .evrak-akis.belirdi .evrak-adim:nth-child(3) .evrak-gorsel { transition-delay: 2.2s; }
  .evrak-akis.belirdi .evrak-adim:nth-child(4) .evrak-gorsel { transition-delay: 3.1s; }
  .evrak-akis.belirdi .evrak-gorsel { background: #fff3c4; }
}
/* istasyon çizimleri */
.evrak-etiketcik { display: grid; gap: 5px; width: 78px; padding: 8px 10px 10px 18px; background: var(--kagit); border: var(--cizgi) solid var(--grafit); border-radius: 3px; transform: rotate(-7deg); position: relative; text-align: left; }
.evrak-etiketcik::before { content: ""; position: absolute; left: 6px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; border: 1.5px solid var(--grafit); }
.evrak-etiketcik b { font: 800 .66rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); }
.evrak-etiketcik i { display: block; height: 2px; background: var(--beton-koyu); }
.evrak-etiketcik i:nth-of-type(2) { width: 70%; } .evrak-etiketcik i:nth-of-type(3) { width: 85%; }
.evrak-sekmeler { display: flex; gap: 3px; padding-left: 6px; position: relative; width: 84px; flex-wrap: wrap; }
.evrak-sekmeler::after { content: ""; display: block; width: 84px; height: 42px; margin-left: -6px; background: var(--beton); border: var(--cizgi) solid var(--grafit); border-radius: 0 3px 3px 3px; }
.evrak-sekmeler i { width: 22px; height: 16px; font: 800 .7rem/16px var(--f-baslik); font-style: normal; text-align: center; color: var(--beyaz); border-radius: 4px 4px 0 0; }
.evrak-sekmeler i:nth-child(1) { background: var(--bordo); }
.evrak-sekmeler i:nth-child(2) { background: var(--sari); color: var(--grafit); }
.evrak-sekmeler i:nth-child(3) { background: var(--grafit); }
.evrak-kilit { width: 64px; height: 64px; display: grid; place-items: center; background: var(--sari); border: var(--cizgi) solid var(--grafit); border-radius: 10px; }
.evrak-kilit .ikon { width: 32px; height: 32px; }
.evrak-belge { position: relative; display: grid; align-content: start; gap: 6px; width: 54px; height: 68px; padding: 14px 9px; background: var(--kagit); border: var(--cizgi) solid var(--grafit); border-radius: 2px; }
.evrak-belge i { display: block; height: 2px; background: var(--beton-koyu); }
.evrak-belge i:nth-child(2) { width: 75%; }
.evrak-belge .ok { position: absolute; right: -16px; top: -14px; width: 30px; height: 30px; padding: 6px; background: var(--bordo); color: var(--beyaz); border-radius: 50%; }

/* dosya dolabı */
.evrak-dolap-izgara { align-items: start; }
@media (min-width: 900px) { .evrak-dolap-kafa { position: sticky; top: calc(var(--header-h) + 32px); } }
.evrak-dolap { list-style: none; display: grid; gap: 10px; padding: 14px; background: linear-gradient(180deg, #3b3f45, #26292d); border: var(--cizgi) solid var(--grafit); border-radius: 8px; box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .6); }
.evrak-cekmece {
  position: relative; display: grid; gap: 14px; padding: 16px 16px 30px;
  background: linear-gradient(180deg, #ebe7df, #d6d1c7); border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -3px 0 rgba(0, 0, 0, .12);
  transition: transform .4s var(--egri), box-shadow .4s var(--egri);
}
@media (min-width: 600px) { .evrak-cekmece { grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); align-items: center; gap: 20px; padding: 18px 20px 30px; } }
.js .evrak-dolap .evrak-cekmece.belirdi:hover, .evrak-cekmece:hover { transform: translateY(-2px) scale(1.012); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 14px 24px -12px rgba(0, 0, 0, .7); }
.evrak-cekmece-etiket { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 6px 10px; padding: 10px 12px 12px; background: var(--kagit); border: var(--cizgi) solid var(--grafit); border-radius: 3px; }
.evrak-cekmece-no { font: 800 1.5rem/1 var(--f-baslik); color: var(--bordo); }
.evrak-cekmece-etiket .ikon { width: 22px; height: 22px; color: var(--grafit); }
.evrak-cekmece-etiket h3 { grid-column: 1 / -1; font-size: 1.12rem; text-transform: uppercase; font-weight: 800; }
.evrak-cekmece > p { font-size: .97rem; color: #2f3236; }
.evrak-kulp { position: absolute; left: 50%; bottom: 10px; width: 70px; height: 8px; margin-left: -35px; border-radius: 999px; background: var(--grafit-3); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .18); }

/* =====================================================================
   KOLİ — koli yığını + koli sayacı + bantlı koli kartları
   ===================================================================== */
.koli-izgara { display: grid; gap: 40px; }
@media (min-width: 980px) { .koli-izgara { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: center; } }
.koli-sahne { margin: 0; display: grid; justify-items: center; gap: 22px; }
.koli-depo { position: relative; width: min(100%, 420px); display: grid; justify-items: center; padding: 64px 22px 0; background: var(--kirec); background-image: var(--oluk); border: 3px solid var(--grafit); border-bottom: 0; border-radius: 6px 6px 0 0; }
.koli-depo-plaka { position: absolute; top: 14px; left: 14px; padding: 7px 9px 6px; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; border: var(--cizgi) solid var(--grafit); border-radius: 3px; background: var(--beyaz); }
.koli-yigin { display: grid; justify-items: center; gap: 3px; }
.koli-sira { display: flex; gap: 3px; }
.koli-kutu { position: relative; width: clamp(44px, 11vw, 60px); aspect-ratio: 1.3; background: linear-gradient(180deg, #d8ab6e, var(--kraft-koyu)); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(80, 50, 15, .4); }
.koli-kutu::after { content: ""; position: absolute; left: 41%; top: 0; bottom: 0; width: 18%; background: rgba(244, 194, 13, .6); }
.koli-kutu::before { content: ""; position: absolute; right: 9%; bottom: 14%; width: 26%; height: 22%; background: var(--kagit); opacity: .9; }
.koli-kutu-bos { background: rgba(115, 16, 18, .05); box-shadow: none; border: 2px dashed var(--bordo); }
.koli-kutu-bos::before, .koli-kutu-bos::after { display: none; }
.koli-zemin { display: block; width: calc(100% + 50px); height: 14px; margin-inline: -25px; background: var(--grafit); border-top: 4px solid var(--sari); }
.js .koli-sahne .koli-kutu { opacity: 0; transform: translateY(-50px); transition: opacity .3s, transform .6s var(--egri); transition-delay: calc(var(--n) * 70ms + .25s); }
.js .koli-sahne.belirdi .koli-kutu { opacity: 1; transform: none; }
.koli-sahne figcaption { display: grid; justify-items: center; gap: 6px; text-align: center; }
.koli-sahne figcaption > b { font: 800 clamp(3.4rem, 7vw, 5.2rem)/.9 var(--f-baslik); color: var(--bordo); }
.koli-sahne figcaption > span { font: 700 1rem/1.2 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--grafit); }
.koli-sahne figcaption small { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: .88rem; color: var(--gri); }
.koli-lejant { display: inline-block; width: 20px; height: 15px; background: var(--kraft); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(80, 50, 15, .4); }
.koli-sayac .ust-etiket { margin-bottom: 14px; }
.koli-etiketler { list-style: none; display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 560px) { .koli-etiketler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.koli-etiket { position: relative; display: grid; gap: 4px; height: 100%; padding: 18px 14px 12px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 4px; overflow: hidden; transition: background .25s, transform .35s var(--egri); }
.koli-etiket::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--kraft); }
.koli-etiket:hover { background: var(--kirec); transform: translateY(-3px); }
.koli-etiket-secili, .koli-etiket-secili:hover { background: var(--sari); }
.koli-etiket-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--grafit); }
.koli-etiket-ust b { font-size: .95rem; letter-spacing: .06em; }
.koli-etiket-ust span { color: var(--gri); white-space: nowrap; }
.koli-etiket-secili .koli-etiket-ust span { color: var(--grafit); }
.koli-etiket-sayi { margin-top: 8px; font: 800 clamp(1.45rem, 2.4vw, 2rem)/1 var(--f-baslik); color: var(--grafit); white-space: nowrap; }
.koli-etiket-alt { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: .84rem; color: var(--gri); }
.koli-etiket-secili .koli-etiket-alt { color: var(--grafit); }
.koli-etiket-alt .ok { width: 14px; height: 14px; color: var(--grafit); }

.koli-kartlar { list-style: none; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .koli-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .koli-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.koli-kart { display: grid; grid-template-rows: auto 1fr; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 6px; overflow: hidden; }
.koli-kart-kapak { position: relative; height: 48px; background: linear-gradient(180deg, #d8ab6e, var(--kraft-koyu)); border-bottom: var(--cizgi) solid var(--grafit); }
.koli-kart-kapak::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(60, 35, 5, .35); }
.koli-bant { position: absolute; top: 0; bottom: 0; left: 22px; width: 58px; background: rgba(244, 194, 13, .78); transition: width .6s var(--egri); }
.koli-kart:hover .koli-bant { width: 120px; }
.koli-yukari { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px; }
.koli-yukari i { position: relative; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 9px solid var(--grafit); }
.koli-yukari i::after { content: ""; position: absolute; left: -1.5px; top: 9px; width: 3px; height: 9px; background: var(--grafit); }
.koli-kart-govde { display: grid; align-content: start; gap: 10px; padding: 22px; }
.koli-kart-ikon .ikon { width: 30px; height: 30px; color: var(--bordo); }
.koli-kart h3 { font-size: 1.28rem; text-transform: uppercase; font-weight: 800; }
.koli-kart p { color: #44474b; font-size: .98rem; }

/* =====================================================================
   ANTİKA — iç içe koruma katmanları
   ===================================================================== */
.antika-izgara { display: grid; gap: 40px; }
@media (min-width: 980px) {
  .antika-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
  .antika-sahne { position: sticky; top: calc(var(--header-h) + 40px); }
}
.antika-cerceveler { display: grid; width: 100%; max-width: 540px; aspect-ratio: 1; margin-inline: auto; }
.antika-cerceve { position: relative; display: grid; padding: clamp(30px, 7.5%, 42px) clamp(12px, 4.2%, 26px) clamp(12px, 4.2%, 26px); transition: box-shadow .4s var(--egri), opacity .8s var(--egri), transform .9s var(--egri); }
.antika-cerceve-1 { background: var(--kirec); background-image: var(--oluk); border: 3px solid var(--bordo); border-radius: 12px; }
.antika-cerceve-2 { background: var(--beyaz); border: 2px solid var(--grafit); border-radius: 9px; }
.antika-cerceve-3 { background: #fbf5e2; border: 2px dashed var(--sari-koyu); border-radius: 7px; }
.antika-cerceve-4 { background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 5px; }
.antika-cerceve-ad { position: absolute; top: clamp(7px, 1.8%, 11px); left: clamp(10px, 3.4%, 20px); display: inline-flex; align-items: center; gap: 6px; padding: 3px 6px; font: 700 .72rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--grafit); border-radius: 3px; transition: background .3s; }
.antika-cerceve-ad b { color: var(--bordo); }
.antika-merkez { width: min(100%, 150px); aspect-ratio: 1; margin: auto; display: grid; place-items: center; align-content: center; gap: 4px; background: var(--sari); border: 2px solid var(--grafit); border-radius: 50%; transition: transform .8s var(--egri) 1.1s, opacity .6s 1.1s; }
.antika-merkez .ikon { width: 38px; height: 38px; }
.antika-merkez b { font: 800 .82rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; }
.js .antika-cerceveler .antika-cerceve { opacity: 0; transform: scale(1.05); }
.js .antika-cerceveler .antika-merkez { opacity: 0; transform: scale(.5); }
.antika-cerceveler.belirdi .antika-cerceve, .antika-cerceveler.belirdi .antika-merkez { opacity: 1; transform: none; }
.antika-cerceveler.belirdi .antika-cerceve-2 { transition-delay: .25s; }
.antika-cerceveler.belirdi .antika-cerceve-3 { transition-delay: .5s; }
.antika-cerceveler.belirdi .antika-cerceve-4 { transition-delay: .75s; }
.antika-izgara:has(.antika-katman-1:hover) .antika-cerceve-1 { box-shadow: 0 0 0 6px rgba(244, 194, 13, .55); }
.antika-izgara:has(.antika-katman-2:hover) .antika-cerceve-2 { box-shadow: 0 0 0 6px rgba(244, 194, 13, .55); }
.antika-izgara:has(.antika-katman-3:hover) .antika-cerceve-3 { box-shadow: 0 0 0 6px rgba(244, 194, 13, .55); }
.antika-izgara:has(.antika-katman-4:hover) .antika-cerceve-4 { box-shadow: 0 0 0 6px rgba(244, 194, 13, .55); }
.antika-izgara:has(.antika-katman-1:hover) .antika-cerceve-1 > .antika-cerceve-ad,
.antika-izgara:has(.antika-katman-2:hover) .antika-cerceve-2 > .antika-cerceve-ad,
.antika-izgara:has(.antika-katman-3:hover) .antika-cerceve-3 > .antika-cerceve-ad,
.antika-izgara:has(.antika-katman-4:hover) .antika-cerceve-4 > .antika-cerceve-ad { background: var(--sari); }
.antika-katmanlar { list-style: none; }
.antika-katman { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; padding: 24px 0; border-top: 1px solid var(--beton-koyu); }
.antika-katman:last-child { border-bottom: 1px solid var(--beton-koyu); }
.antika-katman-no { font: 800 1.9rem/1 var(--f-baslik); color: var(--beton-koyu); transition: color .3s; }
.antika-katman:hover .antika-katman-no { color: var(--bordo); }
.antika-katman-ad { display: flex; align-items: center; gap: 8px; font: 700 .78rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--gri); }
.antika-katman-ad .ikon { width: 20px; height: 20px; color: var(--bordo); }
.antika-katman h3 { margin-top: 8px; font-size: clamp(1.35rem, 2vw, 1.65rem); text-transform: uppercase; font-weight: 800; }
.antika-katman h3 + p { margin-top: 8px; color: #44474b; max-width: 52ch; }

/* =====================================================================
   BEYAZ EŞYA — cihaz bazlı ızgara
   ===================================================================== */
.beyaz-izgara { list-style: none; display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 340px) { .beyaz-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 699px) {
  .beyaz-izgara { gap: 10px; }
  .beyaz-cihaz { padding: 14px 12px 16px; gap: 8px; }
  .beyaz-cihaz-sahne { height: 124px; }
  .beyaz-cizim { height: 108px; }
  .beyaz-cihaz h3 { font-size: 1.12rem; }
  .beyaz-cihaz-depo { font-size: .74rem; letter-spacing: .06em; }
  .beyaz-cihaz .bry-depo-cip { padding: 7px 8px 6px; font-size: .72rem; gap: 6px; }
}
@media (min-width: 1100px) { .beyaz-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.beyaz-cihaz { display: grid; align-content: start; justify-items: start; gap: 10px; padding: 20px 20px 22px; background: rgba(255, 255, 255, .035); border: var(--cizgi) solid rgba(255, 255, 255, .2); border-radius: var(--r); transition: border-color .3s, background .3s; }
.beyaz-cihaz:hover { border-color: var(--sari); background: rgba(255, 255, 255, .06); }
.beyaz-cihaz-sahne { justify-self: stretch; display: grid; place-items: end center; height: 176px; margin-bottom: 6px; background: radial-gradient(ellipse 70% 50% at 50% 100%, rgba(244, 194, 13, .16), transparent 70%); }
.beyaz-cizim { width: auto; height: 160px; overflow: visible; color: var(--beyaz); }
.beyaz-cizim .ciz { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.beyaz-cizim .kalin { stroke-width: 3.2; }
.beyaz-cizim .ince { stroke-width: 1.2; }
.beyaz-cizim .zemin { stroke: var(--sari); stroke-width: 2.4; }
.beyaz-kapak { transform-box: fill-box; transform-origin: left center; transition: transform .6s var(--egri); }
.beyaz-cihaz:hover .beyaz-kapak { transform: translateX(-2px) skewY(-5deg); }
.js .beyaz-cihaz .ciz { stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.js .beyaz-cihaz.belirdi .ciz { stroke-dashoffset: 0; transition: stroke-dashoffset 1.8s var(--egri) calc(var(--gecikme, 0s) + .2s); }
.beyaz-cihaz h3 { font-size: 1.45rem; text-transform: uppercase; font-weight: 800; color: var(--beyaz); }
.beyaz-cihaz-depo { font: 700 .86rem/1.2 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--sari); }
.beyaz-cihaz .bry-depo-cip { margin-top: 6px; }
.beyaz-kaynak { display: grid; gap: 12px; margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .14); }
.beyaz-kaynak > div { display: grid; gap: 4px; }
@media (min-width: 700px) { .beyaz-kaynak > div { grid-template-columns: 220px minmax(0, 1fr); gap: 16px; } }
.beyaz-kaynak dt { font: 700 .8rem/1.5 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; color: var(--gri-acik); }
.beyaz-kaynak dd { color: #cfcbc4; }

/* hareket azaltma: gecikmeli geçişler de beklemeden tamamlansın */
@media (prefers-reduced-motion: reduce) {
  .ofis-kamyon, .parca-etiket-kart, .koli-kutu, .antika-cerceve, .antika-merkez, .evrak-gorsel, .beyaz-cihaz .ciz,
  .evrak-akis::after, .js .koli-sahne .koli-kutu, .js .beyaz-cihaz.belirdi .ciz, .js .parca-etiket .parca-etiket-kart,
  .antika-cerceveler.belirdi .antika-cerceve, .evrak-akis.belirdi .evrak-adim .evrak-gorsel { transition-delay: 0s !important; }
}

/* =====================================================================
   Rehber (blog) listesi, yazı sayfası, 404
   ===================================================================== */
.blog-kafa { background: var(--kirec); background-image: var(--oluk); }
.blog-kafa-izgara { display: grid; gap: 28px; align-items: end; }
@media (min-width: 1000px) { .blog-kafa-izgara { grid-template-columns: 1.3fr .7fr; } }
.blog-hesap { display: grid; grid-template-columns: 44px 1fr 22px; gap: 14px; align-items: center; padding: 20px; background: var(--grafit); color: var(--beyaz); border-radius: var(--r); transition: transform .35s var(--egri), background .3s; }
.blog-hesap > .ikon:first-child { width: 44px; height: 44px; padding: 9px; background: var(--sari); color: var(--grafit); border-radius: 6px; }
.blog-hesap b { display: block; font: 800 1.25rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.blog-hesap small { color: var(--gri-acik); }
.blog-hesap:hover { transform: translateY(-3px); background: var(--bordo); }

.blog-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.blog-filtre label { display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px 10px; border: var(--cizgi) solid var(--grafit); border-radius: 999px; background: var(--beyaz); font: 700 .86rem/1 var(--f-baslik); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: background .25s; }
.blog-filtre label span { min-width: 22px; height: 22px; padding: 0 6px; display: inline-grid; place-items: center; background: var(--kirec-2); border-radius: 999px; font-size: .76rem; }
.blog-filtre label:hover { background: var(--kirec-2); }
#kat-tumu:checked ~ .blog-filtre label[for="kat-tumu"], #kat-secim:checked ~ .blog-filtre label[for="kat-secim"],
#kat-tasinma:checked ~ .blog-filtre label[for="kat-tasinma"], #kat-isletme:checked ~ .blog-filtre label[for="kat-isletme"],
#kat-ozel:checked ~ .blog-filtre label[for="kat-ozel"] { background: var(--grafit); color: var(--beyaz); }
#kat-tumu:checked ~ .blog-filtre label[for="kat-tumu"] span, #kat-secim:checked ~ .blog-filtre label[for="kat-secim"] span,
#kat-tasinma:checked ~ .blog-filtre label[for="kat-tasinma"] span, #kat-isletme:checked ~ .blog-filtre label[for="kat-isletme"] span,
#kat-ozel:checked ~ .blog-filtre label[for="kat-ozel"] span { background: var(--sari); color: var(--grafit); }
.blog-liste input:focus-visible + input, .blog-liste input:focus-visible ~ .blog-filtre { outline: 2px solid var(--sari); outline-offset: 6px; border-radius: 8px; }
#kat-secim:checked ~ .blog-izgara .blog-oge:not([data-k="secim"]), #kat-secim:checked ~ .blog-one-cikan:not([data-k="secim"]),
#kat-tasinma:checked ~ .blog-izgara .blog-oge:not([data-k="tasinma"]), #kat-tasinma:checked ~ .blog-one-cikan:not([data-k="tasinma"]),
#kat-isletme:checked ~ .blog-izgara .blog-oge:not([data-k="isletme"]), #kat-isletme:checked ~ .blog-one-cikan:not([data-k="isletme"]),
#kat-ozel:checked ~ .blog-izgara .blog-oge:not([data-k="ozel"]), #kat-ozel:checked ~ .blog-one-cikan:not([data-k="ozel"]) { display: none; }
.blog-one-cikan { margin-bottom: 18px; }

/* yazı */
.yazi-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(36px, 5vw, 64px); background: var(--kirec); background-image: var(--oluk); }
.yazi-kafa-izgara { display: grid; gap: 28px; align-items: center; }
@media (min-width: 1000px) { .yazi-kafa-izgara { grid-template-columns: 1.2fr .8fr; } }
.yazi-kafa-metin { display: grid; gap: 20px; }
.yazi-baslik { font-size: clamp(2.2rem, 4.6vw, 4rem); line-height: .95; max-width: 22ch; }
.yazi-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .92rem; color: var(--gri); }
.yazi-meta span { display: inline-flex; align-items: center; gap: 6px; }
.yazi-meta .ikon { width: 16px; height: 16px; color: var(--bordo); }
.yazi-kapak { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r); overflow: hidden; border: var(--cizgi) solid var(--grafit); background: var(--grafit); }
.yazi-kapak img { width: 100%; height: 100%; object-fit: cover; }
.yazi-kapak .yazi-kapak-tipo b { font-size: clamp(6rem, 14vw, 10rem); }
.yazi-duzen { display: grid; gap: 32px; padding-block: clamp(40px, 6vw, 80px); }
@media (min-width: 1000px) { .yazi-duzen { grid-template-columns: 300px minmax(0, 1fr); gap: 64px; } }
.yazi-yan { display: grid; gap: 18px; align-content: start; }
@media (min-width: 1000px) { .yazi-yan { position: sticky; top: calc(var(--header-h) + 28px); align-self: start; order: 0; } }
@media (max-width: 999px) { .yazi-yan { order: 2; } }
.yazi-icindekiler { padding: 18px 18px 14px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.yazi-icindekiler ol { margin-top: 12px; padding-left: 0; counter-reset: ic; list-style: none; display: grid; gap: 2px; }
.yazi-icindekiler li { counter-increment: ic; }
.yazi-icindekiler a { display: grid; grid-template-columns: 26px 1fr; gap: 6px; padding: 7px 4px; border-radius: 4px; font-size: .92rem; line-height: 1.3; color: var(--metin); }
.yazi-icindekiler a::before { content: counter(ic, decimal-leading-zero); font: 700 .78rem/1.5 var(--f-baslik); color: var(--gri); }
.yazi-icindekiler a:hover, .yazi-icindekiler a.etkin { background: var(--kirec); color: var(--bordo); }
.yazi-oneri { display: grid; gap: 8px; padding: 18px; background: var(--grafit); color: #d9d6d0; border-radius: var(--r); transition: transform .35s var(--egri); }
.yazi-oneri:hover { transform: translateY(-3px); }
.yazi-oneri .ust-etiket { color: var(--sari); }
.yazi-oneri b { font: 800 1.5rem/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.yazi-oneri span:last-child { font-size: .9rem; }
.yazi-oneri-iso { display: block; background: var(--kirec); border-radius: 6px; padding: 10px; }
.yazi-oneri-iso .iso { max-height: 180px; }
.yazi-oneri-hesap .ikon { width: 40px; height: 40px; color: var(--sari); }
.yazi-govde { max-width: 72ch; font-size: 1.08rem; }
.yazi-govde > h2:first-child { margin-top: 0; }
.yazi-govde h2 { scroll-margin-top: calc(var(--header-h) + 24px); padding-top: .2em; border-top: var(--cizgi) solid var(--grafit); padding-top: 18px; }
.yazi-son { margin-top: 3em !important; padding: 26px; background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); display: grid; gap: 10px; }
.yazi-son-baslik { font: 800 1.8rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.yazi-son .buton-sira { margin-top: 8px; }
.yazi-son a.btn { text-decoration: none; }
.yazi-son a.btn-bordo, .yazi-son a.btn-bordo:hover { color: var(--beyaz); background: var(--bordo); }
.yazi-son a.btn-bordo:hover { color: var(--grafit); background: transparent; }
.yazi-son a.btn-cerceve { color: var(--grafit); background: transparent; }
.ilgili-baslik { font-size: clamp(1.8rem, 3vw, 2.6rem); }

/* 404 */
.bos-sayfa { padding-block: clamp(48px, 8vw, 120px); background: var(--kirec); background-image: var(--oluk); min-height: 70vh; display: grid; align-items: center; }
.bos-izgara { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .bos-izgara { grid-template-columns: .8fr 1.2fr; } }
.bos-kapi { position: relative; aspect-ratio: 3 / 4; max-width: 340px; background: var(--grafit); border-radius: 6px 6px 0 0; perspective: 1400px; overflow: hidden; border: var(--cizgi) solid var(--grafit); }
.bos-kapi::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: var(--sari); }
.bos-kapi-kanat { position: absolute; inset: 0; transform-origin: left center; background: repeating-linear-gradient(90deg, #7b1416 0 30px, #5f0d10 30px 32px, #87191c 32px 34px); box-shadow: inset -10px 0 0 var(--bordo-koyu); animation: bos-ac 2.4s var(--egri-kapi) .4s both; }
@keyframes bos-ac { to { transform: rotateY(-62deg); } }
.bos-kapi-numara { position: absolute; z-index: 2; top: 18px; left: 18px; background: var(--beyaz); font: 800 1.4rem/1 var(--f-baslik); padding: 10px 12px; border-radius: 3px; }
.bos-linkler { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; margin-top: 28px; }
.bos-linkler a { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r-kucuk); font: 700 1rem/1 var(--f-baslik); text-transform: uppercase; }
.bos-linkler a:hover { background: var(--sari); }
.bos-linkler .ikon { color: var(--bordo); }

.sayfa-yazi .yazi-kapak-tipo { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; background: var(--bordo); background-image: var(--oluk-koyu); color: var(--beyaz); }

/* =====================================================================
   Fiyatlar sayfası + hacim hesaplayıcı
   ===================================================================== */
.fiyat-kafa { background: var(--kirec); background-image: var(--oluk); }
.fiyat-kafa-izgara { display: grid; gap: 32px; align-items: end; }
@media (min-width: 1000px) { .fiyat-kafa-izgara { grid-template-columns: 1.3fr .7fr; } }
.fiyat-ozet { list-style: none; display: grid; gap: 10px; }
.fiyat-ozet li { display: flex; align-items: baseline; gap: 14px; padding: 16px 18px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.fiyat-ozet b { font: 800 2.2rem/1 var(--f-baslik); color: var(--bordo); min-width: 4.4ch; }
.fiyat-ozet span { color: var(--gri); font-size: .95rem; }

/* tablo */
.fiyat-tablo-kafa { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 24px; margin-bottom: 22px; }
.fiyat-tablo-kafa h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); }
.fiyat-tablo-kafa .fiyat-anahtar { margin-top: 0; }
.fiyat-tablo { border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; background: var(--beyaz); }
.ft-satir { display: grid; grid-template-columns: 1fr auto 48px; gap: 6px 16px; align-items: center; padding: 14px 16px; border-top: 1px solid var(--beton); }
.ft-baslik { display: none; }
.ft-grup:first-of-type .ft-satir.ft-ilk { border-top: 0; }
.ft-grup .ft-ilk { border-top: var(--cizgi) solid var(--grafit); }
.ft-depo { display: flex; align-items: center; gap: 12px; grid-column: 1; }
.ft-depo b { display: block; font: 800 1.15rem/1.05 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.ft-depo small { font-size: .78rem; color: var(--gri); }
.ft-iso { width: 54px; flex: none; }
.ft-iso .iso { width: 54px; height: 46px; }
.ft-hucre { display: none; }
.ft-fiyat { grid-column: 2; display: grid; justify-items: end; text-align: right; }
.ft-fiyat b { font: 800 1.4rem/1 var(--f-baslik); color: var(--bordo); }
.ft-fiyat small { font-size: .74rem; color: var(--gri); }
.ft-islem { grid-column: 3; }
.ft-link { width: 40px; height: 40px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: background .3s, transform .35s var(--egri); }
.ft-link .ikon { width: 16px; height: 16px; }
.ft-satir:hover .ft-link { background: var(--sari); border-color: var(--sari); transform: rotate(-45deg); }
.ft-satir:hover { background: var(--kirec); }
@media (max-width: 899px) {
  .ft-satir { grid-template-areas: "depo fiyat islem" "olcu olcu olcu"; }
  .ft-hucre:nth-child(2), .ft-hucre:nth-child(3) { display: inline; font-size: .86rem; color: var(--gri); grid-row: 2; }
  .ft-hucre:nth-child(2) { grid-column: 1; padding-left: 66px; }
  .ft-hucre:nth-child(3) { grid-column: 2 / 4; }
}
@media (min-width: 900px) {
  .ft-satir { grid-template-columns: minmax(220px, 1.6fr) .6fr .6fr 1.1fr .7fr 1fr 56px; }
  .ft-baslik { display: grid; background: var(--grafit); color: var(--beyaz); font: 700 .76rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; border-top: 0; padding-block: 14px; }
  .ft-baslik:hover { background: var(--grafit); }
  .ft-hucre { display: block; font-size: .98rem; color: var(--metin); }
  .ft-kapasite { color: var(--gri); font-size: .92rem; }
  .ft-depo, .ft-fiyat, .ft-islem { grid-column: auto; }
  .ft-iso-bos { height: 1px; }
}

/* fiyata dahil */
.dahil-izgara { display: grid; gap: 28px; align-items: center; }
@media (min-width: 1000px) { .dahil-izgara { grid-template-columns: .55fr 1.45fr; } }
.dahil-liste { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 760px) { .dahil-liste { grid-template-columns: repeat(5, 1fr); } }
.dahil-liste li { display: grid; gap: 6px; padding: 18px 16px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.dahil-liste .ikon { width: 28px; height: 28px; color: var(--bordo); }
.dahil-liste b { font: 800 1.12rem/1.05 var(--f-baslik); text-transform: uppercase; }
.dahil-liste span { font-size: .86rem; color: var(--gri); }

/* hesaplayıcı */
.hesap { display: grid; gap: 18px; color: var(--metin); }
@media (min-width: 1000px) { .hesap { grid-template-columns: 1.35fr .65fr; align-items: start; } }
.hesap-sol { background: var(--kirec); border-radius: var(--r); padding: clamp(16px, 2.4vw, 28px); }
.hesap-paketler { display: grid; gap: 10px; margin-bottom: 18px; }
.hesap-paket-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.hesap-paket { padding: 10px 14px 9px; border: var(--cizgi) solid var(--grafit); border-radius: 999px; background: var(--beyaz); font: 700 .86rem/1 var(--f-baslik); letter-spacing: .05em; text-transform: uppercase; transition: background .25s; }
.hesap-paket:hover { background: var(--kirec-2); }
.hesap-paket[aria-pressed="true"] { background: var(--sari); border-color: var(--sari); }
.hesap-sekmeler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 12px; scrollbar-width: thin; }
.hesap-sekmeler [role="tab"] { position: relative; flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 12px 14px 11px; border: var(--cizgi) solid var(--grafit); border-radius: var(--r-kucuk); background: var(--beyaz); font: 700 .9rem/1 var(--f-baslik); letter-spacing: .04em; text-transform: uppercase; }
.hesap-sekmeler [role="tab"] .ikon { width: 18px; height: 18px; color: var(--bordo); }
.hesap-sekmeler [aria-selected="true"] { background: var(--grafit); color: var(--beyaz); }
.hesap-sekmeler [aria-selected="true"] .ikon { color: var(--sari); }
.hesap-sekme-sayi { position: absolute; top: -8px; right: -8px; min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); border-radius: 999px; font: 800 .74rem/1 var(--f-baslik); }
.hesap-esyalar { list-style: none; display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 640px) { .hesap-esyalar { grid-template-columns: 1fr 1fr; } }
.hesap-esya { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 10px 10px 14px; background: var(--beyaz); border: 1px solid var(--beton); border-radius: 8px; transition: border-color .25s, box-shadow .25s; }
.hesap-esya.secili { border-color: var(--grafit); box-shadow: inset 4px 0 0 var(--sari); }
.hesap-esya-ad { display: grid; font-weight: 500; line-height: 1.25; }
.hesap-esya-ad small { font-size: .78rem; color: var(--gri); }
.hesap-adim { display: inline-flex; align-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 999px; overflow: hidden; flex: none; }
.hesap-adim button { width: 38px; height: 38px; display: grid; place-items: center; transition: background .2s; }
.hesap-adim button:hover { background: var(--sari); }
.hesap-adim .ikon { width: 16px; height: 16px; }
.hesap-adim output { min-width: 30px; text-align: center; font: 800 1.05rem/1 var(--f-baslik); }
.hesap-not { margin-top: 14px; }
.hesap-sonuc { position: relative; }
@media (min-width: 1000px) { .hesap-sonuc { position: sticky; top: calc(var(--header-h) + 24px); } }
.hesap-sonuc-ic { display: grid; gap: 14px; padding: clamp(18px, 2.4vw, 28px); background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.hesap-toplam b { font: 800 clamp(3rem, 5vw, 4.2rem)/1 var(--f-baslik); color: var(--grafit); }
.hesap-toplam span { font: 700 1.4rem var(--f-baslik); color: var(--gri); }
.hesap-cetvel { position: relative; height: 30px; margin: 22px 0 22px; background: var(--kirec-2); border-radius: 4px; }
.hesap-cetvel-dolu { position: absolute; inset: 0 auto 0 0; width: 100%; background: linear-gradient(90deg, var(--sari), var(--sari-koyu)); border-radius: 4px; transform: scaleX(0); transform-origin: left; transition: transform .6s var(--egri); }
.hesap-cetvel i { position: absolute; left: var(--konum); top: 0; bottom: 0; width: 1.5px; background: rgba(21, 23, 26, .35); }
.hesap-cetvel i:nth-of-type(even) em { top: auto; bottom: 100%; margin: 0 0 4px; }
.hesap-cetvel em { position: absolute; top: 100%; left: 0; transform: translateX(-50%); margin-top: 4px; font: 700 .64rem/1 var(--f-baslik); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--gri); white-space: nowrap; }
.hesap-cetvel i:last-of-type em { transform: translateX(-100%); }
.hesap-oneri { display: grid; gap: 8px; padding-top: 14px; border-top: 1px dashed var(--beton); }
.hesap-oneri-iso { display: grid; place-items: center; height: 200px; }
.hesap-oneri-iso .iso { max-height: 200px; }
.hesap-oneri-ad { font: 800 1.9rem/1 var(--f-baslik); text-transform: uppercase; color: var(--bordo); }
.hesap-oneri-olcu { color: var(--gri); font-size: .94rem; }
.hesap-doluluk { height: 8px; background: var(--kirec-2); border-radius: 999px; overflow: hidden; }
.hesap-doluluk span { display: block; height: 100%; width: 0; background: var(--grafit); border-radius: 999px; transition: width .5s var(--egri); }
.hesap-oneri-fiyat b { font: 800 1.6rem/1 var(--f-baslik); color: var(--grafit); }
.hesap-oneri-fiyat small { color: var(--gri); }
.hesap-oneri .btn-cerceve { --btn-metin: var(--grafit); --btn-cerceve: var(--grafit); }
.hesap-bos, .hesap-fazla { color: var(--gri); }
.hesap-fazla { color: var(--bordo); font-weight: 600; }
.hesap-sifirla { justify-self: start; }

/* ödeme */
.odeme-izgara { display: grid; gap: 24px; }
@media (min-width: 1000px) { .odeme-izgara { grid-template-columns: .9fr 1.1fr; align-items: start; } }
.odeme-plan { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.odeme-plan li { display: grid; gap: 6px; padding: 22px 18px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.odeme-plan b { font: 800 1.9rem/1 var(--f-baslik); text-transform: uppercase; }
.odeme-plan span { color: var(--gri); font-size: .92rem; }
.odeme-plan .odeme-vurgu { background: var(--sari); border-color: var(--sari); }
.odeme-plan .odeme-vurgu span { color: var(--grafit); }
.odeme-yontem { list-style: none; border-top: var(--cizgi) solid var(--grafit); }
.odeme-yontem li { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--beton-koyu); }
.odeme-yontem .ikon { width: 28px; height: 28px; color: var(--bordo); }
.odeme-yontem b { font: 800 1.2rem/1.1 var(--f-baslik); text-transform: uppercase; }
.odeme-yontem p { margin-top: 6px; color: #44474b; }

/* =====================================================================
   Hizmet sayfaları (13) — ortak düzen + sayfaya özgü imza bölümleri
   ===================================================================== */

/* açılış */
.hizmet-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(56px, 8vw, 104px); background: var(--kirec); background-image: var(--oluk); }
.hizmet-kafa-izgara { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; }
@media (min-width: 1000px) { .hizmet-kafa-izgara { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } }
.hizmet-kafa-metin { display: grid; gap: 22px; align-content: start; }
.hizmet-baslik { font-size: clamp(2.7rem, 6vw, 5.4rem); max-width: 14ch; }
.hizmet-alt { font: 700 clamp(1.1rem, 1.7vw, 1.4rem)/1.25 var(--f-baslik); color: var(--bordo); max-width: 42ch; text-wrap: balance; }
.hizmet-giris { font-size: 1.08rem; color: #3a3d41; max-width: 58ch; }
.hizmet-kafa-gorsel { position: relative; }
.hizmet-kafa-gorsel .kapi { max-height: 620px; }
.hizmet-kafa-ikon { position: absolute; z-index: 4; right: -12px; bottom: 28px; width: 78px; height: 78px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); border: var(--cizgi) solid var(--grafit); border-radius: 50%; }
.hizmet-kafa-ikon .ikon { width: 36px; height: 36px; }
@media (max-width: 999px) { .hizmet-kafa-ikon { right: 12px; } }

/* özellik kutuları */
.ozellik-kutular { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ozellik-kutular li { display: grid; gap: 8px; padding: 20px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.ozellik-kutular .ikon { width: 30px; height: 30px; color: var(--bordo); }
.ozellik-kutular b { font: 800 1.3rem/1.05 var(--f-baslik); text-transform: uppercase; }
.ozellik-kutular span { font-size: .92rem; color: var(--gri); }

/* depo seçenekleri listesi */
.secenek-liste { list-style: none; border-top: var(--cizgi) solid var(--grafit); }
.secenek-liste a { position: relative; display: grid; grid-template-columns: 56px 1fr auto 36px; grid-template-areas: "iso ad fiyat ok" "kul kul kul kul"; gap: 6px 14px; align-items: center; padding: 16px 4px; border-bottom: 1px solid var(--beton-koyu); transition: background .3s, padding .4s var(--egri); }
@media (min-width: 900px) { .secenek-liste a { grid-template-columns: 84px 1fr 1.4fr auto 40px; grid-template-areas: "iso ad kul fiyat ok"; gap: 24px; } }
.secenek-liste a:hover { background: var(--kirec); padding-left: 14px; }
.secenek-iso { grid-area: iso; }
.secenek-iso .iso { width: 100%; height: 56px; }
@media (min-width: 900px) { .secenek-iso .iso { height: 68px; } }
.secenek-ad { grid-area: ad; display: grid; gap: 2px; }
.secenek-ad b { font: 800 1.35rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.secenek-ad small { font-size: .86rem; color: var(--gri); }
.secenek-kullanim { grid-area: kul; color: #44474b; font-size: .95rem; }
@media (max-width: 899px) { .secenek-kullanim { padding-left: 70px; } }
.secenek-fiyat { grid-area: fiyat; display: grid; justify-items: end; text-align: right; }
.secenek-fiyat b { font: 800 1.35rem/1 var(--f-baslik); color: var(--bordo); }
.secenek-fiyat small { font-size: .78rem; color: var(--gri); }
.secenek-ok { grid-area: ok; width: 36px; height: 36px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: background .3s, transform .35s var(--egri); }
.secenek-ok .ikon { width: 16px; height: 16px; }
.secenek-liste a:hover .secenek-ok { background: var(--sari); border-color: var(--sari); transform: rotate(-45deg); }
.secenek-not { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: var(--gri); }
.secenek-not .ikon { color: var(--bordo); }

/* neden ızgarası */
.neden-izgara { list-style: none; display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .neden-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .neden-izgara { grid-template-columns: repeat(3, 1fr); } }
.neden-izgara li { position: relative; display: grid; align-content: start; gap: 10px; padding: 24px 22px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; }
.neden-izgara li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--sari); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--egri); }
.neden-izgara li:hover::after { transform: scaleX(1); }
.neden-izgara .ikon { width: 30px; height: 30px; color: var(--bordo); }
.neden-no { position: absolute; top: 18px; right: 18px; font: 800 .9rem/1 var(--f-baslik); color: var(--beton-koyu); letter-spacing: .08em; }
.neden-izgara h3 { font-size: 1.3rem; text-transform: uppercase; font-weight: 800; line-height: 1.08; }
.neden-izgara p { color: #44474b; font-size: .98rem; }
.neden-kapanis { margin-top: 28px; max-width: 72ch; font-size: 1.1rem; padding-left: 18px; border-left: 4px solid var(--sari); }

/* önerilen depo */
.oneri { display: grid; gap: 24px; align-items: center; padding: clamp(20px, 3vw, 36px); background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
@media (min-width: 900px) { .oneri { grid-template-columns: .9fr 1.1fr; } }
.oneri-iso { display: grid; place-items: center; min-height: 280px; background: var(--beyaz); border-radius: 8px; padding: 16px; }
.oneri-iso .iso { max-height: 360px; }
.oneri-metin { display: grid; gap: 12px; align-content: start; }
.oneri-ad { font: 800 clamp(2rem, 3.6vw, 3rem)/.95 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.oneri-olcu { color: var(--gri); } .oneri-olcu b { color: var(--grafit); }
.oneri-fiyat b { font: 800 1.8rem/1 var(--f-baslik); color: var(--bordo); }
.oneri-fiyat small { color: var(--gri); }

/* teklif bölümü */
.hizmet-slogan { margin-top: 28px; font: 800 clamp(1.6rem, 2.8vw, 2.4rem)/1 var(--f-baslik); text-transform: uppercase; color: var(--bordo); max-width: 18ch; }

/* diğer hizmetler */
.diger-kafa { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.diger-liste { list-style: none; display: grid; grid-template-columns: 1fr; border-top: var(--cizgi) solid var(--grafit); }
@media (min-width: 700px) { .diger-liste { grid-template-columns: repeat(2, 1fr); column-gap: 28px; } }
@media (min-width: 1100px) { .diger-liste { grid-template-columns: repeat(5, 1fr); } }
.diger-liste a { display: grid; grid-template-columns: 26px 1fr 20px; gap: 10px; align-items: center; padding: 16px 2px; border-bottom: 1px solid var(--beton-koyu); font: 700 1.02rem/1.1 var(--f-baslik); text-transform: uppercase; }
.diger-liste a > .ikon:first-child { color: var(--bordo); width: 22px; height: 22px; }
.diger-liste a .ok { width: 16px; height: 16px; transition: transform .3s var(--egri); }
.diger-liste a:hover { color: var(--bordo); }
.diger-liste a:hover .ok { transform: translate(3px, -3px); }
.ref-ust { margin-bottom: 18px; }

/* ===== E-ticaret: adresleme etiketi ===== */
.adres-sahne { display: grid; place-items: center; padding: clamp(10px, 3vw, 40px); }
.adres-koli { position: relative; width: min(460px, 100%); aspect-ratio: 1.15; background: linear-gradient(160deg, #d9a96c, #c48d4b); border-radius: 6px; box-shadow: 0 30px 50px -20px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(0, 0, 0, .15); display: grid; place-items: center; transform: rotate(-3deg); }
.adres-koli-bant { position: absolute; left: 0; right: 0; top: 42%; height: 56px; background: rgba(244, 194, 13, .55); mix-blend-mode: multiply; }
.adres-etiket { position: relative; width: 74%; padding: 18px 20px 16px; background: #fffdf8; color: var(--grafit); border-radius: 3px; box-shadow: 0 6px 14px rgba(0, 0, 0, .25); transform: rotate(2deg); }
.js .adres-sahne:not(.belirdi) .adres-etiket { transform: translateY(-40px) rotate(-8deg) scale(1.08); opacity: 0; }
.adres-sahne.belirdi .adres-etiket { transition: transform .9s cubic-bezier(.3, 1.4, .5, 1) .3s, opacity .4s .3s; }
.adres-etiket-ust { display: flex; justify-content: space-between; align-items: center; font: 800 .78rem/1 var(--f-baslik); letter-spacing: .18em; padding-bottom: 8px; border-bottom: 2px solid var(--grafit); }
.adres-kargo .ikon { width: 22px; height: 22px; }
.adres-marka { font: 800 1.45rem/1.1 var(--f-baslik); text-transform: uppercase; margin-top: 10px; }
.adres-satir { font-size: .92rem; line-height: 1.45; margin-top: 6px; }
.adres-barkod { display: flex; align-items: stretch; gap: 2px; height: 44px; margin-top: 12px; }
.adres-barkod i { width: var(--w); background: var(--grafit); }
.adres-kod { font: 700 .75rem/1 var(--f-baslik); letter-spacing: .3em; margin-top: 6px; }
.adres-liste { list-style: none; display: grid; gap: 12px; margin-top: 24px; }
.adres-liste li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; color: #e3dfd8; }
.adres-liste .ikon { color: var(--sari); }

/* ===== Ev eşyası: ev tipi seçici (CSS radio) ===== */
.ev-secici { display: grid; gap: 18px; }
.ev-secici-dugmeler { display: grid; grid-template-columns: repeat(4, 1fr); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; background: var(--beyaz); }
.ev-secici-dugmeler label { display: grid; gap: 4px; padding: 16px 14px; cursor: pointer; border-right: 1px solid var(--beton); transition: background .25s; }
.ev-secici-dugmeler label:last-child { border-right: 0; }
.ev-secici-dugmeler b { font: 800 clamp(1.6rem, 3vw, 2.4rem)/1 var(--f-baslik); }
.ev-secici-dugmeler span { font-size: .84rem; color: var(--gri); }
.ev-secici-dugmeler label:hover { background: var(--kirec); }
#ev-1:checked ~ .ev-secici-dugmeler label[for="ev-1"], #ev-2:checked ~ .ev-secici-dugmeler label[for="ev-2"],
#ev-3:checked ~ .ev-secici-dugmeler label[for="ev-3"], #ev-4:checked ~ .ev-secici-dugmeler label[for="ev-4"] { background: var(--grafit); color: var(--beyaz); }
#ev-1:checked ~ .ev-secici-dugmeler label[for="ev-1"] span, #ev-2:checked ~ .ev-secici-dugmeler label[for="ev-2"] span,
#ev-3:checked ~ .ev-secici-dugmeler label[for="ev-3"] span, #ev-4:checked ~ .ev-secici-dugmeler label[for="ev-4"] span { color: var(--sari); }
#ev-1:focus-visible ~ .ev-secici-dugmeler label[for="ev-1"], #ev-2:focus-visible ~ .ev-secici-dugmeler label[for="ev-2"],
#ev-3:focus-visible ~ .ev-secici-dugmeler label[for="ev-3"], #ev-4:focus-visible ~ .ev-secici-dugmeler label[for="ev-4"] { outline: 3px solid var(--sari); outline-offset: -3px; }
.ev-panel { display: none; grid-template-columns: 1fr; gap: 24px; align-items: center; padding: clamp(18px, 3vw, 32px); background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
@media (min-width: 900px) { .ev-panel { grid-template-columns: 1fr 1fr; } }
#ev-1:checked ~ .ev-secici-paneller .ev-panel-1, #ev-2:checked ~ .ev-secici-paneller .ev-panel-2,
#ev-3:checked ~ .ev-secici-paneller .ev-panel-3, #ev-4:checked ~ .ev-secici-paneller .ev-panel-4 { display: grid; animation: panel-gir .5s var(--egri); }
@keyframes panel-gir { from { opacity: 0; transform: translateY(10px); } }
.ev-panel-iso { display: grid; place-items: center; min-height: 260px; }
.ev-panel-iso .iso { max-height: 340px; }
.ev-panel-metin { display: grid; gap: 12px; }
.ev-panel-ad { font: 800 clamp(2rem, 3.6vw, 3rem)/.95 var(--f-baslik); text-transform: uppercase; }
.ev-panel-olcu { color: var(--gri); } .ev-panel-olcu b { color: var(--grafit); }
.ev-panel-fiyat b { font: 800 1.8rem/1 var(--f-baslik); color: var(--bordo); }

/* ===== Öğrenci: dönem şeridi ===== */
.donem-serit { list-style: none; display: grid; gap: 14px; counter-reset: donem; }
@media (min-width: 900px) { .donem-serit { grid-template-columns: repeat(3, 1fr); } }
.donem-serit li { position: relative; display: grid; gap: 12px; align-content: start; padding: 26px 24px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.donem-ikon { width: 56px; height: 56px; display: grid; place-items: center; background: var(--sari); border-radius: 6px; }
.donem-ikon .ikon { width: 30px; height: 30px; }
.donem-serit h3 { font-size: 1.5rem; text-transform: uppercase; font-weight: 800; }
.donem-serit p { color: #44474b; }

/* =====================================================================
   Kurum grubu: Hakkımızda · İletişim · Ankara SEO sayfaları (3)
   Önekler: .hakk- (Hakkımızda) · .ilet- (İletişim) · .akd- (Ankara kiralık depo)
            .aed- (Ankara eşya depolama) · .adk- (Ankara depo kiralama)
   ===================================================================== */

/* ortak: statik sarı şerit (paylaşılan .serit yerine; görünce soldan sağa açılır) */
.kurum-serit { display: block; width: 100%; overflow: visible; pointer-events: none; }
.kurum-serit path { fill: none; stroke: var(--sari); stroke-width: 9; stroke-linecap: square; vector-effect: non-scaling-stroke; }
.js .kurum-serit[data-belir] { opacity: 1; transform: none; clip-path: inset(-20px 100% -20px 0); }
.js .kurum-serit[data-belir].belirdi { clip-path: inset(-20px 0 -20px 0); transition: clip-path 1.6s var(--egri); }

/* =====================================================================
   ANKARA KİRALIK DEPO — imza: ölçekli kat planı + kısa seçici
   ===================================================================== */
.akd-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(48px, 7vw, 88px); background: var(--kirec); background-image: var(--oluk); }
.akd-kafa-izgara { display: grid; gap: clamp(28px, 4vw, 64px); align-items: end; }
@media (min-width: 1000px) { .akd-kafa-izgara { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); } }
.akd-kafa-metin { display: grid; gap: 22px; align-content: start; }
.akd-baslik { font-size: clamp(3rem, 7.4vw, 6.6rem); max-width: 10ch; }
.akd-kafa .giris { max-width: 50ch; }
.akd-olcu { display: grid; grid-template-columns: 1fr 1fr; border: var(--cizgi) solid var(--grafit); border-radius: var(--r); background: var(--beyaz); overflow: hidden; }
.akd-olcu > div { display: grid; gap: 6px; padding: clamp(16px, 2.2vw, 26px); border-right: 1px solid var(--beton); border-bottom: 1px solid var(--beton); }
.akd-olcu > div:nth-child(2n) { border-right: 0; }
.akd-olcu > div:nth-child(n+3) { border-bottom: 0; }
.akd-olcu dt { font: 700 .76rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--gri); }
.akd-olcu dd { font-size: .95rem; color: var(--gri); }
.akd-olcu dd b { display: block; font: 800 clamp(1.9rem, 3.4vw, 2.9rem)/1 var(--f-baslik); color: var(--grafit); margin-bottom: 2px; }
.akd-olcu > div:nth-child(3) dd b { color: var(--bordo); }

/* kısa seçici: CSS radio */
.akd-secici { display: grid; gap: 18px; }
.akd-cipler { display: grid; gap: 12px; }
.akd-cip-sira { display: grid; grid-template-columns: repeat(3, 1fr); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; background: var(--kirec); }
@media (min-width: 900px) { .akd-cip-sira { grid-template-columns: repeat(6, 1fr); } }
.akd-cip-sira label { display: grid; gap: 3px; padding: 14px 14px 13px; cursor: pointer; border-right: 1px solid var(--beton); transition: background .25s; }
.akd-cip-sira label:hover { background: var(--beyaz); }
.akd-cip-sira b { font: 800 clamp(1.25rem, 2vw, 1.6rem)/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.akd-cip-sira span { font-size: .82rem; color: var(--gri); line-height: 1.25; }
@media (max-width: 899px) {
  .akd-cip-sira label:nth-child(3n) { border-right: 0; }
  .akd-cip-sira label:nth-child(-n+3) { border-bottom: 1px solid var(--beton); }
}
@media (min-width: 900px) { .akd-cip-sira label:last-child { border-right: 0; } }

.akd-sahne { display: grid; gap: 18px; }
@media (min-width: 1100px) { .akd-sahne { grid-template-columns: minmax(0, 1fr) 320px; align-items: stretch; } }
.akd-plan-kap { position: relative; padding: clamp(10px, 2vw, 22px); background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); }
.akd-plan { width: 100%; height: auto; overflow: visible; }
.akd-plan-dar { display: none; }
@media (max-width: 759px) { .akd-plan-genis { display: none; } .akd-plan-dar { display: block; } }

.akd-plan-izgara-cizgi { fill: none; stroke: rgba(21, 23, 26, .14); stroke-width: .5px; vector-effect: non-scaling-stroke; }
.akd-plan-koridor rect { fill: var(--kirec-2); }
.akd-plan-serit { stroke: var(--sari); stroke-width: 4px; vector-effect: non-scaling-stroke; }
.akd-plan-koridor-ad { font-family: var(--f-baslik); font-weight: 700; letter-spacing: .4em; fill: var(--gri-acik); text-anchor: middle; }
.akd-pb { cursor: pointer; }
.akd-pb-genis { fill: none; stroke: var(--grafit-3); stroke-width: 1.5px; stroke-dasharray: 6 5; vector-effect: non-scaling-stroke; }
.akd-pb-taban { fill: var(--beyaz); transition: fill .35s var(--egri); }
.akd-pb-izgara { pointer-events: none; }
.akd-pb-cerceve { fill: none; stroke: var(--grafit); stroke-width: 2px; vector-effect: non-scaling-stroke; }
.akd-pb-kapi { stroke: var(--bordo); stroke-width: 7px; vector-effect: non-scaling-stroke; }
.akd-pb-ad { font-family: var(--f-baslik); font-weight: 800; text-transform: uppercase; fill: var(--grafit); text-anchor: middle; }
.akd-pb-m2 { font-family: var(--f-baslik); font-weight: 600; fill: var(--gri); text-anchor: middle; }
.akd-pb:hover .akd-pb-taban, .akd-pb:focus-visible .akd-pb-taban { fill: var(--kirec-2); }
.akd-pb:focus-visible { outline: none; }
.akd-pb:focus-visible .akd-pb-cerceve { stroke: var(--bordo); stroke-width: 4px; }
.akd-plan-olcek path { fill: none; stroke: var(--grafit); stroke-width: 2px; vector-effect: non-scaling-stroke; }
.akd-plan-olcek text { font-family: var(--f-baslik); font-weight: 700; fill: var(--grafit); text-anchor: middle; }

/* seçili depo: plan + panel */
.akd-panel { display: none; }
#akd-ks-mini:checked ~ .akd-sahne .akd-pb-mini .akd-pb-taban,
#akd-ks-midi:checked ~ .akd-sahne .akd-pb-midi .akd-pb-taban,
#akd-ks-maxi:checked ~ .akd-sahne .akd-pb-maxi .akd-pb-taban,
#akd-ks-maxi-plus:checked ~ .akd-sahne .akd-pb-maxi-plus .akd-pb-taban,
#akd-ks-mega:checked ~ .akd-sahne .akd-pb-mega .akd-pb-taban,
#akd-ks-mega-plus:checked ~ .akd-sahne .akd-pb-mega-plus .akd-pb-taban { fill: var(--sari); }
#akd-ks-mini:checked ~ .akd-sahne .akd-pb-mini .akd-pb-m2,
#akd-ks-midi:checked ~ .akd-sahne .akd-pb-midi .akd-pb-m2,
#akd-ks-maxi:checked ~ .akd-sahne .akd-pb-maxi .akd-pb-m2,
#akd-ks-maxi-plus:checked ~ .akd-sahne .akd-pb-maxi-plus .akd-pb-m2,
#akd-ks-mega:checked ~ .akd-sahne .akd-pb-mega .akd-pb-m2,
#akd-ks-mega-plus:checked ~ .akd-sahne .akd-pb-mega-plus .akd-pb-m2 { fill: var(--grafit); }
#akd-ks-mini:checked ~ .akd-sahne .akd-panel-mini,
#akd-ks-midi:checked ~ .akd-sahne .akd-panel-midi,
#akd-ks-maxi:checked ~ .akd-sahne .akd-panel-maxi,
#akd-ks-maxi-plus:checked ~ .akd-sahne .akd-panel-maxi-plus,
#akd-ks-mega:checked ~ .akd-sahne .akd-panel-mega,
#akd-ks-mega-plus:checked ~ .akd-sahne .akd-panel-mega-plus { display: grid; animation: akd-gir .45s var(--egri); }
#akd-ks-mini:checked ~ .akd-cipler label[for="akd-ks-mini"],
#akd-ks-midi:checked ~ .akd-cipler label[for="akd-ks-midi"],
#akd-ks-maxi:checked ~ .akd-cipler label[for="akd-ks-maxi"],
#akd-ks-maxi-plus:checked ~ .akd-cipler label[for="akd-ks-maxi-plus"],
#akd-ks-mega:checked ~ .akd-cipler label[for="akd-ks-mega"],
#akd-ks-mega-plus:checked ~ .akd-cipler label[for="akd-ks-mega-plus"] { background: var(--grafit); }
#akd-ks-mini:checked ~ .akd-cipler label[for="akd-ks-mini"] *,
#akd-ks-midi:checked ~ .akd-cipler label[for="akd-ks-midi"] *,
#akd-ks-maxi:checked ~ .akd-cipler label[for="akd-ks-maxi"] *,
#akd-ks-maxi-plus:checked ~ .akd-cipler label[for="akd-ks-maxi-plus"] *,
#akd-ks-mega:checked ~ .akd-cipler label[for="akd-ks-mega"] *,
#akd-ks-mega-plus:checked ~ .akd-cipler label[for="akd-ks-mega-plus"] * { color: var(--beyaz); }
#akd-ks-mini:checked ~ .akd-cipler label[for="akd-ks-mini"] span,
#akd-ks-midi:checked ~ .akd-cipler label[for="akd-ks-midi"] span,
#akd-ks-maxi:checked ~ .akd-cipler label[for="akd-ks-maxi"] span,
#akd-ks-maxi-plus:checked ~ .akd-cipler label[for="akd-ks-maxi-plus"] span,
#akd-ks-mega:checked ~ .akd-cipler label[for="akd-ks-mega"] span,
#akd-ks-mega-plus:checked ~ .akd-cipler label[for="akd-ks-mega-plus"] span { color: var(--sari); }
#akd-ks-mini:focus-visible ~ .akd-cipler label[for="akd-ks-mini"],
#akd-ks-midi:focus-visible ~ .akd-cipler label[for="akd-ks-midi"],
#akd-ks-maxi:focus-visible ~ .akd-cipler label[for="akd-ks-maxi"],
#akd-ks-maxi-plus:focus-visible ~ .akd-cipler label[for="akd-ks-maxi-plus"],
#akd-ks-mega:focus-visible ~ .akd-cipler label[for="akd-ks-mega"],
#akd-ks-mega-plus:focus-visible ~ .akd-cipler label[for="akd-ks-mega-plus"] { outline: 3px solid var(--sari); outline-offset: -3px; }
@keyframes akd-gir { from { opacity: 0; transform: translateY(8px); } }

.akd-panel { align-content: start; gap: 12px; padding: clamp(18px, 2.4vw, 26px); background: var(--grafit); color: #d9d6d0; border-radius: var(--r); }
.akd-panel .ust-etiket { color: var(--sari); }
.akd-panel-ad { font: 800 clamp(2rem, 3vw, 2.6rem)/.95 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.akd-panel-not { color: #cfcbc4; }
.akd-panel-olcu { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(255, 255, 255, .22); border-radius: 6px; }
.akd-panel-olcu li { display: grid; gap: 3px; padding: 10px 10px 9px; border-right: 1px solid rgba(255, 255, 255, .16); }
.akd-panel-olcu li:last-child { border-right: 0; }
.akd-panel-olcu b { font: 800 1.25rem/1 var(--f-baslik); color: var(--beyaz); }
.akd-panel-olcu span { font-size: .74rem; color: var(--gri-acik); line-height: 1.2; }
.akd-panel-fiyat b { font: 800 2rem/1 var(--f-baslik); color: var(--sari); }
.akd-panel-fiyat small { color: var(--gri-acik); }
.akd-panel .btn-cerceve { --btn-metin: var(--beyaz); --btn-cerceve: rgba(255, 255, 255, .5); }

.akd-plan-alt { display: grid; gap: 8px; }
@media (min-width: 900px) { .akd-plan-alt { grid-template-columns: auto 1fr; gap: 24px; align-items: center; } }
.akd-anahtar { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .88rem; color: var(--gri); }
.akd-anahtar li { display: inline-flex; align-items: center; gap: 8px; }
.akd-anahtar span { display: inline-block; flex: none; }
.akd-anahtar-kare { width: 16px; height: 16px; border: 1px solid rgba(21, 23, 26, .3); background: var(--beyaz); }
.akd-anahtar-kesik { width: 22px; height: 0; border-top: 2px dashed var(--grafit-3); }
.akd-anahtar-kapi { width: 18px; height: 5px; background: var(--bordo); }
.akd-anahtar-serit { width: 22px; height: 4px; background: var(--sari); }

.akd-kartlar { display: grid; gap: 16px; grid-template-columns: 1fr; margin-top: clamp(40px, 6vw, 72px); }
@media (min-width: 640px) { .akd-kartlar { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .akd-kartlar { grid-template-columns: repeat(3, 1fr); } }
.akd-kartlar > div, .akd-kartlar .depo-kart { height: 100%; }
.akd-fiyat-not { display: flex; align-items: center; gap: 10px; margin-top: 26px; font-size: 1.02rem; }
.akd-fiyat-not .ikon { color: var(--bordo); }
.akd-fiyat-not a { color: var(--bordo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* özellikler */
.akd-ozellik-izgara { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 980px) { .akd-ozellik-izgara { grid-template-columns: .8fr 1.2fr; } }
.akd-ozellik-foto .kapi { max-width: 520px; }
.akd-ozellik-liste { margin-top: clamp(24px, 3vw, 40px); border-top: 1px solid rgba(255, 255, 255, .2); }
.akd-ozellik-liste li { display: grid; grid-template-columns: 44px 30px 1fr; align-items: center; gap: 14px; padding: 18px 4px; border-bottom: 1px solid rgba(255, 255, 255, .14); font: 700 clamp(1.15rem, 1.8vw, 1.45rem)/1.15 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.akd-ozellik-no { font: 800 .9rem/1 var(--f-baslik); color: var(--gri-acik); letter-spacing: .08em; }
.akd-ozellik-liste .ikon { width: 28px; height: 28px; color: var(--sari); }

/* hakkında */
.akd-hakkinda-metin { font-size: 1.08rem; }
/* mobilde depo kartları yatay: çizim solda, bilgi sağda (sayfa boyu kısalır) */
@media (max-width: 639px) {
  .akd-kartlar .depo-kart { grid-template-columns: 112px minmax(0, 1fr); column-gap: 14px; row-gap: 6px; padding-right: 64px; }
  .akd-kartlar .depo-kart-ust { grid-column: 1 / -1; margin-right: -46px; }
  .akd-kartlar .depo-kart-iso { grid-column: 1; grid-row: 2 / span 3; margin: 0; align-self: center; }
  .akd-kartlar .depo-kart-olcu, .akd-kartlar .depo-kart-kapasite, .akd-kartlar .depo-kart-fiyat { grid-column: 2; }
  .akd-kartlar .depo-kart-olcu b { font-size: 1.7rem; }
  .akd-kartlar .depo-kart-fiyat { margin-top: 2px; padding-top: 8px; }
}

/* =====================================================================
   HAKKIMIZDA — imza: tesis turu (üç gerçek kare, kapı açılışıyla)
   ===================================================================== */
.hakk-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(56px, 8vw, 104px); background: var(--kirec); background-image: var(--oluk); }
.hakk-kafa-izgara { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 1000px) { .hakk-kafa-izgara { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); } }
.hakk-kafa-metin { display: grid; gap: 22px; align-content: start; }
.hakk-baslik { font-size: clamp(3rem, 7vw, 6.2rem); max-width: 11ch; }
.hakk-ust { display: block; font: 700 clamp(1rem, 1.6vw, 1.3rem)/1.2 var(--f-baslik); letter-spacing: .14em; color: var(--gri); margin-bottom: 14px; }
.hakk-kafa .giris { max-width: 46ch; }
.hakk-kafa-ek { max-width: 56ch; color: #3a3d41; }

.hakk-kunye { position: relative; display: grid; gap: 0; background: var(--grafit); color: #d9d6d0; border-radius: var(--r); overflow: hidden; box-shadow: 0 30px 60px -36px rgba(21, 23, 26, .6); }
.hakk-kunye::before { content: ""; height: 10px; background: repeating-linear-gradient(-45deg, var(--sari) 0 14px, var(--grafit) 14px 28px); }
.hakk-kunye-ust { display: flex; align-items: center; gap: 16px; padding: 22px 24px 18px; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.hakk-kunye-kup { width: 46px; flex: none; color: var(--beyaz); }
.hakk-kunye-kup svg { width: 100%; height: auto; }
.hakk-kunye-ust b { display: block; font: 800 1.9rem/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.hakk-kunye-ust small { display: block; margin-top: 4px; font-size: .86rem; color: var(--gri-acik); }
.hakk-kunye-liste { display: grid; padding: 8px 24px; }
.hakk-kunye-liste div { display: grid; grid-template-columns: 96px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px dashed rgba(255, 255, 255, .16); }
.hakk-kunye-liste div:last-child { border-bottom: 0; }
.hakk-kunye-liste dt { font: 700 .76rem/1.5 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--gri-acik); }
.hakk-kunye-liste dd { color: var(--beyaz); font-weight: 500; }
.hakk-kunye-liste div:first-child dd { font: 800 1.6rem/1 var(--f-baslik); color: var(--sari); }
.hakk-kunye-ozellik { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 16px 24px 22px; background: var(--grafit-2); font: 700 .82rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--beyaz); }
.hakk-kunye-ozellik li { display: inline-flex; align-items: center; gap: 7px; }
.hakk-kunye-ozellik .ikon { width: 16px; height: 16px; color: var(--sari); }

/* tesis turu */
.hakk-tur { overflow: hidden; padding-bottom: calc(var(--bolum) + 30px); }
.hakk-tur-izgara { display: grid; gap: clamp(28px, 4vw, 48px); }
@media (min-width: 1000px) {
  .hakk-tur-izgara { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 56px; align-items: start; }
  .hakk-tur-metin { grid-column: 1 / span 4; align-self: center; }
  .hakk-durak-1 { grid-column: 5 / span 8; }
  .hakk-durak-2 { grid-column: 1 / span 7; }
  .hakk-durak-3 { grid-column: 8 / span 5; }
}
.hakk-tur-not { display: flex; align-items: center; gap: 10px; margin-top: 22px; font-size: .92rem; color: var(--gri-acik); }
.hakk-tur-not .ikon { color: var(--sari); width: 20px; height: 20px; }
.hakk-durak { display: grid; gap: 16px; margin: 0; }
.hakk-oran-genis { aspect-ratio: 2 / 1; }
.hakk-oran-5-4 { aspect-ratio: 5 / 4; }
.hakk-durak-1 .kapi img { object-position: 70% 50%; }
.hakk-durak figcaption { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 6px; align-items: baseline; padding-top: 14px; border-top: 3px solid var(--sari); max-width: 60ch; }
.hakk-durak-no { font: 700 .78rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--sari); }
.hakk-durak figcaption b { font: 800 1.45rem/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.hakk-durak figcaption > span:last-child { grid-column: 1 / -1; color: #cfcbc4; font-size: .98rem; }
.hakk-tur-serit { position: absolute; left: 0; right: 0; bottom: 34px; height: 40px; pointer-events: none; }

/* neden */
.hakk-neden-izgara { display: grid; gap: clamp(32px, 5vw, 80px); }
@media (min-width: 980px) {
  .hakk-neden-izgara { grid-template-columns: .85fr 1.15fr; }
  .hakk-neden-yan { position: sticky; top: calc(var(--header-h) + 40px); align-self: start; }
}
.hakk-neden-liste { border-top: var(--cizgi) solid var(--grafit); }
.hakk-neden-liste li { display: grid; grid-template-columns: clamp(64px, 9vw, 120px) 1fr; gap: 16px; padding: clamp(22px, 3vw, 34px) 0; border-bottom: 1px solid var(--beton-koyu); }
.hakk-neden-no { font: 800 clamp(2.6rem, 5vw, 4.4rem)/.85 var(--f-baslik); color: transparent; -webkit-text-stroke: 1.5px var(--bordo); }
.hakk-neden-liste h3 { display: flex; align-items: center; gap: 12px; font-size: clamp(1.3rem, 2vw, 1.7rem); text-transform: uppercase; font-weight: 800; }
.hakk-neden-liste h3 .ikon { width: 26px; height: 26px; color: var(--bordo); }
.hakk-neden-liste p { margin-top: 10px; max-width: 56ch; color: #44474b; }
.hakk-neden-liste a { color: var(--bordo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* taahhüt listesi (tutanak) */
.hakk-tutanak { position: relative; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 6px; box-shadow: 10px 10px 0 var(--grafit); }
.hakk-tutanak-ust { display: flex; justify-content: space-between; gap: 12px; padding: 14px 20px 12px; background: var(--sari); border-bottom: var(--cizgi) solid var(--grafit); font: 800 .86rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--grafit); }
.hakk-tutanak-liste { padding: 6px 20px; }
.hakk-tutanak-liste li { display: grid; grid-template-columns: 34px 1fr 30px; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px dashed var(--beton-koyu); }
.hakk-tutanak-liste li:last-child { border-bottom: 0; }
.hakk-tik { width: 30px; height: 30px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 4px; background: var(--beyaz); }
.hakk-tik .ikon { width: 20px; height: 20px; stroke-width: 2.4; color: var(--grafit); }
.js .hakk-tutanak-liste li[data-belir] .hakk-tik .ikon { opacity: 0; transform: scale(.4); transition: opacity .4s var(--egri), transform .5s var(--egri); transition-delay: calc(var(--gecikme, 0s) + .25s); }
.js .hakk-tutanak-liste li.belirdi[data-belir] .hakk-tik, html:not(.js) .hakk-tik { background: var(--sari); }
.js .hakk-tutanak-liste li.belirdi[data-belir] .hakk-tik .ikon { opacity: 1; transform: none; }
.hakk-tutanak-liste li .hakk-tik { transition: background .3s var(--egri); transition-delay: calc(var(--gecikme, 0s) + .2s); }
.hakk-tutanak-liste h3 { font-size: 1.15rem; text-transform: uppercase; font-weight: 800; line-height: 1.15; }
.hakk-tutanak-liste p { margin-top: 4px; font-size: .94rem; color: #4a4d51; }
.hakk-tutanak-ikon { color: var(--beton-koyu); padding-top: 3px; }
.hakk-tutanak-ikon .ikon { width: 26px; height: 26px; }
.hakk-tutanak-alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px 16px; border-top: var(--cizgi) solid var(--grafit); font-size: .86rem; color: var(--gri); }
.hakk-damga { padding: 6px 10px 5px; border: 2px solid var(--bordo); border-radius: 4px; font: 800 .8rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); transform: rotate(-6deg); }

/* misyon */
.hakk-misyon-izgara { display: grid; gap: clamp(24px, 4vw, 64px); align-items: end; }
@media (min-width: 980px) { .hakk-misyon-izgara { grid-template-columns: 1.1fr .9fr; } }
.hakk-misyon-baslik { font-size: clamp(2.6rem, 6vw, 5.6rem); line-height: .9; max-width: 15ch; }
.hakk-misyon-serit { position: absolute; left: 0; right: 0; top: -20px; height: 40px; z-index: 3; }
.hakk-misyon-metin { font: 600 clamp(1.25rem, 2.1vw, 1.7rem)/1.3 var(--f-baslik); color: var(--grafit); max-width: 34ch; padding-left: 20px; border-left: 4px solid var(--bordo); }
.hakk-deger { display: grid; gap: 12px; margin-top: clamp(36px, 5vw, 64px); }
@media (min-width: 760px) { .hakk-deger { grid-template-columns: repeat(3, 1fr); } }
.hakk-deger li { display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); font: 800 clamp(1.2rem, 1.8vw, 1.5rem)/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.hakk-deger b { display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--sari); border-radius: 4px; font-size: 1.1rem; }
.hakk-misyon-kapanis { margin-top: 28px; font-size: 1.1rem; color: #3a3d41; max-width: 64ch; }

/* =====================================================================
   İLETİŞİM — imza: kapı zili paneli (telefon · WhatsApp · e-posta)
   ===================================================================== */
.ilet-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(56px, 8vw, 104px); background: var(--kirec); background-image: var(--oluk); }
.ilet-kafa-izgara { display: grid; gap: clamp(36px, 5vw, 80px); align-items: center; }
@media (min-width: 1000px) { .ilet-kafa-izgara { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
.ilet-kafa-metin { display: grid; gap: 22px; align-content: start; }
.ilet-baslik { font-size: clamp(2.9rem, 6.6vw, 6rem); max-width: 12ch; }
.ilet-kafa-ek { max-width: 58ch; color: #3a3d41; }

/* haftalık saat şeridi */
.ilet-hafta { display: grid; gap: 14px; padding: 18px 20px 16px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); max-width: 560px; }
.ilet-hafta-baslik { display: flex; align-items: center; gap: 12px; font-size: .94rem; color: var(--gri); }
.ilet-hafta-baslik .ikon { color: var(--bordo); }
.ilet-hafta-baslik b { display: block; font: 800 1.1rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.ilet-gunler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.ilet-gun { display: grid; justify-items: center; gap: 6px; font-size: .78rem; color: var(--gri); }
.ilet-gun abbr { text-decoration: none; font: 800 .86rem/1 var(--f-baslik); text-transform: uppercase; letter-spacing: .06em; color: var(--grafit); }
.ilet-cubuk { position: relative; width: 100%; max-width: 40px; height: 64px; background: var(--kirec-2); border-radius: 4px; overflow: hidden; }
.ilet-cubuk i { position: absolute; left: 0; right: 0; top: var(--bas); bottom: calc(100% - var(--bit)); background: var(--sari); border-top: 2px solid var(--grafit); border-bottom: 2px solid var(--grafit); }
.ilet-gun.kapali .ilet-cubuk { background: repeating-linear-gradient(-45deg, var(--kirec-2) 0 5px, var(--beton) 5px 7px); }
.ilet-gun.kapali abbr, .ilet-gun.kapali small { color: var(--gri-acik); }

/* kapı zili paneli */
.ilet-panel { position: relative; display: grid; gap: 14px; padding: clamp(18px, 2.4vw, 26px); background: linear-gradient(160deg, #2a2d31, var(--grafit) 60%); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 34px 60px -30px rgba(21, 23, 26, .7); color: #d9d6d0; }
.ilet-panel::before { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; pointer-events: none; }
.ilet-panel-ust { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; padding: 6px 6px 16px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.ilet-panel-kup { color: var(--beyaz); }
.ilet-panel-kup svg { width: 100%; height: auto; }
.ilet-panel-ad b { display: block; font: 800 1.5rem/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.ilet-panel-ad small { display: block; margin-top: 4px; font-size: .84rem; color: var(--sari); }
.ilet-hoparlor { width: 58px; height: 38px; border-radius: 8px; background: radial-gradient(circle, #0c0d0f 1.6px, transparent 2.2px) 0 0 / 8px 8px; opacity: .9; }
.ilet-tuslar { display: grid; gap: 10px; }
.ilet-tus { display: grid; grid-template-columns: 56px 1fr 12px; align-items: center; gap: 16px; padding: 14px 16px; background: linear-gradient(180deg, #34383d, #2a2d31); border: 1px solid rgba(255, 255, 255, .12); border-radius: 10px; box-shadow: 0 4px 0 #0c0d0f, inset 0 1px 0 rgba(255, 255, 255, .1); transition: transform .18s var(--egri), box-shadow .18s var(--egri), background .3s; }
.ilet-tus:hover, .ilet-tus:focus-visible { background: linear-gradient(180deg, #3b3f45, #303338); }
.ilet-tus:active { transform: translateY(3px); box-shadow: 0 1px 0 #0c0d0f, inset 0 1px 0 rgba(255, 255, 255, .1); }
.ilet-tus-ikon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--kirec); color: var(--bordo); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .15); }
.ilet-tus-ikon .ikon { width: 26px; height: 26px; }
.ilet-tus-metin { display: grid; gap: 3px; min-width: 0; }
.ilet-tus-metin small { font: 700 .74rem/1.2 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--gri-acik); }
.ilet-tus-metin b { font: 800 clamp(1.3rem, 2.2vw, 1.65rem)/1.05 var(--f-baslik); color: var(--beyaz); overflow-wrap: anywhere; }
.ilet-tus-metin em { font-style: normal; font-size: .86rem; color: #bdb9b2; }
.ilet-tus-led { width: 10px; height: 10px; border-radius: 50%; background: #4a4d51; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5); transition: background .25s, box-shadow .25s; }
.ilet-tus:hover .ilet-tus-led, .ilet-tus:focus-visible .ilet-tus-led { background: var(--sari); box-shadow: 0 0 0 4px rgba(244, 194, 13, .22), 0 0 12px var(--sari); }
.ilet-tus:hover .ilet-tus-ikon, .ilet-tus:focus-visible .ilet-tus-ikon { background: var(--sari); color: var(--grafit); }
.ilet-panel-alt { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px; border: 1px dashed rgba(255, 255, 255, .25); border-radius: 10px; font: 700 .9rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--beyaz); transition: border-color .3s, color .3s; }
.ilet-panel-alt .ikon { width: 18px; height: 18px; color: var(--sari); }
.ilet-panel-alt:hover { border-color: var(--sari); color: var(--sari); }
@media (max-width: 420px) {
  .ilet-tus { grid-template-columns: 46px 1fr 10px; gap: 12px; padding: 12px; }
  .ilet-tus-ikon { width: 46px; height: 46px; }
}

.ilet-konum { position: relative; }
.ilet-serit { position: absolute; left: 0; right: 0; top: -20px; height: 40px; z-index: 3; }

/* form */
.ilet-form .iki-sutun { align-items: start; }
.ilet-ipucu { display: grid; margin-top: 28px; border-top: var(--cizgi) solid var(--grafit); }
.ilet-ipucu a { display: grid; grid-template-columns: 28px 1fr 20px; align-items: center; gap: 14px; padding: 16px 4px; border-bottom: 1px solid var(--beton-koyu); transition: background .25s, padding .35s var(--egri); }
.ilet-ipucu a:hover { background: var(--beyaz); padding-left: 12px; }
.ilet-ipucu .ikon:first-child { color: var(--bordo); }
.ilet-ipucu .ok { width: 18px; height: 18px; }
.ilet-ipucu span { display: grid; gap: 2px; font-size: .92rem; color: var(--gri); }
.ilet-ipucu b { font: 800 1.15rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }

/* =====================================================================
   ANKARA EŞYA DEPOLAMA — imza: raf düzeni (ne depolanır) + şerit yolu (süreç)
   ===================================================================== */
.aed-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(56px, 8vw, 104px); background: var(--kirec); background-image: var(--oluk); }
.aed-kafa-izgara { display: grid; gap: clamp(28px, 4vw, 72px); align-items: center; }
@media (min-width: 1000px) { .aed-kafa-izgara { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); } }
@media (max-width: 999px) { .aed-kafa-gorsel { order: 2; } }
.aed-kafa-metin { display: grid; gap: 22px; align-content: start; }
.aed-baslik { font-size: clamp(2.8rem, 6.2vw, 5.6rem); max-width: 12ch; }
.aed-giris { font-size: 1.08rem; color: #3a3d41; max-width: 60ch; }
.aed-kafa-gorsel { position: relative; padding-bottom: 28px; }
.aed-kafa-gorsel .kapi { max-height: 640px; }
.aed-rozet { position: absolute; z-index: 4; left: 18px; right: 18px; bottom: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.aed-rozet li { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px 9px; background: var(--grafit); color: var(--beyaz); border-radius: 4px; font: 700 .84rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6); }
.aed-rozet .ikon { width: 18px; height: 18px; color: var(--sari); }

/* ihtiyaç durumları */
.aed-durumlar { display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .aed-durumlar { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .aed-durumlar { grid-template-columns: repeat(5, 1fr); } }
.aed-durumlar li { display: grid; align-content: start; gap: 10px; padding: 22px 20px 24px; background: var(--kirec); border-top: 5px solid var(--grafit); border-radius: 0 0 var(--r) var(--r); transition: border-color .3s, background .3s; }
.aed-durumlar li:hover { border-top-color: var(--sari); background: var(--kirec-2); }
.aed-durum-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.aed-durum-ikon { width: 50px; height: 50px; display: grid; place-items: center; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 50%; color: var(--bordo); }
.aed-durum-no { font: 800 .9rem/1 var(--f-baslik); color: var(--beton-koyu); letter-spacing: .08em; }
.aed-durumlar h3 { font-size: 1.3rem; text-transform: uppercase; font-weight: 800; line-height: 1.05; }
.aed-durumlar p { color: #44474b; font-size: .98rem; }

/* raf düzeni */
.aed-raf { position: relative; border-radius: 6px 6px 0 0; overflow: hidden; }
.aed-raf-tavan { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px clamp(12px, 2vw, 22px); background: var(--grafit-2); border-bottom: 4px solid var(--grafit-3); border-radius: 6px 6px 0 0; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--gri-acik); }
.aed-raf-isik { width: 120px; height: 6px; border-radius: 3px; background: #fffbe6; box-shadow: 0 0 18px 4px rgba(255, 246, 200, .55); }
.aed-raf-gozler { display: grid; grid-template-columns: 1fr; background: var(--kirec); background-image: var(--oluk); border-left: 10px solid var(--grafit-3); border-right: 10px solid var(--grafit-3); }
@media (min-width: 600px) { .aed-raf-gozler { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .aed-raf-gozler { grid-template-columns: repeat(3, 1fr); } }
.aed-raf-gozler > li { position: relative; display: grid; border-bottom: 12px solid var(--sari); box-shadow: 0 6px 0 -1px var(--sari-koyu); }
@media (min-width: 600px) { .aed-raf-gozler > li:nth-child(2n+1) { border-right: 8px solid var(--grafit-3); } }
@media (min-width: 1000px) {
  .aed-raf-gozler > li:nth-child(2n+1) { border-right: 0; }
  .aed-raf-gozler > li:not(:nth-child(3n)) { border-right: 8px solid var(--grafit-3); }
}
.aed-goz { position: relative; display: grid; align-content: start; gap: 8px; min-height: 230px; padding: clamp(40px, 4vw, 50px) clamp(18px, 2vw, 26px) 64px; color: var(--grafit); transition: background .3s; }
.aed-goz:hover, .aed-goz:focus-visible { background: rgba(255, 255, 255, .55); }
.aed-goz-ikon { width: 64px; height: 64px; display: grid; place-items: center; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: 6px; color: var(--bordo); box-shadow: 4px 4px 0 var(--beton-koyu); transition: transform .4s var(--egri); }
.aed-goz-ikon .ikon { width: 32px; height: 32px; }
.aed-goz:hover .aed-goz-ikon { transform: translateY(-4px); }
.aed-goz-ad { margin-top: 8px; font: 800 clamp(1.35rem, 2vw, 1.7rem)/1 var(--f-baslik); text-transform: uppercase; }
.aed-goz-alt { color: #44474b; }
.aed-raf-etiket { position: absolute; left: clamp(18px, 2vw, 26px); bottom: -6px; display: grid; grid-template-columns: auto auto 30px; align-items: center; gap: 10px; padding: 7px 8px 7px 10px; background: var(--beyaz); border: 1px solid var(--grafit); border-radius: 2px; box-shadow: 0 3px 0 rgba(0, 0, 0, .18); transform: translateY(50%); transition: transform .35s var(--egri); }
.aed-raf-etiket b { font: 800 .9rem/1 var(--f-baslik); letter-spacing: .08em; color: var(--grafit); }
.aed-raf-etiket i { display: flex; align-items: stretch; gap: 2px; height: 20px; }
.aed-raf-etiket i span { width: var(--w); background: var(--grafit); }
.aed-raf-etiket-ok { width: 30px; height: 30px; display: grid; place-items: center; background: var(--grafit); color: var(--beyaz); border-radius: 2px; transition: background .3s, color .3s; }
.aed-raf-etiket-ok .ikon { width: 16px; height: 16px; }
.aed-goz:hover .aed-raf-etiket-ok, .aed-goz:focus-visible .aed-raf-etiket-ok { background: var(--bordo); }
.aed-raf-zemin { height: 18px; background: var(--grafit-3); }

/* depo tablosu — masaüstünde tablo, mobilde yığın kart */
.aed-tablo { width: 100%; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.aed-tablo thead th { padding: 14px 18px; text-align: left; font: 700 .78rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; background: var(--grafit); color: var(--beyaz); }
.aed-tablo td, .aed-tablo tbody th { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--beton); vertical-align: middle; }
.aed-tablo tbody tr:last-child > * { border-bottom: 0; }
.aed-tablo tbody th a { display: flex; align-items: center; gap: 14px; }
.aed-tablo-iso { flex: none; }
.aed-tablo-adlar { display: grid; gap: 3px; }
.aed-tablo-iso .iso { width: 64px; height: 50px; }
.aed-tablo-ad { font: 800 1.25rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.aed-tablo tbody th small { font-size: .8rem; color: var(--gri); font-weight: 500; }
.aed-tablo tbody th a:hover .aed-tablo-ad { color: var(--bordo); }
.aed-tablo td b { font: 800 1.3rem/1 var(--f-baslik); color: var(--grafit); }
@media (min-width: 900px) { .aed-tablo td:nth-of-type(1), .aed-tablo td:nth-of-type(2), .aed-tablo td:nth-of-type(4) { white-space: nowrap; } }
.aed-tablo td .aed-tablo-fiyat { color: var(--bordo); }
.aed-tablo td small { color: var(--gri); }
.aed-tablo tbody tr { transition: background .25s; }
.aed-tablo tbody tr:hover { background: var(--kirec); }
@media (max-width: 899px) {
  .aed-tablo, .aed-tablo tbody, .aed-tablo tr, .aed-tablo th, .aed-tablo td { display: block; }
  .aed-tablo { border: 0; background: none; border-radius: 0; overflow: visible; }
  .aed-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .aed-tablo tbody { display: grid; gap: 12px; }
  .aed-tablo tbody tr { display: grid; grid-template-columns: 1fr 1fr; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; }
  .aed-tablo tbody tr:hover { background: var(--beyaz); }
  .aed-tablo tbody th { grid-column: 1 / -1; padding: 14px 16px; border-bottom: 1px solid var(--beton) !important; background: var(--kirec); }
  .aed-tablo td { padding: 12px 16px; border-bottom: 0; border-top: 1px dashed var(--beton); }
  .aed-tablo td:nth-of-type(odd) { border-right: 1px dashed var(--beton); }
  .aed-tablo td:nth-of-type(1), .aed-tablo td:nth-of-type(2) { border-top: 0; }
  .aed-tablo td::before { content: attr(data-etiket); display: block; margin-bottom: 6px; font: 700 .72rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; color: var(--gri); }
}
.aed-fiyat-kutu { display: grid; gap: 20px; align-items: center; margin-top: clamp(28px, 4vw, 44px); padding: clamp(22px, 3vw, 34px); background: var(--grafit); color: #d9d6d0; border-radius: var(--r); }
@media (min-width: 900px) { .aed-fiyat-kutu { grid-template-columns: 1fr auto; gap: 40px; } }
.aed-fiyat-baslik { font-size: clamp(1.6rem, 2.6vw, 2.2rem); color: var(--beyaz); margin-bottom: 10px; }
.aed-fiyat-kutu p { max-width: 70ch; }
.aed-fiyat-kutu strong { color: var(--sari); }
.aed-fiyat-kutu a:not(.btn) { color: var(--beyaz); text-decoration: underline; text-underline-offset: 3px; }
.aed-fiyat-kutu a:not(.btn):hover { color: var(--sari); }

/* süreç: sarı şerit yolu */
.aed-yol { position: relative; }
.aed-yol-serit { position: absolute; left: 0; right: 0; top: 0; height: 120px; z-index: 0; }
.aed-yol-adimlar { position: relative; z-index: 1; display: grid; gap: 28px; }
.aed-yol-adimlar li { display: grid; align-content: start; gap: 10px; }
.aed-yol-no { position: relative; z-index: 1; width: 60px; height: 60px; display: grid; place-items: center; background: var(--grafit); color: var(--sari); border: 4px solid var(--sari); border-radius: 50%; font: 800 1.7rem/1 var(--f-baslik); }
.aed-yol-no .ikon { width: 28px; height: 28px; }
.aed-yol-son .aed-yol-no { background: var(--sari); color: var(--grafit); border-color: var(--grafit); }
.aed-yol-adimlar h3 { font-size: clamp(1.3rem, 1.9vw, 1.6rem); text-transform: uppercase; font-weight: 800; }
.aed-yol-adimlar p { color: #44474b; max-width: 30ch; }
.aed-yol-adimlar a { color: var(--bordo); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 900px) {
  .aed-yol-adimlar { grid-template-columns: repeat(4, 1fr); gap: 24px; }
  .aed-yol-adimlar li { justify-items: center; text-align: center; }
  .aed-yol-adimlar li:nth-child(odd) .aed-yol-no { margin-top: 0; }
  .aed-yol-adimlar li:nth-child(even) .aed-yol-no { margin-top: 60px; }
  .aed-yol-adimlar p { margin-inline: auto; }
}
@media (max-width: 899px) {
  .aed-yol-serit { display: none; }
  .aed-yol-adimlar { padding-left: 0; }
  .aed-yol-adimlar::before { content: ""; position: absolute; left: 26px; top: 10px; bottom: 10px; width: 8px; background: var(--sari); }
  .aed-yol-adimlar li { grid-template-columns: 60px 1fr; column-gap: 18px; row-gap: 4px; }
  .aed-yol-no { grid-row: 1 / 3; }
}
.aed-surec-kapanis { display: grid; gap: 18px; align-items: center; margin-top: clamp(40px, 6vw, 72px); padding-top: 28px; border-top: var(--cizgi) solid var(--grafit); }
@media (min-width: 900px) { .aed-surec-kapanis { grid-template-columns: 1fr auto; } }
.aed-surec-kapanis p { font: 800 clamp(1.4rem, 2.4vw, 2rem)/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); max-width: 30ch; }

/* =====================================================================
   ANKARA DEPO KİRALAMA — imza: kepenk açılan panorama · kira etiketleri ·
   koşullar özeti · kiracı rehberi panosu · 5 adım
   ===================================================================== */
.adk-kafa { padding-block: clamp(28px, 4vw, 52px) clamp(48px, 7vw, 88px); background: var(--kirec); background-image: var(--oluk); }
.adk-kafa-izgara { display: grid; gap: 22px clamp(28px, 4vw, 72px); align-items: end; margin-bottom: clamp(28px, 4vw, 48px); }
@media (min-width: 1000px) { .adk-kafa-izgara { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } }
.adk-kafa-izgara .plaka { margin-bottom: 22px; }
.adk-baslik { font-size: clamp(3rem, 7.4vw, 6.8rem); max-width: 10ch; }
.adk-kafa-metin { display: grid; gap: 22px; }
.adk-kafa .giris { max-width: 52ch; }
.adk-panorama { position: relative; aspect-ratio: 2 / 1; border-radius: 6px 6px 0 0; border-bottom: 10px solid var(--sari); }
@media (max-width: 699px) { .adk-panorama { aspect-ratio: 4 / 3; } .adk-panorama img { object-position: 72% 50%; } }
.adk-panorama img { transform: scale(1.08); transition: transform 2.4s var(--egri) .2s; }
.adk-panorama.acik img { transform: none; }
.adk-kepenk { position: absolute; inset: 0; z-index: 2; background: repeating-linear-gradient(180deg, #7b1416 0 26px, #5f0d10 26px 28px, #87191c 28px 31px); box-shadow: inset 0 -14px 0 var(--bordo-koyu); transition: transform 1.7s var(--egri-kapi) .25s; }
.adk-kepenk-kol { position: absolute; left: 50%; bottom: 26px; width: 120px; height: 12px; margin-left: -60px; border-radius: 3px; background: linear-gradient(180deg, #e3ded5, #b5afa5); box-shadow: 0 2px 4px rgba(0, 0, 0, .35); }
.adk-panorama.acik .adk-kepenk { transform: translateY(-101%); }
html:not(.js) .adk-kepenk { display: none; }
.adk-panorama-etiket { position: absolute; z-index: 3; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 32px); background: rgba(21, 23, 26, .8); color: var(--beyaz); font: 600 .8rem/1.2 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; padding: 9px 12px; border-radius: 3px; }
.adk-panorama-etiket .ikon { width: 16px; height: 16px; color: var(--sari); }

/* kira etiketleri */
.adk-etiketler { display: grid; gap: 38px 18px; grid-template-columns: 1fr; padding-top: 14px; }
@media (min-width: 640px) { .adk-etiketler { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .adk-etiketler { grid-template-columns: repeat(3, 1fr); } }
.adk-etiketler > li { position: relative; }
.adk-etiketler > li::before { content: ""; position: absolute; left: 50%; top: -14px; width: 2px; height: 26px; background: var(--beton-koyu); z-index: 0; }
.adk-etiket { position: relative; display: grid; gap: 10px; height: 100%; padding: 40px 22px 22px; background: var(--kirec); border: var(--cizgi) solid var(--grafit); border-radius: 34px 34px var(--r) var(--r); box-shadow: 0 14px 26px -20px rgba(21, 23, 26, .5); transition: background .3s, transform .45s var(--egri); transform-origin: 50% 0; }
.adk-etiketler > li:nth-child(odd) .adk-etiket { transform: rotate(-1.2deg); }
.adk-etiketler > li:nth-child(even) .adk-etiket { transform: rotate(1deg); }
.adk-etiketler > li .adk-etiket:hover, .adk-etiketler > li .adk-etiket:focus-visible { transform: rotate(0); background: var(--beyaz); }
.adk-etiket-delik { position: absolute; left: 50%; top: 14px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); box-shadow: inset 0 0 0 3px var(--kirec-2); }
.adk-etiket-ust { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 2px dashed var(--beton-koyu); }
.adk-etiket-ust b { font: 800 1.7rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.adk-etiket-ust span { font: 600 .95rem/1.2 var(--f-baslik); color: var(--gri); letter-spacing: .02em; }
.adk-etiket-not { color: #44474b; min-height: 2.6em; }
.adk-etiket-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.adk-etiket-fiyat small { font-size: .8rem; color: var(--gri); }
.adk-etiket-fiyat small:first-child { flex-basis: 100%; font: 700 .72rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; }
.adk-etiket-fiyat b { font: 800 2.1rem/1 var(--f-baslik); color: var(--bordo); }
.adk-etiket-yillik { display: inline-flex; justify-self: start; gap: 6px; padding: 7px 10px 6px; background: var(--sari); border-radius: 3px; font: 700 .8rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; color: var(--grafit); }
.adk-etiket-yillik b { font-weight: 800; }
.adk-etiket-ok { position: absolute; right: 18px; bottom: 18px; width: 38px; height: 38px; display: grid; place-items: center; border: var(--cizgi) solid var(--grafit); border-radius: 50%; transition: background .3s, transform .3s var(--egri); }
.adk-etiket-ok .ikon { width: 18px; height: 18px; }
.adk-etiket:hover .adk-etiket-ok { background: var(--sari); border-color: var(--sari); transform: rotate(-45deg); }

/* koşullar özeti */
.adk-kosul .iki-sutun { align-items: center; }
.adk-sozlesme { position: relative; max-width: 560px; margin-top: 30px; padding: 0 0 18px; background: #fbfaf6; color: var(--grafit); border-radius: 4px; box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .7); transform: rotate(1.2deg); }
@media (min-width: 900px) { .adk-sozlesme { justify-self: end; margin-top: 0; } }
.adk-sozlesme::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 31px, rgba(21, 23, 26, .05) 31px 32px); pointer-events: none; border-radius: 4px; }
.adk-sozlesme-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 96px 16px 24px; border-bottom: 2px solid var(--grafit); }
.adk-sozlesme-ust b { font: 800 1.6rem/1 var(--f-baslik); text-transform: uppercase; }
.adk-sozlesme-damga { display: inline-block; padding: 6px 10px 5px; border: 2px solid var(--bordo); border-radius: 3px; font: 800 .74rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); transform: rotate(-4deg); }
.adk-maddeler { position: relative; padding: 4px 24px; }
.adk-maddeler div { display: grid; gap: 2px; padding: 13px 0 12px; border-bottom: 1px dashed var(--beton-koyu); }
.adk-maddeler div:last-child { border-bottom: 0; }
.adk-maddeler dt { display: flex; align-items: center; gap: 10px; font: 800 1.08rem/1.1 var(--f-baslik); text-transform: uppercase; }
.adk-maddeler dt .ikon { width: 22px; height: 22px; color: var(--bordo); }
.adk-maddeler dd { padding-left: 32px; color: #44474b; }
.adk-sozlesme-alt { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 4px 24px 0; padding-top: 12px; border-top: 2px solid var(--grafit); font-size: .88rem; color: var(--gri); }
.adk-anahtarlik { position: absolute; z-index: 2; top: -26px; right: 30px; display: grid; justify-items: center; transform: rotate(8deg); transform-origin: 50% 0; }
.adk-anahtarlik-halka { width: 34px; height: 34px; border: 4px solid #c9c3b8; border-radius: 50%; box-shadow: 0 2px 3px rgba(0, 0, 0, .3); }
.adk-anahtarlik-etiket { display: grid; justify-items: center; gap: 4px; margin-top: -6px; padding: 10px 10px 8px; background: var(--sari); border-radius: 6px 6px 14px 14px; box-shadow: 0 6px 12px -4px rgba(0, 0, 0, .4); color: var(--grafit); }
.adk-anahtarlik-etiket .ikon { width: 26px; height: 26px; stroke-width: 2; }
.adk-anahtarlik-etiket i { font: 800 .62rem/1 var(--f-baslik); font-style: normal; letter-spacing: .12em; text-transform: uppercase; }
.js .adk-sozlesme[data-belir] .adk-anahtarlik { transform: rotate(-14deg); transition: transform 1.4s cubic-bezier(.3, 1.6, .5, 1) .5s; }
.js .adk-sozlesme.belirdi .adk-anahtarlik { transform: rotate(8deg); }

/* kiracı rehberi panosu */
.adk-pano { background: var(--grafit); border: 6px solid #2f3337; outline: 1px solid #0c0d0f; border-radius: 8px; box-shadow: 0 30px 60px -32px rgba(21, 23, 26, .7); overflow: hidden; }
.adk-pano-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px 12px; background: var(--grafit-2); border-bottom: 3px solid var(--sari); font: 700 .78rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--beyaz); }
.adk-pano-ust span:last-child { color: var(--gri-acik); }
.adk-pano-liste a { display: grid; grid-template-columns: 40px minmax(0, 1fr) 22px; grid-template-areas: "no kim ok" "no ne ok"; gap: 2px 14px; align-items: center; padding: 16px 20px; border-bottom: 1px solid rgba(255, 255, 255, .1); color: var(--beyaz); transition: background .25s; }
@media (min-width: 700px) { .adk-pano-liste a { grid-template-columns: 44px minmax(0, .9fr) minmax(0, 1.1fr) 22px; grid-template-areas: "no kim ne ok"; gap: 16px; padding: 18px 22px; } }
.adk-pano-liste li:last-child a { border-bottom: 0; }
.adk-pano-liste a:hover, .adk-pano-liste a:focus-visible { background: rgba(255, 255, 255, .06); }
.adk-pano-no { grid-area: no; font: 800 1.1rem/1 var(--f-baslik); color: var(--sari); letter-spacing: .04em; }
.adk-pano-kim { grid-area: kim; font: 800 clamp(1.2rem, 1.9vw, 1.5rem)/1.05 var(--f-baslik); text-transform: uppercase; letter-spacing: .02em; }
.adk-pano-ne { grid-area: ne; font-size: .94rem; color: #c9c5be; }
.adk-pano-liste a:hover .adk-pano-ne { color: var(--sari); text-decoration: underline; text-underline-offset: 3px; }
.adk-pano-liste .ok { grid-area: ok; width: 18px; height: 18px; color: var(--gri-acik); transition: transform .3s var(--egri), color .3s; }
.adk-pano-liste a:hover .ok { color: var(--sari); transform: translate(3px, -3px); }

/* fiyat bandı */
.adk-fiyat-ic { display: grid; gap: 20px; align-items: center; }
@media (min-width: 980px) { .adk-fiyat-ic { grid-template-columns: .9fr 1.1fr auto; gap: 40px; } }
.adk-fiyat-baslik { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.adk-fiyat-metin { font-size: 1.1rem; color: #3a3d41; max-width: 52ch; }
.adk-fiyat-metin a { color: var(--bordo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* nasıl kiralanır */
.adk-nasil-izgara { display: grid; gap: clamp(36px, 5vw, 72px); align-items: start; }
@media (min-width: 1000px) { .adk-nasil-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .adk-nasil-form { position: sticky; top: calc(var(--header-h) + 32px); } }
.adk-adimlar { position: relative; margin-top: clamp(28px, 4vw, 44px); }
.adk-adimlar::before { content: ""; position: absolute; left: 31px; top: 12px; bottom: 12px; width: 4px; background: var(--grafit); }
.adk-adimlar li { position: relative; display: grid; grid-template-columns: 66px 1fr; align-items: center; gap: 4px 18px; padding: 12px 0; }
.adk-adim-no { position: relative; z-index: 1; width: 66px; height: 66px; display: grid; place-items: center; background: var(--kirec); border: 3px solid var(--grafit); border-radius: 50%; font: 800 1.5rem/1 var(--f-baslik); color: var(--grafit); }
.adk-adimlar p { font: 700 clamp(1.15rem, 1.7vw, 1.4rem)/1.2 var(--f-baslik); color: var(--grafit); }
.adk-adimlar a { color: var(--bordo); text-decoration: underline; text-underline-offset: 3px; }
.adk-adim-anahtar .adk-adim-no { background: var(--sari); }
.adk-adim-rozet { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px 5px; background: var(--grafit); color: var(--sari); border-radius: 3px; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; }
.adk-adim-rozet .ikon { width: 16px; height: 16px; }
.adk-nasil-kapanis { margin-top: 26px; padding: 18px 20px; background: var(--grafit); color: var(--beyaz); border-left: 6px solid var(--sari); border-radius: 4px; font: 800 clamp(1.2rem, 1.9vw, 1.5rem)/1.15 var(--f-baslik); text-transform: uppercase; }

@media (max-width: 599px) {
  .aed-goz { grid-template-columns: 56px 1fr; column-gap: 16px; row-gap: 4px; min-height: 0; padding: 30px 16px 46px; }
  .aed-goz-ikon { grid-row: 1 / 3; width: 56px; height: 56px; }
  .aed-goz-ad { margin-top: 2px; align-self: end; font-size: 1.3rem; }
  .aed-goz-alt { align-self: start; }
  .aed-durumlar li { grid-template-columns: 50px 1fr; column-gap: 16px; row-gap: 4px; padding: 18px 16px 20px; }
  .aed-durum-ust { grid-row: 1 / 3; margin: 0; }
  .aed-durum-no { display: none; }
  .aed-durumlar h3 { align-self: end; }
}

/* =====================================================================
   Kurumsal hizmet sayfaları (medikal, ticari, paletli) + Hizmetler hub'ı
   Önekler: .mp- / .medikal-  ·  .tc- / .ticari-  ·  .pl- / .paletli-  ·  .hub-
   ===================================================================== */

/* ortak: fotoğraf üstü küçük etiket */
.kr-foto-etiket { position: absolute; z-index: 3; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; background: rgba(21, 23, 26, .8); color: var(--beyaz); font: 600 .78rem/1 var(--f-baslik); letter-spacing: .08em; text-transform: uppercase; padding: 9px 12px; border-radius: 3px; }
.kr-foto-etiket .ikon { width: 16px; height: 16px; color: var(--sari); }

/* =====================================================================
   MEDİKAL — imza: ortam ve güvenlik paneli
   ===================================================================== */
.mp-izgara { list-style: none; display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 700px) {
  .mp-izgara { grid-template-columns: repeat(2, 1fr); }
  .mp-iklim, .mp-sure { grid-column: span 2; }
}
@media (min-width: 1100px) {
  .mp-izgara { grid-template-columns: repeat(4, 1fr); }
  .mp-sure { grid-column: auto; }
  .mp-iklim, .mp-konum { grid-column: span 2; }
}
.mp-kart { position: relative; display: grid; grid-template-rows: auto 1fr auto; gap: 20px; min-height: 250px; padding: 20px 22px 24px; background: var(--grafit-2); border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--r); overflow: hidden; }
.mp-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--sari); transform: scaleY(0); transform-origin: top; transition: transform .7s var(--egri) .25s; }
.mp-kart.belirdi::before, html:not(.js) .mp-kart::before { transform: none; }
.mp-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mp-etiket { display: inline-flex; align-items: center; gap: 8px; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--sari); }
.mp-etiket .ikon { width: 18px; height: 18px; }
.mp-no { font: 800 .85rem/1 var(--f-baslik); color: var(--gri-acik); letter-spacing: .1em; }
.mp-gosterge { align-self: center; min-width: 0; }
.mp-kart h3 { font-size: clamp(1.12rem, 1.45vw, 1.32rem); text-transform: uppercase; font-weight: 800; line-height: 1.1; color: var(--beyaz); max-width: 26ch; }
.mp-metin p { margin-top: 6px; color: var(--gri-acik); font-size: .95rem; }

/* nem · sıcaklık ölçerleri (rakamsız: yalnızca denge aralığı) */
.mp-olcerler { display: grid; gap: 14px; }
.mp-olcer, .mp-olcer-alt { display: grid; grid-template-columns: 78px 1fr; align-items: center; gap: 12px; }
.mp-olcer-ad { font: 700 .78rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; color: #cfcbc4; }
.mp-ray { position: relative; height: 28px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, .16);
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 12px), rgba(255, 255, 255, .03); }
.mp-bant { position: absolute; top: -1px; bottom: -1px; left: 34%; width: 32%; background: rgba(244, 194, 13, .2); border-inline: 2px solid var(--sari); }
.mp-ibre { position: absolute; top: -7px; bottom: -7px; left: 50%; width: 3px; margin-left: -1.5px; background: var(--beyaz); border-radius: 2px; box-shadow: 0 0 0 3px rgba(255, 255, 255, .1); }
.mp-kart.belirdi .mp-ibre { animation: mp-ibre 6s ease-in-out infinite; }
.mp-kart.belirdi .mp-olcer-2 .mp-ibre { animation-duration: 7.4s; animation-delay: -2.2s; }
@keyframes mp-ibre { 0%, 100% { left: 50%; } 30% { left: 43%; } 65% { left: 58%; } }
.mp-olcer-alt span:last-child { text-align: center; font: 700 .7rem/1 var(--f-baslik); letter-spacing: .18em; text-transform: uppercase; color: var(--sari); }

/* 7/24 kamera: 24 çentikli halka */
.mp-saat { position: relative; width: 136px; height: 136px; }
.mp-saat svg { width: 100%; height: 100%; }
.mp-tik { stroke: var(--sari); stroke-width: 3; stroke-linecap: round; transition: stroke .25s calc(var(--i) * 32ms + .35s); }
.js .mp-kart:not(.belirdi) .mp-tik { stroke: rgba(255, 255, 255, .18); }
.mp-saat-ic { fill: none; stroke: rgba(255, 255, 255, .14); stroke-width: 1.5; }
.mp-saat b { position: absolute; inset: 0; display: grid; place-items: center; font: 800 2rem/1 var(--f-baslik); color: var(--beyaz); letter-spacing: .02em; }
.mp-rec { position: absolute; left: 50%; bottom: 33px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 5px; font: 700 .6rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--gri-acik); }
.mp-rec i { width: 7px; height: 7px; border-radius: 50%; background: #e0393b; }
.mp-kart.belirdi .mp-rec i { animation: mp-yanip 1.4s steps(1, end) infinite; }
@keyframes mp-yanip { 50% { opacity: .15; } }

/* hijyen: fayans + parıltı */
.mp-fayans { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; overflow: hidden; border-radius: 4px; }
.mp-fayans i { aspect-ratio: 1; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1); border-radius: 2px; }
.mp-parilti { position: absolute; top: -20%; bottom: -20%; left: -40%; width: 32%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .32), transparent); transform: skewX(-18deg); pointer-events: none; }
.mp-kart.belirdi .mp-parilti { animation: mp-parilti 5s var(--egri) .8s infinite; }
@keyframes mp-parilti { 0% { left: -40%; } 45%, 100% { left: 125%; } }

/* yönetim: düzenli bakım çizelgesi */
.mp-cizelge { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; }
.mp-cizelge span { aspect-ratio: 1; display: grid; place-items: center; background: var(--sari); border: 1px solid var(--sari); border-radius: 4px; transition: background .3s calc(var(--i) * 90ms + .35s), border-color .3s calc(var(--i) * 90ms + .35s); }
.mp-cizelge .ikon { width: 62%; height: 62%; color: var(--grafit); stroke-width: 2.6; transition: opacity .3s calc(var(--i) * 90ms + .45s); }
.js .mp-kart:not(.belirdi) .mp-cizelge span { background: transparent; border-color: rgba(255, 255, 255, .2); }
.js .mp-kart:not(.belirdi) .mp-cizelge .ikon { opacity: 0; }

/* konum: şematik yol + işaret */
.mp-harita svg { width: 100%; height: auto; overflow: visible; }
.mp-yol { stroke: #3a3e44; stroke-width: 26; fill: none; }
.mp-yol-cizgi { stroke: rgba(255, 255, 255, .45); stroke-width: 1.5; stroke-dasharray: 10 8; fill: none; }
.mp-yol-ad { font: 800 10px var(--f-baslik); letter-spacing: .3em; fill: #8a8d90; }
.mp-pin { fill: var(--bordo); stroke: var(--beyaz); stroke-width: 1.5; }
.mp-pin-kup { fill: none; stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; }
.mp-pin-ad { font: 800 13px var(--f-baslik); letter-spacing: .12em; fill: var(--beyaz); }
@media (max-width: 699px) { .mp-pin-ad { font-size: 24px; } .mp-yol-ad { font-size: 15px; } }
.mp-halka { fill: none; stroke: var(--sari); stroke-width: 2; transform-box: fill-box; transform-origin: center; opacity: 0; }
.mp-kart.belirdi .mp-halka { animation: mp-halka 2.6s var(--egri) infinite; }
@keyframes mp-halka { from { transform: scale(.7); opacity: .9; } to { transform: scale(2.2); opacity: 0; } }

/* süre: kısa ↔ uzun aralık */
.mp-aralik { display: grid; gap: 10px; }
.mp-aralik-ray { position: relative; height: 16px; border-radius: 99px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.mp-aralik-ray i { position: absolute; top: 2px; bottom: 2px; left: 2px; width: 34%; border-radius: 99px; background: var(--sari); }
.mp-kart.belirdi .mp-aralik-ray i { animation: mp-aralik 6s ease-in-out infinite; }
@keyframes mp-aralik { 0%, 100% { width: 18%; } 50% { width: calc(100% - 4px); } }
.mp-aralik-uc { display: flex; justify-content: space-between; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .14em; text-transform: uppercase; color: #cfcbc4; }

.mp-kapanis { margin-top: clamp(28px, 4vw, 48px); padding-left: 18px; border-left: 4px solid var(--sari); max-width: 72ch; }
.mp-kapanis p { color: #d9d6d0; font-size: 1.1rem; }
.mp-kapanis .mp-oncelik { margin-top: 10px; font: 800 clamp(1.4rem, 2.4vw, 2rem)/1.05 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }

/* tesis + kimler için */
.medikal-kimler ul { list-style: none; margin-top: 12px; border-top: var(--cizgi) solid var(--grafit); max-width: 520px; }
.medikal-kimler li { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 16px; padding: 14px 2px; border-bottom: 1px solid var(--beton-koyu); font: 800 clamp(1.2rem, 1.8vw, 1.45rem)/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.medikal-kimler .ikon { width: 44px; height: 44px; padding: 10px; background: var(--sari); border-radius: 4px; color: var(--grafit); }
.medikal-tesis-gorsel { position: relative; }
.medikal-tesis-gorsel .kapi img { object-position: 74% 50%; }

/* =====================================================================
   TİCARİ
   ===================================================================== */
/* avantaj: dört nitelik */
@media (min-width: 900px) { .ticari-avantaj-izgara { grid-template-columns: 1fr 1fr; align-items: start; } }
.ticari-dort { list-style: none; border-top: var(--cizgi) solid var(--grafit); }
.ticari-dort li { position: relative; display: grid; grid-template-columns: 48px 1fr 40px; align-items: center; gap: 14px; padding: 18px 4px 16px; border-bottom: 1px solid var(--beton-koyu); }
.ticari-dort li::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 4px; width: 100%; background: var(--sari); transform: scaleX(0); transform-origin: left; transition: transform .9s var(--egri) calc(var(--gecikme, 0s) + .25s); }
.ticari-dort li.belirdi::after, html:not(.js) .ticari-dort li::after { transform: scaleX(.34); }
.ticari-dort li:hover::after { transform: scaleX(1); }
.ticari-dort-no { font: 800 .9rem/1 var(--f-baslik); letter-spacing: .1em; color: var(--gri); }
.ticari-dort b { font: 800 clamp(2rem, 4.4vw, 3.6rem)/.95 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.ticari-dort .ikon { width: 34px; height: 34px; color: var(--bordo); justify-self: end; }
.ticari-koruma { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px 24px; padding: 20px 24px; background: var(--grafit); color: #e3dfd8; border-radius: var(--r); }
.ticari-koruma-ikon { list-style: none; display: flex; gap: 8px; }
.ticari-koruma-ikon li { width: 46px; height: 46px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); border-radius: 4px; }
.ticari-koruma p { font: 700 clamp(1.05rem, 1.6vw, 1.3rem)/1.3 var(--f-baslik); letter-spacing: .01em; }
@media (max-width: 640px) { .ticari-koruma { grid-template-columns: 1fr; } }

/* imza: işletme tipi senaryoları */
.tc-izgara { list-style: none; display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .tc-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .tc-izgara { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
.tc-kart { display: grid; grid-template-rows: auto 1fr; background: var(--kirec); color: var(--metin); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; box-shadow: 0 30px 50px -34px rgba(0, 0, 0, .6); }
.tc-sahne { position: relative; aspect-ratio: 4 / 3.3; padding: 18px 18px 8px; background: var(--beyaz); border-bottom: var(--cizgi) solid var(--grafit);
  background-image: linear-gradient(rgba(21, 23, 26, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 23, 26, .045) 1px, transparent 1px); background-size: 22px 22px; }
.tc-sahne svg { width: 100%; height: 100%; overflow: visible; }
.tc-plaka { position: absolute; z-index: 2; top: 14px; left: 14px; display: inline-flex; align-items: center; padding-right: 9px; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; background: var(--beyaz); color: var(--grafit); border: var(--cizgi) solid var(--grafit); border-radius: 3px; }
.tc-plaka b { margin-right: 9px; padding: 7px 8px 6px; background: var(--grafit); color: var(--sari); letter-spacing: .06em; }
.tc-govde { display: grid; align-content: start; gap: 12px; padding: 22px 22px 24px; }
.tc-kart h3 { font-size: clamp(1.35rem, 2vw, 1.65rem); text-transform: uppercase; font-weight: 800; color: var(--grafit); }
.tc-kart p { color: #44474b; }
.tc-cipler { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.tc-cipler li { padding: 6px 10px 5px; border: 1px solid var(--beton-koyu); border-radius: 999px; font: 600 .8rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; color: var(--grafit); background: var(--beyaz); }
.tc-boyut { margin-top: 6px; padding-top: 14px; border-top: 1px dashed var(--beton-koyu); }
.tc-boyut ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tc-boyut a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px 8px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r-kucuk); transition: background .25s, border-color .25s; }
.tc-boyut a b { font: 800 .95rem/1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.tc-boyut a span { font-size: .84rem; color: var(--gri); }
.tc-boyut a .ok { width: 14px; height: 14px; transition: transform .3s var(--egri); }
.tc-boyut a:hover { background: var(--sari); border-color: var(--sari); }
.tc-boyut a:hover span { color: var(--grafit); }
.tc-boyut a:hover .ok { transform: translate(2px, -2px); }
/* izometrik sahne: eşyalar sırayla yerine iner */
.ik { transition: opacity .5s var(--egri), transform .6s var(--egri); transition-delay: calc(var(--i, 0) * 70ms + .2s); }
.js [data-belir]:not(.belirdi) .ik { opacity: 0; transform: translateY(-.35px); }

/* neden: koyu zemin kartları */
.ticari-neden .neden-izgara li { background: var(--grafit-2); border-color: rgba(255, 255, 255, .14); }
.ticari-neden .neden-izgara .ikon { color: var(--sari); }
.ticari-neden .neden-no { color: var(--gri); }
.ticari-neden .neden-kapanis { color: #d9d6d0; }
.ticari-neden .neden-kapanis p + p { margin-top: .4em; color: var(--beyaz); font-weight: 600; }

/* =====================================================================
   PALETLİ
   ===================================================================== */
.paletli-altyapi-gorsel { position: relative; }
.paletli-altyapi-gorsel .kapi { max-height: 640px; }
.paletli-sure { display: grid; grid-template-columns: 1fr 1fr; border: var(--cizgi) solid rgba(255, 255, 255, .5); border-radius: 6px; }
.paletli-sure > div { display: grid; gap: 8px; padding: 16px 18px; }
.paletli-sure > div + div { border-left: 1px solid rgba(255, 255, 255, .25); }
.paletli-sure .ust-etiket { color: var(--sari); }
.paletli-sure b { font: 800 clamp(1.3rem, 2.2vw, 1.75rem)/1 var(--f-baslik); text-transform: uppercase; color: var(--beyaz); }
.paletli-sure-not { margin-top: 16px; max-width: 60ch; color: #cfcbc4; }

/* imza: Euro palet + erişim şeması */
.pl-izgara { display: grid; gap: 16px; }
@media (min-width: 1000px) { .pl-izgara { grid-template-columns: .82fr 1.18fr; gap: 20px; } }
.pl-kart { position: relative; display: grid; align-content: start; gap: 16px; margin: 0; padding: 56px clamp(16px, 2.4vw, 28px) 22px; border: var(--cizgi) solid var(--grafit); border-radius: var(--r);
  background-color: var(--beyaz); background-image: linear-gradient(rgba(21, 23, 26, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 23, 26, .05) 1px, transparent 1px); background-size: 24px 24px; }
.pl-kart-plaka { position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; font: 700 .76rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; padding-right: 9px; background: var(--beyaz); color: var(--grafit); border: var(--cizgi) solid var(--grafit); border-radius: 3px; }
.pl-kart-plaka b { margin-right: 9px; padding: 7px 8px 6px; background: var(--grafit); color: var(--sari); letter-spacing: .06em; }
.pl-palet { display: flex; flex-direction: column; gap: 16px; }
.pl-palet svg { width: 100%; height: auto; max-height: 460px; margin-block: auto; overflow: visible; }
.pl-olcu line { stroke: var(--bordo); stroke-width: .012; }
.pl-olcu text { font: 700 .13px var(--f-baslik); fill: var(--bordo); letter-spacing: .01px; }
.pl-palet figcaption { padding-top: 14px; border-top: 1px dashed var(--beton-koyu); font-size: .98rem; color: var(--gri); }
.pl-palet figcaption b { font: 800 1.2rem/1 var(--f-baslik); color: var(--grafit); }

.pl-plan-svg { width: 100%; height: auto; overflow: visible; }
.pl-duvar path { fill: none; stroke: var(--grafit); stroke-width: 5; stroke-linecap: square; }
.pl-birim { fill: var(--kirec); stroke: var(--beton-koyu); stroke-width: 1.5; }
.pl-sizin { fill: rgba(244, 194, 13, .22); stroke: var(--grafit); stroke-width: 2.5; }
.pl-kapi { fill: var(--bordo); }
.pl-kapi-acik { stroke: var(--bordo); stroke-width: 6; stroke-linecap: round; }
.pl-yuk { fill: #c9a679; stroke: rgba(70, 44, 20, .7); stroke-width: 1.5; }
.pl-serit { fill: none; stroke: var(--sari); stroke-width: 4; }
.pl-rota { fill: none; stroke: var(--bordo); stroke-width: 2.5; stroke-dasharray: 8 7; }
.pl-plan.belirdi .pl-rota { animation: pl-yuru 1.1s linear infinite; }
@keyframes pl-yuru { to { stroke-dashoffset: -15; } }
.pl-forklift { transform-box: view-box; transform-origin: 0 0; transform: translate(396px, 252px) rotate(90deg); }
.pl-plan.belirdi .pl-forklift { animation: pl-forklift 8s var(--egri) .5s infinite backwards; }
@keyframes pl-forklift {
  0% { transform: translate(125px, 190px) rotate(0deg); opacity: 0; }
  6% { opacity: 1; }
  48% { transform: translate(396px, 190px) rotate(0deg); }
  58% { transform: translate(396px, 190px) rotate(90deg); }
  74%, 94% { transform: translate(396px, 252px) rotate(90deg); opacity: 1; }
  100% { transform: translate(396px, 252px) rotate(90deg); opacity: 0; }
}
.pl-isaret circle { fill: var(--grafit); stroke: var(--sari); stroke-width: 3; }
.pl-isaret text { font: 800 20px var(--f-baslik); fill: var(--beyaz); }
.pl-adimlar { list-style: none; display: grid; grid-template-columns: 1fr; border-top: var(--cizgi) solid var(--grafit); }
@media (min-width: 560px) { .pl-adimlar { grid-template-columns: 1fr 1fr; column-gap: 20px; } }
.pl-adimlar li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--beton); }
.pl-adimlar li > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--grafit); color: var(--beyaz); box-shadow: inset 0 0 0 2px var(--sari); font: 800 1rem/1 var(--f-baslik); }
.pl-adimlar b { display: block; font: 800 1.08rem/1.1 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.pl-adimlar small { display: block; margin-top: 3px; font-size: .88rem; color: var(--gri); }
.pl-not { margin-top: -4px; }

/* neden: sarı-siyah ikaz şeritli liste */
.paletli-neden-liste { list-style: none; display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 860px) { .paletli-neden-liste { grid-template-columns: 1fr 1fr; column-gap: 16px; } }
.paletli-neden-liste li { position: relative; display: grid; grid-template-columns: 34px 28px 1fr; align-items: center; gap: 14px; padding: 18px 20px 18px 30px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; }
.paletli-neden-liste li::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background: repeating-linear-gradient(-45deg, var(--sari) 0 8px, var(--grafit) 8px 16px); }
.paletli-neden-no { font: 800 .9rem/1 var(--f-baslik); color: var(--gri); letter-spacing: .08em; }
.paletli-neden-liste .ikon { width: 28px; height: 28px; color: var(--bordo); }
.paletli-neden-metin { font: 800 clamp(1.08rem, 1.5vw, 1.25rem)/1.15 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.paletli-kapanis { margin-top: 28px; max-width: 72ch; font-size: 1.1rem; padding-left: 18px; border-left: 4px solid var(--sari); }

/* =====================================================================
   HİZMETLER HUB'I
   ===================================================================== */
.hub-kafa { position: relative; padding-block: clamp(28px, 4vw, 52px) clamp(56px, 7vw, 96px); background: var(--kirec); background-image: var(--oluk); overflow: hidden; }
.hub-kafa-izgara { display: grid; gap: 22px 48px; align-items: end; }
@media (min-width: 980px) { .hub-kafa-izgara { grid-template-columns: 1.05fr .95fr; } }
.hub-kafa h1 { margin-top: 18px; font-size: clamp(3.2rem, 8.4vw, 7.6rem); line-height: .86; }
.hub-ust { display: block; margin-bottom: 14px; font: 700 clamp(.8rem, 1vw, .95rem)/1.2 var(--f-baslik); letter-spacing: .14em; color: var(--gri); }
.hub-kafa-sag { display: grid; gap: 22px; }
.hub-kafa-sag .giris { max-width: 46ch; }
.hub-seritler { display: grid; gap: 10px; }
@media (min-width: 560px) { .hub-seritler { grid-template-columns: 1fr 1fr; } }
.hub-seritler a { display: grid; grid-template-columns: auto 1fr 20px; align-items: center; gap: 14px; padding: 14px 16px; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); transition: background .25s, transform .3s var(--egri); }
.hub-seritler a:hover { background: var(--sari); transform: translateY(-2px); }
.hub-serit-sayi { font: 800 2.6rem/.8 var(--f-baslik); color: var(--bordo); }
.hub-seritler b { display: block; font: 800 1.1rem/1.05 var(--f-baslik); text-transform: uppercase; color: var(--grafit); }
.hub-seritler small { display: block; margin-top: 3px; font-size: .84rem; color: var(--gri); }
.hub-seritler a:hover small { color: var(--grafit); }
.hub-seritler .ok { width: 18px; height: 18px; transform: rotate(90deg); }

/* 13 kapılı koridor */
.hub-koridor { position: relative; display: grid; gap: 18px 26px; margin-top: clamp(36px, 5vw, 60px); }
@media (min-width: 1100px) { .hub-koridor { grid-template-columns: 9fr 4fr; } }
.hub-koridor-grup .ust-etiket { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.hub-koridor-grup .ust-etiket::after { content: ""; flex: 1; height: 1px; background: var(--beton-koyu); }
.hub-kapilar { list-style: none; display: grid; gap: 6px; grid-template-columns: repeat(5, 1fr); }
@media (min-width: 700px) { .hub-kapilar { grid-template-columns: repeat(9, 1fr); } }
@media (min-width: 1100px) { .hub-koridor-bireysel .hub-kapilar { grid-template-columns: repeat(9, 1fr); } .hub-koridor-kurumsal .hub-kapilar { grid-template-columns: repeat(4, 1fr); } }
.hub-kapi { position: relative; display: block; aspect-ratio: 3 / 5; perspective: 900px; border-radius: 4px 4px 0 0; background: var(--grafit); overflow: hidden; }
.hub-kapi-ic { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--sari); color: var(--grafit); font: 800 .78rem/1 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; }
.hub-kapi-ic .ok { width: 22px; height: 22px; }
.hub-kapi-kanat { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; padding: 10px 6px 12px; transform-origin: left center; color: var(--beyaz);
  background: repeating-linear-gradient(90deg, #7b1416 0 12px, #5f0d10 12px 13px, #87191c 13px 14px); box-shadow: inset -5px 0 0 var(--bordo-koyu), inset 0 0 0 1px rgba(0, 0, 0, .3);
  transition: transform .7s var(--egri-kapi); backface-visibility: hidden; }
.hub-kapi-plaka { padding: 4px 5px 3px; background: var(--beyaz); color: var(--grafit); border-radius: 2px; font: 800 .72rem/1 var(--f-baslik); letter-spacing: .02em; white-space: nowrap; }
.hub-kapi-ikon { margin-top: auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .12); }
.hub-kapi-ikon .ikon { width: 22px; height: 22px; }
.hub-kapi-ad { margin-top: 10px; min-height: 2.2em; font: 700 .74rem/1.1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
.hub-kapi-kol { position: absolute; right: 9px; top: 50%; width: 4px; height: 22px; margin-top: -11px; border-radius: 2px; background: #d8d3ca; }
.hub-kapi:hover .hub-kapi-kanat, .hub-kapi:focus-visible .hub-kapi-kanat { transform: rotateY(-72deg); }
.hub-kapi:focus-visible { outline-offset: 3px; }
@media (max-width: 699px) {
  .hub-kapi { aspect-ratio: 3 / 4; }
  .hub-kapi-ad { display: none; }
  .hub-kapi-ikon { margin-block: auto; }
}
.hub-zemin-serit { position: relative; display: block; width: 100%; height: 14px; margin-top: -12px; grid-column: 1 / -1; }
.hub-zemin-serit path { fill: none; stroke: var(--sari); stroke-width: 9; vector-effect: non-scaling-stroke; }

/* bireysel: yaşam olayı süzgeci (yalnız CSS) */
.hub-olay-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 22px; }
.hub-olay-soru { margin-right: 6px; font: 700 .8rem/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--gri); }
.hub-olay-dugmeler label { padding: 11px 16px 10px; border: var(--cizgi) solid var(--grafit); border-radius: 999px; background: var(--beyaz); font: 700 .86rem/1 var(--f-baslik); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: background .25s, color .25s; }
.hub-olay-dugmeler label:hover { background: var(--kirec-2); }
#olay-tumu:checked ~ .hub-olay-dugmeler label[for="olay-tumu"], #olay-tasinma:checked ~ .hub-olay-dugmeler label[for="olay-tasinma"],
#olay-tadilat:checked ~ .hub-olay-dugmeler label[for="olay-tadilat"], #olay-yer:checked ~ .hub-olay-dugmeler label[for="olay-yer"],
#olay-ogrenci:checked ~ .hub-olay-dugmeler label[for="olay-ogrenci"], #olay-is:checked ~ .hub-olay-dugmeler label[for="olay-is"],
#olay-degerli:checked ~ .hub-olay-dugmeler label[for="olay-degerli"] { background: var(--grafit); color: var(--sari); }
#olay-tumu:focus-visible ~ .hub-olay-dugmeler label[for="olay-tumu"], #olay-tasinma:focus-visible ~ .hub-olay-dugmeler label[for="olay-tasinma"],
#olay-tadilat:focus-visible ~ .hub-olay-dugmeler label[for="olay-tadilat"], #olay-yer:focus-visible ~ .hub-olay-dugmeler label[for="olay-yer"],
#olay-ogrenci:focus-visible ~ .hub-olay-dugmeler label[for="olay-ogrenci"], #olay-is:focus-visible ~ .hub-olay-dugmeler label[for="olay-is"],
#olay-degerli:focus-visible ~ .hub-olay-dugmeler label[for="olay-degerli"] { outline: 3px solid var(--sari); outline-offset: 2px; }
.hub-b-izgara { list-style: none; display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .hub-b-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .hub-b-izgara { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
.hub-b { transition: opacity .45s var(--egri), filter .45s var(--egri), transform .45s var(--egri); }
#olay-tasinma:checked ~ .hub-b-izgara .hub-b:not(.o-tasinma), #olay-tadilat:checked ~ .hub-b-izgara .hub-b:not(.o-tadilat),
#olay-yer:checked ~ .hub-b-izgara .hub-b:not(.o-yer), #olay-ogrenci:checked ~ .hub-b-izgara .hub-b:not(.o-ogrenci),
#olay-is:checked ~ .hub-b-izgara .hub-b:not(.o-is), #olay-degerli:checked ~ .hub-b-izgara .hub-b:not(.o-degerli) { opacity: .3; filter: grayscale(1); transform: scale(.97); }
#olay-tasinma:checked ~ .hub-b-izgara .o-tasinma > a, #olay-tadilat:checked ~ .hub-b-izgara .o-tadilat > a,
#olay-yer:checked ~ .hub-b-izgara .o-yer > a, #olay-ogrenci:checked ~ .hub-b-izgara .o-ogrenci > a,
#olay-is:checked ~ .hub-b-izgara .o-is > a, #olay-degerli:checked ~ .hub-b-izgara .o-degerli > a { border-color: var(--bordo); box-shadow: 0 0 0 3px var(--sari); }
.hub-b > a { height: 100%; display: grid; grid-template-rows: auto 1fr; background: var(--beyaz); border: var(--cizgi) solid var(--grafit); border-radius: var(--r); overflow: hidden; transition: transform .4s var(--egri), box-shadow .4s var(--egri); }
.hub-b > a:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -26px rgba(21, 23, 26, .55); }
.hub-b-foto { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--grafit); }
.hub-b-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--egri); }
.hub-b > a:hover .hub-b-foto img { transform: scale(1.05); }
.hub-b-kod { position: absolute; top: 12px; left: 12px; padding: 7px 9px 6px; background: var(--beyaz); color: var(--grafit); font: 800 .9rem/1 var(--f-baslik); border-radius: 3px; }
.hub-b-govde { display: grid; align-content: start; gap: 10px; padding: 18px 20px 22px; }
.hub-b-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--bordo); }
.hub-b-etiketler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.hub-b-etiketler span { padding: 4px 7px 3px; background: var(--kirec); border-radius: 3px; font: 700 .68rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--gri); }
.hub-b-ad { font-size: 1.45rem; text-transform: uppercase; font-weight: 800; line-height: 1; }
.hub-b-metin { font-size: .96rem; color: #44474b; }
.hub-b-ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font: 700 .86rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--grafit); }
.hub-b-ok .ikon { width: 16px; height: 16px; transition: transform .3s var(--egri); }
.hub-b > a:hover .hub-b-ok .ikon { transform: translateX(4px); }

/* kurumsal: yatay kapı kartları */
.hub-k-izgara { list-style: none; display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 1000px) { .hub-k-izgara { grid-template-columns: 1fr 1fr; gap: 20px; } }
.hub-k { height: 100%; display: grid; grid-template-columns: 1fr; background: var(--grafit-2); border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--r); overflow: hidden; transition: border-color .3s, transform .4s var(--egri); }
@media (min-width: 640px) { .hub-k { grid-template-columns: .9fr 1.1fr; } }
.hub-k:hover { border-color: var(--sari); transform: translateY(-3px); }
.hub-k-foto.oran-1 { border-radius: 0; aspect-ratio: 16 / 10; width: 100%; }
@media (min-width: 640px) { .hub-k-foto.oran-1 { aspect-ratio: auto; height: 100%; min-height: 240px; } }
.hub-k-govde { display: grid; align-content: start; gap: 12px; padding: clamp(18px, 2.4vw, 28px); }
.hub-k-ikon { width: 52px; height: 52px; display: grid; place-items: center; background: var(--sari); color: var(--grafit); border-radius: 4px; }
.hub-k-ikon .ikon { width: 28px; height: 28px; }
.hub-k h3 { font-size: clamp(1.45rem, 2.2vw, 1.9rem); text-transform: uppercase; font-weight: 800; line-height: 1; }
.hub-k-metin { color: #cfcbc4; font-size: .98rem; }
.hub-k-ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font: 700 .86rem/1 var(--f-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--sari); }
.hub-k-ok .ikon { width: 16px; height: 16px; transition: transform .3s var(--egri); }
.hub-k:hover .hub-k-ok .ikon { transform: translateX(4px); }

/* her hizmet için aynı 6 depo */
.hub-depo-izgara { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 760px) { .hub-depo-izgara { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
.hub-depo-izgara > div, .hub-depo-izgara .depo-kart { height: 100%; }
@media (max-width: 699px) {
  .hub-b > a { grid-template-rows: none; grid-template-columns: 116px 1fr; }
  .hub-b-foto { aspect-ratio: auto; height: 100%; min-height: 150px; }
  .hub-b-kod { top: 8px; left: 8px; font-size: .78rem; padding: 5px 6px 4px; }
  .hub-b-govde { gap: 8px; padding: 14px 14px 16px; }
  .hub-b-ust { flex-wrap: wrap; }
  .hub-b-etiketler { justify-content: flex-start; }
  .hub-b-ad { font-size: 1.18rem; }
  .hub-b-metin { font-size: .9rem; }
}
@media (max-width: 759px) {
  .hub-depo-izgara { grid-template-columns: 1fr; gap: 10px; }
  .hub-depo-izgara .depo-kart { grid-template-columns: 104px 1fr; column-gap: 14px; row-gap: 6px; padding: 14px 16px 16px; }
  .hub-depo-izgara .depo-kart > * { grid-column: 2; }
  .hub-depo-izgara .depo-kart-iso { grid-column: 1; grid-row: 1 / span 4; align-self: center; margin: 0; }
  .hub-depo-izgara .depo-kart-olcu b { font-size: 1.7rem; }
  .hub-depo-izgara .depo-kart-fiyat { padding-right: 46px; }
  .hub-depo-izgara .depo-kart-ok { right: 14px; bottom: 14px; }
}