/* ============================================================
   hakkimizda.css — Hakkımızda Sayfası Özel Stilleri
   Antalya Müzik Aletleri | Saz Sepeti
   ============================================================ */

/* === İÇ HERO === */
.inner-hero { position: relative; background: var(--color-dark); padding: 4rem 0 3rem; overflow: hidden; }
.inner-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(201,168,76,0.08) 0%, transparent 60%); pointer-events: none; z-index: 1; }
.inner-hero-overlay { position: absolute; inset: 0; background: url('../../img/hero/inner-hero-bg.webp') center/cover no-repeat; opacity: 0.12; z-index: 0; }
.inner-hero .container-xl { position: relative; z-index: 2; }
.breadcrumb-nav { display: flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; color: var(--color-text-muted); margin-bottom: 1rem; flex-wrap: wrap; }
.breadcrumb-nav a { color: var(--color-text-muted); }
.breadcrumb-nav a:hover { color: var(--color-gold); }
.breadcrumb-sep { font-size: 0.6rem; color: var(--color-gold); opacity: 0.6; }
.inner-hero-title { font-family: var(--font-display); font-size: clamp(1.75rem, 4vw, 2.75rem); color: var(--color-white); margin-bottom: 0.75rem; }
.inner-hero-desc { font-size: 1rem; color: var(--color-text-light); max-width: 600px; margin: 0; }

/* === HAKKIMIZDA TANITIM === */
.about-intro-section {
  padding: 4rem 0;
  background: var(--color-bg-light);
}
.about-intro-text p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.85;
  margin-bottom: 1rem;
}
.about-intro-text p:last-child { margin-bottom: 0; }
.about-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.3);
  color: var(--color-gold);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.3rem 0.9rem;
  border-radius: var(--radius-pill);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}
.about-intro-img-wrap {
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--color-bg-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,0.08);
  position: relative;
}
.about-intro-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.about-intro-img-wrap .placeholder-icon { font-size: 5rem; opacity: 0.3; color: var(--color-gold); position: absolute; }

/* === İSTATİSTİKLER === */
.about-stats-section {
  padding: 4rem 0;
  background: var(--color-dark);
}
.about-stat-card {
  background: var(--color-dark-card);
  border: 1px solid rgba(201,168,76,0.15);
  border-radius: var(--radius-lg);
  padding: 2rem 1.5rem;
  text-align: center;
  transition: var(--transition);
}
.about-stat-card:hover { border-color: rgba(201,168,76,0.4); transform: translateY(-4px); }
.about-stat-number {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  color: var(--color-gold);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
.about-stat-label { font-size: 0.875rem; color: var(--color-text-muted); line-height: 1.4; }

/* === DEĞERLERİMİZ === */
.about-values-section {
  padding: 4rem 0;
  background: var(--color-white);
}

/* === CTA === */
.about-cta-section {
  padding: 4rem 0;
  background: var(--color-dark);
}
.about-cta-text { color: rgba(255,255,255,0.8); font-size: 0.95rem; line-height: 1.75; margin-bottom: 1.5rem; }
.about-cta-btns { display: flex; gap: 0.75rem; flex-wrap: wrap; }

@media (max-width: 575px) {
  .inner-hero { padding: 2.5rem 0 2rem; }
  .about-cta-btns { flex-direction: column; }
  .about-cta-btns a { justify-content: center; }
}