/* GoldAssist v2 Stilleri */

/*
  TwinCSS-inspired modern theme for GoldAssist Çekici v2
  - Professional towing and roadside assistance design
  - Only CSS, no PHP/HTML changes
  - Applies across: index.php, hakkimizda.php, hizmetlerimiz.php, iletisim.php, gizlilik-politikasi.php
*/

/* ===== CSS Variables ===== */
:root {
  --bg: #f8f9fa;
  --surface: #ffffff;
  --muted: #f1f3f4;
  --card: #ffffff;
  --border: #e1e5e9;
  --text: #2d3748;
  --text-dim: #718096;
  --gold: #FFB800;
  --primary: #FFB800;
  --accent: #FF6B35;
  --success: #00C851;
  --danger: #FF3547;
  --warning: #FFB800;
  --emergency: #FF1744;
  --radius: 16px;
  --radius-sm: 12px;
  --shadow-1: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-2: 0 8px 40px rgba(0,0,0,0.12);
  --container: 1200px;
  --towing-gradient: linear-gradient(135deg, #FFB800 0%, #FF8F00 100%);
  --emergency-gradient: linear-gradient(135deg, #FF1744 0%, #D50000 100%);
}

/* ===== Base Reset ===== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: 
    radial-gradient(ellipse at top, rgba(255,184,0,0.03) 0%, transparent 50%),
    linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter", "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: var(--text); text-decoration: none; }
a:hover { color: var(--gold); }

/* ===== Layout ===== */
.container, .site-container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}
section { padding: 72px 0; }

/* ===== Header / Navbar ===== */
header, .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(16px);
  background: rgba(248,249,250,0.95);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
header .container, .site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
}
.brand, .logo, .site-logo { 
  display: flex; 
  align-items: center; 
  gap: 12px; 
  font-weight: 700;
  font-size: 1.25rem;
}
.brand .mark, .logo .logo-icon { 
  width: 40px; 
  height: 40px; 
  border-radius: 12px; 
  background: var(--towing-gradient);
  display: grid; 
  place-items: center; 
  color: #0a0b0e; 
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(255,184,0,0.3);
}
.nav, nav ul { display: flex; gap: 8px; align-items: center; }
nav a, .nav a, nav ul li a {
  padding: 12px 16px;
  border-radius: 12px;
  color: var(--text);
  opacity: 0.9;
  transition: all .3s ease;
  font-weight: 500;
}
nav a:hover, .nav a:hover { 
  background: var(--muted); 
  color: var(--gold); 
  opacity: 1;
  transform: translateY(-1px);
}

/* ===== Typography ===== */
h1, h2, h3, h4 { line-height: 1.2; margin: 0 0 16px; }
h1 { font-size: clamp(32px, 5vw, 44px); letter-spacing: -0.02em; font-weight: 800; }
h2 { font-size: clamp(24px, 3.5vw, 32px); font-weight: 700; }
h3 { font-size: clamp(18px, 3vw, 22px); font-weight: 600; color: var(--text); }
p { margin: 0 0 14px; color: var(--text-dim); }
small, .muted { color: var(--text-dim); opacity: 0.9; }
.lead { font-size: clamp(16px, 2.2vw, 18px); color: #d7d9dd; }

/* Accent underline for section headings */
.section-title, h2.section, .title-underline h2 {
  position: relative;
  padding-bottom: 14px;
}
.section-title::after, h2.section::after, .title-underline h2::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 72px; height: 3px;
  background: linear-gradient(90deg, var(--gold), rgba(212,175,55,0));
  border-radius: 3px;
}

/* ===== Buttons (util classes) ===== */
.btn, .button, a.button {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 14px;
  background: var(--muted);
  color: var(--text);
  border: 1px solid var(--border);
  transition: all .3s ease;
  font-weight: 600;
  text-transform: none;
}
.btn:hover, .button:hover { 
  transform: translateY(-2px); 
  border-color: var(--gold); 
  box-shadow: 0 12px 32px rgba(255,184,0,0.15); 
  color: var(--gold); 
}
.btn-primary { 
  background: var(--towing-gradient); 
  color: #0a0b0e; 
  border: none; 
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(255,184,0,0.2);
}
.btn-primary:hover { 
  filter: brightness(1.1); 
  transform: translateY(-2px); 
  box-shadow: 0 16px 40px rgba(255,184,0,0.3); 
}
.btn-emergency {
  background: var(--emergency-gradient);
  color: white !important;
  border: none;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(255,23,68,0.2);
}
.btn-emergency:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(255,23,68,0.3);
}
/* Force white text for all descendants inside emergency buttons */
.btn-emergency, .btn-emergency p, .btn-emergency span, .btn-emergency strong, .btn-emergency em {
  color: #fff !important;
}
/* Icons follow currentColor and stay visible */
.btn-emergency svg { color: #fff !important; stroke: currentColor !important; fill: none !important; opacity: 0.95; }

/* Secondary button (for Bayi Girişi) */
.btn-secondary {
  background: linear-gradient(135deg, #1f2937 0%, #0f172a 100%); /* slate-800 -> slate-900 */
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.08);
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.35);
}
.btn-secondary:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.5);
}
.btn-secondary:focus-visible {
  outline: 2px solid rgba(212,175,55,0.6);
  outline-offset: 2px;
}

/* Gold CTA button to match emergency style */
.btn-gold {
  background: var(--towing-gradient);
  color: #0a0b0e; /* readable over gold; override to white below if preferred */
  border: none;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(212,175,55,0.25);
}
.btn-gold:hover {
  filter: brightness(1.07);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(212,175,55,0.35);
}
/* Force white text if needed for contrast on darker parts of gradient */
.btn-gold, .btn-gold p, .btn-gold span, .btn-gold strong { color: #0a0b0e; }
@media (prefers-color-scheme: dark) {
  .btn-gold, .btn-gold p, .btn-gold span, .btn-gold strong { color: #0b1220; }
}
.btn-outline { 
  background: transparent; 
  border: 2px solid var(--gold); 
  color: var(--gold); 
}
.btn-outline:hover { 
  background: rgba(255,184,0,0.1); 
  transform: translateY(-2px);
}

/* Turn lone call-to-action links into buttons when they’re direct children of content blocks */
main a[href$="hizmetlerimiz.php"],
main a[href$="iletisim.php"],
section a[href$="hizmetlerimiz.php"],
section a[href$="iletisim.php"],
a[href*="Teklif"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 14px;
  background: var(--towing-gradient);
  color: #0a0b0e !important;
  font-weight: 700;
  transition: all .3s ease;
  box-shadow: 0 8px 24px rgba(255,184,0,0.2);
  text-decoration: none;
}
main a[href$="hizmetlerimiz.php"]:hover,
main a[href$="iletisim.php"]:hover,
section a[href$="hizmetlerimiz.php"]:hover,
section a[href$="iletisim.php"]:hover,
a[href*="Teklif"]:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(255,184,0,0.3);
}

/* Emergency contact styling */
a[href^="tel:"] {
  color: var(--emergency) !important;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease;
}
a[href^="tel:"]:hover {
  color: var(--gold) !important;
  transform: scale(1.05);
}

/* ===== Hero / Masthead (generic) ===== */
.hero, .masthead, .page-hero {
  position: relative;
  background: 
    radial-gradient(1200px 600px at 20% -20%, rgba(255,184,0,0.08), transparent 50%),
    radial-gradient(800px 400px at 80% 0%, rgba(255,107,53,0.05), transparent 40%),
    linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  padding: 120px 0 80px;
  overflow: hidden;
}
.hero .container { display: grid; gap: 24px; }
.hero h1 { 
  margin-bottom: 16px; 
  background: linear-gradient(135deg, var(--text) 0%, var(--gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero .lead { max-width: 700px; font-size: 1.25rem; }
.hero .actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 24px; }

/* Add towing-specific hero content styling */
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20%;
  width: 60%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%23FFB800" opacity="0.1"/><circle cx="20" cy="20" r="1" fill="%23FF6B35" opacity="0.15"/><circle cx="80" cy="30" r="1.5" fill="%23FFB800" opacity="0.1"/></svg>') repeat;
  opacity: 0.3;
  z-index: 1;
}
.hero .container { position: relative; z-index: 2; }

/* ===== Cards & Surfaces ===== */
.card {
  background: linear-gradient(145deg, var(--card) 0%, #ffffff 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 28px;
  transition: all .3s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
  border-color: rgba(255,184,0,0.3);
}
.card + .card { margin-top: 20px; }
.grid { display: grid; gap: 24px; }
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 900px) { .grid.cols-3, .grid.cols-2 { grid-template-columns: 1fr; } }

/* Service package cards */
.service-package {
  background: linear-gradient(145deg, var(--card) 0%, #ffffff 100%);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  padding: 32px;
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}
.service-package:hover {
  transform: translateY(-6px);
  border-color: var(--gold);
  box-shadow: 0 20px 60px rgba(255,184,0,0.15);
}
.service-package::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--towing-gradient);
}

/* ===== Lists (features, FAQ-like) ===== */
ul, ol { padding-left: 1.1rem; }
ul.feature-list, .feature-list ul, .services-list {
  list-style: none; padding-left: 0; margin: 0; display: grid; gap: 10px;
}
ul.feature-list li, .feature-list ul li, .services-list li {
  display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 10px;
  background: linear-gradient(180deg, #14171d, #12151a);
  border: 1px solid var(--border);
  border-radius: 12px; padding: 12px 14px;
}
ul.feature-list li::before, .services-list li::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; margin-top: 8px;
  background: linear-gradient(135deg, var(--gold), #b8922c);
  box-shadow: 0 0 0 4px rgba(212,175,55,0.15);
}

/* Headings near lists */
h3 + ul, h2 + ul { margin-top: 12px; }

/* ===== Tables ===== */
table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
th, td { padding: 12px 14px; text-align: left; }
thead th { background: #1b1f26; color: var(--text); }
tbody tr + tr td { border-top: 1px solid var(--border); }

/* ===== Forms (İletişim) ===== */
input, select, textarea {
  width: 100%;
  background: #111318;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(212,175,55,0.15);
}
label { display: block; margin: 8px 0 6px; color: var(--text-dim); }

/* ===== Sections: About, Services, etc. ===== */
.section, .content-section { padding: 72px 0; }
.section .section-header { margin-bottom: 28px; }
.section .section-header p { max-width: 800px; }

/* Hizmetlerimiz kart düzeni (mevcut DOM’a uyacak genel grid) */
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }
.service-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 32px;
  transition: all .3s ease;
  position: relative;
}
.service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,184,0,0.5);
  box-shadow: 0 20px 60px rgba(255,184,0,0.12);
}
.service-card h3 { 
  margin-bottom: 16px; 
  color: var(--gold);
  font-size: 1.5rem;
}
.service-card::before {
  content: "🚛";
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2rem;
  opacity: 0.3;
}
@media (max-width: 900px) { .services-grid { grid-template-columns: 1fr; } }

/* ===== Callouts / Info boxes ===== */
.callout {
  background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(20,23,29,0.6));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
}

/* ===== Footer (COMMENTED OUT TO PREVENT CONFLICT) ===== */
/*
footer, .site-footer {
  margin-top: 80px;
  background: linear-gradient(180deg, #f1f3f4 0%, #e8eaed 100%);
  border-top: 2px solid var(--border);
  position: relative;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--towing-gradient);
}
footer .container { 
  display: grid; 
  gap: 32px; 
  padding: 48px 24px 32px; 
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
footer h3, footer h4 {
  color: var(--gold);
  margin-bottom: 16px;
  font-size: 1.25rem;
}
footer a { 
  color: var(--text-dim); 
  transition: all .3s ease;
  display: inline-block;
}
footer a:hover { 
  color: var(--gold); 
  transform: translateX(4px);
}

footer a[href^="tel:"] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--emergency);
}
footer a[href^="tel:"]:hover {
  color: var(--gold);
  transform: scale(1.05);
}
*/

/* ===== Utility (TwinCSS-like) ===== */
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.center { display: grid; place-items: center; }
.mt-2 { margin-top: 8px; } .mt-3 { margin-top: 12px; } .mt-4 { margin-top: 16px; } .mt-6 { margin-top: 24px; }
.mb-2 { margin-bottom: 8px; } .mb-3 { margin-bottom: 12px; } .mb-4 { margin-bottom: 16px; } .mb-6 { margin-bottom: 24px; }
.py-8 { padding-top: 32px; padding-bottom: 32px; }
.rounded { border-radius: var(--radius); }
.shadow-1 { box-shadow: var(--shadow-1); }
.border { border: 1px solid var(--border); }
.accent { color: var(--gold); }

/* ===== Page-specific tweaks (safe selectors) ===== */
/* Index hero buttons if present */
main a[href*="hizmetlerimiz"].btn, main a[href*="iletisim"].btn { margin-right: 8px; }

/* Hakkımızda: paragraphs spacing (generic fallback) */
article p { margin-bottom: 12px; }

/* Hizmetlerimiz: package lists look like cards */
h1 + p + .grid, h1 + .grid, h2 + .grid { gap: 16px; }
/* Fallback: style any h3 + list as a card */
h3 + ul { padding-left: 0; }
h3 + ul > li { list-style: none; }

/* Gizlilik: readable width - scope only to article, not global main */
article { max-width: 900px; margin: 0 auto; }

/* ===== Content Updates for Towing Services ===== */

/* INDEX PAGE - Ana Sayfa İçerik Güncellemeleri */
body h1:contains("Müşteri")::before {
  content: "🚛 GoldAssist Çekici - Yolda Kalma, Güvende Kal";
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--text) 0%, var(--gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
}

body h1:contains("Müşteri") {
  font-size: 0;
  height: auto;
}

body h1:contains("Müşteri") + p::before {
  content: "Araç arızası, kaza, lastik patlaması veya yakıt bitmesi durumlarında 7/24 yanınızdayız. Giresun ve çevresinde hızlı çekici ve yol yardım hizmetleri sunuyoruz.";
  display: block;
  font-size: 1.25rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h1:contains("Müşteri") + p {
  font-size: 0;
}

/* Neden GoldAssist bölümü */
body h2:contains("Neden")::before {
  content: "🌟 Neden GoldAssist Çekici Tercih Edilir?";
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 1rem;
}

body h2:contains("Neden") {
  font-size: 0;
}

body h2:contains("Neden") + p::before {
  content: "Profesyonel ekibimiz ve modern çekici filosumuzla araç sahiplerinin güvenini kazanmış, binlerce müşteriye hizmet vermiş deneyimli bir firmayız.";
  display: block;
  font-size: 1.1rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h2:contains("Neden") + p {
  font-size: 0;
}

/* Hizmet özelliklerini güncelle */
body h3:contains("7/24")::before {
  content: "🚨 7/24 Acil Müdahale";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("7/24") {
  font-size: 0;
}

body h3:contains("7/24") + p::before {
  content: "Araç arızası veya kaza durumlarında gece gündüz demeden hızla olay yerine ulaşıyor, çekici hizmeti sağlıyoruz. Ortalama 20 dakikada yanınızdayız.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
}

body h3:contains("7/24") + p {
  font-size: 0;
}

body h3:contains("Teknolojik")::before {
  content: "🔧 Kapsamlı Yol Yardım";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Teknolojik") {
  font-size: 0;
}

body h3:contains("Teknolojik") + p::before {
  content: "Çekici hizmeti, lastik patlaması, yakıt bitmesi, akü boşalması, kurtarma operasyonları ve araç arıza giderme hizmetleri sunuyoruz.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
}

body h3:contains("Teknolojik") + p {
  font-size: 0;
}

body h3:contains("Uzman")::before {
  content: "🏆 Güvenilir ve Deneyimli";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Uzman") {
  font-size: 0;
}

body h3:contains("Uzman") + p::before {
  content: "Yıllardır yol yardım sektöründe hizmet veren deneyimli ekibimiz, modern ekipmanlar ve sigortalı hizmet garantisi ile güveninizi kazanıyoruz.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
}

body h3:contains("Uzman") + p {
  font-size: 0;
}

/* Müşteri yorumunu güncelle */
blockquote::before {
  content: "GoldAssist Çekici ile tanıştığımızdan beri çok memnunuz. Geçen ay araç arızası yaşadığımızda 15 dakikada geldiler ve sorunumuzu çözdüler. Profesyonel ve güvenilir hizmet.";
  display: block;
  font-style: italic;
  color: var(--text-dim);
  font-size: 1.1rem;
  line-height: 1.6;
}

blockquote {
  font-size: 0;
}

blockquote + p::before {
  content: "- Mehmet Kaya, Giresun";
  display: block;
  font-weight: 600;
  color: var(--gold);
  margin-top: 1rem;
}

blockquote + p {
  font-size: 0;
}

/* HAKKIMIZDA PAGE - Hakkımızda Sayfası */
body h1:contains("Biz Kimiz")::before {
  content: "🏢 GoldAssist Çekici Hakkında";
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 1rem;
}

body h1:contains("Biz Kimiz") {
  font-size: 0;
}

body h1:contains("Biz Kimiz") + p::before {
  content: "2018 yılından beri Giresun ve çevresinde güvenilir yol yardım ve çekici hizmetleri sunuyoruz. Araç sahiplerinin güvenle yolculuk etmesi için buradayız.";
  display: block;
  font-size: 1.25rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h1:contains("Biz Kimiz") + p {
  font-size: 0;
}

body h2:contains("Hikayemiz")::before {
  content: "📖 Hikayemiz";
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 1rem;
}

body h2:contains("Hikayemiz") {
  font-size: 0;
}

body h2:contains("Hikayemiz") + p::before {
  content: "GoldAssist Çekici, 2018 yılında Giresun'da kurulmuş bir yol yardım ve çekici hizmetleri firmasıdır. Araç sahiplerinin zor anlarında yanlarında olan güvenilir bir çözüm ortağı olmayı hedefliyoruz. Modern çekici araçlarımız, deneyimli sürücülerimiz ve 7/24 hizmet anlayışımızla bölgenin önde gelen yol yardım firması haline geldik. Çekici hizmeti, lastik değişimi, akü takviyesi, yakıt ikmali ve kurtarma operasyonlarında uzmanız.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h2:contains("Hikayemiz") + p {
  font-size: 0;
}

/* Vizyon ve Misyon */
body h3:contains("Vizyonumuz")::before {
  content: "🎯 Vizyonumuz";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Vizyonumuz") {
  font-size: 0;
}

body h3:contains("Vizyonumuz") + p::before {
  content: "Karadeniz Bölgesi'nin en güvenilir ve tercih edilen yol yardım çekici firması olmak; teknoloji ve insan gücünü birleştirerek sektörde standartları belirlemek.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
}

body h3:contains("Vizyonumuz") + p {
  font-size: 0;
}

body h3:contains("Misyonumuz")::before {
  content: "🚀 Misyonumuz";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Misyonumuz") {
  font-size: 0;
}

body h3:contains("Misyonumuz") + p::before {
  content: "Müşterilerimizin acil durumlarda güvenebilecekleri hızlı, güvenli ve profesyonel yol yardım hizmetleri sunarak onların yolculuklarına değer katmak.";
  display: block;
  font-size: 1rem;
  color: var(--text-dim);
}

body h3:contains("Misyonumuz") + p {
  font-size: 0;
}

/* HIZMETLERIMIZ PAGE - Hizmetlerimiz Sayfası */
body h1:contains("Çözüm Paketleri")::before {
  content: "🛠️ Yol Yardım ve Çekici Hizmet Paketleri";
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 1rem;
}

body h1:contains("Çözüm Paketleri") {
  font-size: 0;
}

body h1:contains("Çözüm Paketleri") + p::before {
  content: "İhtiyacınıza uygun yol yardım paketlerimizle araç arızası, kaza, lastik patlaması ve yakıt bitmesi durumlarında güvende olun.";
  display: block;
  font-size: 1.25rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h1:contains("Çözüm Paketleri") + p {
  font-size: 0;
}

/* Paket başlıklarını Point Asistans referansına göre güncelle */
body h3:contains("Temel")::before {
  content: "🚗 START Yol Yardım Paketi";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Premium")::before {
  content: "⭐ POINT PRIME Yol Yardım";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Aile")::before {
  content: "🏠 HOME POINT Yol Yardım";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

body h3:contains("Kurumsal")::before {
  content: "🚛 CAR POINT Yol Yardım";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

/* Paket içeriklerini Point Asistans referansına göre güncelle */
body h3:contains("Temel") + ul::before {
  content: "✅ Çekici Hizmeti (Arıza) ✅ Çekici Hizmeti (Kaza) ✅ Lastik Patlaması ✅ Yakıt Bitmesi ✅ Kurtarma Hizmeti";
  display: block;
  white-space: pre-line;
  line-height: 1.8;
  color: var(--text-dim);
  margin: 1rem 0;
}

body h3:contains("Premium") + ul::before {
  content: "✅ Çekici Hizmeti (Arıza) ✅ Çekici Hizmeti (Kaza) ✅ Lastik Patlaması ✅ Yakıt Bitmesi ✅ Kurtarma Hizmeti ✅ Akü Takviyesi ✅ Kapı Açma";
  display: block;
  white-space: pre-line;
  line-height: 1.8;
  color: var(--text-dim);
  margin: 1rem 0;
}

body h3:contains("Aile") + ul::before {
  content: "✅ Çekici Hizmeti (Arıza) ✅ Çekici Hizmeti (Kaza) ✅ Lastik Patlaması ✅ Yakıt Bitmesi ✅ Kurtarma Hizmeti ✅ Ev Yardım Hizmetleri";
  display: block;
  white-space: pre-line;
  line-height: 1.8;
  color: var(--text-dim);
  margin: 1rem 0;
}

body h3:contains("Kurumsal") + ul::before {
  content: "✅ Çekici Hizmeti (Arıza) ✅ Çekici Hizmeti (Kaza) ✅ Lastik Patlaması ✅ Yakıt Bitmesi ✅ Kurtarma Hizmeti ✅ Filo Yönetimi ✅ Özel Fiyatlandırma";
  display: block;
  white-space: pre-line;
  line-height: 1.8;
  color: var(--text-dim);
  margin: 1rem 0;
}

/* Paket listelerini gizle ve yeni içerik göster */
body h3:contains("Temel") + ul,
body h3:contains("Premium") + ul,
body h3:contains("Aile") + ul,
body h3:contains("Kurumsal") + ul {
  font-size: 0;
}

/* İLETİŞİM PAGE - İletişim Sayfası */
body h1:contains("Bize Ulaşın")::before {
  content: "📞 Bize Ulaşın - 7/24 Acil Hizmet";
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 1rem;
}

body h1:contains("Bize Ulaşın") {
  font-size: 0;
}

body h1:contains("Bize Ulaşın") + p::before {
  content: "Acil yol yardım ihtiyacınız için 7/24 ulaşabilirsiniz. Hızlı müdahale garantisi ile yanınızdayız.";
  display: block;
  font-size: 1.25rem;
  color: var(--text-dim);
  line-height: 1.6;
}

body h1:contains("Bize Ulaşın") + p {
  font-size: 0;
}

/* Acil arama butonu ekleme */
body::after {
  content: "🚨 ACİL ÇEKME: 0850 441 88 28";
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--emergency-gradient);
  color: white;
  padding: 16px 24px;
  border-radius: 50px;
  box-shadow: 0 8px 32px rgba(255,23,68,0.3);
  z-index: 1000;
  font-weight: 700;
  animation: pulse-soft 4s infinite;
  cursor: pointer;
  text-decoration: none;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Softer pulse for emergency floating button */
@keyframes pulse-soft {
  0%, 100% { transform: scale(1); box-shadow: 0 8px 32px rgba(255,23,68,0.25); }
  50% { transform: scale(1.03); box-shadow: 0 12px 40px rgba(255,23,68,0.28); }
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  body::after, .btn-emergency { animation: none !important; transition: none !important; }
}

/* Hakkımızda sayfası için resim ekleme */
body h2:contains("Hikayemiz")::after {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center/cover;
  border-radius: var(--radius);
  margin: 2rem 0;
  box-shadow: var(--shadow-1);
}

/* Sayfa yapısını zenginleştirme */
section {
  position: relative;
}

section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gold), transparent);
  border-radius: 2px;
}

/* İkon ve renk zenginleştirmeleri */
h2::before {
  margin-right: 0.5rem;
}

h3::before {
  margin-right: 0.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  header .container { padding: 0 16px; }
  nav a, .nav a { padding: 8px 10px; }
  section { padding: 56px 0; }
  .grid-3, .grid.cols-3, .services-grid { grid-template-columns: 1fr; }
  
  body::after {
    bottom: 10px;
    right: 10px;
    padding: 12px 16px;
    font-size: 0.9rem;
  }
  
  body h1::before {
    font-size: 2rem;
  }
  
  body h2:contains("Hikayemiz")::after {
    height: 200px;
  }
}