/* Güler Nakliyat — sürüm 2, "gece garajı".
   Lüks motosiklet ve piyano dünyasının dili: koyu grafit zemin, sinematik tam ekran fotoğraf,
   ince ve geniş başlıklar. Kırmızı yalnız marka ve arama için. Okunacak uzun bölümler açık zeminde.
   Tek tema (koyu ağırlıklı), tarayıcı temasına göre değişmez. */
:root {
  --zemin: #15181b;          /* grafit, hafif mavi-gri */
  --yuzey: #1d2125;
  --yuzey-2: #262b30;
  --yazi: #eef0f2;
  --soluk: #9ea7af;
  --cizgi: rgba(255, 255, 255, .12);
  --metal: #c9ced3;          /* ince çizgiler, rakamlar */
  --kirmizi: #d01b24;
  --kirmizi-koyu: #a8131b;
  --wa: #128c4a;
  --wa-koyu: #0d703a;

  --kagit: #f2f3f4;          /* açık bantlar: form, SSS */
  --kagit-yazi: #1b1f23;
  --kagit-soluk: #4f575e;
  --kagit-cizgi: #d5d9dd;

  --f: "Archivo", "Arial Nova", "Segoe UI", Arial, sans-serif;

  --s-1: .875rem; --s0: 1.0625rem; --s1: 1.25rem;
  --s2: clamp(1.5rem, 1.15rem + 1.4vw, 2rem);
  --s3: clamp(1.9rem, 1.2rem + 2.9vw, 3.3rem);
  --s4: clamp(2.5rem, 1.3rem + 5.2vw, 5.6rem);

  --olcu: 76rem;
  --kenar: max(16px, env(safe-area-inset-left, 0px));
  --kenar-sag: max(16px, env(safe-area-inset-right, 0px));
  --ust-y: 4.5rem;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-y) + 1rem); }
body {
  margin: 0; background: var(--zemin); color: var(--yazi);
  font: 400 var(--s0)/1.65 var(--f); font-stretch: 100%;
  -webkit-font-smoothing: antialiased; padding-bottom: 4.6rem;
}
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 30; background: var(--zemin); }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { margin: 0; line-height: 1.04; text-wrap: balance; }
h1 { font-size: var(--s4); font-weight: 340; font-stretch: 125%; letter-spacing: -.03em; }
h2 { font-size: var(--s3); font-weight: 360; font-stretch: 122%; letter-spacing: -.025em; }
h3 { font-size: var(--s1); font-weight: 650; font-stretch: 110%; line-height: 1.25; }
h1 strong, h2 strong { font-weight: 700; }
p { margin: 0; max-width: 62ch; }
:focus-visible { outline: 2px solid var(--kirmizi); outline-offset: 3px; border-radius: 2px; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.kap { max-width: var(--olcu); margin-inline: auto; padding-left: var(--kenar); padding-right: var(--kenar-sag); }
.bolum { padding-block: clamp(4rem, 9vw, 8rem); }
.bolum--yuzey { background: var(--yuzey); }
.bolum--kagit { background: var(--kagit); color: var(--kagit-yazi); --cizgi: var(--kagit-cizgi); --soluk: var(--kagit-soluk); color-scheme: light; }
.bolum-bas { display: grid; gap: 1.1rem; margin-bottom: clamp(2.5rem, 5vw, 4rem); max-width: 48rem; }
.bolum-bas p { color: var(--soluk); font-size: var(--s1); line-height: 1.55; }
.kicuk { color: var(--soluk); font-size: .95rem; font-weight: 500; display: flex; align-items: center; gap: .75rem; }
.kicuk::before { content: ""; width: 2rem; height: 1px; background: var(--kirmizi); }

/* ---------- düğmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 3.35rem; padding: .85rem 1.5rem; border-radius: 999px; border: 0;
  font: 600 var(--s0)/1.1 var(--f); font-stretch: 110%; text-decoration: none; cursor: pointer;
  transition: background-color .2s, color .2s, box-shadow .2s;
}
.dugme svg { width: 1.15em; height: 1.15em; flex: none; }
.dugme--ara { background: var(--kirmizi); color: #fff; }
.dugme--ara:hover { background: var(--kirmizi-koyu); }
.dugme--wa { background: transparent; color: var(--yazi); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); }
.dugme--wa svg { color: #2fbf6c; }
.dugme--wa:hover { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px #fff; }
.bolum--kagit .dugme--wa { color: var(--kagit-yazi); box-shadow: inset 0 0 0 1.5px var(--kagit-yazi); }
.bolum--kagit .dugme--wa svg { color: var(--wa); }
.bolum--kagit .dugme--wa:hover { background: var(--kagit-yazi); color: #fff; }
.dugme--wa-dolu { background: var(--wa); color: #fff; box-shadow: none; }
.dugme--wa-dolu svg { color: #fff; }
.dugme--wa-dolu:hover { background: var(--wa-koyu); box-shadow: none; }
.dugmeler { display: flex; flex-wrap: wrap; gap: .75rem; }

/* ---------- üst bar ---------- */
.ust {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20;
  background: rgba(21, 24, 27, .92); border-bottom: 1px solid var(--cizgi);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.ust-ic { display: flex; align-items: center; gap: 1.25rem; min-height: var(--ust-y); }
.marka { display: flex; align-items: center; gap: .75rem; text-decoration: none; margin-right: auto; }
.marka-rozet { width: 44px; height: 44px; border-radius: 50%; background: #fff; display: grid; place-items: center; flex: none; }
.marka-rozet img { width: 34px; }
.marka b { display: block; font-size: 1.1rem; font-weight: 700; font-stretch: 125%; line-height: 1; letter-spacing: -.01em; }
.marka small { display: block; color: var(--soluk); font-size: .78rem; margin-top: .3rem; letter-spacing: .01em; }
.menu { display: none; }
.menu a { text-decoration: none; font-weight: 500; font-size: .96rem; color: #d7dbdf; padding: .4rem 0; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; }
.menu a:hover, .menu a[aria-current="page"] { color: #fff; border-bottom-color: var(--kirmizi); }
.ust-tel { display: none; }
.menu-ac {
  display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem;
  border: 0; background: transparent; border-radius: 999px; cursor: pointer; color: var(--yazi);
}
.menu-ac svg { width: 26px; height: 26px; }
.mobil-menu { border-top: 1px solid var(--cizgi); }
.mobil-menu nav { display: grid; padding-block: .5rem 1.25rem; }
.mobil-menu a { padding: .95rem 0; text-decoration: none; font-weight: 400; font-stretch: 120%; font-size: 1.35rem; border-bottom: 1px solid var(--cizgi); }
@media (min-width: 980px) {
  .menu { display: flex; gap: 1.9rem; }
  .ust-tel { display: inline-flex; min-height: 2.75rem; padding: .55rem 1.1rem; font-size: .98rem; }
  .menu-ac, .mobil-menu { display: none !important; }
}

/* ---------- alt sabit arama çubuğu (telefon) ---------- */
.alt-cubuk {
  position: fixed; inset: auto 0 0; z-index: 25; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
  padding: .6rem var(--kenar-sag) calc(.6rem + env(safe-area-inset-bottom, 0px)) var(--kenar);
  background: rgba(21, 24, 27, .95); border-top: 1px solid var(--cizgi);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.alt-cubuk .dugme { min-height: 3rem; padding-inline: .75rem; }
@media (min-width: 980px) { .alt-cubuk { display: none; } body { padding-bottom: 0; } }

/* ---------- sahne (ana sayfa açılışı) ---------- */
.sahne { position: relative; isolation: isolate; overflow: hidden; min-height: min(92svh, 860px); display: grid; align-items: end; background: #0c0e10; }
.sahne-gorseller { position: absolute; inset: 0; z-index: -2; }
.sahne-gorseller figure { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.6s ease; }
.sahne-gorseller figure.aktif { opacity: 1; }
.sahne-gorseller img { width: 100%; height: 100%; object-fit: cover; transform-origin: 60% 50%; }
.sahne-gorseller figure.aktif img { animation: yakinlas 9s ease-out both; }
@keyframes yakinlas { from { transform: scale(1.12); } to { transform: scale(1); } }
.sahne::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(180deg, rgba(12, 14, 16, .55) 0%, rgba(12, 14, 16, 0) 28%),
    linear-gradient(0deg, rgba(12, 14, 16, .96) 0%, rgba(12, 14, 16, .7) 34%, rgba(12, 14, 16, 0) 68%),
    linear-gradient(90deg, rgba(12, 14, 16, .6) 0%, rgba(12, 14, 16, 0) 60%);
}
.sahne > .kap, .hizmet-sahne > .kap { width: 100%; min-width: 0; }
.sahne-ic > *, .hizmet-sahne .kap > * { min-width: 0; }
@media (max-width: 979px) {
  .sahne-ic > .dugmeler, .hizmet-sahne .dugmeler { display: none; }
  .sahne .sahne-alt { display: none; }
    }
.sahne-ic { display: grid; gap: 1.5rem; padding-block: 8rem clamp(2rem, 5vw, 3.5rem); }
.sahne-ic > p { font-size: var(--s1); color: #d5dade; max-width: 40ch; line-height: 1.5; }
.sahne h1 { max-width: 14ch; }
.satir { display: block; overflow: hidden; padding-bottom: .06em; }
.satir > span { display: block; animation: yuksel 1.1s cubic-bezier(.2, .7, .1, 1) both; }
.satir:nth-child(2) > span { animation-delay: .12s; }
.satir:nth-child(3) > span { animation-delay: .24s; }
@keyframes yuksel { from { transform: translateY(105%); } to { transform: none; } }
.sahne-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; padding-top: 1.5rem; border-top: 1px solid var(--cizgi); margin-top: .5rem; }

/* görsele tıklayınca ilgili sayfaya gider; yazı alanı tıklamayı görsele bırakır */
.sahne-link { position: absolute; inset: 0; z-index: 0; cursor: pointer; }
.sahne-ic { position: relative; z-index: 1; pointer-events: none; }
.sahne-ic a, .sahne-ic button { pointer-events: auto; }

/* ---------- hizmet panosu ---------- */
.pano { display: grid; border-top: 1px solid var(--cizgi); }
.pano a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem 1rem; padding: 1.6rem 0; text-decoration: none; border-bottom: 1px solid var(--cizgi); align-items: center; }
.pano-is { font-size: clamp(1.8rem, 1.2rem + 2.6vw, 3rem); font-weight: 340; font-stretch: 125%; line-height: 1; letter-spacing: -.025em; transition: color .25s; }
.pano-kim { grid-column: 1; color: var(--soluk); }
.pano-kim b { color: var(--yazi); font-weight: 600; }
.pano-ok { grid-row: 1 / span 2; grid-column: 2; width: 3.25rem; height: 3.25rem; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--cizgi); transition: background-color .25s, box-shadow .25s, transform .25s; }
.pano-ok svg { width: 1.15rem; height: 1.15rem; }
.pano a:hover .pano-is { color: #fff; }
.pano a:hover .pano-ok, .pano a:focus-visible .pano-ok { background: var(--kirmizi); box-shadow: none; transform: translateX(4px); }
@media (min-width: 900px) {
  .pano { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2.5rem; border-top: 0; }
  .pano a { border-top: 1px solid var(--cizgi); border-bottom: 0; padding-top: 1.75rem; }
}

/* ---------- 41 yıl ---------- */
.miras { display: grid; gap: 2rem; align-items: end; }
.miras-sayi { font-size: clamp(7rem, 4rem + 16vw, 17rem); font-weight: 200; font-stretch: 125%; line-height: .8; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.5px var(--metal); }
.miras-metin { display: grid; gap: 1.25rem; }
.miras-metin p { color: var(--soluk); font-size: var(--s1); line-height: 1.55; }
.olgular { display: grid; gap: 0; border-top: 1px solid var(--cizgi); margin-top: .5rem; }
.olgular div { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--cizgi); }
.olgular dt { color: var(--soluk); }
.olgular dd { margin: 0; font-weight: 500; }
@media (min-width: 900px) { .miras { grid-template-columns: auto minmax(0, 1fr); gap: 4rem; } }

/* ---------- özen (görsel + metin, sırayla) ---------- */
.ozen { display: grid; gap: clamp(4rem, 8vw, 7rem); }
.ozen-satir { display: grid; gap: clamp(1.75rem, 4vw, 4rem); align-items: center; }
.ozen-satir > * { min-width: 0; }
.ozen-satir figure { margin: 0; overflow: hidden; border-radius: 2px; }
.ozen-satir figure img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform 1.2s ease; }
.ozen-satir:hover figure img { transform: scale(1.03); }
.ozen-metin { display: grid; gap: 1.25rem; align-content: center; }
.ozen-metin > p { color: var(--soluk); font-size: var(--s1); line-height: 1.55; }
.maddeler { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--cizgi); }
.maddeler li { padding: .85rem 0; border-bottom: 1px solid var(--cizgi); display: grid; gap: .15rem; }
.maddeler b { font-weight: 600; }
.maddeler span { color: var(--soluk); font-size: .98rem; }
@media (min-width: 900px) {
  .ozen-satir { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .ozen-satir--ters { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
  .ozen-satir--ters figure { order: 2; }
}

/* ---------- Nakliyem nerede: telefon ---------- */
.takip { display: grid; gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.takip > * { min-width: 0; }
.takip-metin { display: grid; gap: 1.25rem; }
.takip-metin > p { color: var(--soluk); font-size: var(--s1); line-height: 1.55; }
@media (min-width: 900px) { .takip { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.telefon {
  width: min(100%, 22rem); margin-inline: auto; border-radius: 2.6rem; padding: .7rem;
  background: linear-gradient(160deg, #3a4047, #121518); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.ekran { border-radius: 2rem; overflow: hidden; background: #0b141a; color: #e9edef; font-size: .9rem; line-height: 1.4; }
.ekran-ust { display: flex; align-items: center; gap: .7rem; padding: 1.4rem 1rem .8rem; background: #1f2c34; }
.ekran-ust .marka-rozet { width: 36px; height: 36px; }
.ekran-ust .marka-rozet img { width: 27px; }
.ekran-ust b { display: block; font-weight: 600; font-size: .95rem; }
.ekran-ust small { color: #8fa3ad; font-size: .78rem; }
.sohbet { display: grid; gap: .5rem; padding: 1rem .8rem 1.4rem; min-height: 25rem; align-content: start;
  background: #0b141a radial-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px) 0 0 / 14px 14px; }
.balon { max-width: 85%; padding: .5rem .65rem .35rem; border-radius: .7rem; background: #1f2c34; justify-self: start; box-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.balon--biz { background: #144d37; justify-self: end; }
.balon time { display: block; text-align: right; color: rgba(233, 237, 239, .55); font-size: .68rem; margin-top: .15rem; }
.balon img { border-radius: .45rem; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: .35rem; }
.konum { border-radius: .45rem; overflow: hidden; margin-bottom: .4rem; }
.harita { position: relative; height: 7.5rem; background:
  linear-gradient(115deg, transparent 46%, #3d4a52 46% 50%, transparent 50%),
  linear-gradient(25deg, transparent 60%, #34414a 60% 63%, transparent 63%),
  linear-gradient(160deg, transparent 30%, #2f3b43 30% 32%, transparent 32%),
  #24323a; }
.harita i { position: absolute; left: 54%; top: 46%; width: 14px; height: 14px; border-radius: 50%; background: #2fbf6c; box-shadow: 0 0 0 4px rgba(47, 191, 108, .3); }
.harita i::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #2fbf6c; animation: nabiz 2s ease-out infinite; }
@keyframes nabiz { from { transform: scale(.6); opacity: 1; } to { transform: scale(2.6); opacity: 0; } }
.konum-alt { padding: .45rem .55rem; background: rgba(0, 0, 0, .22); font-size: .8rem; }
.konum-alt b { color: #2fbf6c; font-weight: 600; }
.takip.izleniyor .balon { animation: belir .5s ease both; animation-delay: calc(var(--sira) * .9s); }
@keyframes belir { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

/* ---------- ustalar ---------- */
.ustalar { display: grid; gap: 0; border-top: 1px solid var(--cizgi); }
.usta { display: grid; gap: .5rem; padding: 1.75rem 0; border-bottom: 1px solid var(--cizgi); }
.usta-ad { font-size: var(--s3); font-weight: 340; font-stretch: 125%; line-height: 1; letter-spacing: -.025em; }
.usta-is { color: #ff6d74; font-weight: 600; font-size: .95rem; }
.usta p { color: var(--soluk); }
.usta a { font-weight: 600; text-underline-offset: 4px; text-decoration-color: var(--kirmizi); }
@media (min-width: 900px) {
  .ustalar { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2.5rem; border-top: 0; }
  .usta { border-top: 1px solid var(--cizgi); border-bottom: 0; align-content: start; }
}

/* ---------- ev hizmetleri kartları ---------- */
.ev-hizmet { display: grid; gap: 1.25rem; }
@media (min-width: 860px) { .ev-hizmet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kart { position: relative; isolation: isolate; overflow: hidden; display: grid; align-content: end; gap: .6rem; min-height: 26rem; padding: clamp(1.5rem, 3vw, 2.25rem); text-decoration: none; border-radius: 2px; }
.kart img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }
.kart::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(12, 14, 16, .95) 5%, rgba(12, 14, 16, .35) 55%, rgba(12, 14, 16, .1)); }
.kart:hover img { transform: scale(1.04); }
.kart .usta-is { color: #ff8a90; }
.kart h3 { font-size: var(--s3); font-weight: 340; font-stretch: 125%; letter-spacing: -.025em; line-height: 1; }
.kart p { color: #c9cfd4; }
.kart-ok { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; margin-top: .4rem; }
.kart-ok svg { width: 1.1rem; height: 1.1rem; transition: transform .25s; }
.kart:hover .kart-ok svg { transform: translateX(4px); }

/* ---------- adımlar (gerçek sıra) ---------- */
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: adim; border-top: 1px solid var(--cizgi); }
.adimlar li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: .25rem 1rem; counter-increment: adim; padding: 1.4rem 0; border-bottom: 1px solid var(--cizgi); }
.adimlar li::before { content: counter(adim); grid-row: 1 / span 2; font-size: 2.2rem; font-weight: 250; font-stretch: 125%; line-height: 1; color: var(--kirmizi); }
.adimlar p { color: var(--soluk); }
@media (min-width: 860px) {
  .adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2.5rem; border-top: 0; }
  .adimlar li { border-top: 1px solid var(--cizgi); border-bottom: 0; grid-template-columns: 1fr; }
  .adimlar li::before { grid-row: auto; margin-bottom: .75rem; }
}

/* ---------- talep formu ---------- */
.talep { display: grid; gap: clamp(2rem, 4vw, 4rem); }
.talep > div { display: grid; gap: 1.1rem; align-content: start; min-width: 0; }
.talep > div > p { color: var(--soluk); font-size: var(--s1); line-height: 1.55; }
@media (min-width: 900px) { .talep { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
.form { display: grid; gap: 1.4rem; background: #fff; padding: clamp(1.25rem, 3vw, 2.25rem); border-radius: 4px; border: 1px solid var(--kagit-cizgi); min-width: 0; }
.form fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: .6rem; min-width: 0; }
.form legend, .alan > label { font-weight: 600; font-size: 1rem; padding: 0; }
.form legend { margin-bottom: .6rem; }
.secenekler { display: flex; flex-wrap: wrap; gap: .5rem; }
.secenek { position: relative; }
.secenek input { position: absolute; opacity: 0; inset: 0; margin: 0; pointer-events: none; }
.secenek label { display: block; font-weight: 500; padding: .7rem 1.05rem; border-radius: 999px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--kagit-cizgi); background: var(--kagit); }
.secenek input:checked + label { background: var(--kagit-yazi); color: #fff; box-shadow: none; }
.secenek input:focus-visible + label { outline: 2px solid var(--kirmizi); outline-offset: 2px; }
.alan { display: grid; gap: .45rem; }
.alan input, .alan textarea { width: 100%; font: inherit; color: inherit; padding: .85rem 1rem; border-radius: 4px; border: 1px solid var(--kagit-cizgi); background: #fff; }
.alan input:focus, .alan textarea:focus { outline: none; border-color: var(--kagit-yazi); box-shadow: 0 0 0 3px rgba(27, 31, 35, .08); }
.alan textarea { min-height: 7rem; resize: vertical; }
.form-not { font-size: var(--s-1); color: var(--kagit-soluk); }

/* ---------- bölgeler ---------- */
.bolgeler { display: grid; gap: clamp(2.5rem, 5vw, 4rem); }
@media (min-width: 900px) { .bolgeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bolge { display: grid; gap: 1rem; align-content: start; padding-top: 1.5rem; border-top: 1px solid var(--cizgi); min-width: 0; }
.bolge-ust { color: var(--soluk); font-weight: 500; }
.bolge .buyuk { font-size: var(--s2); font-weight: 360; font-stretch: 122%; line-height: 1.15; letter-spacing: -.02em; }
.bolge p { color: var(--soluk); }
.etiketler { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; }
.etiketler li { padding: .3rem .8rem; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--cizgi); font-size: .92rem; }
.etiketler--ilce li { font-weight: 600; box-shadow: inset 0 0 0 1px var(--soluk); }

/* ---------- SSS ---------- */
.sss { border-top: 1px solid var(--cizgi); max-width: 54rem; }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { list-style: none; cursor: pointer; padding: 1.35rem 3rem 1.35rem 0; position: relative; font-weight: 500; font-size: var(--s1); font-stretch: 112%; line-height: 1.3; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::before, .sss summary::after { content: ""; position: absolute; right: .5rem; top: 50%; width: 1rem; height: 1.5px; background: var(--kirmizi); transition: transform .25s; }
.sss summary::after { transform: rotate(90deg); }
.sss details[open] summary::after { transform: rotate(0); }
.sss details p { padding: 0 0 1.4rem; color: var(--soluk); }

/* ---------- iletişim ---------- */
.iletisim { display: grid; gap: 2.5rem; }
.iletisim-sol { display: grid; gap: 1.5rem; align-content: start; min-width: 0; }
@media (min-width: 900px) { .iletisim { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: end; } }
.tel-buyuk { font-size: clamp(2.1rem, 1.1rem + 4.4vw, 4.6rem); font-weight: 300; font-stretch: 118%; line-height: 1; text-decoration: none; font-variant-numeric: tabular-nums; letter-spacing: -.02em; white-space: nowrap; }
.tel-buyuk:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--kirmizi); text-decoration-thickness: 2px; text-underline-offset: 8px; }
.bilgi { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--cizgi); }
.bilgi div { display: grid; gap: .2rem; padding: 1rem 0; border-bottom: 1px solid var(--cizgi); }
.bilgi dt { color: var(--soluk); font-size: .92rem; }
.bilgi dd { margin: 0; font-weight: 500; }
.bilgi a { text-underline-offset: 3px; }

/* ---------- alt bilgi ---------- */
.alt { background: #0e1012; padding-block: clamp(4rem, 8vw, 7rem) 2rem; border-top: 1px solid var(--cizgi); }
.alt-ic { display: grid; gap: 3rem; }
.slogan { font-size: clamp(2.6rem, .8rem + 8.4vw, 9rem); font-weight: 250; font-stretch: 125%; line-height: .92; letter-spacing: -.045em; margin: 0; max-width: none; }
.slogan b { font-weight: 700; color: var(--kirmizi); }
.alt-izgara { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.alt-izgara h3 { font-size: .95rem; font-weight: 600; margin-bottom: .75rem; color: var(--soluk); }
.alt-izgara ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.alt-izgara a { text-decoration: none; }
.alt-izgara a:hover { text-decoration: underline; text-underline-offset: 3px; }
.alt-izgara p { color: var(--soluk); }
.telif { color: var(--soluk); font-size: var(--s-1); border-top: 1px solid var(--cizgi); padding-top: 1.5rem; max-width: none; }

/* ---------- hizmet sayfaları ---------- */
.hizmet-sahne { position: relative; isolation: isolate; overflow: hidden; min-height: min(78svh, 720px); display: grid; align-items: end; background: #0c0e10; }
.hizmet-sahne > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; animation: yakinlas 9s ease-out both; }
.hizmet-sahne::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(12, 14, 16, .97) 0%, rgba(12, 14, 16, .72) 38%, rgba(12, 14, 16, .15) 75%), linear-gradient(90deg, rgba(12, 14, 16, .55), rgba(12, 14, 16, 0) 65%); }
.hizmet-sahne .kap { display: grid; gap: 1.35rem; padding-block: 7rem clamp(2.5rem, 5vw, 4rem); }
.hizmet-sahne .kap > p { font-size: var(--s1); color: #d5dade; max-width: 44ch; line-height: 1.5; }
.hizmet-sahne h1 { max-width: 16ch; }
.yol { font-size: .92rem; color: var(--soluk); }
.yol a { color: var(--soluk); text-underline-offset: 3px; }
.usta-satir { display: flex; align-items: baseline; flex-wrap: wrap; gap: .25rem .9rem; padding: .9rem 0; border-block: 1px solid var(--cizgi); max-width: 34rem; }
.usta-satir b { font-size: var(--s2); font-weight: 400; font-stretch: 122%; letter-spacing: -.02em; }
.usta-satir span { color: var(--soluk); }

.isler { display: grid; border-top: 1px solid var(--cizgi); }
.isler > div { display: grid; gap: .3rem; padding: 1.35rem 0; border-bottom: 1px solid var(--cizgi); align-content: start; }
.isler p { color: var(--soluk); }
@media (min-width: 760px) { .isler { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3.5rem; } }

.acil { display: grid; gap: 1rem; padding: clamp(1.5rem, 3vw, 2.25rem); border-left: 2px solid var(--kirmizi); background: var(--yuzey-2); }
.acil ol { margin: 0; padding-left: 1.25rem; display: grid; gap: .65rem; }
.acil li { padding-left: .25rem; }
.acil li::marker { color: var(--kirmizi); font-weight: 600; }

.araclar { display: grid; border-top: 1px solid var(--cizgi); }
.araclar > div { display: grid; gap: .4rem; padding: 1.4rem 0; border-bottom: 1px solid var(--cizgi); align-content: start; }
.araclar .ad { font-size: var(--s3); font-weight: 340; font-stretch: 125%; line-height: 1; letter-spacing: -.025em; }
.araclar p { color: var(--soluk); }
@media (min-width: 860px) {
  .araclar { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0; column-gap: 2.5rem; }
  .araclar > div { border-top: 1px solid var(--cizgi); border-bottom: 0; }
}

/* güzergâh: plaka ızgarası */
.rotalar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(9.5rem, 100%), 1fr)); gap: .5rem; }
.rota { display: flex; align-items: center; gap: .65rem; border: 1px solid var(--cizgi); border-radius: 4px; padding: .65rem .75rem; min-width: 0; }
.plaka { flex: none; min-width: 2.9rem; text-align: center; padding: .12rem .4rem .12rem .9rem; border: 1.5px solid #1b1f23; border-radius: 3px; font-weight: 700; font-variant-numeric: tabular-nums; position: relative; background: #fff; color: #1b1f23; overflow: hidden; }
.plaka::before { content: ""; position: absolute; inset: 0 auto 0 0; width: .45rem; background: #1d4fa3; }
.rota b { display: block; font-weight: 600; line-height: 1.2; }
.rota small { color: var(--soluk); font-variant-numeric: tabular-nums; font-size: .88rem; }
.rota-not { margin-top: 1.5rem; color: var(--soluk); }

.etkenler { display: grid; border-top: 1px solid var(--cizgi); }
.etkenler > div { padding: 1.2rem 0; border-bottom: 1px solid var(--cizgi); display: grid; gap: .25rem; align-content: start; }
.etkenler p { color: var(--soluk); }
@media (min-width: 760px) { .etkenler { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3.5rem; } }
.vurgu-not { margin-top: 1.75rem; font-size: var(--s1); font-weight: 500; }

.cagri { background: var(--kirmizi); color: #fff; }
.cagri-ic { display: grid; gap: 1.25rem; padding-block: clamp(3rem, 6vw, 5rem); }
.cagri h2 { max-width: 20ch; }
.cagri p { color: rgba(255, 255, 255, .9); font-size: var(--s1); }
.cagri .dugme--ara { background: #fff; color: var(--kirmizi); }
.cagri .dugme--ara:hover { background: #f1f1f1; }
.cagri .dugme--wa { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8); }
.cagri .dugme--wa svg { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  /* açılış görselleri yine sırayla değişir, yalnız yakınlaşma olmadan, yumuşak geçişle */
  .sahne-gorseller figure { transition: opacity 1.2s ease !important; }
}