/* ==========================================================================
   Dodo Express - Ana Stil Dosyası
   Modern, responsive, framework'süz CSS (vanilla, mobile-first)
   ========================================================================== */

/* ---------- CSS Değişkenleri (Tema) ---------- */
:root {
  --renk-marka:        #ff4d2d;
  --renk-marka-koyu:   #e3401f;
  --renk-marka-acik:   #ff6f55;
  --renk-ikinci:       #0b1220;
  --renk-ikinci-acik:  #1a2336;
  --renk-vurgu:        #ffc83d;
  --renk-yazi:         #1f2937;
  --renk-yazi-soluk:   #6b7280;
  --renk-cizgi:        #e5e7eb;
  --renk-bg:           #ffffff;
  --renk-bg-soluk:     #f7f8fb;
  --renk-bg-koyu:      #0b1220;
  --basari:            #16a34a;
  --hata:              #dc2626;
  --bilgi:             #2563eb;

  --olcek-min:         1rem;
  --olcek-h1:          clamp(2.2rem, 1.4rem + 3vw, 4rem);
  --olcek-h2:          clamp(1.7rem, 1.2rem + 2vw, 2.6rem);
  --olcek-h3:          clamp(1.25rem, 1rem + 0.8vw, 1.6rem);

  --golge-sm:          0 1px 2px rgba(11,18,32,.06);
  --golge-md:          0 6px 18px rgba(11,18,32,.08);
  --golge-lg:          0 24px 50px -12px rgba(11,18,32,.18);
  --golge-marka:       0 12px 30px -8px rgba(255,77,45,.55);

  --yari-yumusak:      .5rem;
  --yumusak:           .75rem;
  --cok-yumusak:       1.25rem;
  --tam-yuvarlak:      999px;

  --gecis:             .25s ease;
  --gecis-hizli:       .15s ease;

  --kap-genislik:      1200px;
  --bas-yukseklik:     80px;
}

/* ---------- Sıfırlama ---------- */
*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Plus Jakarta Sans','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size: var(--olcek-min);
  line-height: 1.65;
  color: var(--renk-yazi);
  background: var(--renk-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--renk-marka); text-decoration: none; transition: color var(--gecis-hizli); }
a:hover { color: var(--renk-marka-koyu); }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4,h5,h6 { margin: 0 0 .5em; font-family: 'Plus Jakarta Sans',sans-serif; line-height: 1.2; font-weight: 800; color: var(--renk-ikinci); letter-spacing: -.01em; }
h1 { font-size: var(--olcek-h1); }
h2 { font-size: var(--olcek-h2); }
h3 { font-size: var(--olcek-h3); }
p  { margin: 0 0 1em; }

/* ---------- Yardımcılar ---------- */
.kap { width: 100%; max-width: var(--kap-genislik); margin: 0 auto; padding: 0 1.25rem; }
.atla { position: absolute; left: -9999px; top: -9999px; }
.atla:focus { left: 1rem; top: 1rem; z-index: 9999; padding: .5rem 1rem; background: var(--renk-ikinci); color: #fff; border-radius: var(--yari-yumusak); }
.metin-merkez { text-align: center; }
.govde-bg-soluk { background: var(--renk-bg-soluk); }
.bolum { padding: 4.5rem 0; }
.bolum-baslik { text-align: center; max-width: 720px; margin: 0 auto 3rem; }
.bolum-baslik h2 { margin-bottom: .5rem; }
.bolum-baslik .ust-yazi { display: inline-block; color: var(--renk-marka); font-weight: 700; letter-spacing: .15em; font-size: .8rem; text-transform: uppercase; margin-bottom: .75rem; }
.bolum-baslik p { color: var(--renk-yazi-soluk); font-size: 1.05rem; }

/* ---------- Butonlar ---------- */
.dugme {
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .8rem 1.4rem;
  border-radius: var(--tam-yuvarlak);
  font-weight: 700; font-size: .95rem; line-height: 1;
  border: 2px solid transparent;
  cursor: pointer; text-decoration: none;
  transition: all var(--gecis);
  white-space: nowrap;
}
.dugme-vurgu { background: var(--renk-marka); color: #fff; box-shadow: var(--golge-marka); }
.dugme-vurgu:hover { background: var(--renk-marka-koyu); color: #fff; transform: translateY(-2px); box-shadow: 0 16px 40px -10px rgba(255,77,45,.7); }
.dugme-cizgi { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }
.dugme-cizgi:hover { background: rgba(255,255,255,.1); color: #fff; border-color: #fff; }
.dugme-koyu { background: var(--renk-ikinci); color: #fff; }
.dugme-koyu:hover { background: var(--renk-ikinci-acik); color: #fff; transform: translateY(-2px); }
.dugme-soluk { background: var(--renk-bg-soluk); color: var(--renk-ikinci); border-color: var(--renk-cizgi); }
.dugme-soluk:hover { background: #fff; box-shadow: var(--golge-md); }
.dugme-tam { display: flex; width: 100%; justify-content: center; }

/* ---------- Üst Bar ---------- */
.ust-bar { background: var(--renk-ikinci); color: #cbd5e1; font-size: .85rem; }
.ust-bar a { color: #cbd5e1; }
.ust-bar a:hover { color: #fff; }
.ust-bar-icerik { display: flex; justify-content: space-between; align-items: center; min-height: 44px; gap: 1rem; flex-wrap: wrap; padding-top: .35rem; padding-bottom: .35rem; }
.ust-bar-sol, .ust-bar-sag { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.ust-bar-sol span, .ust-bar-sag a { display: inline-flex; align-items: center; gap: .4rem; }
.ust-bar .ayrac { opacity: .35; }
.ust-bar-tel { font-weight: 700; color: var(--renk-vurgu) !important; }

@media (max-width: 700px) {
  .ust-bar { display: none; }
}

/* ---------- Başlık / Header ---------- */
.bas { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--renk-cizgi); transition: box-shadow var(--gecis); }
.bas.kayan { box-shadow: var(--golge-md); }
.bas-icerik { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: var(--bas-yukseklik); }

.logo { display: inline-flex; align-items: center; gap: .65rem; color: var(--renk-ikinci); font-weight: 800; }
.logo-ikon { width: 44px; height: 44px; color: var(--renk-marka); display: inline-flex; align-items: center; justify-content: center; background: rgba(255,77,45,.08); border-radius: var(--yari-yumusak); padding: 6px; flex-shrink: 0; }
.logo-yazi { display: flex; flex-direction: column; line-height: 1.1; }
.logo-yazi strong { font-size: 1.2rem; color: var(--renk-ikinci); font-weight: 800; letter-spacing: -.01em; }
.logo-yazi small { font-size: .72rem; color: var(--renk-yazi-soluk); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }

/* Ana menü stilleri header.php içinde inline tanımlı (cache güvencesi için). */

/* ---------- HERO (Anasayfa) ---------- */
.hero {
  position: relative;
  background:
    radial-gradient(1000px 500px at 80% 0%, rgba(255,77,45,.25), transparent 60%),
    radial-gradient(900px 600px at 0% 100%, rgba(255,200,61,.15), transparent 60%),
    linear-gradient(135deg, #0b1220 0%, #1a2336 100%);
  color: #fff;
  overflow: hidden;
  padding: 5rem 0 6rem;
}
.hero::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 70%);
}
.hero-icerik { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; gap: 4rem; align-items: center; }
.hero-yazi h1 { color: #fff; font-size: var(--olcek-h1); margin-bottom: 1rem; }
.hero-yazi .vurgu { color: var(--renk-marka); position: relative; display: inline-block; }
.hero-yazi .vurgu::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 8px; background: linear-gradient(90deg, var(--renk-marka), var(--renk-vurgu)); border-radius: 8px; opacity: .35; z-index: -1; }
.hero-yazi .ust-rozet { display: inline-flex; align-items: center; gap: .5rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); padding: .4rem .9rem; border-radius: var(--tam-yuvarlak); font-size: .85rem; font-weight: 600; margin-bottom: 1.25rem; }
.hero-yazi .ust-rozet .nokta { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 0 4px rgba(34,197,94,.25); animation: nabiz 2s infinite; }
@keyframes nabiz { 50% { transform: scale(1.4); opacity: .7; } }
.hero-yazi p { font-size: 1.15rem; opacity: .85; max-width: 560px; margin-bottom: 2rem; }
.hero-dugmeler { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
.hero-istatistik { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 520px; }
.hero-istatistik div strong { display: block; font-size: 2rem; font-weight: 800; color: #fff; line-height: 1; margin-bottom: .25rem; }
.hero-istatistik div span { font-size: .85rem; opacity: .7; }

.hero-form { background: #fff; border-radius: var(--cok-yumusak); padding: 2rem; color: var(--renk-yazi); box-shadow: var(--golge-lg); }
.hero-form h3 { margin-bottom: .25rem; }
.hero-form .alt-yazi { color: var(--renk-yazi-soluk); font-size: .9rem; margin-bottom: 1.25rem; }
.hero-form .form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: .75rem; }
.hero-form label { display: block; font-size: .8rem; color: var(--renk-yazi-soluk); margin-bottom: .35rem; font-weight: 600; }
.hero-form input, .hero-form select, .hero-form textarea { width: 100%; padding: .75rem .9rem; border-radius: var(--yari-yumusak); border: 1px solid var(--renk-cizgi); background: var(--renk-bg-soluk); font-size: .95rem; font-family: inherit; transition: all var(--gecis-hizli); }
.hero-form input:focus, .hero-form select:focus, .hero-form textarea:focus { outline: none; border-color: var(--renk-marka); background: #fff; box-shadow: 0 0 0 4px rgba(255,77,45,.12); }
.hero-form .ipucu { display: flex; align-items: center; gap: .5rem; color: var(--renk-yazi-soluk); font-size: .82rem; margin-top: 1rem; }
.hero-form .ipucu svg { color: var(--renk-marka); flex-shrink: 0; }

@media (max-width: 900px) {
  .hero { padding: 3rem 0 4rem; }
  .hero-icerik { grid-template-columns: 1fr; gap: 2.5rem; }
  .hero-form .form-satir { grid-template-columns: 1fr; }
  .hero-istatistik { grid-template-columns: repeat(3, 1fr); gap: .75rem; }
  .hero-istatistik div strong { font-size: 1.5rem; }
}

/* ---------- Özellik Kutucukları ---------- */
.ozellikler { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; }
.ozellik-kart { padding: 1.75rem; border-radius: var(--yumusak); background: #fff; border: 1px solid var(--renk-cizgi); transition: all var(--gecis); position: relative; overflow: hidden; }
.ozellik-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-lg); border-color: transparent; }
.ozellik-kart .ikon { width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--renk-marka), var(--renk-vurgu)); color: #fff; border-radius: var(--yari-yumusak); margin-bottom: 1rem; box-shadow: 0 8px 18px -6px rgba(255,77,45,.6); }
.ozellik-kart h4 { font-size: 1.1rem; margin-bottom: .35rem; }
.ozellik-kart p { color: var(--renk-yazi-soluk); margin-bottom: 0; font-size: .94rem; }

/* ---------- Hizmet Kartları ---------- */
.hizmet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
.hizmet-kart { background: #fff; border: 1px solid var(--renk-cizgi); border-radius: var(--yumusak); padding: 2rem 1.75rem; transition: all var(--gecis); display: flex; flex-direction: column; }
.hizmet-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-lg); border-color: transparent; }
.hizmet-kart .ikon { width: 64px; height: 64px; border-radius: var(--yumusak); display: inline-flex; align-items: center; justify-content: center; background: rgba(255,77,45,.1); color: var(--renk-marka); margin-bottom: 1.25rem; transition: all var(--gecis); }
.hizmet-kart:hover .ikon { background: var(--renk-marka); color: #fff; transform: scale(1.05); }
.hizmet-kart h3 { font-size: 1.2rem; margin-bottom: .5rem; }
.hizmet-kart h3 a { color: var(--renk-ikinci); }
.hizmet-kart h3 a:hover { color: var(--renk-marka); }
.hizmet-kart p { color: var(--renk-yazi-soluk); font-size: .94rem; flex: 1; }
.hizmet-kart .devam { display: inline-flex; align-items: center; gap: .35rem; color: var(--renk-marka); font-weight: 700; font-size: .9rem; margin-top: 1rem; }
.hizmet-kart .devam svg { transition: transform var(--gecis); }
.hizmet-kart:hover .devam svg { transform: translateX(4px); }

/* ---------- Süreç / Adımlar ---------- */
.surec { position: relative; }
.surec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; position: relative; }
.surec-grid::before { content: ""; position: absolute; top: 32px; left: 12%; right: 12%; height: 2px; background: linear-gradient(90deg, transparent, var(--renk-cizgi), transparent); z-index: 0; }
.surec-kart { background: #fff; padding: 1.5rem 1.25rem; border-radius: var(--yumusak); text-align: center; position: relative; z-index: 1; border: 1px solid var(--renk-cizgi); }
.surec-kart .no { width: 64px; height: 64px; margin: 0 auto 1rem; background: linear-gradient(135deg, var(--renk-marka), var(--renk-marka-koyu)); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; box-shadow: 0 10px 20px -6px rgba(255,77,45,.55); }
.surec-kart h4 { font-size: 1.05rem; margin-bottom: .25rem; }
.surec-kart p { color: var(--renk-yazi-soluk); font-size: .9rem; margin: 0; }

@media (max-width: 900px) {
  .surec-grid { grid-template-columns: repeat(2, 1fr); }
  .surec-grid::before { display: none; }
}
@media (max-width: 560px) {
  .surec-grid { grid-template-columns: 1fr; }
}

/* ---------- Şehir/Bölge Çıtaları ---------- */
.sehirler-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .6rem; }
.sehir-bilgi { background: #fff; border: 1px solid var(--renk-cizgi); padding: .65rem 1rem; border-radius: var(--yari-yumusak); text-align: center; transition: all var(--gecis-hizli); display: flex; align-items: center; justify-content: center; gap: .35rem; font-weight: 600; font-size: .92rem; color: var(--renk-ikinci); }
.sehir-bilgi:hover { border-color: var(--renk-marka); color: var(--renk-marka); transform: translateY(-2px); }
.sehir-bilgi .plaka { background: var(--renk-ikinci); color: #fff; padding: 2px 6px; border-radius: 4px; font-size: .7rem; font-weight: 700; }

/* ---------- Fiyatlar ---------- */
.fiyat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }
.fiyat-kart { background: #fff; padding: 2.5rem 1.75rem; border-radius: var(--cok-yumusak); border: 2px solid var(--renk-cizgi); display: flex; flex-direction: column; position: relative; transition: all var(--gecis); }
.fiyat-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-lg); }
.fiyat-kart.populer { border-color: var(--renk-marka); box-shadow: var(--golge-marka); }
.fiyat-kart .rozet { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--renk-marka); color: #fff; padding: .35rem 1rem; border-radius: var(--tam-yuvarlak); font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.fiyat-kart h3 { font-size: 1.4rem; margin-bottom: .25rem; }
.fiyat-kart .aciklama { color: var(--renk-yazi-soluk); font-size: .9rem; margin-bottom: 1.5rem; }
.fiyat-kart .fiyat { font-size: 2.5rem; font-weight: 800; color: var(--renk-marka); line-height: 1; margin-bottom: 1.5rem; }
.fiyat-kart .fiyat small { font-size: .9rem; color: var(--renk-yazi-soluk); font-weight: 600; }
.fiyat-kart ul { margin-bottom: 2rem; flex: 1; }
.fiyat-kart ul li { padding: .55rem 0; border-bottom: 1px dashed var(--renk-cizgi); display: flex; align-items: center; gap: .55rem; font-size: .92rem; }
.fiyat-kart ul li::before { content: "✓"; color: var(--basari); font-weight: 800; flex-shrink: 0; }
.fiyat-kart ul li:last-child { border-bottom: 0; }

/* ---------- Yorumlar ---------- */
.yorum-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
.yorum-kart { background: #fff; padding: 2rem; border-radius: var(--yumusak); border: 1px solid var(--renk-cizgi); position: relative; }
.yorum-kart::before { content: "\201C"; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; line-height: 1; color: var(--renk-marka); opacity: .2; font-family: Georgia, serif; }
.yorum-kart .yildiz { color: var(--renk-vurgu); letter-spacing: 2px; margin-bottom: .75rem; }
.yorum-kart p { color: var(--renk-yazi); font-style: italic; margin-bottom: 1.5rem; }
.yorum-kart .kisi { display: flex; align-items: center; gap: .75rem; }
.yorum-kart .kisi .av { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--renk-marka), var(--renk-vurgu)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.yorum-kart .kisi strong { display: block; color: var(--renk-ikinci); }
.yorum-kart .kisi small { color: var(--renk-yazi-soluk); }

/* ---------- Referanslar ---------- */
.referans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; }
.referans-kart { background: #fff; border: 1px solid var(--renk-cizgi); border-radius: var(--yumusak); padding: 1.5rem 1rem; display: flex; align-items: center; justify-content: center; min-height: 90px; transition: all var(--gecis-hizli); font-weight: 600; color: var(--renk-yazi-soluk); }
.referans-kart:hover { border-color: var(--renk-marka); color: var(--renk-marka); transform: translateY(-2px); }

/* ---------- Sayfa Başlığı (iç sayfa hero) ---------- */
.sayfa-bas {
  background: linear-gradient(135deg, #0b1220 0%, #1a2336 100%);
  color: #fff;
  padding: 4rem 0 5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sayfa-bas::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(800px 400px at 70% 0%, rgba(255,77,45,.2), transparent 60%),
    radial-gradient(600px 400px at 0% 100%, rgba(255,200,61,.12), transparent 60%);
}
.sayfa-bas .kap { position: relative; }
.sayfa-bas h1 { color: #fff; margin-bottom: .5rem; }
.sayfa-bas p { font-size: 1.1rem; opacity: .8; max-width: 720px; margin: 0 auto; }
.kirintilar { display: inline-flex; flex-wrap: wrap; gap: .35rem; margin-bottom: 1rem; font-size: .85rem; opacity: .8; }
.kirintilar a { color: var(--renk-vurgu); }
.kirintilar a:hover { color: #fff; }

/* ---------- İçerik (yazı) ---------- */
.icerik-yazi { max-width: 820px; margin: 0 auto; padding: 0 1.25rem; }
.icerik-yazi h2, .icerik-yazi h3, .icerik-yazi h4 { margin-top: 2rem; }
.icerik-yazi p { color: var(--renk-yazi); line-height: 1.8; }
.icerik-yazi ul { margin: 1rem 0 1.5rem 1.5rem; list-style: none; }
.icerik-yazi ul li { position: relative; padding-left: 1.25rem; margin-bottom: .5rem; }
.icerik-yazi ul li::before { content: "▸"; color: var(--renk-marka); font-weight: 800; position: absolute; left: 0; top: 0; }
.icerik-yazi blockquote { border-left: 4px solid var(--renk-marka); background: var(--renk-bg-soluk); padding: 1rem 1.5rem; margin: 1.5rem 0; border-radius: var(--yari-yumusak); font-style: italic; }
.icerik-yazi img { border-radius: var(--yumusak); margin: 1.5rem 0; }

/* ---------- Form ---------- */
.form-grup { margin-bottom: 1rem; }
.form-grup label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: .4rem; color: var(--renk-ikinci); }
.form-grup input, .form-grup textarea, .form-grup select {
  width: 100%; padding: .85rem 1rem; border-radius: var(--yari-yumusak);
  border: 1px solid var(--renk-cizgi); background: #fff;
  font-size: .95rem; font-family: inherit; color: var(--renk-yazi);
  transition: all var(--gecis-hizli);
}
.form-grup textarea { min-height: 130px; resize: vertical; }
.form-grup input:focus, .form-grup textarea:focus, .form-grup select:focus {
  outline: none; border-color: var(--renk-marka); box-shadow: 0 0 0 4px rgba(255,77,45,.12);
}
.form-grup .kontrol { display: flex; align-items: flex-start; gap: .5rem; font-size: .9rem; color: var(--renk-yazi-soluk); }
.form-grup .kontrol input { width: auto; margin-top: .25rem; }
.form-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-uyari { padding: 1rem 1.25rem; border-radius: var(--yari-yumusak); margin-bottom: 1.25rem; font-size: .95rem; }
.form-uyari.basari { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.form-uyari.hata { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.form-uyari ul { margin: .5rem 0 0 1rem; padding: 0; list-style: disc; }

@media (max-width: 700px) {
  .form-iki { grid-template-columns: 1fr; }
}

/* ---------- İletişim Bilgi Kartları ---------- */
.iletisim-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 2rem; align-items: start; }
.iletisim-bilgi { display: grid; gap: 1rem; }
.iletisim-bilgi .kart { background: var(--renk-bg-soluk); padding: 1.5rem; border-radius: var(--yumusak); display: flex; gap: 1rem; align-items: flex-start; border: 1px solid var(--renk-cizgi); }
.iletisim-bilgi .kart .ikon { width: 48px; height: 48px; background: var(--renk-marka); color: #fff; border-radius: var(--yari-yumusak); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.iletisim-bilgi .kart h4 { margin: 0 0 .25rem; font-size: 1rem; }
.iletisim-bilgi .kart p, .iletisim-bilgi .kart a { color: var(--renk-yazi-soluk); margin: 0; font-size: .95rem; }
.iletisim-form-kutu { background: #fff; padding: 2rem; border-radius: var(--cok-yumusak); border: 1px solid var(--renk-cizgi); box-shadow: var(--golge-md); }

@media (max-width: 900px) {
  .iletisim-grid { grid-template-columns: 1fr; }
}

/* ---------- Kargo Takip ---------- */
.takip-kutu { max-width: 720px; margin: 0 auto; background: #fff; padding: 2.5rem; border-radius: var(--cok-yumusak); box-shadow: var(--golge-md); border: 1px solid var(--renk-cizgi); }
.takip-form { display: flex; gap: .75rem; }
.takip-form input { flex: 1; padding: 1rem 1.25rem; font-size: 1rem; border-radius: var(--tam-yuvarlak); border: 2px solid var(--renk-cizgi); }
.takip-form input:focus { outline: none; border-color: var(--renk-marka); }
.takip-form button { padding-left: 2rem; padding-right: 2rem; }
.takip-sonuc { margin-top: 2rem; padding: 1.5rem; background: var(--renk-bg-soluk); border-radius: var(--yumusak); }
.takip-sonuc .durum { display: inline-block; padding: .35rem .9rem; border-radius: var(--tam-yuvarlak); font-weight: 700; font-size: .85rem; background: var(--basari); color: #fff; margin-bottom: 1rem; }
.takip-sonuc .durum.yolda { background: var(--bilgi); }
.takip-sonuc .durum.bekliyor { background: var(--renk-vurgu); color: var(--renk-ikinci); }
.takip-sonuc table { width: 100%; margin-top: 1rem; }
.takip-sonuc table td { padding: .5rem 0; border-bottom: 1px dashed var(--renk-cizgi); font-size: .95rem; }
.takip-sonuc table td:first-child { color: var(--renk-yazi-soluk); width: 40%; }
.takip-sonuc table td:last-child { font-weight: 600; }

@media (max-width: 600px) {
  .takip-form { flex-direction: column; }
}

/* ---------- Blog ---------- */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.75rem; }
.blog-kart { background: #fff; border-radius: var(--yumusak); overflow: hidden; border: 1px solid var(--renk-cizgi); transition: all var(--gecis); display: flex; flex-direction: column; }
.blog-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-lg); }
.blog-kart .gorsel { aspect-ratio: 16/9; background: linear-gradient(135deg, var(--renk-marka), var(--renk-vurgu)); position: relative; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.4); font-size: 4rem; font-weight: 800; }
.blog-kart .gorsel img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.blog-kart .icerik { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.blog-kart .meta { display: flex; gap: .75rem; font-size: .8rem; color: var(--renk-yazi-soluk); margin-bottom: .5rem; }
.blog-kart .kategori { color: var(--renk-marka); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.blog-kart h3 { font-size: 1.15rem; margin-bottom: .5rem; }
.blog-kart h3 a { color: var(--renk-ikinci); }
.blog-kart h3 a:hover { color: var(--renk-marka); }
.blog-kart p { color: var(--renk-yazi-soluk); font-size: .92rem; flex: 1; }
.blog-kart .devam { color: var(--renk-marka); font-weight: 700; font-size: .9rem; margin-top: 1rem; }

/* ---------- Çağrı Bandı ---------- */
.cta-bant {
  background: linear-gradient(135deg, var(--renk-marka), var(--renk-marka-koyu));
  color: #fff;
  padding: 3rem 0;
  position: relative;
  overflow: hidden;
}
.cta-bant::before {
  content: ""; position: absolute; right: -50px; top: -50px; width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(255,255,255,.15), transparent 70%);
  border-radius: 50%;
}
.cta-bant-icerik { display: flex; justify-content: space-between; align-items: center; gap: 2rem; position: relative; flex-wrap: wrap; }
.cta-bant h3 { color: #fff; margin-bottom: .25rem; font-size: 1.6rem; }
.cta-bant p { margin: 0; opacity: .9; }
.cta-bant-dugmeler { display: flex; gap: .75rem; flex-wrap: wrap; }
.cta-bant .dugme-vurgu { background: #fff; color: var(--renk-marka); box-shadow: none; }
.cta-bant .dugme-vurgu:hover { background: var(--renk-ikinci); color: #fff; }

/* ---------- Footer ---------- */
.alt {
  position: relative;
  overflow: hidden;
  background-color: #0b1220;
  background-image:
    radial-gradient(700px 320px at 90% -10%, rgba(255,77,45,.22), transparent 62%),
    radial-gradient(580px 300px at 5% 10%, rgba(255,200,61,.10), transparent 60%),
    linear-gradient(135deg, #070b14 0%, #0b1220 54%, #121c31 100%);
  color: #cbd5e1;
  padding: 3.5rem 0 0;
  margin-top: 0;
}
.alt::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
  pointer-events: none;
}
.alt > .kap { position: relative; }
.alt-ust-kartlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 0 1.25rem 2rem;
  padding: 0;
}
.alt-ust-kart {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: 1.1rem 1.2rem;
  min-height: 92px;
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--cok-yumusak);
  box-shadow: 0 22px 48px -26px rgba(0,0,0,.75);
  backdrop-filter: blur(12px);
}
.alt-ust-kart:hover { color: #fff; border-color: rgba(255,77,45,.65); transform: translateY(-3px); }
.alt-ust-ikon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--renk-marka), var(--renk-vurgu));
  border-radius: var(--yumusak);
}
.alt-ust-kart small { display: block; color: #94a3b8; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .2rem; }
.alt-ust-kart strong { display: block; color: #fff; font-size: 1rem; line-height: 1.25; }
.alt-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.6fr) 1fr 1.15fr 1.25fr;
  gap: 2.4rem;
  padding: 1.2rem 1.25rem 3.2rem;
}
.alt-marka {
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--cok-yumusak);
  background: rgba(255,255,255,.045);
}
.alt-kolon h4 { color: #fff; font-size: .92rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: .12em; }
.alt-kolon ul li { margin-bottom: .62rem; }
.alt-kolon a { color: #cbd5e1; font-size: .93rem; }
.alt-kolon a:hover { color: var(--renk-marka-acik); }
.alt-aciklama { font-size: .93rem; opacity: .82; margin: 1rem 0 1.15rem; max-width: 360px; }
.logo-alt { color: #fff; }
.logo-alt .logo-yazi strong { color: #fff; }
.logo-alt .logo-yazi small { color: #94a3b8; }
.logo-alt .logo-ikon { background: rgba(255,255,255,.08); color: var(--renk-marka); }
.alt-rozetler { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
.alt-rozetler span {
  display: inline-flex;
  padding: .34rem .65rem;
  border-radius: var(--tam-yuvarlak);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: #e2e8f0;
  font-size: .78rem;
  font-weight: 700;
}
.alt-sosyal { display: flex; gap: .5rem; }
.alt-sosyal a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.09); color: #fff; border-radius: 50%; font-size: .8rem; font-weight: 800; transition: all var(--gecis-hizli); }
.alt-sosyal a:hover { background: var(--renk-marka); color: #fff; transform: translateY(-2px); }
.alt-iletisim li { display: flex; gap: .72rem; align-items: flex-start; color: #cbd5e1; font-size: .92rem; line-height: 1.55; }
.alt-iletisim li svg { flex-shrink: 0; margin-top: 3px; color: var(--renk-marka-acik); }
.alt-whatsapp {
  display: inline-flex;
  margin-top: 1rem;
  padding: .78rem 1rem;
  border-radius: var(--tam-yuvarlak);
  background: #25d366;
  color: #fff !important;
  font-weight: 800;
  box-shadow: 0 14px 28px -16px rgba(37,211,102,.9);
}
.alt-whatsapp:hover { transform: translateY(-2px); filter: brightness(.96); }
.alt-telif { border-top: 1px solid rgba(255,255,255,.10); padding: 1.15rem 0; font-size: .84rem; background: rgba(0,0,0,.16); }
.alt-telif-icerik { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.alt-telif p { margin: 0; color: #94a3b8; }
.alt-telif ul { display: flex; gap: 1.1rem; flex-wrap: wrap; }
.alt-telif a { color: #cbd5e1; }
.alt-telif a:hover { color: var(--renk-marka-acik); }

@media (max-width: 980px) {
  .alt-ust-kartlar { grid-template-columns: 1fr; }
  .alt-grid { grid-template-columns: repeat(2, 1fr); }
  .alt-marka { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .alt { padding-top: 2.5rem; }
  .alt-grid { grid-template-columns: 1fr; gap: 2rem; padding: 1rem 1.25rem 2.5rem; }
  .alt-ust-kart { align-items: center; }
}

/* ---------- Yüzen Butonlar (footer.php içinde inline stilde tanımlı) ---------- */

/* ---------- Animasyonlar ---------- */
[data-anim] { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
[data-anim].gorundu { opacity: 1; transform: none; }

/* ---------- Sayfalama ---------- */
.sayfalama { display: flex; justify-content: center; gap: .25rem; margin-top: 3rem; flex-wrap: wrap; }
.sayfalama a, .sayfalama span { padding: .55rem .9rem; border-radius: var(--yari-yumusak); background: #fff; border: 1px solid var(--renk-cizgi); color: var(--renk-yazi); font-weight: 600; min-width: 40px; text-align: center; }
.sayfalama a:hover { border-color: var(--renk-marka); color: var(--renk-marka); }
.sayfalama .aktif { background: var(--renk-marka); color: #fff; border-color: var(--renk-marka); }