/* =========================================================
   YENİŞEHİR TAKSİ — 71 T 2042
   Tek sayfa · sarı/siyah damalı · filigranlı
   ========================================================= */

:root{
  --sari:        #FFC400;
  --sari-acik:   #FFDA55;
  --sari-koyu:   #E0A400;

  --siyah:       #0E0E13;
  --siyah-2:     #15151B;
  --siyah-3:     #1D1D25;
  --cizgi:       #2C2C36;

  --metin:       #ECECF2;
  --metin-2:     #A3A3AF;
  --metin-3:     #7A7A86;

  --yesil:       #25D366;

  --max:         1180px;
  --r-sm:        10px;
  --r:           16px;
  --r-lg:        24px;
  --golge:       0 16px 40px rgba(0,0,0,.45);
  --golge-sari:  0 12px 28px rgba(255,196,0,.28);
  --gecis:       .26s cubic-bezier(.4,0,.2,1);
  --font:        "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --imza:        "Dancing Script", "Segoe Script", cursive;

  --filigran: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300'%3E%3Cg transform='rotate(-18 260 150)' font-family='Inter,Segoe UI,Arial,sans-serif' font-weight='900' fill='%23FFC400'%3E%3Ctext x='25' y='95' font-size='40' letter-spacing='-1' fill-opacity='0.12'%3EYEN%C4%B0%C5%9EEH%C4%B0R TAKS%C4%B0%3C/text%3E%3Crect x='70' y='178' width='246' height='54' rx='9' fill='none' stroke='%23FFC400' stroke-opacity='0.095' stroke-width='3'/%3E%3Cpath d='M108 178 V232' stroke='%23FFC400' stroke-opacity='0.095' stroke-width='3'/%3E%3Ctext x='78' y='217' font-size='17' letter-spacing='0' fill-opacity='0.095'%3ETR%3C/text%3E%3Ctext x='121' y='219' font-size='30' letter-spacing='2' fill-opacity='0.115'%3E71 T 2042%3C/text%3E%3C/g%3E%3C/svg%3E");
  --filigran-koyu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300'%3E%3Cg transform='rotate(-18 260 150)' font-family='Inter,Segoe UI,Arial,sans-serif' font-weight='900' fill='%23000000'%3E%3Ctext x='25' y='95' font-size='40' letter-spacing='-1' fill-opacity='0.085'%3EYEN%C4%B0%C5%9EEH%C4%B0R TAKS%C4%B0%3C/text%3E%3Crect x='70' y='178' width='246' height='54' rx='9' fill='none' stroke='%23000000' stroke-opacity='0.065' stroke-width='3'/%3E%3Cpath d='M108 178 V232' stroke='%23000000' stroke-opacity='0.065' stroke-width='3'/%3E%3Ctext x='78' y='217' font-size='17' letter-spacing='0' fill-opacity='0.065'%3ETR%3C/text%3E%3Ctext x='121' y='219' font-size='30' letter-spacing='2' fill-opacity='0.08'%3E71 T 2042%3C/text%3E%3C/g%3E%3C/svg%3E");
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:84px; overflow-x:hidden; }

body{
  margin:0; width:100%; max-width:100%; overflow-x:hidden;
  font-family:var(--font);
  background:var(--siyah);
  color:var(--metin);
  font-size:15px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ margin:0; line-height:1.18; font-weight:800; letter-spacing:-.02em; overflow-wrap:break-word; }
p{ margin:0; overflow-wrap:break-word; }

.kapsayici{ width:100%; max-width:var(--max); margin-inline:auto; padding-inline:20px; position:relative; z-index:2; }

/* ---------- Damalı ---------- */
.dama{
  background-image:
    conic-gradient(var(--siyah) 90deg, transparent 90deg 180deg,
                   var(--siyah) 180deg 270deg, transparent 270deg);
  background-size:24px 24px;
  background-color:var(--sari);
}
.dama-serit{ height:12px; background-size:12px 12px; }
.dama-serit.ince{ height:8px; background-size:8px 8px; }

/* ---------- Filigran ---------- */
.filigranli{ position:relative; overflow:hidden; }
.filigranli::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--filigran); background-repeat:repeat;
}
.filigranli.acik-fon::before{ background-image:var(--filigran-koyu); }

/* ---------- Plaka ---------- */
.plaka{
  display:inline-flex; align-items:stretch; max-width:100%;
  background:linear-gradient(180deg,#FFFFFF 0%,#EFEFEC 100%);
  border:2px solid #0A0A0D; border-radius:5px;
  overflow:hidden; box-shadow:0 5px 14px rgba(0,0,0,.4);
  line-height:1; user-select:none;
}
.plaka .tr{
  background:#2436A8; display:flex; align-items:flex-end; justify-content:center;
  padding:0 4px 3px; min-width:20px;
}
.plaka .tr .kod{ font-size:9px; font-weight:700; color:#fff; letter-spacing:.04em; }
.plaka .no{
  color:#0A0A0D; font-weight:800; letter-spacing:.09em;
  display:flex; align-items:center; padding:7px 12px 7px 10px;
  font-size:19px; white-space:nowrap;
}
.plaka.buyuk .tr{ min-width:28px; padding:0 6px 5px; }
.plaka.buyuk .tr .kod{ font-size:11px; }
.plaka.buyuk .no{ font-size:clamp(22px,3.4vw,28px); padding:10px 18px 10px 14px; }
.plaka.kucuk .tr{ min-width:17px; padding:0 4px 3px; }
.plaka.kucuk .tr .kod{ font-size:7.5px; }
.plaka.kucuk .no{ font-size:14px; padding:5px 9px 5px 8px; letter-spacing:.08em; }

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px; border-radius:999px;
  font-weight:700; font-size:14px; border:2px solid transparent; cursor:pointer;
  transition:transform var(--gecis), box-shadow var(--gecis), background var(--gecis), color var(--gecis), border-color var(--gecis);
  white-space:nowrap;
}
.btn svg{ width:17px; height:17px; flex:none; }
.btn:hover{ transform:translateY(-2px); }
.btn-sari{ background:var(--sari); color:#0A0A0D; box-shadow:var(--golge-sari); }
.btn-sari:hover{ background:var(--sari-acik); }
.btn-siyah{ background:#0A0A0D; color:var(--sari); }
.btn-siyah:hover{ background:var(--siyah-3); }
.btn-wa{ background:var(--yesil); color:#04371a; box-shadow:0 10px 24px rgba(37,211,102,.28); }
.btn-wa:hover{ background:#3ae57f; }
.btn-cizgi{ background:transparent; color:var(--metin); border-color:var(--cizgi); }
.btn-cizgi:hover{ border-color:var(--sari); color:var(--sari); }
.btn-blok{ width:100%; }
.btn-buyuk{ padding:15px 28px; font-size:15.5px; }

/* =========================================================
   HEADER — damalı üst şerit + eğik sarı çağrı bloğu
   ========================================================= */
.header{
  position:sticky; top:0; z-index:90;
  background:#0A0A0D; border-bottom:2px solid var(--sari);
  transition:box-shadow var(--gecis);
}
.header.sabit{ box-shadow:0 10px 26px rgba(0,0,0,.6); }
.header .ic{ display:flex; align-items:center; justify-content:space-between; gap:18px; height:70px; }

.logo{ display:flex; align-items:center; gap:11px; flex:0 0 auto; }
.logo .yazi{ display:flex; flex-direction:column; line-height:1.15; white-space:nowrap; }
.logo .yazi b{ font-size:14px; color:#fff; letter-spacing:.02em; }
.logo .yazi span{ font-size:10px; color:var(--sari); letter-spacing:.16em; text-transform:uppercase; font-weight:800; }

.menu{ display:flex; align-items:center; gap:4px; flex:1 1 auto; justify-content:center; }
.menu a{
  position:relative; padding:9px 11px; font-size:12.5px; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase; color:#B4B4BF; white-space:nowrap;
  transition:color var(--gecis);
}
.menu a::after{
  content:""; position:absolute; left:11px; right:11px; bottom:0; height:3px;
  background:var(--sari); transform:scaleX(0); transform-origin:left;
  transition:transform var(--gecis);
}
.menu a:hover{ color:#fff; }
.menu a:hover::after, .menu a.aktif::after{ transform:scaleX(1); }
.menu a.aktif{ color:var(--sari); }

.header-cta{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }

/* yuvarlak WhatsApp ikon butonu */
.wa-ikon-btn{
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  background:transparent; border:2px solid var(--yesil); color:var(--yesil);
  transition:var(--gecis); flex:none;
}
.wa-ikon-btn svg{ width:20px; height:20px; }
.wa-ikon-btn:hover{ background:var(--yesil); color:#04371a; transform:translateY(-2px); }

/* eğik sarı "HEMEN ARA" bloğu */
.ara-blok{
  display:inline-flex; align-items:center; gap:9px;
  background:var(--sari); color:#0A0A0D; font-weight:800; font-size:13.5px;
  letter-spacing:.06em; text-transform:uppercase;
  padding:12px 22px; border-radius:3px; transform:skewX(-11deg);
  box-shadow:var(--golge-sari); transition:var(--gecis); white-space:nowrap;
}
.ara-blok > *{ transform:skewX(11deg); }
.ara-blok svg{ width:17px; height:17px; }
.ara-blok:hover{ background:var(--sari-acik); transform:skewX(-11deg) translateY(-2px); }

.hamburger{
  display:none; width:44px; height:44px; border-radius:10px;
  background:var(--sari); border:none;
  align-items:center; justify-content:center; cursor:pointer; flex-direction:column; gap:5px;
}
.hamburger span{ display:block; width:19px; height:2px; background:#0A0A0D; border-radius:2px; transition:var(--gecis); }
.hamburger.acik span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger.acik span:nth-child(2){ opacity:0; }
.hamburger.acik span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.mobil-menu{
  display:none; position:fixed; inset:84px 0 0; z-index:80;
  background:#0A0A0D; padding:22px 20px 40px; overflow-y:auto;
}
.mobil-menu.acik{ display:block; animation:ac .25s ease; }
@keyframes ac{ from{ opacity:0; transform:translateY(-12px);} to{ opacity:1; transform:none;} }
.mobil-menu a.satir{
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 4px; border-bottom:1px solid var(--cizgi);
  font-size:15px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
}
.mobil-menu a.satir::after{ content:"\203A"; color:var(--sari); font-size:20px; }
.mobil-menu .alt-cta{ display:grid; gap:10px; margin-top:24px; }

/* =========================================================
   HERO
   ========================================================= */
.hero-split{ position:relative; display:grid; grid-template-columns:1fr 1fr; }
.hero-split .yari{ display:flex; align-items:center; padding:52px 0; position:relative; overflow:hidden; }
.hero-split .yari.siyah{ background:var(--siyah); justify-content:flex-end; }
.hero-split .yari.siyah::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--filigran); background-repeat:repeat;
}
.hero-split .yari.siyah::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(620px 420px at 25% 30%, rgba(255,196,0,.14), transparent 62%);
}
.hero-split .yari.sari{ background:var(--sari); color:#0A0A0D; justify-content:flex-start; }
.hero-split .yari.sari::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--filigran-koyu); background-repeat:repeat;
}
.hero-split .ic{ width:100%; max-width:calc(var(--max) / 2); padding:0 38px; position:relative; z-index:2; }

.hero-bolucu{
  position:absolute; left:50%; top:0; bottom:0; width:12px; transform:translateX(-50%); z-index:3;
  background-image:conic-gradient(var(--siyah) 90deg, #fff 90deg 180deg, var(--siyah) 180deg 270deg, #fff 270deg);
  background-size:12px 12px;
}

.rozet{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--sari); color:#0A0A0D;
  padding:7px 15px; border-radius:999px;
  font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
}
.nokta{
  width:7px; height:7px; border-radius:50%; background:#0d8c3f;
  box-shadow:0 0 0 0 rgba(13,140,63,.7); animation:nabiz 2s infinite;
}
@keyframes nabiz{
  70%{ box-shadow:0 0 0 8px rgba(13,140,63,0); }
  100%{ box-shadow:0 0 0 0 rgba(13,140,63,0); }
}

.hero-split h1{ font-size:clamp(25px,3vw,38px); margin:18px 0 0; color:#fff; }
.hero-split h1 .vurgu{ color:var(--sari); }
.hero-split .aciklama{ color:var(--metin-2); font-size:14.5px; margin-top:14px; }

/* telefon + plaka + imza */
.tel-blok{ margin-top:24px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.tel-buyuk{
  display:inline-flex; align-items:center; gap:12px; max-width:100%;
  background:linear-gradient(135deg, rgba(255,196,0,.16), rgba(255,196,0,.05));
  border:2px solid var(--sari); border-radius:999px;
  padding:9px 22px 9px 10px;
  transition:transform var(--gecis), box-shadow var(--gecis), background var(--gecis);
}
.tel-buyuk:hover{ transform:translateY(-2px); box-shadow:var(--golge-sari); background:var(--sari); }
.tel-buyuk:hover .tel-ikon{ background:#0A0A0D; color:var(--sari); }
.tel-buyuk .tel-ikon{
  width:40px; height:40px; border-radius:50%; background:var(--sari); color:#0A0A0D;
  display:grid; place-items:center; flex:none; transition:var(--gecis);
}
.tel-buyuk .tel-ikon svg{ width:19px; height:19px; }
.tel-buyuk .tel-yazi{ display:flex; flex-direction:column; line-height:1.18; min-width:0; }
.tel-buyuk .tel-yazi small{ font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--sari); }
.tel-buyuk:hover .tel-yazi small{ color:#4a3800; }
.tel-buyuk .tel-yazi b{ font-size:clamp(18px,2.1vw,23px); color:#fff; white-space:nowrap; }
.tel-buyuk:hover .tel-yazi b{ color:#0A0A0D; }

.plaka-imza{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.imza-alan{ display:flex; flex-direction:column; line-height:1; }
.imza-alan .ust{ font-size:9.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--metin-3); margin-bottom:2px; }
.imza{
  font-family:var(--imza); font-weight:700;
  font-size:clamp(28px,3.4vw,38px); color:var(--sari);
  transform:rotate(-4deg); display:inline-block; line-height:1;
  text-shadow:0 2px 10px rgba(255,196,0,.25);
}


.hero-mini{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px;
  border-top:1px solid var(--cizgi); padding-top:18px;
}
.hero-mini b{ display:block; font-size:13.5px; color:var(--sari); }
.hero-mini span{ font-size:11.5px; color:var(--metin-3); }

/* sağ sarı taraf */
.iletisim-bas{
  display:inline-flex; align-items:center; gap:8px;
  font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase;
}
.iletisim-bas::before{ content:""; width:24px; height:5px; background:#0A0A0D; border-radius:2px; }
.hero-split .yari.sari h2{ font-size:clamp(20px,2.2vw,27px); margin:12px 0 8px; }
.hero-split .yari.sari .alt-yazi{ color:rgba(10,10,13,.78); font-size:14px; margin-bottom:18px; }

.wa-rozet{
  display:inline-flex; align-items:center; gap:7px;
  background:#0A0A0D; color:var(--yesil); border-radius:999px;
  padding:6px 14px; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  margin-bottom:14px;
}
.wa-rozet svg{ width:14px; height:14px; }

.hero-form{ background:#0A0A0D; border-radius:var(--r-lg); padding:22px; box-shadow:0 18px 44px rgba(0,0,0,.32); }
.hero-form .alan label{ color:var(--metin-2); }
.hero-form .alan input, .hero-form .alan select, .hero-form .alan textarea{
  background:var(--siyah-2); border-color:var(--cizgi); color:#fff;
}
.hero-form .form-not{ color:var(--metin-3); }

.alan{ margin-bottom:12px; }
.alan label{ display:block; font-size:11.5px; font-weight:700; margin-bottom:5px; letter-spacing:.05em; text-transform:uppercase; }
.alan input, .alan select, .alan textarea{
  width:100%; max-width:100%; padding:11px 13px; border-radius:var(--r-sm);
  border:1px solid var(--cizgi); font-family:var(--font); font-size:14px;
  transition:border-color var(--gecis), box-shadow var(--gecis);
}
.alan input:focus, .alan select:focus, .alan textarea:focus{
  outline:none; border-color:var(--sari); box-shadow:0 0 0 3px rgba(255,196,0,.22);
}
.alan textarea{ resize:vertical; min-height:62px; }
.alan-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.form-not{ font-size:11.5px; margin-top:10px; text-align:center; }

/* =========================================================
   Bölümler — bir sarı bir siyah
   ========================================================= */
.bolum{ padding:74px 0; position:relative; overflow:hidden; }
.bolum:not(.sari)::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(860px 420px at 88% -10%, rgba(255,196,0,.12), transparent 62%),
             radial-gradient(660px 360px at 5% 110%, rgba(255,196,0,.07), transparent 60%);
}

.bolum.sari{ background:var(--sari); color:#0A0A0D; }
.bolum.sari .bolum-bas h2{ color:#0A0A0D; }
.bolum.sari .bolum-bas p{ color:rgba(10,10,13,.78); }
.bolum.sari .etiket{ color:#0A0A0D; }
.bolum.sari .etiket::before{ background:#0A0A0D; }
.bolum.sari .kart{ background:#0A0A0D; border-color:#0A0A0D; }
.bolum.sari .kart:hover{ box-shadow:0 16px 36px rgba(0,0,0,.35); }
.bolum.sari .galeri figure{ background:#0A0A0D; border-color:#0A0A0D; }
.bolum.sari .galeri figure:nth-child(3n+2){ background:#14141B; }
.bolum.sari .iletisim-satir{ background:#0A0A0D; border-color:#0A0A0D; }
.bolum.sari .iletisim-satir:hover{ background:#16161E; }
.bolum.sari .harita{ border-color:#0A0A0D; }
.bolum.sari code{ background:rgba(10,10,13,.12); padding:2px 6px; border-radius:5px; }

.bolum-bas{ max-width:640px; margin-bottom:38px; }
.bolum-bas.orta{ margin-inline:auto; text-align:center; }
.etiket{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--sari); font-size:11px; font-weight:800;
  letter-spacing:.2em; text-transform:uppercase; margin-bottom:12px;
}
.etiket::before{ content:""; width:24px; height:5px; background:var(--sari); border-radius:2px; }
.bolum-bas h2{ font-size:clamp(22px,2.6vw,31px); }
.bolum-bas p{ color:var(--metin-2); margin-top:12px; font-size:15px; }

/* ---------- Kartlar ---------- */
.kart-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:18px; }
.kart{
  position:relative; background:var(--siyah); border:1px solid var(--cizgi);
  border-radius:var(--r); padding:26px 22px 22px; overflow:hidden;
  transition:transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
}
.kart::after{
  content:""; position:absolute; left:0; right:0; top:0; height:5px;
  background-image:conic-gradient(#0A0A0D 90deg, var(--sari) 90deg 180deg, #0A0A0D 180deg 270deg, var(--sari) 270deg);
  background-size:10px 10px;
}
.kart:hover{ transform:translateY(-5px); box-shadow:var(--golge); border-color:var(--sari); }
.kart .ikon{
  width:48px; height:48px; border-radius:13px; display:grid; place-items:center;
  background:var(--sari); color:#0A0A0D; margin-bottom:15px;
}
.kart .ikon svg{ width:24px; height:24px; }
.kart h3{ font-size:17px; margin-bottom:8px; color:#fff; }
.kart p{ color:var(--metin-2); font-size:14px; }
.kart ul{ margin-top:13px; display:grid; gap:7px; }
.kart ul li{ display:flex; gap:8px; font-size:13.5px; color:var(--metin-2); }
.kart ul li::before{ content:"\25AA"; color:var(--sari); }

/* ---------- Sağlı sollu bloklar ---------- */
.bloklar{ display:grid; gap:20px; }
.blok{
  display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
  border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--golge);
  border:1px solid var(--cizgi);
}
.blok .panel{
  position:relative; padding:34px 32px; display:flex; flex-direction:column; justify-content:center;
  min-height:250px; overflow:hidden;
}
.blok .panel.sari{ background:var(--sari); color:#0A0A0D; }
.blok .panel.sari .panel-no{ color:rgba(10,10,13,.18); }
.blok .panel.siyah{ background:#0A0A0D; color:#fff; }
.blok .panel.siyah .panel-no{ color:rgba(255,255,255,.09); }
.blok .panel.siyah h3{ color:var(--sari); }
.blok .panel.detay{ background:var(--siyah-2); color:var(--metin); }

.blok .panel-no{
  position:absolute; right:18px; top:2px; font-size:72px; font-weight:900;
  line-height:1; letter-spacing:-.05em; pointer-events:none;
}
.blok .panel .ust-ikon{ width:48px; height:48px; border-radius:13px; display:grid; place-items:center; margin-bottom:15px; }
.blok .panel.sari .ust-ikon{ background:#0A0A0D; color:var(--sari); }
.blok .panel.siyah .ust-ikon{ background:var(--sari); color:#0A0A0D; }
.blok .panel .ust-ikon svg{ width:24px; height:24px; }
.blok .panel h3{ font-size:clamp(18px,2vw,23px); margin-bottom:9px; }
.blok .panel p{ font-size:14.5px; }
.blok .panel.sari p{ color:rgba(10,10,13,.78); }
.blok .panel.siyah p{ color:var(--metin-2); }

.blok .panel ul{ display:grid; gap:9px; }
.blok .panel ul li{ display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--metin-2); }
.blok .panel ul li svg{ width:17px; height:17px; flex:none; margin-top:3px; color:var(--sari); }
.blok .panel .blok-cta{ margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; }

.blok .panel.sari::after, .blok .panel.siyah::after{
  content:""; position:absolute; top:0; bottom:0; right:0; width:10px;
  background-image:conic-gradient(var(--siyah-2) 90deg, transparent 90deg 180deg, var(--siyah-2) 180deg 270deg, transparent 270deg);
  background-size:10px 10px; opacity:.5;
}
.blok.ters{ direction:rtl; }
.blok.ters > *{ direction:ltr; }
.blok.ters .panel.sari::after, .blok.ters .panel.siyah::after{ right:auto; left:0; }

/* ---------- Hakkımızda listesi ---------- */
.neden-liste{ display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:14px; }
.neden-liste li{
  display:flex; gap:14px; align-items:flex-start;
  background:rgba(10,10,13,.55); border:1px solid var(--cizgi); border-left:4px solid var(--sari);
  border-radius:var(--r-sm); padding:17px 18px;
  transition:transform var(--gecis), background var(--gecis);
}
.neden-liste li:hover{ transform:translateY(-3px); background:#0A0A0D; }
.neden-liste .no{ font-weight:900; color:var(--sari); font-size:13.5px; min-width:24px; }
.neden-liste b{ display:block; margin-bottom:2px; font-size:14.5px; color:#fff; }
.neden-liste span{ color:var(--metin-2); font-size:13.5px; }

/* ---------- Galeri ---------- */
.galeri{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.galeri figure{
  margin:0; position:relative; aspect-ratio:4/5; border-radius:var(--r);
  overflow:hidden; border:1px solid var(--cizgi); background:var(--siyah-3);
  display:grid; place-items:center; transition:transform var(--gecis), box-shadow var(--gecis);
}
.galeri figure:hover{ transform:translateY(-4px); box-shadow:var(--golge); }
.galeri figure picture{ display:contents; }
.galeri figure img{ width:100%; height:100%; object-fit:cover; }
.galeri figure .yer-tutucu{ display:grid; place-items:center; gap:8px; color:var(--metin-3); padding:18px; text-align:center; font-size:12px; }
.galeri figure .yer-tutucu svg{ width:64px; height:auto; }
.galeri figcaption{
  position:absolute; left:0; right:0; bottom:0;
  background:linear-gradient(transparent, rgba(0,0,0,.92));
  color:#fff; padding:24px 14px 12px; font-size:13px; font-weight:600;
}

/* ---------- İletişim ---------- */
.iletisim-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.iletisim-liste{ display:grid; gap:12px; }
.iletisim-satir{
  display:flex; gap:14px; align-items:center;
  background:var(--siyah); border:1px solid var(--cizgi); border-radius:var(--r); padding:15px 17px;
  transition:border-color var(--gecis), transform var(--gecis), background var(--gecis);
}
.iletisim-satir:hover{ border-color:var(--sari); transform:translateY(-2px); }
.iletisim-satir .ikon{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:var(--sari); color:#0A0A0D; flex:none;
}
.iletisim-satir.wa .ikon{ background:var(--yesil); color:#04371a; }
.iletisim-satir .ikon svg{ width:20px; height:20px; }
.iletisim-satir b{ display:block; font-size:14.5px; color:#fff; }
.iletisim-satir span{ color:var(--metin-2); font-size:13px; }

.harita{
  border-radius:var(--r); overflow:hidden; border:3px solid var(--sari);
  box-shadow:var(--golge); aspect-ratio:4/3; background:var(--siyah-3);
}
.harita iframe{ width:100%; height:100%; border:0; }

/* ---------- SSS ---------- */
.sss{ display:grid; gap:10px; max-width:860px; margin-inline:auto; }
.sss-oge{ background:#0A0A0D; border:1px solid var(--cizgi); border-left:4px solid var(--sari); border-radius:var(--r); overflow:hidden; }
.sss-oge summary{ cursor:pointer; list-style:none; padding:17px 52px 17px 20px; position:relative; font-weight:700; font-size:14.5px; color:#fff; }
.sss-oge summary::-webkit-details-marker{ display:none; }
.sss-oge summary::after{
  content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border-radius:50%; background:var(--sari); color:#0A0A0D;
  display:grid; place-items:center; font-size:17px; font-weight:700; line-height:1;
}
.sss-oge[open] summary::after{ content:"\2212"; }
.sss-oge[open] summary{ color:var(--sari); }
.sss-oge .cevap{ padding:0 20px 18px; color:var(--metin-2); font-size:14px; }

/* ---------- CTA ---------- */
.cta-serit{ position:relative; background:var(--sari); color:#0A0A0D; overflow:hidden; }
.cta-serit::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--filigran-koyu); background-repeat:repeat;
}
.cta-serit .ic{ padding-block:52px; text-align:center; position:relative; z-index:2; }
.cta-serit h2{ font-size:clamp(21px,2.6vw,30px); }
.cta-serit p{ margin:12px auto 24px; max-width:56ch; font-size:14.5px; color:rgba(10,10,13,.78); }
.cta-serit .butonlar{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.cta-serit.koyu{ background:#0A0A0D; color:#fff; }
.cta-serit.koyu::before{ background-image:var(--filigran); }
.cta-serit.koyu h2{ color:#fff; }
.cta-serit.koyu h2 .sari-vurgu{ color:var(--sari); }
.cta-serit.koyu p{ color:var(--metin-2); }

/* ---------- Footer ---------- */
.footer{ background:#0A0A0D; color:var(--metin-2); padding:52px 0 0; position:relative; overflow:hidden; }
.footer::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--filigran); background-repeat:repeat;
}
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr; gap:30px; }
.footer h4{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--sari); margin-bottom:14px; }
.footer p, .footer li, .footer a{ color:var(--metin-2); font-size:13.5px; }
.footer ul{ display:grid; gap:8px; }
.footer a:hover{ color:var(--sari); }
.footer .marka p{ margin-top:14px; max-width:40ch; }
.footer .imza{ font-size:30px; margin-top:12px; }
.footer-alt{
  margin-top:40px; border-top:1px solid var(--cizgi); padding:18px 0;
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:12.5px; color:var(--metin-3);
}

/* ---------- Mobil alt çubuk / yukarı ---------- */
.mobil-cubuk{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:95;
  background:rgba(10,10,13,.97); border-top:2px solid var(--sari);
  backdrop-filter:blur(12px);
  padding:9px 12px calc(9px + env(safe-area-inset-bottom));
  grid-template-columns:1fr 1fr; gap:9px;
}
.mobil-cubuk .btn{ padding:12px 8px; font-size:13.5px; }

.yukari{
  position:fixed; right:16px; bottom:20px; z-index:85;
  width:44px; height:44px; border-radius:50%;
  background:var(--sari); color:#0A0A0D; border:none; cursor:pointer;
  display:grid; place-items:center; box-shadow:var(--golge-sari);
  opacity:0; pointer-events:none; transform:translateY(14px); transition:var(--gecis);
}
.yukari.gorunur{ opacity:1; pointer-events:auto; transform:none; }
.yukari svg{ width:18px; height:18px; }

/* =========================================================
   ANİMASYONLAR
   ========================================================= */
.gir{ opacity:0; transform:translateY(22px); transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); }
.gir.gorundu{ opacity:1; transform:none; }

.gir-sol{ opacity:0; transform:translateX(-46px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.gir-sag{ opacity:0; transform:translateX(46px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.gir-sol.gorundu, .gir-sag.gorundu{ opacity:1; transform:none; }

.gir-buyu{ opacity:0; transform:scale(.94); transition:opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1); }
.gir-buyu.gorundu{ opacity:1; transform:none; }

/* akan damalı şerit */
.dama-serit.akan{ animation:dama-kay 2.4s linear infinite; }
@keyframes dama-kay{ from{ background-position:0 0; } to{ background-position:24px 0; } }

/* butonlarda parlama */
.btn, .ara-blok, .tel-buyuk{ position:relative; overflow:hidden; }
.btn::before, .ara-blok::before, .tel-buyuk::before{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent);
  transform:skewX(-20deg); transition:left .55s ease; pointer-events:none;
}
.btn:hover::before, .ara-blok:hover::before, .tel-buyuk:hover::before{ left:120%; }

/* kayan yazı şeridi (marquee) */
.kayan-serit{
  background:var(--sari); color:#0A0A0D; overflow:hidden;
  border-top:3px solid #0A0A0D; border-bottom:3px solid #0A0A0D;
  padding:12px 0; position:relative;
}
.kayan-serit.koyu{ background:#0A0A0D; color:var(--sari); border-color:var(--sari); }
.kayan-yol{ display:flex; width:max-content; animation:kay 26s linear infinite; }
.kayan-serit:hover .kayan-yol{ animation-play-state:paused; }
.kayan-yol span{
  display:inline-flex; align-items:center; gap:14px; padding-inline:18px;
  font-size:clamp(14px,1.8vw,19px); font-weight:900; letter-spacing:.08em; text-transform:uppercase;
  white-space:nowrap;
}
.kayan-yol span i{
  display:inline-block; width:10px; height:10px; border-radius:2px; background:currentColor;
  transform:rotate(45deg); opacity:.55;
}
@keyframes kay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* kart ve blok iç ikon animasyonu */
.kart:hover .ikon, .blok:hover .ust-ikon{ transform:rotate(-8deg) scale(1.06); }
.kart .ikon, .blok .ust-ikon{ transition:transform var(--gecis); }

/* imza yazılıyor efekti */
.imza{ animation:imza-gir 1.1s cubic-bezier(.22,1,.36,1) .3s both; }
@keyframes imza-gir{
  from{ opacity:0; transform:rotate(-4deg) translateY(10px) scale(.9); }
  to{ opacity:1; transform:rotate(-4deg); }
}

/* =========================================================
   Erişilebilirlik / dokunma hedefleri
   ========================================================= */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:3px solid var(--sari); outline-offset:3px; border-radius:6px;
}
.bolum.sari a:focus-visible, .bolum.sari button:focus-visible, .bolum.sari summary:focus-visible{
  outline-color:#0A0A0D;
}

/* =========================================================
   Duyarlı
   ========================================================= */
@media (max-width:1180px){
  .logo .yazi{ display:none; }
  .menu a{ padding:9px 8px; font-size:11.5px; letter-spacing:.06em; }
  .hero-split .ic{ padding:0 26px; }
}

@media (max-width:1000px){
  .hero-split{ grid-template-columns:1fr; }
  .hero-split .yari{ justify-content:center; padding:44px 0; }
  .hero-split .ic{ max-width:660px; padding:0 20px; }
  .hero-bolucu{ display:none; }
  .iletisim-grid{ grid-template-columns:1fr; gap:24px; }
  .blok, .blok.ters{ grid-template-columns:1fr; direction:ltr; }
  .blok .panel{ min-height:0; padding:30px 24px; }
  .blok .panel.sari::after, .blok .panel.siyah::after{ top:auto; left:0; right:0; bottom:0; width:auto; height:10px; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
}

/* ---------- Tablet & mobil: gürültüyü azalt ---------- */
@media (max-width:860px){
  .menu, .header-cta .ara-blok{ display:none; }
  .logo .yazi{ display:flex; }
  .hamburger{ display:flex; }
  .mobil-cubuk{ display:grid; }

  body{ padding-bottom:72px; font-size:14.5px; }
  html{ scroll-padding-top:66px; }

  .header .ic{ height:62px; }
  .mobil-menu{ inset:62px 0 0; }

  /* alt çubuk zaten sabit duruyor; yukarı butonu fazlalıktı */
  .yukari{ display:none; }

  .bolum{ padding:48px 0; }
  .bolum-bas{ margin-bottom:26px; }
  .bolum-bas p{ font-size:14px; margin-top:9px; }

  /* filigran ve ışıltılar mobilde çok yoğundu — sakinleştirildi */
  .filigranli::before,
  .hero-split .yari.siyah::before,
  .hero-split .yari.sari::before,
  .cta-serit::before,
  .footer::before{ opacity:.5; background-size:300px auto; }

  .hero-split .yari.siyah::after{
    background:radial-gradient(440px 300px at 50% 0%, rgba(255,196,0,.13), transparent 66%);
  }
  .bolum:not(.sari)::after{
    background:radial-gradient(540px 300px at 92% -6%, rgba(255,196,0,.10), transparent 62%);
  }
}

/* ---------- Telefon ---------- */
@media (max-width:620px){
  .kapsayici{ padding-inline:16px; }

  /* --- HERO: siyah taraf --- */
  .hero-split .yari{ padding:30px 0 34px; }
  .hero-split .ic{ padding:0 16px; }
  .rozet{ font-size:10px; padding:6px 12px; letter-spacing:.1em; }
  .hero-split h1{ font-size:26px; margin-top:14px; line-height:1.22; }
  .hero-split .aciklama{ font-size:14px; margin-top:10px; }

  .tel-blok{ margin-top:20px; gap:13px; width:100%; }
  .tel-buyuk{
    width:100%; justify-content:flex-start;
    padding:9px 16px 9px 9px; gap:12px; border-radius:16px;
  }
  .tel-buyuk .tel-ikon{ width:42px; height:42px; }
  .tel-buyuk .tel-yazi b{ font-size:21px; }

  .plaka-imza{ width:100%; justify-content:space-between; align-items:center; gap:12px; }
  .imza{ font-size:30px; }
  .imza-alan{ text-align:right; }

  /* mini bilgiler: alt alta liste yerine kompakt üçlü şerit */
  .hero-mini{
    grid-template-columns:repeat(3,1fr); gap:0;
    margin-top:20px; padding-top:16px; text-align:center;
  }
  .hero-mini div{ padding-inline:5px; border-left:1px solid var(--cizgi); display:block; }
  .hero-mini div:first-child{ border-left:0; }
  .hero-mini b{ font-size:12.5px; }
  .hero-mini span{ font-size:10.5px; line-height:1.35; display:block; }

  /* --- HERO: sarı taraf / form --- */
  .hero-split .yari.sari h2{ font-size:21px; }
  .hero-split .yari.sari .alt-yazi{ font-size:13.5px; margin-bottom:14px; }
  .hero-form{ padding:16px; border-radius:20px; }
  .alan{ margin-bottom:10px; }
  .alan label{ font-size:10.5px; }
  /* 16px: iOS'ta odaklanınca sayfanın zoom yapmasını engeller */
  .alan input, .alan select, .alan textarea{ font-size:16px; padding:12px 13px; }
  .alan-ikili{ grid-template-columns:1fr; gap:0; }

  /* --- kayan şerit --- */
  .kayan-serit{ padding:9px 0; border-top-width:2px; border-bottom-width:2px; }
  .kayan-yol span{ font-size:13px; padding-inline:12px; gap:10px; }
  .kayan-yol span i{ width:7px; height:7px; }

  /* --- hizmet blokları --- */
  .blok .panel{ padding:24px 18px; }
  .blok .panel-no{ font-size:52px; right:12px; }
  .blok .panel h3{ font-size:19px; }
  .blok .panel p{ font-size:14px; }
  .blok .panel ul li{ font-size:13.5px; }
  .blok .panel .blok-cta{ margin-top:16px; }
  .blok .panel .blok-cta .btn{ width:100%; }

  /* --- hakkımızda --- */
  .neden-liste{ grid-template-columns:1fr; gap:10px; }
  .neden-liste li{ padding:14px 15px; gap:12px; }

  /* --- galeri --- */
  .galeri{ grid-template-columns:1fr 1fr; gap:10px; }
  .galeri figure{ border-radius:13px; aspect-ratio:1/1; }
  .galeri figcaption{ font-size:11px; padding:20px 10px 9px; }
  .galeri figure .yer-tutucu{ font-size:10.5px; padding:10px 10px 48px; gap:6px; }
  .galeri figure .yer-tutucu svg{ width:44px; }

  /* --- SSS --- */
  .sss-oge summary{ font-size:14px; padding:15px 46px 15px 16px; }
  .sss-oge .cevap{ font-size:13.5px; padding:0 16px 16px; }

  /* --- iletişim --- */
  .iletisim-satir{ padding:13px 14px; gap:12px; }
  .iletisim-satir .ikon{ width:38px; height:38px; border-radius:11px; }
  .iletisim-satir .ikon svg{ width:18px; height:18px; }
  .iletisim-satir b{ font-size:14px; }
  .iletisim-satir span{ font-size:12.5px; line-height:1.45; display:block; }
  .harita{ aspect-ratio:1/1; border-width:2px; }

  /* --- CTA --- */
  .cta-serit .ic{ padding-block:38px; }
  .cta-serit h2{ font-size:22px; }
  .cta-serit p{ font-size:13.5px; margin:10px auto 18px; }
  .cta-serit .butonlar{ flex-direction:column; }
  .cta-serit .butonlar .btn{ width:100%; }

  /* --- footer --- */
  .footer{ padding-top:38px; }
  .footer-grid{ grid-template-columns:1fr; gap:22px; }
  .footer .marka p{ max-width:none; }
  .footer-alt{ flex-direction:column; gap:6px; text-align:center; justify-content:center; margin-top:28px; }

  .mobil-cubuk .btn{ font-size:13px; padding:12px 6px; }
}

@media (max-width:420px){
  .header .ic{ gap:8px; height:60px; }
  .logo{ gap:9px; }
  .logo .yazi b{ font-size:13px; }
  .logo .yazi span{ font-size:9px; letter-spacing:.12em; }
  .plaka.buyuk .no{ font-size:19px; padding:9px 12px 9px 10px; }
  .hero-split h1{ font-size:24px; }
  .tel-buyuk .tel-yazi b{ font-size:19px; }
  .imza{ font-size:26px; }
  .hero-mini span{ font-size:10px; }
  .galeri{ gap:8px; }
}

@media (max-width:360px){
  .logo .yazi{ display:none; }
  .hero-mini{ grid-template-columns:1fr; text-align:left; gap:7px; }
  .hero-mini div{ border-left:0; padding-inline:0; display:flex; align-items:baseline; gap:8px; }
  .plaka-imza{ flex-direction:column; align-items:flex-start; }
  .imza-alan{ text-align:left; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
  .gir, .gir-sol, .gir-sag, .gir-buyu{ opacity:1; transform:none; }
}

/* =========================================================
   GOOGLE YORUMLARI
   ========================================================= */
.g-ozet{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;
  background:var(--siyah-2); border:1px solid var(--cizgi); border-radius:var(--r-lg);
  padding:22px 26px; margin-bottom:26px;
}
.g-ozet-sol{ display:flex; align-items:center; gap:18px; }
.g-logo{
  width:56px; height:56px; flex:none; border-radius:50%; background:#fff;
  display:grid; place-items:center; box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.g-logo svg{ width:29px; height:29px; }
.g-puan{ font-size:30px; font-weight:900; letter-spacing:-.02em; line-height:1; color:var(--sari); display:block; }
.g-yildiz{ display:flex; gap:3px; margin:7px 0 5px; }
.g-yildiz svg{ width:17px; height:17px; color:var(--sari); flex:none; }
.g-yildiz svg.bos{ color:var(--cizgi); }
.g-sayi{ font-size:13.5px; color:var(--metin-2); }
.g-sayi b{ color:var(--metin); }
.g-ozet-btn{ display:flex; flex-wrap:wrap; gap:10px; }

.yorum-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.yorum-kart{
  background:var(--siyah-2); border:1px solid var(--cizgi); border-radius:var(--r);
  padding:20px; display:flex; flex-direction:column; gap:12px;
  transition:border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis);
}
.yorum-kart:hover{ border-color:var(--sari); transform:translateY(-3px); box-shadow:var(--golge); }
.yorum-kart[hidden]{ display:none; }
.yorum-bas{ display:flex; align-items:center; gap:12px; }
.yorum-avatar{
  width:44px; height:44px; border-radius:50%; flex:none; overflow:hidden;
  background:var(--sari); color:#0A0A0D; display:grid; place-items:center;
  font-weight:900; font-size:17px; text-transform:uppercase; line-height:1;
}
.yorum-avatar img{ width:100%; height:100%; object-fit:cover; }
.yorum-kisi b{ display:block; font-size:14.5px; color:#fff; }
.yorum-kisi span{ font-size:12.5px; color:var(--metin-3); }
.yorum-kart .g-yildiz{ margin:0; }
.yorum-kart .g-yildiz svg{ width:15px; height:15px; }
.yorum-metin{ font-size:14px; color:var(--metin-2); line-height:1.62; }
.yorum-durum{ grid-column:1/-1; text-align:center; padding:26px 0; color:var(--metin-3); font-size:14px; }
.yorum-alt{ margin-top:26px; display:grid; gap:12px; justify-items:center; text-align:center; }
.yorum-not{ font-size:13.5px; color:var(--metin-3); max-width:540px; }
.yorum-kaynak{ font-size:12.5px; color:var(--metin-3); }
.yorum-kaynak a{ color:var(--sari); font-weight:600; }

.harita-alt{ margin-top:10px; text-align:center; }
.harita-alt a{ font-size:13.5px; font-weight:700; color:#0A0A0D; border-bottom:2px solid rgba(10,10,13,.35); }
.harita-alt a:hover{ border-bottom-color:#0A0A0D; }

@media (max-width:980px){ .yorum-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){
  .yorum-grid{ grid-template-columns:1fr; }
  .g-ozet{ padding:20px; }
  .g-ozet-btn{ width:100%; }
  .g-ozet-btn .btn{ flex:1 1 180px; }
}

/* ---------- Galeri: dar ekranlarda da yan yana ---------- */
@media (max-width:640px){
  .galeri{ gap:8px; }
  .galeri figcaption{ padding:16px 7px 8px; font-size:10.5px; line-height:1.3; letter-spacing:-.01em; }
}

/* =========================================================
   HİZMET SAYFALARI (alt sayfalar)
   ========================================================= */
.kirinti{ position:relative; z-index:2; font-size:13px; color:var(--metin-3); margin-bottom:18px; }
.kirinti a{ color:var(--sari); font-weight:600; }
.kirinti a:hover{ text-decoration:underline; }
.kirinti span[aria-hidden]{ margin:0 6px; }

.ic-bas{ padding-top:46px; }
.ic-bas .bolum-bas{ max-width:760px; }
.ic-bas h1{ font-size:clamp(28px,4.4vw,44px); margin-bottom:14px; }
.ic-butonlar{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; position:relative; z-index:2; }

.yazi-blok{ max-width:760px; position:relative; z-index:2; }
.yazi-blok h2{ font-size:clamp(20px,2.6vw,26px); margin:34px 0 12px; }
.yazi-blok h2:first-child{ margin-top:0; }
.yazi-blok p{ color:var(--metin-2); margin-bottom:14px; font-size:15px; }
.yazi-blok strong{ color:#fff; }
.yazi-blok a{ color:var(--sari); font-weight:600; border-bottom:1px solid rgba(255,196,0,.4); }
.yazi-blok a:hover{ border-bottom-color:var(--sari); }

.madde-liste{ display:grid; gap:9px; margin:4px 0 18px; }
.madde-liste li{ display:flex; gap:10px; color:var(--metin-2); font-size:14.5px; }
.madde-liste li::before{ content:"\25AA"; color:var(--sari); flex:none; }

.diger-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.diger-kart{
  background:#0A0A0D; border:1px solid #0A0A0D; border-radius:var(--r); padding:22px;
  display:flex; flex-direction:column; gap:8px;
  transition:transform var(--gecis), box-shadow var(--gecis);
}
.diger-kart:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.35); }
.diger-kart b{ color:var(--sari); font-size:16px; }
.diger-kart span{ color:var(--metin-2); font-size:13.5px; line-height:1.55; }

@media (max-width:900px){ .diger-grid{ grid-template-columns:1fr; } }
.detay-bag{
  display:inline-flex; align-items:center; gap:6px; margin-top:10px;
  font-size:13.5px; font-weight:700; color:var(--sari);
  border-bottom:1px solid rgba(255,196,0,.35); padding-bottom:2px;
}
.detay-bag:hover{ border-bottom-color:var(--sari); }
.blok.sari-kart .detay-bag, .bolum.sari .detay-bag{ color:#0A0A0D; border-bottom-color:rgba(10,10,13,.35); }

/* ---------- Footer: yapımcı bilgisi ---------- */
.footer-alt .yapimci{
  display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap;
  color:var(--metin-3); font-weight:400;
}
.footer-alt .yapimci a{
  display:inline-flex; align-items:center; gap:5px;
  color:inherit; font-weight:400; font-size:inherit;
}
.footer-alt .yapimci a:hover{ color:var(--sari); }
.footer-alt .yapimci svg{ width:12px; height:12px; flex:none; opacity:.8; }