/* --- custom-oz-bg-system.css --- */
/* ================================================================
   Özler Landing — Bütünleşik Arka Plan Sistemi v3.0
   
   TEK dosyada, TEK zemin. Hero'dan footer'a kesintisiz akar.
   Tüm section'lar transparent. Animasyonlu orb'lar fixed katmanda.
   ================================================================ */


/* ─────────────────────────────────────────────
   BÖLÜM 1: TEMEL DEĞIŞKENLER
   ───────────────────────────────────────────── */
:root {
  --oz-bg:        #05060a;
  --oz-bg2:       #07080e;
  --oz-red:       #e1262c;
  --oz-blue:      #2a4aba;
  --oz-text:      #f4f5fa;
  --oz-muted:     rgba(244,245,250,0.65);
  --oz-border:    rgba(255,255,255,0.11);
  --oz-card:      rgba(255,255,255,0.06);
  --oz-card-hov:  rgba(255,255,255,0.10);
}


/* ─────────────────────────────────────────────
   BÖLÜM 2: HTML / BODY ZEMİNİ
   ───────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  background: var(--oz-bg);
}

body, #root {
  background: transparent !important;
  color: var(--oz-text);
  overflow-x: hidden;
}


/* ─────────────────────────────────────────────
   BÖLÜM 3: FIXED ARKA PLAN KATMANI
   
   position:fixed → scroll etkilemez,
   tüm sayfa boyunca tek parça görünür.
   ───────────────────────────────────────────── */

/* Katman 1 — Ana zemin gradyanı + geniş renk alanları */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    /* Sol üst kırmızı halo */
    radial-gradient(ellipse 70vw 55vh at 5%  8%,  rgba(225,38,44,0.13) 0%, transparent 60%),
    /* Sağ üst mavi-mor halo */
    radial-gradient(ellipse 65vw 50vh at 95% 10%, rgba(42,74,186,0.12) 0%, transparent 58%),
    /* Orta büyük mor ton */
    radial-gradient(ellipse 90vw 60vh at 50% 48%, rgba(60,40,150,0.07) 0%, transparent 65%),
    /* Alt sol kırmızı */
    radial-gradient(ellipse 60vw 45vh at 8%  90%, rgba(225,38,44,0.08) 0%, transparent 58%),
    /* Alt sağ mavi */
    radial-gradient(ellipse 55vw 42vh at 92% 88%, rgba(42,74,186,0.09) 0%, transparent 56%),
    /* Ana zemin — çok hafif dikey geçiş, tekdüze siyah değil */
    linear-gradient(180deg,
      #060711 0%,
      #05060d 20%,
      #06070e 45%,
      #05060c 72%,
      #060711 100%
    );
}

/* Katman 2 — Hafif grid doku (scroll etkilemez) */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px);
  background-size: 68px 68px;
  /* Kenar ve alt kısımlarda soluklaşır */
  mask-image: radial-gradient(
    ellipse 88% 75% at 50% 28%,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0.5) 52%,
    transparent 88%
  );
  opacity: 0.5;
  animation: oz-grid-breathe 16s ease-in-out infinite alternate;
}

@keyframes oz-grid-breathe {
  from { opacity: 0.38; }
  to   { opacity: 0.56; }
}


/* ─────────────────────────────────────────────
   BÖLÜM 4: ANİMASYONLU BLOB/ORB KATMANI
   
   .oz-bg-orbs → JS ile body'e inject edilir
   Alternatif: CSS ::before/::after ile de çalışır
   ───────────────────────────────────────────── */

/* Orb container */
.oz-bg-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint style;
}

/* Orb 1 — Büyük kırmızı, sol üst → aşağı sağa kayar */
.oz-bg-orb-1 {
  position: absolute;
  width: min(72vw, 720px);
  height: min(72vw, 720px);
  left: -18%;
  top: 2%;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(225,38,44,0.48) 0%,
    rgba(225,38,44,0.22) 36%,
    transparent 68%
  );
  filter: blur(72px);
  opacity: 0.72;
  will-change: transform;
  animation: oz-orb-1-drift 22s ease-in-out infinite alternate;
}

@keyframes oz-orb-1-drift {
  0%   { transform: translate(0,    0)    scale(1.00); opacity: 0.62; }
  33%  { transform: translate(8vw,  6vh)  scale(1.08); opacity: 0.78; }
  66%  { transform: translate(14vw, 18vh) scale(0.96); opacity: 0.68; }
  100% { transform: translate(6vw,  28vh) scale(1.04); opacity: 0.74; }
}

/* Orb 2 — Büyük mavi, sağ üst → sol aşağı kayar */
.oz-bg-orb-2 {
  position: absolute;
  width: min(66vw, 660px);
  height: min(66vw, 660px);
  right: -14%;
  top: 8%;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(42,74,186,0.44) 0%,
    rgba(42,74,186,0.18) 40%,
    transparent 70%
  );
  filter: blur(80px);
  opacity: 0.65;
  will-change: transform;
  animation: oz-orb-2-drift 26s ease-in-out infinite alternate;
}

@keyframes oz-orb-2-drift {
  0%   { transform: translate(0,    0)     scale(1.00); opacity: 0.55; }
  40%  { transform: translate(-10vw, 10vh) scale(1.06); opacity: 0.72; }
  100% { transform: translate(-6vw,  24vh) scale(0.94); opacity: 0.60; }
}

/* Orb 3 — Küçük mor, ortada yavaş döner */
.oz-bg-orb-3 {
  position: absolute;
  width: min(48vw, 480px);
  height: min(48vw, 480px);
  left: 28%;
  top: 34%;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(90,50,200,0.28) 0%,
    rgba(90,50,200,0.10) 45%,
    transparent 72%
  );
  filter: blur(90px);
  opacity: 0.50;
  will-change: transform;
  animation: oz-orb-3-drift 32s ease-in-out infinite alternate;
}

@keyframes oz-orb-3-drift {
  0%   { transform: translate(0,    0)    scale(0.92); opacity: 0.40; }
  50%  { transform: translate(-6vw, 8vh)  scale(1.10); opacity: 0.58; }
  100% { transform: translate(5vw,  -4vh) scale(0.96); opacity: 0.44; }
}

/* Orb 4 — Alt alan kırmızı glow */
.oz-bg-orb-4 {
  position: absolute;
  width: min(56vw, 560px);
  height: min(56vw, 560px);
  left: -8%;
  bottom: 10%;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(225,38,44,0.32) 0%,
    rgba(225,38,44,0.10) 42%,
    transparent 68%
  );
  filter: blur(88px);
  opacity: 0.45;
  will-change: transform;
  animation: oz-orb-4-drift 28s ease-in-out infinite alternate;
}

@keyframes oz-orb-4-drift {
  0%   { transform: translate(0,   0)    scale(1.00); opacity: 0.38; }
  100% { transform: translate(12vw,-8vh) scale(1.12); opacity: 0.54; }
}

/* Orb 5 — Alt sağ mavi glow */
.oz-bg-orb-5 {
  position: absolute;
  width: min(52vw, 520px);
  height: min(52vw, 520px);
  right: -10%;
  bottom: 6%;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(42,74,186,0.30) 0%,
    rgba(42,74,186,0.08) 44%,
    transparent 70%
  );
  filter: blur(84px);
  opacity: 0.42;
  will-change: transform;
  animation: oz-orb-5-drift 24s ease-in-out infinite alternate;
}

@keyframes oz-orb-5-drift {
  0%   { transform: translate(0,    0)    scale(1.00); opacity: 0.36; }
  100% { transform: translate(-10vw, 6vh) scale(1.08); opacity: 0.50; }
}

/* Kenar kararma — sayfa köşelerini çerçeveler */
.oz-bg-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse 120% 80% at 50% 50%,
    transparent 38%,
    rgba(4,5,9,0.55) 100%
  );
}


/* ─────────────────────────────────────────────
   BÖLÜM 5: TÜM SECTION'LAR TRANSPARENT
   
   Hiçbir section kendi background'ını taşımamalı.
   Sadece fixed orb katmanı görünür.
   ───────────────────────────────────────────── */
section,
section[id],
main section,
#hero, #brands, #about, #products, #services,
#why, #why-ozler, #process, #contact, #team,
#dealer-application, #career, #product-groups,
#locations, #faq, #footer, #news,
.oz-team-section,
.oz-growth-section,
.oz-dealer-section,
.oz-career-section {
  background:            transparent !important;
  background-image:      none !important;
  background-color:      transparent !important;
  border-top:            none !important;
  border-bottom:         none !important;
}

/* Section'ların ::before/::after pseudo'ları — varsa görünmez */
.oz-team-section::before,
.oz-team-section::after,
.oz-growth-section::before,
.oz-growth-section::after {
  display: none !important;
}

/* Tailwind utility override — bg-* class'ları transparent */
.bg-background, .bg-card, .bg-popover,
.bg-muted, .bg-secondary, .bg-accent,
[class*='bg-background'], [class*='bg-card'],
[class*='bg-popover'], [class*='bg-muted'],
[class*='bg-secondary'] {
  background-color: transparent !important;
}

[class*='from-secondary'], [class*='via-secondary'], [class*='to-secondary'],
[class*='from-accent'],    [class*='via-accent'],    [class*='to-accent'],
[class*='from-primary'],   [class*='via-primary'],   [class*='to-primary'] {
  --tw-gradient-from: transparent !important;
  --tw-gradient-via:  transparent !important;
  --tw-gradient-to:   transparent !important;
}

/* html.oz-ambient-ready → ambient JS inject'i hâlâ çalışıyor, kontrol */
html.oz-ambient-ready body,
html.oz-ambient-ready #root {
  background: transparent !important;
}

html.oz-ambient-ready #root {
  position: relative;
  z-index: 1;
  min-height: 100%;
}


/* ─────────────────────────────────────────────
   BÖLÜM 6: SECTION GEÇİŞLERİ — YUMUŞAK
   ───────────────────────────────────────────── */
:root {
  --oz-fade: clamp(64px, 7vw, 110px);
}

/* Section'lar arasında scroll'da ince glow bandı */
section[id] {
  position: relative;
  isolation: isolate;
  padding-top:    clamp(48px, 5vw, 80px) !important;
  padding-bottom: clamp(48px, 5vw, 80px) !important;
  scroll-margin-top: 72px;
  overflow: visible;
}

/* Yatay ince separator — geçici olarak kapatıldı (kullanıcı çizgilerden rahatsız) */
section[id]::before {
  display: none !important;
}

/* İlk section'da ayırıcı çizgi olmasın */
section[id]:first-of-type::before {
  display: none;
}

/* .oz-section-transition div'leri — sert değil, yumuşak ışık */
.oz-section-transition {
  position: relative !important;
  height: 56px !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}

.oz-section-transition::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(680px, 72vw) !important;
  height: 1px !important;
  transform: translate(-50%,-50%) !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.10),
    rgba(225,38,44,0.28),
    rgba(255,255,255,0.10),
    transparent
  ) !important;
  box-shadow: 0 0 18px rgba(225,38,44,0.18) !important;
}

.oz-section-transition::after {
  display: none !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 7: KARTLAR — KOYU CAM EFEKTİ
   ───────────────────────────────────────────── */
.oz-why-card,
.oz-product-card,
.oz-dealer-copy,
.oz-dealer-panel,
.oz-career-card,
.oz-map-person-card,
.oz-location-card,
.oz-location-person,
.oz-team-card,
.oz-team-card:nth-child(n),
#services > div > div:last-child > *,
#locations > div > div:last-child > * {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.036)),
    rgba(12,14,22,0.80) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--oz-text) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,0.40),
    inset 0 1px 0 rgba(255,255,255,0.07) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  transition:
    transform    0.28s ease,
    border-color 0.28s ease,
    box-shadow   0.28s ease !important;
}

.oz-why-card:hover,
.oz-product-card:hover,
.oz-dealer-copy:hover,
.oz-dealer-panel:hover,
.oz-career-card:hover,
.oz-map-person-card:hover,
.oz-location-card:hover,
.oz-location-person:hover,
.oz-team-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(225,38,44,0.30) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,0.52),
    0 0 40px rgba(225,38,44,0.10),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

/* Glassmorphism kartları */
[class*="liquid"],
[class*="glass"],
.liquid-glass {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.030)),
    rgba(10,12,20,0.78) !important;
  border: 1px solid rgba(255,255,255,0.11) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 8: NAVBAR — KOYU CAM
   ───────────────────────────────────────────── */
header {
  background: linear-gradient(
    180deg,
    rgba(5,6,10,0.92) 0%,
    rgba(5,6,10,0.72) 100%
  ) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 8px 28px rgba(0,0,0,0.28),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 9: MARKA ŞERİDİ
   ───────────────────────────────────────────── */
.oz-brands-strip-shell {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.028) 42%, rgba(225,38,44,0.05)),
    rgba(6,8,14,0.84) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow:
    0 20px 56px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.oz-brands-strip-item {
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 8px 20px rgba(0,0,0,0.22) !important;
  transition:
    transform     0.18s ease,
    border-color  0.18s ease,
    background    0.18s ease !important;
}

.oz-brands-strip-item:hover {
  background: rgba(255,255,255,0.09) !important;
  border-color: rgba(225,38,44,0.24) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.30),
    0 0 22px rgba(225,38,44,0.10) !important;
  transform: translate3d(0,-3px,0) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 10: HERO VİTRİN ALTI GEÇİŞ
   ───────────────────────────────────────────── */
.oz-hero-vitrin-bg::after {
  background:
    radial-gradient(115% 85% at 50% 55%, transparent 30%, rgba(5,6,10,0.52) 100%),
    linear-gradient(
      180deg,
      rgba(5,6,10,0.40) 0%,
      rgba(5,6,10,0.16) 42%,
      rgba(5,6,10,0.72) 100%
    ) !important;
}

/* Hero section scroll yüksekliği */
#root section:has(.sticky.top-0.h-screen) {
  height: 185vh !important;
  background: transparent !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 11: METIN RENKLERİ
   ───────────────────────────────────────────── */
section h1, section h2 {
  color: var(--oz-text) !important;
}

.oz-team-title span,
.oz-growth-title span {
  color: var(--oz-red) !important;
}

.oz-team-desc, .oz-team-summary, .oz-team-note,
.oz-growth-desc, .oz-career-card p,
.oz-why-card p, .oz-product-card p {
  color: var(--oz-muted) !important;
}

.oz-eyebrow, .oz-growth-eyebrow, .oz-team-eyebrow {
  color: #ffffff !important;
}

[class*="text-red"], [class*="text-primary"] {
  color: var(--oz-red) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 12: FORM ALANLARI
   ───────────────────────────────────────────── */
.oz-dealer-form input,
.oz-dealer-form select,
.oz-dealer-form textarea {
  background: rgba(6,7,12,0.72) !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  color: var(--oz-text) !important;
}

.oz-dealer-form input:focus,
.oz-dealer-form select:focus,
.oz-dealer-form textarea:focus {
  border-color: rgba(225,38,44,0.50) !important;
  box-shadow: 0 0 0 3px rgba(225,38,44,0.12) !important;
  outline: none !important;
}

.oz-dealer-form input::placeholder,
.oz-dealer-form textarea::placeholder {
  color: rgba(244,245,250,0.36) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 13: BUTONLAR
   ───────────────────────────────────────────── */
.oz-team-filter,
.oz-team-chip,
.oz-team-arrow,
.oz-team-action {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--oz-text) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.20) !important;
}

.oz-team-filter:hover,
.oz-team-filter.is-active,
.oz-team-arrow:hover,
.oz-team-action.primary,
.oz-dealer-submit,
.oz-career-button {
  background: linear-gradient(135deg, #e1262c, #981318) !important;
  border-color: rgba(225,38,44,0.42) !important;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(225,38,44,0.22) !important;
}

.oz-team-photo-frame,
.oz-team-badge {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.12) !important;
}


/* ─────────────────────────────────────────────
   BÖLÜM 14: SCROLL-REVEAL ANİMASYONU
   ───────────────────────────────────────────── */
.oz-premium-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition-delay: calc(var(--oz-i, 0) * 45ms);
}

.oz-premium-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}


/* ─────────────────────────────────────────────
   BÖLÜM 15: MOBİL
   ───────────────────────────────────────────── */
@media (max-width: 768px) {
  body::before {
    background:
      radial-gradient(ellipse 110vw 48vh at 50% 5%,  rgba(225,38,44,0.12) 0%, transparent 60%),
      radial-gradient(ellipse 100vw 44vh at 50% 92%, rgba(42,74,186,0.10) 0%, transparent 58%),
      linear-gradient(180deg, #060711 0%, #05060d 50%, #060711 100%);
  }

  body::after {
    display: none; /* Grid mobilde kapalı — performans */
  }

  .oz-bg-orb-1 { filter: blur(56px); opacity: 0.55; }
  .oz-bg-orb-2 { filter: blur(62px); opacity: 0.48; }
  .oz-bg-orb-3 { filter: blur(72px); opacity: 0.36; }
  .oz-bg-orb-4 { display: none; }
  .oz-bg-orb-5 { display: none; }

  section[id] {
    padding-top:    40px !important;
    padding-bottom: 40px !important;
  }

  .oz-section-transition {
    height: 40px !important;
  }
}


/* ─────────────────────────────────────────────
   BÖLÜM 16: REDUCED MOTION
   ───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .oz-bg-orb-1,
  .oz-bg-orb-2,
  .oz-bg-orb-3,
  .oz-bg-orb-4,
  .oz-bg-orb-5,
  body::after {
    animation: none !important;
  }

  .oz-premium-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .oz-team-card:hover,
  .oz-why-card:hover,
  .oz-product-card:hover {
    transform: none !important;
  }
}


/* --- custom-team.css --- */
:root {
  --oz-team-red: #b32222;
  --oz-team-red-dark: #841818;
  --oz-team-ink: #f6f7fb;
  --oz-team-muted: rgba(218,222,232,.72);
  --oz-team-paper: #090a0f;
  --oz-team-cream: #0b0d13;
  --oz-team-peach: #151821;
  --oz-team-pink: #12151d;
  --oz-team-green: #101722;
  --oz-team-blue: #0f1624;
  --oz-team-border: rgba(255,255,255,.12);
}

.oz-team-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(72px, 8vw, 126px) 0;
  background: transparent; /* → custom-oz-bg-system.css yönetir */
  color: var(--oz-team-ink);
}

.oz-team-section::before {
  display: none; /* Grid doku → bg-system global katmanda */
}

.oz-team-section::after {
  content: "ÖZLER • SATIŞ EKİBİ • ÖZLER • SATIŞ EKİBİ";
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: -1;
  color: rgba(179, 34, 34, .055);
  font-weight: 950;
  letter-spacing: -.06em;
  font-size: clamp(64px, 13vw, 210px);
  line-height: .85;
  pointer-events: none;
}

.oz-team-wrap {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}

.oz-team-head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr);
  gap: 28px;
  align-items: end;
  margin-bottom: 30px;
}

.oz-team-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--oz-team-red);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.oz-team-eyebrow::before {
  content: "";
  width: 38px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--oz-team-red), #d52222);
}

.oz-team-title {
  margin: 0;
  font-size: clamp(40px, 6vw, 82px);
  line-height: .90;
  letter-spacing: -.065em;
  font-weight: 950;
  max-width: 10.8ch;
}

.oz-team-title span {
  color: var(--oz-team-red);
}

.oz-team-desc {
  margin: 0;
  color: var(--oz-team-muted);
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.7;
}

.oz-team-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.oz-team-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.oz-team-filter,
.oz-team-arrow {
  border: 1px solid var(--oz-team-border);
  background: rgba(255,255,255,.58);
  color: rgba(246,247,251,.86);
  border-radius: 999px;
  padding: 10px 15px;
  font: inherit;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
  transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
  backdrop-filter: blur(12px);
}

.oz-team-filter:hover,
.oz-team-filter.is-active,
.oz-team-arrow:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, var(--oz-team-red), var(--oz-team-red-dark));
  border-color: rgba(179,34,34,.22);
  color: #fff;
}

.oz-team-arrows {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.oz-team-arrow {
  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
}

.oz-team-slider-shell {
  position: relative;
  overflow: hidden;
  margin: 0 calc((100vw - min(1240px, calc(100vw - 32px))) / -2);
  padding: 6px calc((100vw - min(1240px, calc(100vw - 32px))) / 2) 26px;
}

.oz-team-slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, 31%);
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 10px 2px 24px;
}

.oz-team-slider::-webkit-scrollbar { display: none; }

.oz-team-card {
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.56)),
    var(--oz-card-bg, var(--oz-team-cream));
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  backdrop-filter: blur(14px);
}

.oz-team-card:nth-child(4n+1) { --oz-card-bg: linear-gradient(135deg, #12151d, #202637); }
.oz-team-card:nth-child(4n+2) { --oz-card-bg: linear-gradient(135deg, #11141d, #2a1115); }
.oz-team-card:nth-child(4n+3) { --oz-card-bg: linear-gradient(135deg, #10141d, #141e2a); }
.oz-team-card:nth-child(4n+4) { --oz-card-bg: linear-gradient(135deg, #0f1420, #182438); }

.oz-team-card::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -58px;
  top: -58px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(179,34,34,.16), transparent 68%);
  pointer-events: none;
}

.oz-team-card:hover {
  transform: translateY(-9px) rotate(-.2deg);
  border-color: rgba(179,34,34,.24);
  box-shadow: 0 32px 95px rgba(0,0,0,.44);
}

.oz-team-card-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 18px;
}

.oz-team-photo-frame {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  aspect-ratio: 1.08 / 1;
  margin-bottom: 18px;
  background: rgba(255,255,255,.5);
  border: 1px solid rgba(255,255,255,.70);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.oz-team-photo,
.oz-team-initials {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

.oz-team-photo {
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

.oz-team-card:hover .oz-team-photo { transform: scale(1.045); }

.oz-team-initials {
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 28%),
    linear-gradient(135deg, var(--oz-team-red), #111827);
  color: #fff;
  font-size: clamp(46px, 7vw, 72px);
  font-weight: 950;
  letter-spacing: -.07em;
}

.oz-team-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 8px 11px;
  color: #fff;
  background: rgba(6,8,14,.74);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 12px 34px rgba(0,0,0,.20);
  backdrop-filter: blur(12px);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oz-team-name {
  margin: 0 0 7px;
  font-size: clamp(23px, 2.2vw, 31px);
  line-height: 1.02;
  letter-spacing: -.045em;
  font-weight: 950;
  color: var(--oz-team-ink);
}

.oz-team-role {
  margin: 0;
  color: var(--oz-team-red);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
}

.oz-team-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 14px;
}

.oz-team-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255,255,255,.54);
  color: rgba(218,222,232,.74);
  font-size: 12px;
  font-weight: 900;
}

.oz-team-note {
  min-height: 44px;
  margin: 0 0 18px;
  color: rgba(218,222,232,.72);
  font-size: 14px;
  line-height: 1.55;
}

.oz-team-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: auto;
}

.oz-team-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  color: rgba(246,247,251,.82);
  background: rgba(255,255,255,.62);
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.oz-team-action:hover {
  transform: translateY(-2px);
  color: var(--oz-team-red);
  background: #fff;
  border-color: rgba(179,34,34,.24);
}

.oz-team-action.primary {
  color: #fff;
  background: linear-gradient(135deg, var(--oz-team-red), var(--oz-team-red-dark));
  border-color: rgba(179,34,34,.20);
}

.oz-team-action.primary:hover { color: #fff; }

.oz-team-empty {
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 26px;
  padding: 28px;
  color: rgba(218,222,232,.68);
  background: rgba(255,255,255,.55);
  text-align: center;
}

/* Harita temsilci listesi: mevcut React çıktısını fotoğraflı hale getirir */
#locations .oz-map-avatar-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

#locations .oz-map-avatar,
#locations .oz-map-initials {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(255,255,255,.20);
  background: linear-gradient(135deg, var(--oz-team-red), #111827);
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
  flex: 0 0 54px;
}

#locations .oz-map-initials {
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.04em;
}

#locations .oz-map-info { min-width: 0; }
#locations .oz-map-info > * { overflow-wrap: anywhere; }

#locations .oz-map-phone {
  margin-top: 6px;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

@media (max-width: 1024px) {
  .oz-team-head { grid-template-columns: 1fr; align-items: start; }
  .oz-team-slider { grid-auto-columns: minmax(260px, 46%); }
  .oz-team-controls { align-items: flex-start; }
}

@media (max-width: 640px) {
  .oz-team-section { padding: 64px 0; }
  .oz-team-wrap { width: min(100% - 26px, 1240px); }
  .oz-team-title { font-size: 42px; }
  .oz-team-controls { flex-direction: column; }
  .oz-team-arrows { align-self: flex-end; }
  .oz-team-slider { grid-auto-columns: minmax(258px, 86%); }
  .oz-team-card { border-radius: 28px; }
  .oz-team-card-inner { padding: 15px; }
  #locations .oz-map-avatar-card { grid-template-columns: 48px minmax(0,1fr); }
  #locations .oz-map-avatar, #locations .oz-map-initials { width: 48px; height: 48px; border-radius: 13px; }
}


/* --- custom-growth.css --- */
/* Özler Landing Ek Geliştirmeler: Neden Özler, Ürün Grupları, Bayilik, Kariyer, animasyonlar */
:root {
  --oz-growth-red: #d52222;
  --oz-growth-dark: #07080d;
  --oz-growth-panel: rgba(255, 255, 255, 0.075);
  --oz-growth-border: rgba(255, 255, 255, 0.14);
  --oz-growth-text: rgba(255, 255, 255, 0.92);
  --oz-growth-muted: rgba(255, 255, 255, 0.68);
}

.oz-growth-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(72px, 8vw, 118px) 22px;
  color: var(--oz-growth-text);
  background: transparent; /* → custom-oz-bg-system.css yönetir */
}

.oz-growth-section::before {
  display: none; /* Grid doku → bg-system global katmanda */
}

.oz-growth-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.oz-growth-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 34px;
}

.oz-growth-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.oz-growth-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--oz-growth-red);
  box-shadow: 0 0 24px rgba(213, 34, 34, .75);
}

.oz-growth-title {
  margin: 0;
  max-width: 780px;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .96;
  letter-spacing: -.05em;
  font-weight: 950;
}

.oz-growth-title span {
  color: var(--oz-growth-red);
}

.oz-growth-desc {
  max-width: 440px;
  margin: 0;
  color: var(--oz-growth-muted);
  line-height: 1.75;
  font-size: 15px;
}

.oz-why-grid,
.oz-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.oz-why-card,
.oz-product-card,
.oz-career-card,
.oz-dealer-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--oz-growth-border);
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.04));
  box-shadow: 0 18px 60px rgba(0,0,0,.32);
  backdrop-filter: blur(16px);
}

.oz-why-card,
.oz-product-card {
  min-height: 210px;
  padding: 26px;
  border-radius: 28px;
  transition: transform .35s ease, border-color .35s ease, background .35s ease;
}

.oz-why-card:hover,
.oz-product-card:hover {
  transform: translateY(-7px);
  border-color: rgba(213, 34, 34, .55);
  background: linear-gradient(145deg, rgba(213,34,34,.16), rgba(255,255,255,.06));
}

.oz-why-icon,
.oz-product-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 18px;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(213,34,34,.95), rgba(120,11,11,.8));
  box-shadow: 0 14px 34px rgba(213,34,34,.27);
}

.oz-why-card h3,
.oz-product-card h3 {
  margin: 0 0 11px;
  font-size: 20px;
  letter-spacing: -.02em;
}

.oz-why-card p,
.oz-product-card p {
  margin: 0;
  color: var(--oz-growth-muted);
  line-height: 1.65;
  font-size: 14px;
}

.oz-product-card {
  min-height: 230px;
}

.oz-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.oz-product-tags span {
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.055);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}

.oz-dealer-section {
  background:
    radial-gradient(circle at 20% 20%, rgba(213,34,34,.22), transparent 34%),
    linear-gradient(135deg, #08090f, #161923 48%, #07080d);
}

.oz-dealer-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);
  gap: 26px;
  align-items: stretch;
}

.oz-dealer-copy {
  padding: 36px;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
}

.oz-dealer-list {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.oz-dealer-list li {
  display: flex;
  gap: 12px;
  color: rgba(255,255,255,.78);
  line-height: 1.55;
}

.oz-dealer-list li::before {
  content: "✓";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(213,34,34,.18);
  color: #fff;
  font-weight: 900;
}

.oz-dealer-panel {
  border-radius: 32px;
  padding: 26px;
}

.oz-dealer-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.oz-dealer-field {
  display: grid;
  gap: 7px;
}

.oz-dealer-field.full {
  grid-column: 1 / -1;
}

.oz-dealer-field label {
  color: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}

.oz-dealer-field input,
.oz-dealer-field textarea,
.oz-dealer-field select {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  outline: none;
  color: #fff;
  background: rgba(0,0,0,.24);
  padding: 13px 14px;
  font: inherit;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.oz-dealer-field textarea {
  min-height: 104px;
  resize: vertical;
}

.oz-dealer-field input:focus,
.oz-dealer-field textarea:focus,
.oz-dealer-field select:focus {
  border-color: rgba(213,34,34,.65);
  box-shadow: 0 0 0 4px rgba(213,34,34,.12);
}

.oz-dealer-field.honey {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

.oz-dealer-submit {
  grid-column: 1 / -1;
  min-height: 52px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--oz-growth-red), #911111);
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 16px 38px rgba(213,34,34,.28);
  transition: transform .25s ease, opacity .25s ease;
}

.oz-dealer-submit:hover {
  transform: translateY(-2px);
}

.oz-dealer-submit:disabled {
  opacity: .65;
  cursor: wait;
}

.oz-form-status {
  grid-column: 1 / -1;
  min-height: 20px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.5;
}

.oz-form-status.ok { color: #8ff0b3; }
.oz-form-status.err { color: #ffacac; }

.oz-career-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  border-radius: 32px;
  padding: clamp(28px, 5vw, 46px);
}

.oz-career-card h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
}

.oz-career-card p {
  margin: 0;
  max-width: 720px;
  color: var(--oz-growth-muted);
  line-height: 1.7;
}

.oz-career-button,
.oz-secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration: none;
  color: #fff !important;
  font-weight: 950;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  transition: transform .25s ease, background .25s ease;
}
.oz-career-button *,
.oz-secondary-link *,
.oz-dealer-submit * {
  color: #fff !important;
}

.oz-career-button:hover,
.oz-secondary-link:hover {
  transform: translateY(-2px);
  background: rgba(213,34,34,.28);
}

.oz-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}

.oz-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .oz-reveal,
  .oz-why-card,
  .oz-product-card,
  .oz-dealer-submit,
  .oz-career-button,
  .oz-secondary-link {
    transition: none !important;
    transform: none !important;
  }
}

@media (max-width: 980px) {
  .oz-growth-head,
  .oz-career-card,
  .oz-dealer-layout {
    grid-template-columns: 1fr;
    display: grid;
  }
  .oz-why-grid,
  .oz-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .oz-growth-section {
    padding: 64px 16px;
  }
  .oz-why-grid,
  .oz-product-grid,
  .oz-dealer-form {
    grid-template-columns: 1fr;
  }
  .oz-dealer-copy,
  .oz-dealer-panel {
    padding: 22px;
    border-radius: 24px;
  }
}


/* --- custom-premium-ui.css --- */
/* Özler Landing - Premium Minimal UI Katmanı
   Bu dosya mevcut React build'i bozmadan tüm ek bölümlere daha premium, koyu cam, kırmızı vurgu ve modern animasyon dili uygular. */
:root {
  --ozp-red: #e1262c;
  --ozp-red-2: #b8141a;
  --ozp-red-soft: rgba(225, 38, 44, .18);
  --ozp-bg: #0b0b0f;
  --ozp-bg-2: #15151b;
  --ozp-card: rgba(255,255,255,.075);
  --ozp-card-strong: rgba(255,255,255,.105);
  --ozp-border: rgba(255,255,255,.15);
  --ozp-border-strong: rgba(255,255,255,.24);
  --ozp-text: rgba(255,255,255,.94);
  --ozp-muted: rgba(255,255,255,.66);
  --ozp-faint: rgba(255,255,255,.42);
  --ozp-shadow: 0 28px 90px rgba(0,0,0,.42);
  --ozp-radius-xl: 38px;
  --ozp-radius-lg: 30px;
  --ozp-radius-md: 20px;
  --ozp-ease: cubic-bezier(.2,.8,.2,1);
}

html { scroll-behavior: smooth; }
/* body bg → custom-oz-bg-system.css yönetir */
body.oz-premium-ui { background: transparent !important; }
body.oz-premium-ui * { box-sizing: border-box; }

/* Section bg'ler → custom-oz-bg-system.css yönetir */
body.oz-premium-ui .oz-growth-section,
body.oz-premium-ui .oz-team-section,
body.oz-premium-ui section[id*="team"],
body.oz-premium-ui section[id*="why"],
body.oz-premium-ui section[id*="product"],
body.oz-premium-ui section[id*="dealer"],
body.oz-premium-ui section[id*="career"] {
  position: relative;
  isolation: isolate;
  color: var(--ozp-text) !important;
  background: transparent !important;
  overflow: hidden;
}

/* Başlık sistemi */
body.oz-premium-ui .oz-growth-wrap,
body.oz-premium-ui .oz-team-wrap {
  width: min(1260px, calc(100% - 34px));
}

body.oz-premium-ui .oz-growth-head,
body.oz-premium-ui .oz-team-head {
  align-items: end;
  gap: 32px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

body.oz-premium-ui .oz-growth-eyebrow,
body.oz-premium-ui .oz-team-eyebrow {
  color: rgba(255,255,255,.82) !important;
  font-size: 13px;
  letter-spacing: .16em;
  font-weight: 950;
}

body.oz-premium-ui .oz-growth-eyebrow::before,
body.oz-premium-ui .oz-team-eyebrow::before {
  width: 42px;
  height: 3px;
  background: linear-gradient(90deg, var(--ozp-red), rgba(255,255,255,.08)) !important;
  box-shadow: 0 0 32px rgba(225,38,44,.9);
}

body.oz-premium-ui .oz-growth-title,
body.oz-premium-ui .oz-team-title,
body.oz-premium-ui .oz-career-card h2 {
  color: #fff !important;
  font-size: clamp(42px, 5.8vw, 82px);
  line-height: .9;
  letter-spacing: -.07em;
  font-weight: 950;
  text-wrap: balance;
}

body.oz-premium-ui .oz-growth-title span,
body.oz-premium-ui .oz-team-title span {
  color: var(--ozp-red) !important;
  text-shadow: 0 16px 48px rgba(225,38,44,.18);
}

body.oz-premium-ui .oz-growth-desc,
body.oz-premium-ui .oz-team-desc,
body.oz-premium-ui .oz-career-card p {
  color: var(--ozp-muted) !important;
  line-height: 1.75;
  font-weight: 650;
}

/* Premium kart iskeleti */
body.oz-premium-ui .oz-why-card,
body.oz-premium-ui .oz-product-card,
body.oz-premium-ui .oz-dealer-copy,
body.oz-premium-ui .oz-dealer-panel,
body.oz-premium-ui .oz-career-card,
body.oz-premium-ui .oz-team-card,
body.oz-premium-ui .oz-team-empty,
body.oz-premium-ui .oz-map-person-card {
  position: relative;
  border: 1px solid var(--ozp-border) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.045)),
    radial-gradient(420px 240px at var(--card-x, 50%) var(--card-y, 0%), rgba(225,38,44,.16), transparent 62%) !important;
  box-shadow: var(--ozp-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  transform-style: preserve-3d;
  transition:
    transform .55s var(--ozp-ease),
    border-color .45s var(--ozp-ease),
    background .45s var(--ozp-ease),
    box-shadow .45s var(--ozp-ease),
    opacity .45s var(--ozp-ease) !important;
}

body.oz-premium-ui .oz-why-card::before,
body.oz-premium-ui .oz-product-card::before,
body.oz-premium-ui .oz-dealer-copy::before,
body.oz-premium-ui .oz-dealer-panel::before,
body.oz-premium-ui .oz-career-card::before,
body.oz-premium-ui .oz-team-card::before,
body.oz-premium-ui .oz-map-person-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity .45s var(--ozp-ease);
  background:
    radial-gradient(500px 260px at var(--card-x, 50%) var(--card-y, 0%), rgba(255,255,255,.18), transparent 58%),
    linear-gradient(135deg, rgba(255,255,255,.09), transparent 42%, rgba(225,38,44,.13));
}

body.oz-premium-ui .oz-why-card:hover,
body.oz-premium-ui .oz-product-card:hover,
body.oz-premium-ui .oz-dealer-copy:hover,
body.oz-premium-ui .oz-dealer-panel:hover,
body.oz-premium-ui .oz-career-card:hover,
body.oz-premium-ui .oz-team-card:hover,
body.oz-premium-ui .oz-map-person-card:hover {
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 38px 120px rgba(0,0,0,.52), 0 0 70px rgba(225,38,44,.12) !important;
}

body.oz-premium-ui .oz-why-card:hover::before,
body.oz-premium-ui .oz-product-card:hover::before,
body.oz-premium-ui .oz-dealer-copy:hover::before,
body.oz-premium-ui .oz-dealer-panel:hover::before,
body.oz-premium-ui .oz-career-card:hover::before,
body.oz-premium-ui .oz-team-card:hover::before,
body.oz-premium-ui .oz-map-person-card:hover::before { opacity: 1; }

body.oz-premium-ui .oz-why-card,
body.oz-premium-ui .oz-product-card {
  min-height: 238px;
  padding: 28px;
  border-radius: var(--ozp-radius-lg) !important;
}

body.oz-premium-ui .oz-why-icon,
body.oz-premium-ui .oz-product-icon {
  color: #fff;
  background: linear-gradient(145deg, var(--ozp-red), #8f1116) !important;
  box-shadow: 0 18px 52px rgba(225,38,44,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.16);
}

body.oz-premium-ui .oz-why-card h3,
body.oz-premium-ui .oz-product-card h3,
body.oz-premium-ui .oz-team-name,
body.oz-premium-ui .oz-map-person-name {
  color: #fff !important;
  letter-spacing: -.035em;
}

body.oz-premium-ui .oz-why-card p,
body.oz-premium-ui .oz-product-card p,
body.oz-premium-ui .oz-team-role,
body.oz-premium-ui .oz-team-summary,
body.oz-premium-ui .oz-map-person-meta {
  color: var(--ozp-muted) !important;
}

body.oz-premium-ui .oz-product-tags span,
body.oz-premium-ui .oz-team-chip,
body.oz-premium-ui .oz-map-person-chip {
  color: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* Personel sliderı: artık renkli yerine minimal koyu vitrin */
body.oz-premium-ui .oz-team-section {
  padding: clamp(86px, 8.4vw, 138px) 0;
}
body.oz-premium-ui .oz-team-section::after { color: transparent !important; }
body.oz-premium-ui .oz-team-slider { gap: 20px; padding-top: 14px; }
body.oz-premium-ui .oz-team-slider-shell { overflow: visible; }
body.oz-premium-ui .oz-team-card {
  border-radius: var(--ozp-radius-xl) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.045)),
    radial-gradient(420px 280px at 50% 0%, rgba(225,38,44,.14), transparent 62%),
    #16161c !important;
}
body.oz-premium-ui .oz-team-card-inner { padding: 18px; }
body.oz-premium-ui .oz-team-photo-frame {
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 22px 50px rgba(0,0,0,.25) !important;
}
body.oz-premium-ui .oz-team-initials {
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(145deg, var(--ozp-red), #781014) !important;
  color: #fff !important;
}
body.oz-premium-ui .oz-team-actions a {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #fff !important;
}
body.oz-premium-ui .oz-team-actions a:hover {
  background: linear-gradient(135deg, var(--ozp-red), #9d1217) !important;
  border-color: rgba(255,255,255,.20) !important;
  transform: translateY(-2px);
}
body.oz-premium-ui .oz-team-filter,
body.oz-premium-ui .oz-team-arrow {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
}
body.oz-premium-ui .oz-team-filter:hover,
body.oz-premium-ui .oz-team-filter.is-active,
body.oz-premium-ui .oz-team-arrow:hover {
  background: linear-gradient(135deg, var(--ozp-red), #8f1116) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Bayilik formu: ekran görüntüsündeki minimal duruşu ana tema yap */
body.oz-premium-ui .oz-dealer-section { padding-top: clamp(78px, 8vw, 120px); }
body.oz-premium-ui .oz-dealer-layout { gap: 28px; }
body.oz-premium-ui .oz-dealer-copy,
body.oz-premium-ui .oz-dealer-panel {
  border-radius: var(--ozp-radius-xl) !important;
  padding: clamp(28px, 3vw, 42px) !important;
}
body.oz-premium-ui .oz-dealer-copy .oz-growth-title {
  max-width: 8.6ch;
  font-size: clamp(34px, 4.5vw, 62px) !important;
  line-height: .95 !important;
}
body.oz-premium-ui .oz-dealer-copy .oz-growth-desc {
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-top: 14px !important;
}
body.oz-premium-ui .oz-dealer-copy .oz-dealer-list li {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
body.oz-premium-ui .oz-dealer-list li { color: rgba(255,255,255,.74) !important; font-weight: 700; }
body.oz-premium-ui .oz-dealer-list li::before {
  background: rgba(225,38,44,.28) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(225,38,44,.16);
}
body.oz-premium-ui .oz-dealer-field label { color: rgba(255,255,255,.74) !important; font-weight: 900; }
body.oz-premium-ui .oz-dealer-field input,
body.oz-premium-ui .oz-dealer-field select,
body.oz-premium-ui .oz-dealer-field textarea {
  color: #fff !important;
  background: rgba(10,10,14,.56) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 17px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: border-color .25s var(--ozp-ease), box-shadow .25s var(--ozp-ease), background .25s var(--ozp-ease), transform .25s var(--ozp-ease);
}
body.oz-premium-ui .oz-dealer-field input:focus,
body.oz-premium-ui .oz-dealer-field select:focus,
body.oz-premium-ui .oz-dealer-field textarea:focus {
  outline: none !important;
  border-color: rgba(225,38,44,.68) !important;
  background: rgba(15,15,20,.78) !important;
  box-shadow: 0 0 0 4px rgba(225,38,44,.16), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transform: translateY(-1px);
}
body.oz-premium-ui .oz-dealer-submit *,
body.oz-premium-ui .oz-career-button * {
  color: #fff !important;
}
body.oz-premium-ui .oz-dealer-submit,
body.oz-premium-ui .oz-career-button {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: linear-gradient(135deg, #f22b31, #b91017) !important;
  box-shadow: 0 22px 56px rgba(225,38,44,.28) !important;
  transition: transform .32s var(--ozp-ease), box-shadow .32s var(--ozp-ease), filter .32s var(--ozp-ease) !important;
}
body.oz-premium-ui .oz-dealer-submit::before,
body.oz-premium-ui .oz-career-button::before {
  content: "";
  position: absolute;
  inset: -1px;
  transform: translateX(-115%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
  transition: transform .65s var(--ozp-ease);
}
body.oz-premium-ui .oz-dealer-submit:hover,
body.oz-premium-ui .oz-career-button:hover {
  transform: translateY(-3px);
  filter: saturate(1.1);
  box-shadow: 0 30px 74px rgba(225,38,44,.38) !important;
}
body.oz-premium-ui .oz-dealer-submit:hover::before,
body.oz-premium-ui .oz-career-button:hover::before { transform: translateX(115%); }

/* Kariyer CTA */
body.oz-premium-ui .oz-career-card {
  border-radius: var(--ozp-radius-xl) !important;
  padding: clamp(30px, 4vw, 48px) !important;
}
body.oz-premium-ui .oz-career-card h2 { margin-bottom: 12px; }

/* Harita yanındaki personel listesi/fotoğrafları */
body.oz-premium-ui .oz-map-person-card,
body.oz-premium-ui .oz-location-person,
body.oz-premium-ui .oz-location-card {
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    #15151b !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
}
body.oz-premium-ui .oz-map-person-photo,
body.oz-premium-ui .oz-location-person img,
body.oz-premium-ui [data-oz-person-photo] {
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.28) !important;
}

/* Tüm ana site elemanlarına hafif premium toparlama: mevcut bağlantıları bozmaz */
body.oz-premium-ui header,
body.oz-premium-ui nav,
body.oz-premium-ui .navbar,
body.oz-premium-ui .header {
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}
body.oz-premium-ui a,
body.oz-premium-ui button { -webkit-tap-highlight-color: transparent; }
body.oz-premium-ui :focus-visible {
  outline: 3px solid rgba(225,38,44,.38) !important;
  outline-offset: 4px !important;
}

/* Reveal animasyonu: daha premium, yumuşak */
body.oz-premium-ui .oz-reveal,
body.oz-premium-ui .oz-premium-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(.985);
  filter: blur(8px);
  transition: opacity .9s var(--ozp-ease), transform .9s var(--ozp-ease), filter .9s var(--ozp-ease);
}
body.oz-premium-ui .oz-reveal.is-visible,
body.oz-premium-ui .oz-premium-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}
body.oz-premium-ui .oz-stagger > * {
  transition-delay: calc(var(--oz-i, 0) * 70ms) !important;
}

/* Bölümler arası bağlayıcı ışık çizgileri */
.oz-premium-section-bridge {
  position: relative;
  height: 1px;
  margin: -1px auto 0;
  width: min(1180px, calc(100% - 44px));
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), rgba(225,38,44,.35), rgba(255,255,255,.14), transparent);
  opacity: .72;
  z-index: 4;
}
.oz-premium-section-bridge::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -24px;
  width: min(540px, 66vw);
  height: 48px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(225,38,44,.15), transparent 70%);
  filter: blur(10px);
}

/* Cursor takip eden premium ışık */
.oz-premium-spotlight {
  position: fixed;
  width: 420px;
  height: 420px;
  left: 0;
  top: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(calc(var(--spot-x, 0px) - 50%), calc(var(--spot-y, 0px) - 50%), 0);
  background: radial-gradient(circle, rgba(225,38,44,.13), rgba(255,255,255,.055) 28%, transparent 66%);
  mix-blend-mode: screen;
  filter: blur(8px);
  transition: opacity .35s ease;
}
body.oz-premium-ui:hover .oz-premium-spotlight { opacity: .72; }

/* Hafif kayan arka plan blobları */
.oz-premium-orb {
  position: absolute;
  width: var(--orb-size, 360px);
  height: var(--orb-size, 360px);
  left: var(--orb-x, 10%);
  top: var(--orb-y, 10%);
  border-radius: 999px;
  pointer-events: none;
  z-index: -1;
  opacity: .34;
  background: radial-gradient(circle, var(--orb-color, rgba(225,38,44,.28)), transparent 68%);
  filter: blur(22px);
  animation: ozPremiumOrb 13s ease-in-out infinite alternate;
}
.oz-premium-orb:nth-child(2) { animation-duration: 17s; animation-direction: alternate-reverse; }
@keyframes ozPremiumOrb {
  from { transform: translate3d(-16px, -8px, 0) scale(.96); }
  to { transform: translate3d(22px, 18px, 0) scale(1.06); }
}

/* Mobil */
@media (max-width: 980px) {
  body.oz-premium-ui .oz-growth-head,
  body.oz-premium-ui .oz-team-head,
  body.oz-premium-ui .oz-dealer-layout { grid-template-columns: 1fr !important; }
  body.oz-premium-ui .oz-why-grid,
  body.oz-premium-ui .oz-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.oz-premium-ui .oz-team-slider { grid-auto-columns: minmax(260px, 72%); }
}
@media (max-width: 620px) {
  body.oz-premium-ui .oz-growth-section,
  body.oz-premium-ui .oz-team-section { padding-left: 0; padding-right: 0; }
  body.oz-premium-ui .oz-why-grid,
  body.oz-premium-ui .oz-product-grid { grid-template-columns: 1fr; }
  body.oz-premium-ui .oz-growth-title,
  body.oz-premium-ui .oz-team-title { font-size: clamp(38px, 12vw, 54px); }
  body.oz-premium-ui .oz-dealer-copy,
  body.oz-premium-ui .oz-dealer-panel { padding: 24px !important; border-radius: 28px !important; }
  .oz-premium-spotlight { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.oz-premium-ui .oz-reveal,
  body.oz-premium-ui .oz-premium-reveal,
  body.oz-premium-ui .oz-why-card,
  body.oz-premium-ui .oz-product-card,
  body.oz-premium-ui .oz-team-card,
  .oz-premium-orb {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }
}


/* --- custom-brands-strip.css --- */
/* Hero içine yarım gömülü WOW marka vitrin şeridi */

#brands.oz-brands-strip {
  position: relative;
  z-index: 60;
  isolation: isolate;
  margin: clamp(-205px, -13.4vw, -132px) 0 0 !important;
  padding: 0 0 clamp(28px, 3.2vw, 48px) !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#brands.oz-brands-strip::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(18px, 2.6vw, 34px) !important;
  width: min(1180px, calc(100% - 76px)) !important;
  height: clamp(120px, 9vw, 166px) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 44px !important;
  opacity: .95 !important;
  background:
    radial-gradient(circle at 12% 52%, rgba(225, 38, 44, 0.26), transparent 38%),
    radial-gradient(circle at 88% 48%, rgba(55, 99, 255, 0.17), transparent 40%),
    linear-gradient(90deg, transparent, rgba(255,255,255,0.055) 48%, transparent) !important;
  filter: blur(28px) !important;
}

#brands.oz-brands-strip::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: clamp(-58px, -4vw, -34px) !important;
  height: clamp(115px, 8vw, 155px) !important;
  pointer-events: none !important;
  z-index: -1 !important;
  background:
    linear-gradient(180deg, rgba(5,6,10,0) 0%, rgba(5,6,10,.42) 45%, rgba(5,6,10,.02) 100%),
    radial-gradient(80% 90% at 50% 100%, rgba(225,38,44,.16), transparent 68%) !important;
}

#brands.oz-brands-strip > * {
  position: relative;
  z-index: 2;
}

.oz-brands-strip-head {
  display: none !important;
}

.oz-brands-strip-eyebrow {
  display: none !important;
}

.oz-brands-strip-eyebrow::before,
.oz-brands-strip-eyebrow::after {
  display: none !important;
}

.oz-brands-strip-title,
.oz-brands-strip-desc {
  display: none !important;
}

.oz-brands-strip-shell {
  position: relative;
  width: min(1480px, calc(100% - 16px));
  margin: clamp(18px, 1.45vw, 28px) auto 0;
  padding: clamp(13px, 1.35vw, 18px);
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025) 32%, rgba(225,38,44,0.065) 72%, rgba(255,255,255,0.035)),
    rgba(5, 7, 12, 0.78);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(225, 38, 44, 0.045),
    0 0 58px rgba(225, 38, 44, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 -18px 34px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.oz-brands-strip-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(225,38,44,.38) 18%, rgba(255,255,255,.18) 50%, rgba(55,99,255,.18) 82%, transparent 100%),
    linear-gradient(180deg, rgba(255,255,255,0.08), transparent 38%);
  height: 1px;
  top: 0;
  opacity: .95;
}

.oz-brands-strip-shell::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 33px;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .28;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.oz-brands-marquee-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.oz-brands-marquee-row {
  display: flex;
  width: max-content;
  align-items: center;
  animation: oz-brands-marquee var(--oz-marquee-duration, 42s) linear infinite;
  will-change: transform;
}

.oz-brands-marquee-row:hover {
  animation-play-state: paused;
}

.oz-brands-marquee-track {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: clamp(13px, 1.35vw, 18px);
  padding-right: clamp(13px, 1.35vw, 18px);
}

.oz-brands-strip-item {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: clamp(154px, 11.6vw, 192px);
  height: clamp(82px, 5.9vw, 98px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 18px;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.028)),
    rgba(8, 10, 16, 0.90);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 34px rgba(0, 0, 0, 0.28);
  opacity: 1;
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.oz-brands-strip-item::before {
  content: '';
  position: absolute;
  inset: 10px;
  border-radius: 17px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,1), rgba(255,255,255,.78) 54%, rgba(232,236,244,.86) 100%),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    inset 0 -10px 18px rgba(0,0,0,0.035),
    0 10px 24px rgba(0, 0, 0, 0.14);
}

.oz-brands-strip-item::after {
  content: '';
  position: absolute;
  inset: auto -12% -44% -12%;
  height: 62%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 50% 0%, rgba(225, 38, 44, 0.20), transparent 72%);
  opacity: .95;
}

.oz-brands-strip-item:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(225, 38, 44, 0.42);
  background:
    linear-gradient(180deg, rgba(225,38,44,0.13), rgba(255,255,255,0.04)),
    rgba(8, 10, 16, 0.96);
  box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.40),
    0 0 0 1px rgba(225, 38, 44, 0.08),
    0 0 42px rgba(225, 38, 44, 0.18);
}

.oz-brands-strip-item img {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 84%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: contrast(1.1) saturate(1.03) brightness(1.02);
}

.oz-brands-strip-empty {
  text-align: center;
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
  padding: 22px 0;
}

section.oz-brands-replaced {
  display: none !important;
}

@keyframes oz-brands-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .oz-brands-marquee-row {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: min(1280px, 100%);
    margin: 0 auto;
    gap: 14px;
  }

  .oz-brands-marquee-track[aria-hidden='true'] { display: none; }

  .oz-brands-marquee-track {
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  #brands.oz-brands-strip {
    margin-top: clamp(-138px, -25vw, -82px) !important;
    padding: 0 0 30px !important;
  }

  .oz-brands-strip-head {
    width: calc(100% - 24px) !important;
    margin-bottom: 7px !important;
  }

  .oz-brands-strip-eyebrow {
    padding: 7px 12px !important;
    font-size: 9.5px !important;
    letter-spacing: 0.21em !important;
    gap: 8px !important;
  }

  .oz-brands-strip-eyebrow::before,
  .oz-brands-strip-eyebrow::after {
    width: 18px;
  }

  .oz-brands-strip-shell {
    width: calc(100% - 18px);
    border-radius: 24px;
    padding: 11px;
  }

  .oz-brands-strip-shell::after {
    border-radius: 23px;
  }

  .oz-brands-marquee-track {
    gap: 10px;
    padding-right: 10px;
  }

  .oz-brands-strip-item {
    width: 134px;
    height: 74px;
    padding: 12px 14px;
    border-radius: 19px;
  }

  .oz-brands-strip-item::before {
    inset: 9px;
    border-radius: 13px;
  }

  .oz-brands-strip-item img {
    max-height: 35px;
    max-width: 80%;
  }
}


/* --- custom-news-section.css --- */
/* Haberler & Duyurular — Kurumsal Vitrin / Ürün Grupları yerine */

section.oz-landing-removed {
  display: none !important;
}

#news.oz-news-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(72px, 8vw, 110px) 22px;
  color: rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(circle at 12% 14%, rgba(225, 38, 44, 0.18), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(255, 255, 255, 0.06), transparent 28%),
    linear-gradient(135deg, #07080d 0%, #10121a 48%, #07080d 100%);
}

#news.oz-news-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.34;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 76%);
  z-index: 0;
}

.oz-news-wrap {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  margin: 0 auto;
}

.oz-news-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 34px;
}

.oz-news-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.oz-news-eyebrow::before {
  content: '';
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #e1262c;
  box-shadow: 0 0 24px rgba(225, 38, 44, 0.75);
}

.oz-news-title {
  margin: 0;
  max-width: 760px;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 0.96;
  letter-spacing: -0.05em;
  font-weight: 950;
}

.oz-news-title span {
  color: #e1262c;
}

.oz-news-desc {
  max-width: 420px;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.75;
  font-size: 15px;
}

.oz-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.oz-news-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.04));
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
  transition: transform 0.35s ease, border-color 0.35s ease;
}

.oz-news-card:hover {
  transform: translateY(-4px);
  border-color: rgba(225, 38, 44, 0.35);
}

.oz-news-card-media {
  position: relative;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, rgba(225, 38, 44, 0.22), rgba(10, 12, 18, 0.9));
  overflow: hidden;
}

.oz-news-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.oz-news-card-media.is-empty::after {
  content: 'ÖZ';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 42px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.18);
  letter-spacing: 0.2em;
}

.oz-news-card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 24px 24px;
  flex: 1;
}

.oz-news-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.oz-news-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(225, 38, 44, 0.16);
  color: #ff8f93;
  border: 1px solid rgba(225, 38, 44, 0.28);
}

.oz-news-tag.is-duyuru {
  background: rgba(31, 77, 184, 0.18);
  color: #9eb8ff;
  border-color: rgba(31, 77, 184, 0.3);
}

.oz-news-date {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.48);
  white-space: nowrap;
}

.oz-news-card h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.oz-news-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
  font-size: 14px;
}

.oz-news-card a.oz-news-more {
  margin-top: auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}

.oz-news-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 42px 20px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 24px;
  color: rgba(255, 255, 255, 0.55);
}

@media (max-width: 980px) {
  .oz-news-grid {
    grid-template-columns: 1fr;
  }

  .oz-news-head {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* --- custom-team-showcase.css --- */
/* Özler Ekibimiz - Ravelos hissinde portre odaklı vitrin tasarımı */
#team.oz-team-section,
.oz-team-section{
  padding: clamp(88px, 9vw, 148px) 0 clamp(72px, 8vw, 124px) !important;
  overflow: hidden !important;
  color: #fff !important;
  background: transparent !important; /* → custom-oz-bg-system.css yönetir */
}

.oz-team-section::before{
  display: none !important; /* Grid doku → bg-system global katmanda */
}

.oz-team-wrap{
  width: min(1480px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

.oz-team-head{
  align-items: flex-end !important;
  margin-bottom: clamp(38px, 4vw, 64px) !important;
}

.oz-team-eyebrow{
  color: rgba(255,255,255,.72) !important;
  letter-spacing: .18em !important;
  font-weight: 900 !important;
}

.oz-team-eyebrow::before{
  background: linear-gradient(90deg, #e1262c, rgba(225,38,44,0)) !important;
}

.oz-team-title{
  max-width: 880px !important;
  font-size: clamp(46px, 6.4vw, 96px) !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
  font-weight: 900 !important;
  color: #fff !important;
}

.oz-team-title span{
  color: rgba(255,255,255,.48) !important;
  -webkit-text-fill-color: rgba(255,255,255,.48) !important;
  background: none !important;
}

.oz-team-desc{
  max-width: 520px !important;
  color: rgba(230,233,242,.64) !important;
  font-weight: 700 !important;
}

.oz-team-controls{
  margin-bottom: 24px !important;
}

.oz-team-filters{
  gap: 10px !important;
}

.oz-team-filter{
  border-radius: 999px !important;
  padding: 11px 17px !important;
  color: rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.oz-team-filter.is-active,
.oz-team-filter:hover{
  color: #fff !important;
  background: linear-gradient(135deg, rgba(225,38,44,.92), rgba(148,18,23,.92)) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.oz-team-arrows{
  gap: 12px !important;
}

.oz-team-arrow{
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.24) !important;
}

.oz-team-arrow:hover{
  transform: translateY(-2px) !important;
  background: rgba(225,38,44,.88) !important;
}

.oz-team-slider-shell{
  margin-inline: max(-12px, -1vw) !important;
  padding: 0 12px !important;
  overflow: visible !important;
}

.oz-team-slider{
  display: flex !important;
  gap: clamp(18px, 2vw, 28px) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-snap-type: x mandatory !important;
  padding: 12px 0 28px !important;
  scrollbar-width: none !important;
}

.oz-team-slider::-webkit-scrollbar{display:none !important;}

.oz-team-card.oz-team-showcase-card{
  flex: 0 0 clamp(220px, 19vw, 290px) !important;
  min-width: clamp(220px, 19vw, 290px) !important;
  scroll-snap-align: start !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translateZ(0) !important;
}

.oz-team-card.oz-team-showcase-card:nth-child(n){
  margin-top: 0 !important;
}

.oz-team-portrait-wrap{
  position: relative !important;
  aspect-ratio: 4 / 5 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.oz-team-portrait-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,.52) 100%),
    radial-gradient(circle at 86% 84%, rgba(255,255,255,.42), transparent 16%);
  opacity:.82;
}

.oz-team-portrait-wrap::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:64px;
  height:64px;
  border-radius:999px;
  background: rgba(255,255,255,.42);
  filter: blur(24px);
  z-index:3;
  opacity:.76;
  pointer-events:none;
}

.oz-team-photo,
.oz-team-initials{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.oz-team-photo{
  object-fit: cover !important;
  object-position: center top !important;
  filter: grayscale(100%) contrast(1.04) brightness(.92) !important;
  transform: scale(1.012) !important;
  transition: transform .45s ease, filter .45s ease !important;
}

.oz-team-initials{
  font-size: clamp(52px, 6vw, 76px) !important;
  font-weight: 900 !important;
  letter-spacing: -.08em !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(225,38,44,.38), transparent 34%),
    linear-gradient(145deg, #151724, #090a10) !important;
}

.oz-team-department-pill,
.oz-team-map-pill{
  position:absolute;
  z-index:5;
  bottom:16px;
  left:16px;
  max-width: calc(100% - 32px);
  border-radius:999px;
  padding:8px 12px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  background:rgba(8,9,13,.62);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(14px);
}

.oz-team-map-pill{
  left:auto;
  right:16px;
  background:rgba(225,38,44,.78);
}

.oz-team-showcase-body{
  padding: 18px 10px 0 !important;
}

.oz-team-card .oz-team-name{
  margin: 0 0 6px !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
  font-weight: 900 !important;
  color: #e1262c !important;
  text-shadow: 0 0 28px rgba(225,38,44,.18) !important;
}

.oz-team-card:nth-child(odd) .oz-team-name{
  color:#fff !important;
}

.oz-team-card .oz-team-role{
  margin:0 !important;
  color: rgba(225,229,238,.68) !important;
  font-size: clamp(12px, .96vw, 14px) !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

.oz-team-location{
  margin: 8px 0 0 !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.oz-team-card .oz-team-note{
  margin: 10px 0 0 !important;
  color: rgba(255,255,255,.56) !important;
  font-size: 12px !important;
  line-height:1.55 !important;
  max-width: 95% !important;
}

.oz-team-card:hover .oz-team-photo{
  transform: scale(1.055) !important;
  filter: grayscale(86%) contrast(1.08) brightness(1) !important;
}

.oz-team-card:hover .oz-team-portrait-wrap{
  border-color: rgba(225,38,44,.30) !important;
  box-shadow: 0 34px 96px rgba(0,0,0,.52), 0 0 0 1px rgba(225,38,44,.12) inset !important;
}

/* Eski buton/meta yapıları bu vitrin şablonunda kullanılmıyor */
.oz-team-showcase-card .oz-team-meta,
.oz-team-showcase-card .oz-team-actions,
.oz-team-showcase-card .oz-team-photo-frame,
.oz-team-showcase-card .oz-team-badge{
  display:none !important;
}

.oz-team-map-pill{display:none !important;}

.oz-team-card .oz-team-name,
.oz-team-card .oz-team-role,
.oz-team-card .oz-team-location,
.oz-team-card .oz-team-note{
  padding-inline: 4px !important;
}

.oz-team-card .oz-team-name{
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px){
  .oz-team-wrap{width:min(100% - 28px, 760px) !important;}
  .oz-team-head{align-items:flex-start !important;}
  .oz-team-card.oz-team-showcase-card{
    flex-basis: min(72vw, 280px) !important;
    min-width: min(72vw, 280px) !important;
  }
  .oz-team-card.oz-team-showcase-card:nth-child(n){margin-top:0 !important;}
  .oz-team-title{font-size: clamp(42px, 13vw, 68px) !important;}
}


/* --- custom-services-compact.css --- */
/* Toptan tedarikte net akış — alt kartları kompakt */

#services {
  padding-top: clamp(40px, 4.5vw, 62px) !important;
  padding-bottom: clamp(40px, 4.5vw, 62px) !important;
}

#services > div:first-child {
  margin-bottom: clamp(14px, 2vw, 22px) !important;
  gap: 16px 20px !important;
}

#services > div:first-child .oz-final-section-lead,
#services .oz-final-head-copy,
#services > div:first-child > p {
  font-size: clamp(13px, 1vw, 15px) !important;
  line-height: 1.6 !important;
}

#services > div:last-child {
  gap: 12px !important;
}

#services > div:last-child > * {
  border-radius: 20px !important;
}

#services .liquid-glass,
#services .liquid-glass-strong {
  border-radius: 20px !important;
  padding: clamp(14px, 1.6vw, 18px) !important;
}

#services h3 {
  font-size: clamp(17px, 1.45vw, 21px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

#services p:not(.oz-final-section-lead):not(.oz-final-head-copy) {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

#services .group .absolute.top-6.right-6,
#services .group svg[class*='size-5'] {
  width: 18px !important;
  height: 18px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl {
  padding: clamp(18px, 2.2vw, 28px) !important;
  border-radius: 28px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child {
  gap: 16px 22px !important;
  margin-bottom: 18px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > p {
  padding: 14px 16px !important;
  font-size: clamp(13px, 1vw, 15px) !important;
  line-height: 1.6 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child {
  gap: 12px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div {
  min-height: auto !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div {
  gap: 12px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div > div:first-child {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div h3 {
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.15 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div p {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

@media (max-width: 768px) {
  #services h3 {
    font-size: 17px !important;
  }

  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div {
    padding: 14px 16px !important;
  }
}


/* --- custom-navbar-sections.css --- */
/* Özler Landing - navbar tipografi, logo ve bölüm ayrımı düzeltmeleri */
html{scroll-behavior:smooth;} 
section[id], #brands, #why-ozler, #news, #team, #locations, #dealer-application, #career, #contact{scroll-margin-top:104px;}

/* Navbar yazı tutarlılığı */
header a, header nav a, nav a, .navbar a, .menu a, .oz-team-nav-link{
  font-family:Inter, Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  color:rgba(255,255,255,.82) !important;
  text-decoration:none !important;
  transition:color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease !important;
}
header nav a:hover, nav a:hover, .navbar a:hover, .menu a:hover, .oz-team-nav-link:hover{
  color:#fff !important;
  transform:translateY(-1px);
}
header nav a.active, nav a.active, .navbar a.active, .menu a.active{
  color:#fff !important;
}
header nav, .navbar, .menu{
  gap:10px !important;
  align-items:center !important;
}
header img[src*="logo"], .navbar img[src*="logo"], img[src$="logo.svg"]{
  max-height:52px !important;
  object-fit:contain !important;
}

/* Bölüm arası geçiş çizgileri — kullanıcı talebi üzerine gizlendi */
.oz-section-transition {
  display: none !important;
}

/* Ana bölümlerde üst boşluk ve bütünlük */
#brands, #why-ozler, #product-groups, #team, #locations, #dealer-application, #career, #contact{
  padding-top:clamp(74px,7vw,118px) !important;
  padding-bottom:clamp(74px,7vw,118px) !important;
}

@media(max-width:768px){
  header a, header nav a, nav a, .navbar a, .menu a, .oz-team-nav-link{font-size:13px !important;}
}


/* --- custom-hero-nav-polish.css --- */
/* Özler Landing - Hero derinlik, navbar sadeleştirme ve güçlü bölüm geçişleri */
:root{
  --oz-red:#e1262c;
  --oz-red-dark:#99151a;
  --oz-ink:#05060a;
  --oz-panel:rgba(255,255,255,.055);
  --oz-border:rgba(255,255,255,.12);
}

/* HERO BAŞLIK: düz beyaz blok görüntüsünü kırar, derinlik ve premium ışık verir */
#root h1:first-of-type,
main h1:first-of-type,
section:first-of-type h1,
[class*="hero" i] h1{
  position:relative !important;
  color:#f8f8fb !important;
  letter-spacing:-.075em !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.08),
    0 10px 34px rgba(0,0,0,.62),
    0 0 48px rgba(225,38,44,.075),
    0 0 90px rgba(41,76,190,.09) !important;
  filter:drop-shadow(0 28px 58px rgba(0,0,0,.28));
}
#root h1:first-of-type::after,
main h1:first-of-type::after,
section:first-of-type h1::after,
[class*="hero" i] h1::after{
  content:attr(data-oz-hero-copy);
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.045);
  transform:translate(9px,10px);
  filter:blur(.2px);
  opacity:.9;
  pointer-events:none;
}
#root h1:first-of-type strong,
#root h1:first-of-type span,
main h1:first-of-type strong,
main h1:first-of-type span{
  text-shadow:0 0 34px rgba(225,38,44,.16) !important;
}

/* HERO alt metin ve CTA daha canlı */
#root h1:first-of-type + p,
main h1:first-of-type + p,
section:first-of-type h1 + p{
  text-shadow:0 12px 34px rgba(0,0,0,.42) !important;
}
section:first-of-type a,
section:first-of-type button,
#cta a[href="#contact"],
#cta button {
  box-shadow:0 18px 56px rgba(225,38,44,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
  color: #fff !important;
}
section:first-of-type a *,
section:first-of-type button *,
#cta a[href="#contact"] *,
#cta button * {
  color: #fff !important;
}
#cta a[href*="bayi.ozler.com"] {
  border: none !important;
}

/* NAVBAR: daha kompakt, tek satır, tutarlı tipografi */
header{
  backdrop-filter: blur(18px) saturate(135%) !important;
  background:linear-gradient(180deg, rgba(5,6,10,.84), rgba(5,6,10,.58)) !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}
header nav,
header [role="navigation"],
nav,
.navbar,
.menu{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}
header a:not(.oz-nav-more-link),
header nav a:not(.oz-nav-more-link),
nav a:not(.oz-nav-more-link),
.navbar a:not(.oz-nav-more-link),
.menu a:not(.oz-nav-more-link){
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.015em !important;
  color:rgba(255,255,255,.76) !important;
  text-decoration:none !important;
  padding:9px 10px !important;
  border-radius:999px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease !important;
}
header a:hover,
header nav a:hover,
nav a:hover,
.navbar a:hover,
.menu a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.065) !important;
  transform:translateY(-1px) !important;
}
header a br,
header nav a br,
nav a br,
.navbar a br,
.menu a br{display:none !important;}

/* React içinde iki kelimeli linkleri bölüyorsa genişlik verip tek satır tut */
header a,
header nav a,
nav a,
.navbar a,
.menu a{
  max-width:none !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Logo: kırmızı ikon + beyaz yazı dosyası kullanılır; ekranda taşmasın */
header img[src*="logo"], .navbar img[src*="logo"], img[src$="logo.svg"]{
  height:32px !important;
  max-height:32px !important;
  width:auto !important;
  object-fit:contain !important;
}

/* Aksiyon butonları ayrışsın */
header a[href*="bayi" i],
header a[href*="login" i],
header a[href*="giris" i],
header a[href*="giriş" i],
header a[href*="dealer" i],
header button{
  background:linear-gradient(135deg,#e1262c,#a9151a) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 14px 34px rgba(225,38,44,.20) !important;
}

/* Daha Fazla dropdown */
.oz-nav-more{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:9999;
}
.oz-nav-more-btn{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
  border-radius:999px;
  min-height:34px;
  padding:9px 12px;
  font:850 13px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.oz-nav-more-btn::after{content:"⌄";font-size:13px;opacity:.78;}
.oz-nav-more:hover .oz-nav-more-btn,
.oz-nav-more.is-open .oz-nav-more-btn{
  color:#fff;
  background:rgba(255,255,255,.09);
}
.oz-nav-more-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:210px;
  padding:10px;
  border-radius:20px;
  background:rgba(10,11,16,.92);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.48);
  backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(-8px) scale(.98);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.oz-nav-more.is-open .oz-nav-more-menu,
.oz-nav-more:hover .oz-nav-more-menu{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.oz-nav-more-link{
  width:100% !important;
  justify-content:flex-start !important;
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
  border-radius:14px !important;
  padding:11px 12px !important;
  font:800 13px/1 Inter,Arial,sans-serif !important;
  text-decoration:none !important;
  display:flex !important;
}
.oz-nav-more-link:hover{
  background:rgba(225,38,44,.16) !important;
  color:#fff !important;
  transform:none !important;
}
.oz-nav-hidden-original{display:none !important;}

/* Bölüm ayırıcıları: daha belli, ama çizgi gibi sert değil */
.oz-section-transition{
  height:154px !important;
  margin:-18px 0 !important;
  background:
    radial-gradient(circle at 26% 50%, rgba(41,76,190,.18), transparent 31%),
    radial-gradient(circle at 76% 52%, rgba(225,38,44,.18), transparent 30%),
    linear-gradient(180deg, rgba(5,6,10,0) 0%, rgba(5,6,10,.94) 42%, rgba(5,6,10,0) 100%) !important;
}
.oz-section-transition::before{
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  letter-spacing:.22em !important;
  text-shadow:0 0 24px rgba(225,38,44,.20) !important;
}
.oz-section-transition::after{
  width:76px !important;
  height:3px !important;
  transform:translateY(-50%) translateX(-92px) !important;
  background:linear-gradient(90deg, transparent, #e1262c 55%, rgba(225,38,44,0)) !important;
  box-shadow:0 0 20px rgba(225,38,44,.38) !important;
}
.oz-section-transition .oz-transition-orb,
.oz-section-transition .oz-transition-line{display:none;}

@media(max-width:1180px){
  header a:not(.oz-nav-more-link), header nav a:not(.oz-nav-more-link), nav a:not(.oz-nav-more-link){font-size:12px !important;padding-inline:8px !important;}
}
@media(max-width:900px){
  .oz-nav-more{display:none !important;}
  header nav, header [role="navigation"], nav, .navbar, .menu{gap:4px !important;overflow-x:auto !important;}
  .oz-section-transition{height:96px !important;}
  .oz-section-transition::before{left:28px !important;font-size:10px !important;}
  .oz-section-transition::after{display:none !important;}
}


/* --- custom-final-compact-polish.css --- */
/* Özler Landing - Final kompakt navbar + bütünleşik arka plan polish
   Bu dosya en son yüklenir; eski dosyaları bozmadan görünümü toparlar. */
:root{
  --oz-final-bg:#05060a;
  --oz-final-bg-2:#080a10;
  --oz-final-red:#e1262c;
  --oz-final-red-soft:rgba(225,38,44,.18);
  --oz-final-blue-soft:rgba(48,84,190,.13);
  --oz-final-line:rgba(255,255,255,.10);
  --oz-final-text:rgba(255,255,255,.86);
  --oz-final-muted:rgba(255,255,255,.62);
}

/* Zemin + body::before/after → custom-oz-bg-system.css yönetir */
html{scroll-behavior:smooth;}
body,#root{background:transparent;color:#fff;}

/* Genel bölümleri aynı karanlık/ışıklı tasarım diline bağla */
main section,
#brands,#about,#products,#services,#locations,#process,#contact,#team,#dealer-application,#career,
[id*="brand" i],[id*="product" i],[id*="service" i],[id*="contact" i]{
  background-color:transparent !important;
  isolation:isolate;
}
section[id]{scroll-margin-top:78px !important;}
#brands:not(.oz-brands-strip),#about,#products,#services,#locations,#process,#contact,#team,#dealer-application,#career{
  padding-top:clamp(54px,5vw,86px) !important;
  padding-bottom:clamp(54px,5vw,86px) !important;
}

/* Hero section bg → custom-oz-bg-system.css yönetir */
#root section:has(.sticky.top-0.h-screen){
  height:185vh !important;
  background: transparent !important;
}

#root h1:first-of-type,
main h1:first-of-type,
section:first-of-type h1,
[class*="hero" i] h1{
  position:relative !important;
  color:#fff !important;
  letter-spacing:clamp(-.08em,-.7vw,-.035em) !important;
  max-width:13.5ch !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 14px 38px rgba(0,0,0,.72),
    0 0 46px rgba(225,38,44,.15),
    0 0 86px rgba(54,86,210,.10) !important;
  filter:drop-shadow(0 24px 54px rgba(0,0,0,.34));
}
#root h1:first-of-type::after,
main h1:first-of-type::after,
section:first-of-type h1::after,
[class*="hero" i] h1::after{
  content:"" !important;
  position:absolute;
  left:50%;
  top:52%;
  width:min(82vw,980px);
  height:42%;
  transform:translate(-50%,-50%);
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(closest-side, rgba(255,255,255,.12), rgba(225,38,44,.08) 38%, rgba(54,86,210,.065) 58%, transparent 78%);
  filter:blur(28px);
  opacity:.78;
  pointer-events:none;
  -webkit-text-stroke:0 transparent !important;
}
#root h1:first-of-type span,
main h1:first-of-type span,
section:first-of-type h1 span{
  text-shadow:inherit !important;
}
#root h1:first-of-type + p,
main h1:first-of-type + p,
section:first-of-type h1 + p{
  max-width:680px !important;
  color:rgba(255,255,255,.74) !important;
  text-shadow:0 14px 36px rgba(0,0,0,.58) !important;
}

/* NAVBAR: tek satır, daha kısa, daha premium */
header{
  min-height:58px !important;
  backdrop-filter:blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(140%) !important;
  background:linear-gradient(180deg, rgba(5,6,10,.90), rgba(5,6,10,.68)) !important;
  border-bottom:1px solid rgba(255,255,255,.085) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
header > div,
header [class*="h-14"]{
  height:58px !important;
  min-height:58px !important;
  gap:10px !important;
}
header img,
header img[src*="logo"],
header img[src$="logo.svg"]{
  height:34px !important;
  max-height:34px !important;
  width:auto !important;
  object-fit:contain !important;
}
header nav[aria-label="Ana menü"]{
  gap:2px !important;
  justify-content:center !important;
  overflow:visible !important;
}
header nav[aria-label="Ana menü"] > a,
header .oz-final-more-btn,
header a:not(.oz-final-more-link){
  min-height:34px !important;
  border-radius:999px !important;
  padding:9px 10px !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.74) !important;
  text-decoration:none !important;
}
header nav[aria-label="Ana menü"] > a:hover,
header .oz-final-more-btn:hover,
header .oz-final-more.is-open .oz-final-more-btn{
  color:#fff !important;
  background:rgba(255,255,255,.075) !important;
  transform:translateY(-1px) !important;
}
header nav[aria-label="Ana menü"] > a span{bottom:5px !important;opacity:.75;}
header a[href*="bayi" i],
header a[href*="dealer" i],
header a[href*="giris" i],
header a[href*="giriş" i],
header a[href*="login" i]{
  min-height:36px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 28px rgba(225,38,44,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
header a[href*="#contact"]{
  background:rgba(179,34,34,.88) !important;
  color:#fff !important;
}
header a[href*="bayi.ozler.com"]{
  background:linear-gradient(135deg,#e1262c,#981318) !important;
  color:#fff !important;
}

.oz-final-nav-hidden{display:none !important;}
.oz-nav-more{display:none !important;}
.oz-final-more{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:9999;
}
.oz-final-more-btn{
  appearance:none;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.oz-final-more-btn::after{content:"⌄";font-size:13px;line-height:1;opacity:.8;transform:translateY(-1px);}
.oz-final-more-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:210px;
  padding:9px;
  border-radius:18px;
  background:rgba(8,9,14,.94);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 72px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(-8px) scale(.98);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.oz-final-more.is-open .oz-final-more-menu,
.oz-final-more:hover .oz-final-more-menu{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.oz-final-more-link{
  width:100% !important;
  min-height:38px !important;
  border-radius:13px !important;
  padding:11px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
  text-decoration:none !important;
  font:850 13px/1 Inter,Arial,sans-serif !important;
}
.oz-final-more-link:hover{background:rgba(225,38,44,.16) !important;color:#fff !important;}
.oz-final-more-link span{display:none !important;}

/* Bölüm geçişleri: gizlendi (kullanıcı keskin çizgi istemiyor) */
.oz-section-transition{
  display: none !important;
}

/* Kart/alan bütünlüğü: cam hissini koru ama kahverengi lekeleri bastır */
[class*="liquid" i],
[class*="glass" i],
[class*="card" i]{
  border-color:rgba(255,255,255,.10) !important;
}

@media(max-width:1180px){
  header nav[aria-label="Ana menü"] > a,
  header .oz-final-more-btn,
  header a:not(.oz-final-more-link){font-size:12px !important;padding-inline:8px !important;}
  header img{height:31px !important;max-height:31px !important;}
}
@media(max-width:1024px){
  .oz-final-more{display:none !important;}
  header nav[aria-label="Ana menü"]{display:none !important;}
}
@media(max-width:768px){
  header,header > div,header [class*="h-14"]{min-height:56px !important;height:56px !important;}
  #root section:has(.sticky.top-0.h-screen){height:150vh !important;}
  #root h1:first-of-type,main h1:first-of-type,section:first-of-type h1{font-size:clamp(46px,15vw,76px) !important;letter-spacing:-.055em !important;}
  .oz-section-transition{height:46px !important;margin:-4px 0 !important;}
  #brands,#about,#products,#services,#locations,#process,#contact,#team,#dealer-application,#career{padding-top:46px !important;padding-bottom:46px !important;}
}

/* =========================
   Özler final v2 — section harmony polish
   ========================= */

/* Global lines / divider noise reduction */
body::after{
  opacity:.07 !important;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px, transparent 1px) !important;
  background-size:112px 112px !important;
  mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 82%, transparent 100%) !important;
}

section,
section[class],
#faq,#locations,#contact,#process,#about,#brands,#products,#services,#team{
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}

/* Softer transitions between sections */
.oz-section-transition{
  position:relative !important;
  height:38px !important;
  margin:-2px 0 !important;
  background:transparent !important;
  opacity:1 !important;
}
.oz-section-transition::before{
  content:"" !important;
  position:absolute !important;
  inset:7px 12% !important;
  border-radius:999px !important;
  height:auto !important;
  width:auto !important;
  transform:none !important;
  background:radial-gradient(ellipse at center, rgba(255,255,255,.05) 0%, rgba(225,38,44,.06) 18%, rgba(54,86,210,.045) 34%, transparent 72%) !important;
  filter:blur(16px) !important;
  box-shadow:none !important;
}
.oz-section-transition::after{display:none !important;}

/* Navbar declutter */
header nav[aria-label="Ana menü"]{
  gap:4px !important;
}
header nav[aria-label="Ana menü"] > a,
header .oz-final-more-btn{
  font-size:12px !important;
  padding:9px 9px !important;
  color:rgba(255,255,255,.68) !important;
}
header nav[aria-label="Ana menü"] > a span{
  display:none !important;
}
header .oz-final-more-btn{
  background:rgba(255,255,255,.036) !important;
}
header > div > div.ml-auto,
header .ml-auto.flex.shrink-0.items-center.gap-1\.5.sm\:gap-2{
  gap:8px !important;
}
header a[href*="#contact"],
header a[href*="bayi.ozler.com"]{
  min-height:34px !important;
  font-size:12px !important;
  padding-inline:12px !important;
}

/* Shared section heading system */
.oz-final-section,
#faq,#locations,#contact{
  position:relative;
}
.oz-final-section-lead{
  margin-top:18px !important;
  max-width:36rem !important;
  color:rgba(255,255,255,.66) !important;
  font-size:15px !important;
  line-height:1.75 !important;
}
#locations h1,#locations h2,
#faq h1,#faq h2,
#contact h1,#contact h2{
  margin-top:18px !important;
  font-family:Oswald, Inter, Arial, sans-serif !important;
  font-size:clamp(40px,4.5vw,64px) !important;
  line-height:.96 !important;
  letter-spacing:-.04em !important;
  max-width:11ch !important;
  text-wrap:balance !important;
  text-shadow:0 16px 34px rgba(0,0,0,.38) !important;
}
#locations > div:first-child span,
#faq > div:first-child span,
#contact > div:first-child span,
#locations span.liquid-glass,
#faq span.liquid-glass,
#contact span.liquid-glass{
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)) !important;
  color:rgba(255,255,255,.76) !important;
}

/* Location section redesign */
#locations .tr-map{
  background:radial-gradient(circle at 60% 45%, rgba(31,46,92,.22), rgba(8,10,14,.86)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.28) !important;
}
#locations .tr-map svg{
  width:100% !important;
  height:100% !important;
  filter:saturate(.76) brightness(.9) contrast(1.02) !important;
}
#locations .liquid-glass,
#locations .liquid-glass-strong{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#locations .liquid-glass-strong{
  border-radius:16px !important;
}
#locations h3{
  font-size:clamp(28px,3vw,40px) !important;
  line-height:1 !important;
}
#locations .space-y-4 > div{
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
#locations .space-y-4 > div:hover{
  transform:translateY(-2px);
  border-color:rgba(225,38,44,.22) !important;
}

/* FAQ redesign */
#faq > div{
  gap:56px !important;
}
#faq .md\:sticky{
  top:104px !important;
}
#faq [class*="border-border"],
#faq [data-state],
#faq [role="button"],
#faq button{
  border-color:rgba(255,255,255,.08) !important;
}
#faq [data-state="open"],
#faq .data-\[state\=open\]\:text-primary{
  color:#fff !important;
}
#faq [class*="border-border/40"],
#faq [class*="border-border"]{
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
#faq [class*="text-lg"],
#faq [class*="text-xl"]{
  letter-spacing:-.015em !important;
}
#faq [class*="pb-6"],
#faq [class*="py-6"]{
  color:rgba(255,255,255,.68) !important;
}
#faq a,
#faq button,
#faq .mt-6{
  position:relative;
}
#faq .mt-6,
#faq a[href="#contact"],
#faq button{
  border-radius:999px !important;
}
#faq [class*="heroGlass"],
#faq .mt-6 > a,
#faq .mt-6 > button,
#faq a[href="#contact"]{
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
}

/* Contact section redesign */
#contact > div{
  align-items:start !important;
  gap:34px !important;
}
#contact h1,#contact h2{
  max-width:8ch !important;
}
#contact .oz-final-section-lead{
  max-width:32rem !important;
}
#contact .liquid-glass{
  padding:30px 32px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(23,24,32,.90), rgba(14,16,24,.82)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#contact .liquid-glass > a,
#contact .liquid-glass > p{
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
#contact .liquid-glass > div:last-child{
  margin-top:10px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(255,255,255,.08);
}
#contact .liquid-glass > a:last-of-type,
#contact .liquid-glass > p:last-of-type{
  border-bottom:none;
}

/* General glass consistency */
#faq .liquid-glass,
#contact .liquid-glass,
#faq .liquid-glass-strong,
#contact .liquid-glass-strong{
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
}
#locations .liquid-glass,
#locations .liquid-glass-strong{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

@media (max-width: 1280px){
  header nav[aria-label="Ana menü"] > a,
  header .oz-final-more-btn{padding-inline:8px !important;}
}

@media (max-width: 900px){
  .oz-final-section-lead{font-size:14px !important;line-height:1.7 !important;}
  #faq > div,
  #locations > div:last-child,
  #contact > div{gap:24px !important;}
  #contact .liquid-glass{padding:24px !important;}
}

@media (max-width: 768px){
  body::after{opacity:.04 !important;}
  .oz-section-transition{height:24px !important;}
  #locations h1,#locations h2,
  #faq h1,#faq h2,
  #contact h1,#contact h2{font-size:clamp(34px,11vw,48px) !important;max-width:10ch !important;}
  #contact h1,#contact h2{max-width:7ch !important;}
}

/* =========================
   Özler polish v4 — navbar + showcase sections
   ========================= */

/* Remove boxed title fragments in target sections */
#services h1 span, #services h2 span,
#locations h1 span, #locations h2 span,
#contact h1 span, #contact h2 span,
#faq h1 span, #faq h2 span {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Cleaner, smaller navbar */
header{
  min-height:62px !important;
}
header > div,
header [class*="h-14"]{
  height:62px !important;
  min-height:62px !important;
  gap:12px !important;
}
header nav[aria-label="Ana menü"]{
  gap:6px !important;
  flex: 0 1 auto !important;
  margin-inline: auto !important;
}
header nav[aria-label="Ana menü"] > a,
header .oz-final-more-btn{
  min-height:32px !important;
  padding:8px 10px !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.70) !important;
  background:transparent !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}
header nav[aria-label="Ana menü"] > a:hover,
header .oz-final-more-btn:hover,
header .oz-final-more.is-open .oz-final-more-btn{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
header .oz-final-more-menu{
  right:auto !important;
  left:50% !important;
  transform:translateX(-50%) translateY(-8px) scale(.98) !important;
}
header .oz-final-more.is-open .oz-final-more-menu,
header .oz-final-more:hover .oz-final-more-menu{
  transform:translateX(-50%) translateY(0) scale(1) !important;
}
header a[href*="#contact"],
header a[href*="bayi.ozler.com"]{
  border-radius:999px !important;
  min-height:36px !important;
  padding:9px 14px !important;
  font-size:12.5px !important;
  font-weight:850 !important;
}
header a[href*="#contact"]{
  background:linear-gradient(135deg,#c02026,#99181d) !important;
}
header a[href*="bayi.ozler.com"]{
  background:linear-gradient(135deg,#e1262c,#8f1014) !important;
}
header .ml-auto,
header div[class*="ml-auto"]{
  gap:10px !important;
}
header img,
header img[src*="logo"],
header img[src$="logo.svg"]{
  height:32px !important;
  max-height:32px !important;
}

/* Section headings closer to team showcase rhythm */
#services,
#locations,
#contact,
#faq{
  position:relative;
  overflow:hidden;
}

#services > div:first-child,
#locations > div:first-child{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  gap:clamp(24px,4vw,72px) !important;
  align-items:end !important;
  margin-bottom:clamp(28px,4vw,52px) !important;
}
#services .oz-final-head-copy,
#locations .oz-final-head-copy{
  margin:0 !important;
  max-width:520px !important;
  justify-self:end !important;
  color:rgba(230,233,242,.64) !important;
  font-size:clamp(15px,1.18vw,18px) !important;
  line-height:1.7 !important;
  font-weight:700 !important;
}
#services h1, #services h2,
#locations h1, #locations h2,
#contact h1, #contact h2,
#faq h1, #faq h2{
  font-size:clamp(44px,6vw,92px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  color:#fff !important;
  max-width:9.5ch !important;
  text-wrap:balance !important;
  text-shadow:0 22px 52px rgba(0,0,0,.38) !important;
}
#services p:not(.oz-final-head-copy),
#locations p:not(.oz-final-head-copy),
#contact p,
#faq p{
  color:rgba(255,255,255,.68) !important;
}

/* Services section like team showcase */
#services{
  background:
    radial-gradient(circle at 20% 16%, rgba(29,54,145,.20) 0, transparent 30%),
    radial-gradient(circle at 78% 34%, rgba(225,38,44,.12) 0, transparent 24%),
    linear-gradient(180deg, #05060a 0%, #080914 52%, #05060a 100%) !important;
}
#services > div:first-child span.liquid-glass{
  justify-self:start !important;
}
#services .grid{
  gap:clamp(18px,1.8vw,28px) !important;
}
#services .liquid-glass{
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(17,20,29,.84), rgba(10,12,18,.76)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#services .liquid-glass-strong{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.11) !important;
}
#services h3{
  font-size:clamp(26px,2.3vw,34px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}
#services .group:hover{
  transform:translateY(-4px) !important;
}
#services .group .absolute.top-6.right-6,
#services .group svg[class*="size-5"]{
  opacity:.46 !important;
}

/* Locations and contact tuned */
#locations{
  background:
    radial-gradient(circle at 18% 18%, rgba(29,54,145,.18) 0, transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(225,38,44,.10) 0, transparent 24%),
    linear-gradient(180deg, #05060a 0%, #070a12 50%, #05060a 100%) !important;
}
#locations h1, #locations h2{max-width:8.8ch !important;}
#contact h1, #contact h2{max-width:11ch !important;}
#contact .liquid-glass{
  background:linear-gradient(180deg, rgba(22,24,33,.88), rgba(13,15,22,.80)) !important;
}
#contact .liquid-glass > a,
#contact .liquid-glass > p{
  font-size:clamp(15px,1.12vw,18px) !important;
}

/* FAQ keep good, just align a bit more */
#faq > div{
  gap:clamp(44px,5vw,88px) !important;
}
#faq h1, #faq h2{
  max-width:8ch !important;
}
#faq [class*="text-lg"],
#faq [class*="text-xl"]{
  font-size:clamp(20px,1.7vw,34px) !important;
  line-height:1.08 !important;
}
#faq .mt-6,
#faq a[href="#contact"]{
  padding:0 !important;
}
#faq .mt-6 a,
#faq a[href="#contact"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}

@media (max-width: 1280px){
  #services h1, #services h2,
  #locations h1, #locations h2,
  #contact h1, #contact h2,
  #faq h1, #faq h2{
    font-size:clamp(40px,5.4vw,76px) !important;
    max-width:10.5ch !important;
  }
}

@media (max-width: 1024px){
  #services > div:first-child,
  #locations > div:first-child{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }
  #services .oz-final-head-copy,
  #locations .oz-final-head-copy{
    justify-self:start !important;
    max-width:680px !important;
  }
  #contact h1, #contact h2{
    max-width:12ch !important;
  }
}

@media (max-width: 768px){
  header nav[aria-label="Ana menü"] > a,
  header .oz-final-more-btn{font-size:12px !important;padding:8px 8px !important;}
  #services h1, #services h2,
  #locations h1, #locations h2,
  #contact h1, #contact h2,
  #faq h1, #faq h2{
    font-size:clamp(34px,10vw,54px) !important;
    line-height:.95 !important;
    letter-spacing:-.05em !important;
    max-width:11ch !important;
  }
  #services .liquid-glass,
  #locations .liquid-glass,
  #contact .liquid-glass{
    border-radius:22px !important;
  }
}

/* =========================
   Özler final v4 — navbar + section harmony
   ========================= */

/* Clean desktop navbar */
header{z-index:80 !important;}
header > div,
header .mx-auto.flex{
  min-height:62px !important;
  height:62px !important;
  gap:14px !important;
}
header nav[aria-label="Ana menü"]{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}
header nav[aria-label="Ana menü"] > a:not(.oz-curated-link),
header nav[aria-label="Ana menü"] > .oz-nav-more,
header nav[aria-label="Ana menü"] > .oz-final-more,
header nav[aria-label="Ana menü"] > .oz-team-nav-link{display:none !important;}

.oz-curated-nav{
  min-width:0 !important;
}
.oz-curated-link,
.oz-curated-more-btn{
  display:inline-flex !important;
  align-items:center !important;
  color:rgba(255,255,255,.82) !important;
  font:800 14px/1 Inter, Arial, sans-serif !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  background:transparent !important;
  border:none !important;
  white-space:nowrap !important;
  transition:color .18s ease, transform .18s ease !important;
  padding:0 !important;
  margin:0 !important;
}
.oz-curated-link:hover,
.oz-curated-link:focus-visible,
.oz-curated-more-btn:hover,
.oz-curated-more.is-open .oz-curated-more-btn{
  color:#fff !important;
  transform:translateY(-1px) !important;
  background:transparent !important;
  border:none !important;
}
/* İletişim (Contact) özel kırmızı butonu kaldırıldı, normal link oldu */
.oz-curated-more{position:relative !important;display:inline-flex !important;align-items:center !important;}
.oz-curated-more-btn::after{content:"⌄";font-size:14px;opacity:.72;margin-left:4px;transform:translateY(-1px);}
.oz-curated-more-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  min-width:220px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:rgba(9,10,15,.96) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  opacity:0 !important;
  transform:translateY(-8px) scale(.98) !important;
  pointer-events:none !important;
  transition:opacity .18s ease, transform .18s ease !important;
}
.oz-curated-more.is-open .oz-curated-more-menu{opacity:1 !important;transform:translateY(0) scale(1) !important;pointer-events:auto !important;}
.oz-curated-more-link{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  text-decoration:none !important;
  color:rgba(255,255,255,.77) !important;
  font:800 13px/1.2 Inter, Arial, sans-serif !important;
  background:transparent !important;
}
.oz-curated-more-link:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;}
header .oz-team-nav-link,
header .oz-nav-more,
header .oz-final-more,
header .oz-nav-hidden-original{display:none !important;}

/* Action buttons compact and consistent */
header > div > div.ml-auto,
header .ml-auto.flex.shrink-0.items-center.gap-1\.5.sm\:gap-2{
  gap:10px !important;
}
header a[href*="bayi.ozler.com"]{
  min-height:38px !important;
  border-radius:999px !important;
  padding-inline:14px !important;
  font-size:12.5px !important;
}
header a[href*="bayi.ozler.com"],
header a[href*="bayi.ozler.com"] * {
  color: #fff !important;
}
header a[href="#contact"]:not(.oz-curated-link){
  min-height:auto !important;
  padding:0 !important;
  font-size:14px !important;
  background:transparent !important;
  border:none !important;
  color:rgba(255,255,255,.82) !important;
  box-shadow:none !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}
header a[href="#contact"]:not(.oz-curated-link):hover {
  color:#fff !important;
}
header a[href*="bayi.ozler.com"]{
  background:linear-gradient(135deg, rgba(225,38,44,.95), rgba(155,18,23,.92)) !important;
  color:#fff !important;
}

/* Shared section intro language inspired by team block */
#services,
#locations,
#contact,
#faq{
  position:relative !important;
  overflow:hidden !important;
}
#services::before,
#locations::before,
#contact::before,
#faq::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(29,54,145,.17), transparent 24%),
    radial-gradient(circle at 76% 24%, rgba(225,38,44,.10), transparent 24%),
    radial-gradient(circle at 54% 78%, rgba(54,86,210,.08), transparent 28%);
  opacity:.95;
}

#services > div:first-child,
#locations > div:first-child{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr) !important;
  gap:26px 28px !important;
  align-items:end !important;
  margin-bottom:28px !important;
}
#services > div:first-child > span,
#locations > div:first-child > span,
#contact .oz-final-contact-intro > span,
#faq .oz-final-faq-sticky > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.74) !important;
  font:900 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
#services > div:first-child > span::before,
#locations > div:first-child > span::before,
#contact .oz-final-contact-intro > span::before,
#faq .oz-final-faq-sticky > span::before{
  content:"";
  width:44px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e1262c, rgba(225,38,44,0));
}
#services > div:first-child h1,
#services > div:first-child h2,
#locations > div:first-child h1,
#locations > div:first-child h2,
#contact .oz-final-contact-intro h1,
#contact .oz-final-contact-intro h2,
#faq .oz-final-faq-sticky h1,
#faq .oz-final-faq-sticky h2{
  grid-column:1 !important;
  margin:0 !important;
  max-width:10.6ch !important;
  font-size:clamp(44px,6.1vw,88px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}
#services > div:first-child h1,
#services > div:first-child h2{
  max-width:9.8ch !important;
}
#services > div:first-child .oz-final-section-lead,
#locations > div:first-child .oz-final-section-lead,
#contact .oz-final-contact-intro p,
#faq .oz-final-faq-sticky p{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  margin:0 !important;
  max-width:520px !important;
  color:rgba(230,233,242,.67) !important;
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.7 !important;
  font-weight:700 !important;
  text-wrap:pretty !important;
}

/* Services cards improved */
#services > div:last-child{
  position:relative !important;
  z-index:1 !important;
  gap:18px !important;
}
#services > div:last-child > *{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(16,18,25,.92), rgba(9,11,16,.84)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26) !important;
}
#services > div:last-child > *:hover{
  border-color:rgba(225,38,44,.18) !important;
  box-shadow:0 28px 66px rgba(0,0,0,.32) !important;
}
#services h3{font-size:clamp(24px,2.1vw,32px) !important;letter-spacing:-.04em !important;}
#services p{color:rgba(255,255,255,.66) !important;}

/* Locations section */
#locations > div:first-child h1,
#locations > div:first-child h2{max-width:8.6ch !important;}
#locations > div:last-child{
  position:relative !important;
  z-index:1 !important;
  margin-top:10px !important;
  gap:24px !important;
}
#locations .tr-map{
  background:radial-gradient(circle at 58% 44%, rgba(26,45,98,.24), rgba(9,11,16,.92)) !important;
  border-radius:24px !important;
}
#locations .liquid-glass,
#locations .liquid-glass-strong{
  background:transparent !important;
  border:none !important;
  border-radius:26px !important;
}
#locations .liquid-glass-strong{padding:16px 18px !important;}
#locations .oz-map-avatar-card{gap:14px !important;}

/* Contact section */
#contact > div{
  position:relative !important;
  z-index:1 !important;
  grid-template-columns:minmax(0,.95fr) minmax(320px,.95fr) !important;
  gap:34px !important;
  align-items:start !important;
}
#contact .oz-final-contact-intro h1,
#contact .oz-final-contact-intro h2{
  max-width:10.4ch !important;
}
#contact .oz-final-contact-intro p{
  grid-column:1 !important;
  grid-row:auto !important;
  margin-top:16px !important;
  max-width:34rem !important;
}
#contact .oz-final-contact-intro{
  display:block !important;
}
#contact .liquid-glass{
  min-height:100% !important;
}

/* FAQ align with same heading system */
#faq > div{
  position:relative !important;
  z-index:1 !important;
  gap:56px !important;
  align-items:start !important;
}
#faq .oz-final-faq-sticky h1,
#faq .oz-final-faq-sticky h2{max-width:7.4ch !important;}
#faq .oz-final-faq-sticky p{grid-column:1 !important;grid-row:auto !important;margin-top:18px !important;max-width:32rem !important;}
#faq .oz-final-faq-sticky{display:block !important;}
#faq .mt-6{margin-top:26px !important;}

/* Hide noisy legacy intro width constraints */
#locations h1,#locations h2,
#contact h1,#contact h2,
#faq h1,#faq h2,
#services h1,#services h2{width:auto !important;}

@media (max-width: 1180px){
  .oz-curated-link,
  .oz-curated-more-btn{font-size:12px !important;padding-inline:9px !important;}
  #services > div:first-child,
  #locations > div:first-child,
  #contact > div,
  #faq > div{gap:22px !important;}
}
@media (max-width: 1024px){
  header nav[aria-label="Ana menü"]{display:none !important;}
}
@media (max-width: 900px){
  #services > div:first-child,
  #locations > div:first-child,
  #contact > div,
  #faq > div{
    grid-template-columns:1fr !important;
  }
  #services > div:first-child .oz-final-section-lead,
  #locations > div:first-child .oz-final-section-lead,
  #contact .oz-final-contact-intro p,
  #faq .oz-final-faq-sticky p{
    grid-column:1 !important;
    grid-row:auto !important;
    margin-top:14px !important;
    max-width:36rem !important;
  }
  #services > div:first-child h1,
  #services > div:first-child h2,
  #locations > div:first-child h1,
  #locations > div:first-child h2,
  #contact .oz-final-contact-intro h1,
  #contact .oz-final-contact-intro h2,
  #faq .oz-final-faq-sticky h1,
  #faq .oz-final-faq-sticky h2{
    max-width:12ch !important;
    font-size:clamp(38px,9vw,60px) !important;
  }
}


/* --- custom-hero-vitrin-bg.css --- */
/* Kurumsal vitrin slider görselleri → hero arka planı */

#root section.oz-hero-with-vitrin,
section.oz-hero-with-vitrin {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

#root section.oz-hero-with-vitrin > .sticky,
section.oz-hero-with-vitrin > .sticky {
  height: 100vh !important;
  min-height: 100vh !important;
}

/* Hero scroll fazındaki ayrı Kurumsal Vitrin bloğu */
#root section.oz-hero-with-vitrin > *:not(.sticky),
section.oz-hero-with-vitrin > *:not(.sticky) {
  display: none !important;
}

.oz-vitrin-block-hidden,
section.oz-vitrin-merged-into-hero,
section.oz-landing-removed {
  display: none !important;
}

section.oz-hero-with-vitrin .oz-hero-frame-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.oz-hero-vitrin-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: var(--oz-bg, #05060a); /* bg-system token, fallback dark */
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
}

.oz-hero-vitrin-layer {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
}

.oz-hero-vitrin-layer.is-active {
  opacity: 1;
}

.oz-hero-vitrin-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  transform: scale(1.04);
  transition: transform 8s ease-out;
}

.oz-hero-vitrin-layer.is-active img {
  transform: scale(1);
}

.oz-hero-vitrin-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(115% 85% at 50% 55%, transparent 32%, rgba(5, 6, 10, 0.52) 100%),
    linear-gradient(180deg, rgba(5, 6, 10, 0.42) 0%, rgba(5, 6, 10, 0.18) 42%, rgba(5, 6, 10, 0.78) 100%);
}

section.oz-hero-with-vitrin .sticky > div[class*='radial-gradient'] {
  background: radial-gradient(120% 80% at 50% 58%, transparent 28%, rgba(5, 6, 10, 0.62) 100%) !important;
  z-index: 2 !important;
}

section.oz-hero-with-vitrin .sticky > .gradient-fade-b,
section.oz-hero-with-vitrin .sticky > div[class*='gradient-fade'] {
  z-index: 3 !important;
  opacity: 1 !important;
}

section.oz-hero-with-vitrin .sticky > div[class*='z-10'],
section.oz-hero-with-vitrin .sticky > div[class*='z-\\[10\\]'] {
  z-index: 10 !important;
}

.oz-hero-vitrin-kicker {
  display: none !important;
}

@media (max-width: 768px) {
  .oz-hero-vitrin-layer img {
    object-position: center 38%;
  }
}


/* WOW marka şeridi için hero alt alanı: markalar ekranın içinde nefes alsın. */
section.oz-hero-with-vitrin .sticky {
  padding-bottom: clamp(96px, 8vw, 136px) !important;
}

.oz-hero-vitrin-bg::after {
  background:
    radial-gradient(115% 85% at 50% 55%, transparent 32%, rgba(5, 6, 10, 0.50) 100%),
    linear-gradient(180deg, rgba(5, 6, 10, 0.42) 0%, rgba(5, 6, 10, 0.18) 42%, rgba(5, 6, 10, 0.70) 100%) !important;
}

@media (max-width: 768px) {
  section.oz-hero-with-vitrin .sticky {
    padding-bottom: 92px !important;
  }
}


/* --- custom-v5-refine.css --- */
/* =========================
   Özler Landing v5 — targeted harmony refinements
   ========================= */

/* 1) Section transition dividers: remove drifting labels, keep clean light bridge */
.oz-section-transition{
  position:relative !important;
  height:64px !important;
  margin:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(31,77,184,.10), transparent 28%),
    radial-gradient(circle at 82% 50%, rgba(225,38,44,.10), transparent 28%),
    linear-gradient(180deg, rgba(6,7,11,0) 0%, rgba(6,7,11,.92) 50%, rgba(6,7,11,0) 100%) !important;
}
.oz-section-transition::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:min(320px, 62vw) !important;
  height:1px !important;
  transform:translate(-50%, -50%) !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), rgba(225,38,44,.34), rgba(255,255,255,.14), transparent) !important;
}
.oz-section-transition::after{display:none !important;content:none !important;}

/* 2) Shared premium eyebrow / title rhythm for the requested sections */
.oz-v5-ana-hatlar,
.oz-v5-process,
.oz-v5-why,
.oz-v5-products{
  position:relative !important;
  overflow:hidden !important;
}
.oz-v5-ana-hatlar::before,
.oz-v5-process::before,
.oz-v5-why::before,
.oz-v5-products::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(23,48,132,.14), transparent 26%),
    radial-gradient(circle at 78% 18%, rgba(225,38,44,.09), transparent 24%),
    radial-gradient(circle at 52% 82%, rgba(44,78,194,.07), transparent 28%);
}

/* Kullanıcı talebi: Ana hatlar dış çerçevesini kaldır */
.oz-v5-ana-hatlar .liquid-glass {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.oz-v5-process > div:first-child,
.oz-v5-why > div:first-child,
.oz-v5-products > div:first-child,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child{
  position:relative;
  z-index:1;
}

.oz-v5-process > div:first-child > span,
.oz-v5-why > div:first-child > span,
.oz-v5-products > div:first-child > div:first-child > span,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  padding:0 !important;
  margin:0 0 10px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.74) !important;
  font:900 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.oz-v5-process > div:first-child > span::before,
.oz-v5-why > div:first-child > span::before,
.oz-v5-products > div:first-child > div:first-child > span::before,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child > span::before{
  content:"";
  width:44px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e1262c, rgba(225,38,44,0));
}
.oz-v5-process > div:first-child h1,
.oz-v5-process > div:first-child h2,
.oz-v5-why > div:first-child h1,
.oz-v5-why > div:first-child h2,
.oz-v5-products > div:first-child > div:first-child h1,
.oz-v5-products > div:first-child > div:first-child h2,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h1,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h2{
  margin:0 !important;
  font-size:clamp(44px, 6vw, 86px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}

/* 3) Process section */
.oz-v5-process > div:first-child{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.82fr) !important;
  gap:24px 30px !important;
  align-items:end !important;
  margin-bottom:28px !important;
}
.oz-v5-process > div:first-child h1,
.oz-v5-process > div:first-child h2{max-width:8.6ch !important;}
.oz-v5-process > div:first-child .oz-v5-lead{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  margin:0 !important;
  max-width:520px !important;
  color:rgba(230,233,242,.67) !important;
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.72 !important;
  font-weight:700 !important;
}
.oz-v5-process > div:last-child{
  position:relative !important;
  z-index:1 !important;
  margin-top:4px !important;
  gap:18px !important;
}
.oz-v5-process > div:last-child > div{
  min-height:280px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(15,17,24,.88), rgba(9,11,16,.80)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
}
.oz-v5-process > div:last-child > div:hover{border-color:rgba(225,38,44,.18) !important;}
.oz-v5-process > div:last-child > div > span:first-child{
  display:block !important;
  font-size:clamp(74px, 9vw, 128px) !important;
  line-height:.9 !important;
  font-weight:900 !important;
  color:rgba(225,38,44,.16) !important;
  margin:0 0 6px !important;
}
.oz-v5-process > div:last-child > div h3{
  font-size:clamp(24px, 2vw, 34px) !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}
.oz-v5-process > div:last-child > div p{
  color:rgba(255,255,255,.68) !important;
  font-size:15px !important;
  line-height:1.72 !important;
}
.oz-v5-process > div:last-child > div > div:last-child{display:none !important;}

/* 4) Why section */
.oz-v5-why > div:first-child{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(340px,.84fr) !important;
  gap:24px 30px !important;
  align-items:end !important;
  text-align:left !important;
  margin-bottom:26px !important;
}
.oz-v5-why > div:first-child h1,
.oz-v5-why > div:first-child h2{max-width:10.6ch !important; margin:0 !important;}
.oz-v5-why > div:first-child p{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  margin:0 !important;
  max-width:520px !important;
  color:rgba(230,233,242,.67) !important;
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.72 !important;
  font-weight:700 !important;
}
.oz-v5-why > div:last-child{
  position:relative !important;
  z-index:1 !important;
  margin-top:6px !important;
  gap:18px !important;
}
.oz-v5-why > div:last-child > div{
  min-height:264px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  padding:28px !important;
  background:linear-gradient(180deg, rgba(16,18,26,.90), rgba(10,12,17,.82)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.24) !important;
  transition:border-color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.oz-v5-why > div:last-child > div:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(225,38,44,.18) !important;
  box-shadow:0 28px 68px rgba(0,0,0,.30) !important;
}
.oz-v5-why > div:last-child > div > div:first-child{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.20) !important;
}
.oz-v5-why > div:last-child > div h3{
  font-size:clamp(20px,1.5vw,26px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}
.oz-v5-why > div:last-child > div p{color:rgba(255,255,255,.67) !important; font-size:15px !important; line-height:1.72 !important;}
.oz-v5-why > div:last-child > div > div:last-child{width:54px !important; opacity:.9 !important;}

/* FAQ cevap metni kart kenarına yapışmasın */
#faq [data-state="open"] > div,
#faq [data-state="open"] [class*="pb-"],
#faq [data-state="open"] [class*="text-foreground"],
#faq [data-state="open"] p {
  padding-left: clamp(24px, 3.5vw, 56px) !important;
  padding-right: clamp(24px, 3.5vw, 56px) !important;
}

/* 5) Products section accordion */
.oz-v5-products > div:first-child{
  position:relative !important;
  z-index:1 !important;
  grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr) !important;
  gap:32px !important;
  align-items:start !important;
}
.oz-v5-products > div:first-child > div:first-child{
  display:block !important;
}
.oz-v5-products > div:first-child > div:first-child h1,
.oz-v5-products > div:first-child > div:first-child h2{max-width:7.7ch !important;}
.oz-v5-products > div:first-child > div:first-child p{
  margin-top:18px !important;
  max-width:33rem !important;
  color:rgba(230,233,242,.66) !important;
  line-height:1.74 !important;
  font-weight:700 !important;
}
.oz-v5-products > div:first-child > div:last-child{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(16,18,26,.92), rgba(9,11,16,.84)) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.28) !important;
}
.oz-v5-products > div:first-child > div:last-child [data-state],
.oz-v5-products > div:first-child > div:last-child button{
  letter-spacing:-.03em !important;
}
.oz-v5-products > div:first-child > div:last-child h3,
.oz-v5-products > div:first-child > div:last-child button,
.oz-v5-products > div:first-child > div:last-child [data-radix-collection-item]{
  font-family:Inter, Arial, sans-serif !important;
}
.oz-v5-products > div:first-child > div:last-child button{
  min-height:76px !important;
  font-size:clamp(20px, 1.5vw, 28px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.90) !important;
}
.oz-v5-products > div:first-child > div:last-child [data-state="open"]{color:#fff !important;}
.oz-v5-products > div:first-child > div:last-child .grid{gap:14px !important;}
.oz-v5-products > div:first-child > div:last-child .grid > div{
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12) !important;
}
.oz-v5-products > div:first-child > div:last-child .grid > div > div:first-child{
  font-size:15px !important;
  letter-spacing:.02em !important;
  font-weight:900 !important;
}
.oz-v5-products > div:first-child > div:last-child ul{margin-top:10px !important;}
.oz-v5-products > div:first-child > div:last-child li span:last-child{color:rgba(255,255,255,.68) !important; font-size:14px !important; line-height:1.65 !important;}

/* 6) Toptan tedarikte ana hatlar section */
.oz-v5-ana-hatlar video{opacity:.11 !important; filter:grayscale(1) brightness(.35) !important;}
.oz-v5-ana-hatlar .gradient-fade-t,
.oz-v5-ana-hatlar .gradient-fade-b{display:none !important;}
.oz-v5-ana-hatlar > div:last-child{position:relative !important; z-index:1 !important;}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(340px,.84fr) !important;
  gap:24px 30px !important;
  align-items:end !important;
  margin-bottom:26px !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h1,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h2{max-width:8.2ch !important;}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > p{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  margin:0 !important;
  max-width:520px !important;
  color:rgba(230,233,242,.67) !important;
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.72 !important;
  font-weight:700 !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:8px !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  padding:26px 28px !important;
  background:linear-gradient(180deg, rgba(16,18,26,.90), rgba(10,12,17,.82)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.24) !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div{
  align-items:flex-start !important;
  gap:16px !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div > div:first-child{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div h3{
  font-size:clamp(20px,1.5vw,27px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div p{
  margin-top:8px !important;
  font-size:15px !important;
  color:rgba(255,255,255,.68) !important;
  line-height:1.72 !important;
}

/* 7) Responsive safeguards */
@media (max-width: 980px){
  .oz-v5-process > div:first-child,
  .oz-v5-why > div:first-child,
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child,
  .oz-v5-products > div:first-child{
    grid-template-columns:1fr !important;
  }
  .oz-v5-process > div:first-child .oz-v5-lead,
  .oz-v5-why > div:first-child p,
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > p{
    grid-column:1 !important;
    grid-row:auto !important;
    margin-top:14px !important;
    max-width:36rem !important;
  }
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 768px){
  .oz-section-transition{height:42px !important;}
  .oz-v5-process > div:last-child,
  .oz-v5-why > div:last-child{gap:14px !important;}
  .oz-v5-process > div:last-child > div,
  .oz-v5-why > div:last-child > div,
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div{
    border-radius:24px !important;
  }
  .oz-v5-products > div:first-child > div:last-child{border-radius:26px !important;}
  .oz-v5-products > div:first-child > div:last-child button{min-height:64px !important; font-size:18px !important;}
}


/* --- custom-v16-contact-faq-redesign.css --- */
/* =========================
   Özler Landing v16 — Contact + FAQ redesign
   User-approved text preserved; only visual system refreshed.
   ========================= */

/* ---------- CONTACT ---------- */
#contact.oz-v16-contact {
  padding-top: 88px !important;
  padding-bottom: 104px !important;
}

#contact.oz-v16-contact > div {
  position: relative !important;
  gap: 28px !important;
  align-items: stretch !important;
}

#contact.oz-v16-contact > div::before {
  content: "";
  position: absolute;
  inset: -14px -10px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(12,18,36,.92) 0%, rgba(8,10,18,.88) 46%, rgba(28,8,12,.82) 100%);
  border: 1px solid rgba(255,255,255,.09);
  box-shadow:
    0 28px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.07);
  z-index: 0;
}

#contact.oz-v16-contact > div > * {
  position: relative;
  z-index: 1;
}

#contact .oz-v16-contact-intro {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 100% !important;
  padding: 24px 8px 24px 4px !important;
}

#contact .oz-v16-contact-intro h1,
#contact .oz-v16-contact-intro h2 {
  margin-top: 18px !important;
  max-width: 9.2ch !important;
  font-size: clamp(48px, 5.8vw, 86px) !important;
  line-height: .93 !important;
  letter-spacing: -.03em !important;
}

#contact .oz-v16-contact-intro p {
  margin-top: 22px !important;
  max-width: 34rem !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.70) !important;
}

#contact .oz-v16-contact-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-content: start !important;
  min-height: 100% !important;
  padding: 26px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    radial-gradient(circle at top right, rgba(190,36,36,.12), transparent 42%),
    rgba(10,12,20,.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 40px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
}

#contact .oz-v16-contact-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 70px !important;
  padding: 18px 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease !important;
}

#contact .oz-v16-contact-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  color: #fff !important;
}

#contact .oz-v16-contact-row svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  opacity: .9 !important;
}

#contact .oz-v16-contact-row::before {
  content: "";
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

#contact .oz-v16-contact-row svg {
  margin-left: -44px !important;
  margin-right: 26px !important;
  position: relative;
  z-index: 1;
}

#contact .oz-v16-contact-cta-wrap {
  margin-top: 6px !important;
}

#contact .oz-v16-contact-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 16px 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, #ff3137 0%, #c61d24 100%) !important;
  color: #fff !important;
}
#contact .oz-v16-contact-cta * {
  color: #fff !important;
}
#contact .oz-v16-contact-cta {
  font: 800 15px/1 Inter, Arial, sans-serif !important;
  text-decoration: none !important;
  box-shadow: 0 18px 34px rgba(198,29,36,.26) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

#contact .oz-v16-contact-cta:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 22px 40px rgba(198,29,36,.34) !important;
}

/* ---------- FAQ ---------- */
#faq.oz-v16-faq {
  padding-top: 88px !important;
  padding-bottom: 104px !important;
}

#faq.oz-v16-faq > div {
  gap: 34px !important;
  align-items: start !important;
}

#faq .oz-v16-faq-intro {
  position: sticky !important;
  top: 96px !important;
  align-self: start !important;
  padding: 28px 26px 30px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    radial-gradient(circle at top left, rgba(24,77,171,.10), transparent 44%),
    rgba(8,12,22,.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

#faq .oz-v16-faq-intro h1,
#faq .oz-v16-faq-intro h2 {
  margin-top: 18px !important;
  max-width: 7.4ch !important;
  font-size: clamp(48px, 5.5vw, 80px) !important;
  line-height: .93 !important;
  letter-spacing: -.03em !important;
}

#faq .oz-v16-faq-intro p {
  margin-top: 20px !important;
  max-width: 31rem !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.70) !important;
}

#faq .oz-v16-faq-intro .mt-6,
#faq .oz-v16-faq-intro a[href="#contact"],
#faq .oz-v16-faq-intro button {
  margin-top: 24px !important;
}

#faq .oz-v16-faq-intro .mt-6 > *,
#faq .oz-v16-faq-intro a[href="#contact"],
#faq .oz-v16-faq-intro button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#faq .oz-v16-faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

#faq .oz-v16-faq-item {
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(8,10,18,.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 14px 28px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
  transition: border-color .22s ease, transform .22s ease, background .22s ease !important;
}

#faq .oz-v16-faq-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.14) !important;
}

#faq .oz-v16-faq-trigger {
  width: 100% !important;
  padding: 24px 28px !important;
  font-size: clamp(18px, 1.7vw, 24px) !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,.92) !important;
}

#faq .oz-v16-faq-content {
  padding: 0 28px 24px !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
  max-width: 62ch !important;
}

#faq [data-state="open"].oz-v16-faq-item,
#faq .oz-v16-faq-item:has([data-state="open"]) {
  border-color: rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.024)),
    radial-gradient(circle at top right, rgba(190,36,36,.08), transparent 46%),
    rgba(8,10,18,.56) !important;
}

#faq .oz-v16-faq-item [data-state="open"],
#faq .oz-v16-faq-item .data-\[state\=open\]\:text-primary {
  color: #fff !important;
}

@media (max-width: 1024px) {
  #contact.oz-v16-contact > div::before {
    inset: -10px -4px;
  }

  #contact .oz-v16-contact-intro,
  #faq .oz-v16-faq-intro {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #faq .oz-v16-faq-intro {
    position: relative !important;
    top: 0 !important;
    padding: 24px !important;
  }
}

@media (max-width: 767px) {
  #contact.oz-v16-contact,
  #faq.oz-v16-faq {
    padding-top: 76px !important;
    padding-bottom: 88px !important;
  }

  #contact.oz-v16-contact > div::before {
    border-radius: 26px !important;
  }

  #contact .oz-v16-contact-intro h1,
  #contact .oz-v16-contact-intro h2,
  #faq .oz-v16-faq-intro h1,
  #faq .oz-v16-faq-intro h2 {
    font-size: clamp(38px, 12vw, 58px) !important;
  }

  #contact .oz-v16-contact-card,
  #faq .oz-v16-faq-intro {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  #contact .oz-v16-contact-row {
    min-height: 64px !important;
    padding: 16px !important;
  }

  #contact .oz-v16-contact-row::before {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  #contact .oz-v16-contact-row svg {
    margin-left: -29px !important;
  }

  #faq .oz-v16-faq-trigger {
    padding: 20px 20px !important;
    font-size: 17px !important;
  }

  #faq .oz-v16-faq-content {
    padding: 0 20px 20px !important;
    font-size: 14px !important;
  }
}


/* =========================
   Contact heading hard-fix — v17
   İletişim başlığı ve sol bölüm kayması temizlendi.
   ========================= */
#contact.oz-v16-contact {
  padding-top: clamp(72px, 6vw, 98px) !important;
  padding-bottom: clamp(86px, 7vw, 116px) !important;
}

#contact.oz-v16-contact > div {
  width: min(1420px, calc(100% - 56px)) !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, .92fr) minmax(460px, 1fr) !important;
  gap: clamp(34px, 5vw, 70px) !important;
  align-items: center !important;
}

#contact.oz-v16-contact > div::before {
  inset: -18px -18px !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(38, 77, 177, .16), transparent 34%),
    radial-gradient(circle at 94% 18%, rgba(225, 38, 44, .15), transparent 36%),
    linear-gradient(135deg, rgba(8, 12, 24, .94) 0%, rgba(6, 8, 14, .92) 50%, rgba(26, 8, 12, .86) 100%) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow:
    0 34px 82px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
}

#contact .oz-v16-contact-intro {
  justify-content: center !important;
  align-items: flex-start !important;
  padding: clamp(30px, 4vw, 58px) 0 clamp(30px, 4vw, 58px) clamp(18px, 3.2vw, 54px) !important;
}

#contact .oz-v16-contact-eyebrow {
  width: auto !important;
  max-width: none !important;
  margin: 0 0 clamp(20px, 2vw, 26px) !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 13px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.84) !important;
  font: 900 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

#contact .oz-v16-contact-eyebrow::before {
  content: '' !important;
  display: block !important;
  width: 44px !important;
  height: 2px !important;
  flex: 0 0 44px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(225,38,44,0), rgba(225,38,44,.98)) !important;
  box-shadow: 0 0 18px rgba(225,38,44,.46) !important;
}

#contact .oz-v16-contact-eyebrow::after {
  display: none !important;
}

#contact .oz-v16-contact-eyebrow *,
#contact .oz-v16-contact-intro [class*='kicker'] *,
#contact .oz-v16-contact-intro [class*='eyebrow'] * {
  display: contents !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contact .oz-v16-contact-title,
#contact .oz-v16-contact-intro h1,
#contact .oz-v16-contact-intro h2 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 8.8ch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f7f7fb !important;
  font-size: clamp(54px, 5.8vw, 94px) !important;
  line-height: .91 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance !important;
  text-shadow:
    0 4px 0 rgba(255,255,255,.045),
    0 22px 46px rgba(0,0,0,.46),
    0 0 44px rgba(225,38,44,.08) !important;
}

#contact .oz-v16-contact-title *,
#contact .oz-v16-contact-intro h1 *,
#contact .oz-v16-contact-intro h2 * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

#contact .oz-v16-contact-intro p {
  margin: clamp(20px, 2vw, 26px) 0 0 clamp(6px, .7vw, 12px) !important;
  max-width: 42rem !important;
  color: rgba(255,255,255,.72) !important;
  font-size: clamp(15px, 1.14vw, 18px) !important;
  line-height: 1.78 !important;
}

#contact .oz-v16-contact-card {
  align-self: center !important;
  margin: 0 clamp(18px, 2.4vw, 42px) 0 0 !important;
  padding: clamp(24px, 2.6vw, 34px) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(225,38,44,.14), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.022)),
    rgba(9,11,18,.62) !important;
}

#contact .oz-v16-contact-row {
  min-height: 72px !important;
  padding: 18px 20px !important;
}

@media (max-width: 1024px) {
  #contact.oz-v16-contact > div {
    width: min(100% - 30px, 760px) !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #contact .oz-v16-contact-intro {
    padding: 34px 22px 4px !important;
    align-items: center !important;
    text-align: center !important;
  }

  #contact .oz-v16-contact-eyebrow {
    justify-content: center !important;
  }

  #contact .oz-v16-contact-title,
  #contact .oz-v16-contact-intro h1,
  #contact .oz-v16-contact-intro h2 {
    max-width: 11ch !important;
    font-size: clamp(46px, 11vw, 74px) !important;
  }

  #contact .oz-v16-contact-intro p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #contact .oz-v16-contact-card {
    margin: 0 14px 28px !important;
  }
}

@media (max-width: 640px) {
  #contact.oz-v16-contact > div {
    width: calc(100% - 22px) !important;
  }

  #contact.oz-v16-contact > div::before {
    inset: -10px !important;
    border-radius: 28px !important;
  }

  #contact .oz-v16-contact-intro {
    padding: 28px 14px 0 !important;
  }

  #contact .oz-v16-contact-eyebrow {
    font-size: 10px !important;
    letter-spacing: .2em !important;
  }

  #contact .oz-v16-contact-eyebrow::before {
    width: 30px !important;
    flex-basis: 30px !important;
  }

  #contact .oz-v16-contact-card {
    margin-inline: 8px !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }
}


/* =========================
   Contact overlap fix — v18
   Başlık sağ kartın üstüne taşmasın; eski span/kutu efektleri temizlensin.
   ========================= */
#contact.oz-v16-contact {
  overflow: visible !important;
}

#contact.oz-v16-contact > div {
  width: min(1360px, calc(100% - 72px)) !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 0.84fr) minmax(430px, 0.92fr) !important;
  gap: clamp(52px, 5.4vw, 92px) !important;
  align-items: center !important;
}

#contact .oz-v16-contact-intro {
  position: relative !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: clamp(34px, 4.4vw, 64px) 0 clamp(34px, 4.4vw, 64px) clamp(16px, 3vw, 46px) !important;
  overflow: visible !important;
  z-index: 2 !important;
}

#contact .oz-v16-contact-card {
  position: relative !important;
  z-index: 4 !important;
  max-width: 560px !important;
  width: 100% !important;
  justify-self: end !important;
  margin: 0 clamp(16px, 2vw, 32px) 0 0 !important;
}

#contact .oz-v16-contact-eyebrow {
  margin: 0 0 18px !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

#contact .oz-v16-contact-eyebrow::before {
  width: 38px !important;
  flex-basis: 38px !important;
}

#contact .oz-v16-contact-eyebrow::after {
  display: none !important;
  content: none !important;
}

#contact .oz-v16-contact-title,
#contact .oz-v16-contact-intro h1,
#contact .oz-v16-contact-intro h2 {
  width: 100% !important;
  max-width: 580px !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  font-size: clamp(54px, 4.85vw, 82px) !important;
  line-height: .91 !important;
  letter-spacing: -.05em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contact .oz-v16-contact-title .oz-contact-title-line,
#contact .oz-v16-contact-intro h1 .oz-contact-title-line,
#contact .oz-v16-contact-intro h2 .oz-contact-title-line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  color: inherit !important;
}

#contact .oz-v16-contact-title *,
#contact .oz-v16-contact-intro h1 *,
#contact .oz-v16-contact-intro h2 * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contact .oz-v16-contact-intro p {
  max-width: 500px !important;
  margin: clamp(18px, 1.8vw, 24px) 0 0 !important;
}

@media (max-width: 1180px) {
  #contact.oz-v16-contact > div {
    grid-template-columns: minmax(360px, .9fr) minmax(390px, 1fr) !important;
    gap: 36px !important;
    width: min(100% - 44px, 1120px) !important;
  }

  #contact .oz-v16-contact-title,
  #contact .oz-v16-contact-intro h1,
  #contact .oz-v16-contact-intro h2 {
    max-width: 510px !important;
    font-size: clamp(48px, 5vw, 68px) !important;
  }
}

@media (max-width: 1024px) {
  #contact.oz-v16-contact > div {
    width: min(100% - 30px, 760px) !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #contact .oz-v16-contact-intro {
    padding: 34px 22px 4px !important;
    align-items: center !important;
    text-align: center !important;
  }

  #contact .oz-v16-contact-eyebrow {
    margin-inline: auto !important;
    justify-content: center !important;
  }

  #contact .oz-v16-contact-title,
  #contact .oz-v16-contact-intro h1,
  #contact .oz-v16-contact-intro h2 {
    max-width: 610px !important;
    margin-inline: auto !important;
    text-align: center !important;
    font-size: clamp(44px, 9vw, 68px) !important;
  }

  #contact .oz-v16-contact-title .oz-contact-title-line,
  #contact .oz-v16-contact-intro h1 .oz-contact-title-line,
  #contact .oz-v16-contact-intro h2 .oz-contact-title-line {
    width: auto !important;
    white-space: normal !important;
  }

  #contact .oz-v16-contact-intro p {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 560px !important;
  }

  #contact .oz-v16-contact-card {
    justify-self: center !important;
    max-width: 620px !important;
    margin: 0 14px 28px !important;
  }
}

@media (max-width: 640px) {
  #contact .oz-v16-contact-title,
  #contact .oz-v16-contact-intro h1,
  #contact .oz-v16-contact-intro h2 {
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: .94 !important;
  }
}


/* --- custom-performance-unify.css --- */
/* Özler Landing - performans ve görsel tutarlılık final katmanı
   Bu dosya en sonda yüklenir. Amaç: marka akışını akıcı yapmak, başlık/eyebrow kaymalarını sabitlemek,
   ağır blur/animasyon çakışmalarını hafifletmek. */

:root{
  --oz-page-bg:#06070b;
  --oz-panel-bg:rgba(8,10,16,.82);
  --oz-line:rgba(255,255,255,.10);
  --oz-text:#ffffff;
  --oz-muted:rgba(255,255,255,.68);
  --oz-red:#e1262c;
  --oz-red-soft:rgba(225,38,44,.14);
  --oz-blue-soft:rgba(35,77,180,.12);
}

/* html bg → custom-oz-bg-system.css yönetir */
html { scroll-behavior: smooth; }
body, #root { background: transparent; }
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Site genelinde çok ağır çalışan filtreleri yumuşat */
.oz-brands-strip-shell,
#contact .oz-v16-contact-card,
#faq .oz-v16-faq-intro,
[class*="backdrop-blur"],
[class*="backdrop-filter"]{
  backdrop-filter:blur(8px) saturate(116%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(116%) !important;
}

/* MARKA ŞERİDİ - akıcı GPU animasyonu */
#brands.oz-brands-strip,
#brands{
  contain:layout paint style;
}
#brands.oz-brands-strip{
  margin-top:clamp(-190px,-12vw,-118px) !important;
  padding-bottom:clamp(26px,3vw,44px) !important;
}
.oz-brands-strip-shell{
  width:min(1480px, calc(100% - 16px)) !important;
  border-radius:30px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.026) 42%, rgba(225,38,44,.055)), rgba(6,8,14,.84) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.09) !important;
  overflow:hidden;
}
.oz-brands-strip-shell::after{
  opacity:.15 !important;
}
.oz-brands-marquee-viewport{
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.oz-brands-marquee-row{
  animation-name:oz-brands-marquee-smooth !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
}
/* Hover'da durdurma takılma gibi algılanıyordu; kaldırıldı. */
.oz-brands-marquee-row:hover{ animation-play-state:running !important; }
@keyframes oz-brands-marquee-smooth{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}
.oz-brands-strip-item{
  width:clamp(148px,10.8vw,184px) !important;
  height:clamp(76px,5.4vw,92px) !important;
  border-radius:22px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.24) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
  transform:translateZ(0);
}
.oz-brands-strip-item:hover{
  transform:translate3d(0,-3px,0) scale(1.006) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 24px rgba(225,38,44,.12) !important;
}
.oz-brands-strip-item img{
  max-height:50px !important;
  transform:translateZ(0);
}

:is(section[id],#contact,#faq,#team,#locations,#why-ozler,#product-groups) h1,
:is(section[id],#contact,#faq,#team,#locations,#why-ozler,#product-groups) h2{
  text-wrap:balance;
  letter-spacing:-.035em;
}
#contact .oz-v16-contact-intro h1,
#contact .oz-v16-contact-intro h2,
#faq .oz-v16-faq-intro h1,
#faq .oz-v16-faq-intro h2{
  max-width:12ch !important;
  line-height:.98 !important;
  overflow-wrap:normal !important;
}
#contact.oz-v16-contact > div::before{
  inset:-8px -6px !important;
  border-radius:30px !important;
}

/* Scroll animasyonlarını kopuk değil daha sakin yap */
[data-aos],
[class*="animate-"]{
  animation-timing-function:cubic-bezier(.22,1,.36,1) !important;
}
@media (prefers-reduced-motion: reduce){
  *:not(.oz-ambient):not(.oz-ambient *),
  *:not(.oz-ambient):not(.oz-ambient *)::before,
  *:not(.oz-ambient):not(.oz-ambient *)::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .oz-brands-marquee-row{ animation:none !important; transform:none !important; }
}

@media (max-width:900px){
  #brands.oz-brands-strip{ margin-top:clamp(-128px,-20vw,-72px) !important; }
  .oz-brands-strip-shell{ width:min(100% - 8px, 1480px) !important; padding:10px !important; border-radius:24px !important; }
  .oz-brands-strip-item{ width:136px !important; height:72px !important; padding:12px !important; border-radius:18px !important; }
  .oz-brands-strip-item img{ max-height:42px !important; }
  #contact.oz-v16-contact,#faq.oz-v16-faq{ padding-top:62px !important; padding-bottom:72px !important; }
}


/* --- custom-oz-eyebrow.css --- */
/* Özler Landing — unified section eyebrow (reference: Neden Özler?) */

.oz-eyebrow {
  position: relative;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(255, 255, 255, 0.92);
  font: 900 13px/1 Inter, Arial, sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  isolation: isolate;
}

.oz-eyebrow-line {
  flex: 0 0 42px;
  width: 42px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e1262c 0%, rgba(225, 38, 44, 0.58) 64%, rgba(225, 38, 44, 0) 100%);
}

.oz-eyebrow-text {
  display: inline-block;
}

/* React pill labels — strip glass box after JS upgrade */
section span.oz-eyebrow.liquid-glass.rounded-full {
  padding: 0;
  min-height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

section span.oz-eyebrow.liquid-glass.rounded-full::before,
section span.oz-eyebrow.liquid-glass.rounded-full::after {
  content: none;
  display: none;
}

@media (max-width: 768px) {
  .oz-eyebrow {
    gap: 8px;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: 0.14em;
  }

  .oz-eyebrow-line {
    flex-basis: 34px;
    width: 34px;
  }
}



/* Toptan Tedarik Ana Hatlar Cerveve Kaldirma Kesin Cozum */
#products > div { border: none !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }


/* =====================================================
   LOCATIONS PANEL - TEK KESİN KURAL (tüm önceki tanımları ezer)
   ===================================================== */
#locations .liquid-glass,
#locations .liquid-glass-strong {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* =====================================================
   FAQ SOL SÜTUN ARKA PLAN KALDIRMA - TEK KESİN KURAL
   ===================================================== */
#faq .oz-v16-faq-intro {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

/* =====================================================
   LOCATIONS - [class*="liquid/glass"] OVERRIDE - KESİN SON KURAL
   ===================================================== */
#locations [class*="liquid"],
#locations [class*="glass"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* =====================================================
   HERO H1 ARKASINKI GLASS (SÜMÜKSÜ) EFEKT KALDIRILDI
   ===================================================== */
[class*="hero"] h1 [class*="glass"],
[class*="hero"] h1 + [class*="glass"],
[class*="hero"] [class*="glass"] h1,
[class*="hero"] > div [class*="glass"],
section.oz-hero-with-vitrin [class*="glass"],
section.oz-hero-with-vitrin [class*="liquid"],
#hero [class*="glass"],
#hero [class*="liquid"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
section.oz-hero-with-vitrin [class*="glass"]::before,
section.oz-hero-with-vitrin [class*="liquid"]::before,
#hero [class*="glass"]::before,
#hero [class*="liquid"]::before {
  display: none !important;
}

/* =====================================================
   BAŞLIK ANİMASYON SPAN'LARINDAKİ SÜMÜKSÜ EFEKT
   will-change composite layer artefact'ı kaldır
   ===================================================== */
h1 span.inline-block,
h2 span.inline-block,
h1 > span,
h2 > span {
  will-change: auto !important;
  -webkit-transform: none;
  isolation: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Framer Motion animasyon sonrası kalan will-change'i temizle */
#faq h2 span,
#faq h1 span,
#locations h2 span,
#locations h1 span,
#hero h1 span,
section h1 span.inline-block,
section h2 span.inline-block {
  will-change: auto !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* =====================================================
   FRAMER MOTION INLINE FILTER OVERRIDE — NÜKLEER
   ===================================================== */
h1 span,
h2 span,
h1 span.inline-block,
h2 span.inline-block {
  filter: none !important;
  -webkit-filter: none !important;
  will-change: auto !important;
  transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
}

/* CTA kirmizi buton metni */
#cta a[href="#contact"],
#cta a[href="#contact"] *,
#cta a[href="#dealer-application"],
#cta a[href="#dealer-application"] *,
header a[href="#dealer-application"],
header a[href="#dealer-application"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

/* =====================================================
   TOPTAN TEDARIK ANA HATLAR - PREMIUM DUZEN
   ===================================================== */
.oz-v5-ana-hatlar {
  padding-top: clamp(72px, 8vw, 116px) !important;
  padding-bottom: clamp(72px, 8vw, 116px) !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl {
  width: min(1328px, calc(100vw - 56px)) !important;
  margin-inline: auto !important;
  padding: clamp(34px, 4.2vw, 64px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(225,38,44,.18), transparent 34%),
    radial-gradient(circle at 88% 74%, rgba(46,88,190,.15), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 90px rgba(0,0,0,.22) !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(360px, .88fr) minmax(360px, .9fr) !important;
  align-items: end !important;
  gap: clamp(34px, 7vw, 120px) !important;
  margin-bottom: clamp(28px, 4vw, 46px) !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child {
  padding-left: 0 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h1,
.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > div:first-child h2 {
  max-width: 12.8ch !important;
  font-size: clamp(54px, 5.7vw, 92px) !important;
  line-height: .94 !important;
  letter-spacing: 0 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > p {
  max-width: 560px !important;
  margin: 0 0 10px auto !important;
  padding: 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.72 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 0 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div {
  min-height: 116px !important;
  padding: 22px 28px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, rgba(9,12,21,.88), rgba(13,18,31,.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 44px rgba(0,0,0,.18) !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div {
  align-items: center !important;
  gap: 18px !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div > div > div:first-child {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div h3 {
  font-size: clamp(24px, 1.8vw, 31px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child > div p {
  margin-top: 8px !important;
  max-width: 58ch !important;
  font-size: 14.5px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,.62) !important;
}

@media (max-width: 900px) {
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl {
    width: min(100% - 28px, 720px) !important;
    padding: 28px 20px !important;
  }

  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child,
  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:last-child {
    grid-template-columns: 1fr !important;
  }

  .oz-v5-ana-hatlar .liquid-glass.rounded-3xl > div:first-child > p {
    margin-left: 0 !important;
  }
}

/* Bayilik alanı: ikinci form kaldırıldı, tek başvuru sayfasına yönlendiren CTA */
.oz-dealer-cta-panel{display:flex;align-items:stretch}
.oz-dealer-cta-card{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,48px);border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.oz-dealer-cta-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(197,29,39,.16);color:#ffadb3;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.oz-dealer-cta-card h3{margin:20px 0 12px;font-family:var(--font-display,inherit);font-size:clamp(28px,3.2vw,44px);line-height:1.05;color:#fff}
.oz-dealer-cta-card p{margin:0 0 24px;color:rgba(255,255,255,.7);line-height:1.7;max-width:48ch}
.oz-dealer-page-link{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;min-width:220px}
.oz-dealer-cta-card small{display:block;margin-top:16px;color:rgba(255,255,255,.48);line-height:1.5}
@media(max-width:760px){.oz-dealer-cta-card{padding:26px 22px;border-radius:22px}.oz-dealer-page-link{width:100%;min-width:0}}

/* Bayilik ve katalog butonu düzenlemeleri */
.oz-white-dealer-label,
.oz-white-dealer-label:visited,
.oz-white-dealer-label:hover,
.oz-white-dealer-label:focus,
.oz-white-dealer-label * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.oz-catalog-feature-card {
  position: relative;
  width: min(100%, 620px);
  padding: clamp(28px, 3vw, 42px);
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at top right, rgba(225, 38, 44, 0.18), transparent 34%),
    radial-gradient(circle at bottom left, rgba(42, 74, 186, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
  box-shadow: 0 26px 70px rgba(0,0,0,0.30);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
}

.oz-catalog-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.03) 38%, rgba(225,38,44,0.18) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.oz-catalog-feature-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -58px;
  top: -64px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(225,38,44,0.34) 0%, rgba(225,38,44,0.12) 34%, transparent 72%);
  filter: blur(10px);
  pointer-events: none;
}

.oz-catalog-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: rgba(255,255,255,0.82);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.oz-catalog-kicker::before {
  content: "";
  width: 36px;
  height: 2px;
  border-radius: 999px;
  background: #e1262c;
  box-shadow: 0 0 18px rgba(225,38,44,0.65);
}

.oz-catalog-feature-card h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 12ch;
  color: #fff;
  font-family: var(--font-display, Inter, Arial, sans-serif);
  font-size: clamp(32px, 3.3vw, 48px);
  line-height: 1.02;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

.oz-catalog-feature-card p {
  position: relative;
  z-index: 1;
  max-width: 38ch;
  margin: 18px 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 15px;
  line-height: 1.7;
}

.oz-catalog-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
  min-height: 78px;
  min-width: min(100%, 380px);
  padding: 24px 38px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: linear-gradient(135deg, #c91f28 0%, #e52530 100%);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.01em;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 16px 42px rgba(201, 31, 40, 0.28);
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.oz-catalog-link::after {
  content: '↗';
  margin-left: 2px;
  font-size: 22px;
}

.oz-catalog-link:hover {
  background: #df2731;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(201, 31, 40, 0.32);
}

.oz-catalog-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* Toptan katalog: sağdaki açılır liste yerine tek katalog çağrısı */
#products .oz-catalog-cta-panel {
  min-height: 540px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: clamp(20px, 4vw, 48px) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#products .oz-catalog-shell,
#products .oz-catalog-shell-outer,
#products .oz-catalog-shell-wrap {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#products .oz-catalog-shell {
  width: 100%;
}

#products .oz-catalog-shell-outer {
  min-height: 540px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#products .oz-catalog-cta-panel .oz-catalog-link {
  margin-top: 0;
}

#products .oz-catalog-clear-layer,
#products .oz-catalog-clear-layer::before,
#products .oz-catalog-clear-layer::after {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#products .oz-catalog-clear-layer {
  isolation: auto !important;
}

@media (max-width: 991px) {
  #products .oz-catalog-feature-card {
    width: min(100%, 560px);
    padding: 30px;
  }

  #products .oz-catalog-link {
    min-width: min(100%, 360px);
    font-size: 20px;
    min-height: 70px;
    padding: 22px 34px;
  }
}

@media (max-width: 767px) {
  #products .oz-catalog-cta-panel,
  #products .oz-catalog-shell-outer {
    min-height: 220px;
  }

  #products .oz-catalog-feature-card {
    width: 100%;
    padding: 24px 22px;
    border-radius: 24px;
  }

  #products .oz-catalog-feature-card h3 {
    max-width: none;
    font-size: clamp(26px, 8vw, 34px);
  }

  #products .oz-catalog-feature-card p {
    font-size: 14px;
    line-height: 1.65;
  }

  #products .oz-catalog-cta-panel .oz-catalog-link,
  #products .oz-catalog-link {
    width: 100%;
    min-width: 0;
    font-size: 18px;
    min-height: 64px;
    padding: 20px 26px;
  }
}

/* =========================================================
   Bölümler arası kompakt boşluk düzeni
   ========================================================= */
#brands:not(.oz-brands-strip),
#about,
#products,
#services,
#locations,
#process,
#contact,
#team,
#dealer-application,
#career,
main > section[id]:not(.oz-hero-with-vitrin):not(:has(.sticky.top-0.h-screen)) {
  padding-top: clamp(36px, 3.6vw, 58px) !important;
  padding-bottom: clamp(36px, 3.6vw, 58px) !important;
}

@media (max-width: 767px) {
  #brands:not(.oz-brands-strip),
  #about,
  #products,
  #services,
  #locations,
  #process,
  #contact,
  #team,
  #dealer-application,
  #career,
  main > section[id]:not(.oz-hero-with-vitrin):not(:has(.sticky.top-0.h-screen)) {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}


/* Ekibimiz slider: fareyle basılı tutup sürükleme */
.oz-team-slider {
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}

.oz-team-slider.is-pointer-down,
.oz-team-slider.is-dragging {
  cursor: grabbing;
}

.oz-team-slider.is-dragging {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.oz-team-slider img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}


/* Ekibimiz: gerçek tut-sürükle yatay kaydırma */
.oz-team-slider {
  cursor: grab !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.oz-team-slider::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.oz-team-slider.is-pointer-down,
.oz-team-slider.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.oz-team-slider.is-dragging *,
.oz-team-slider.is-pointer-down * {
  cursor: grabbing !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.oz-team-slider .oz-team-card,
.oz-team-slider img {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

/* Harita yan kartı büyütme - v7 */
#locations > div:last-child{
  grid-template-columns: minmax(0,1.06fr) minmax(380px,.94fr) !important;
  align-items: start !important;
}

#locations .space-y-4 > div,
#locations .oz-map-person-card,
#locations .oz-location-person,
#locations .oz-location-card{
  min-height: 118px !important;
  padding: 18px 20px !important;
  border-radius: 24px !important;
}

#locations .oz-map-avatar-card{
  grid-template-columns: 72px minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: center !important;
}

#locations .oz-map-avatar,
#locations .oz-map-initials,
#locations .oz-map-person-photo,
#locations .oz-location-person img,
#locations [data-oz-person-photo]{
  width: 72px !important;
  height: 76px !important;
  min-width: 72px !important;
  border-radius: 18px !important;
  object-position: center top !important;
}

#locations .oz-map-person-name,
#locations .oz-location-person h4,
#locations .oz-map-info strong,
#locations .oz-map-info b{
  font-size: 28px !important;
  line-height: 1.05 !important;
}

#locations .oz-map-person-meta,
#locations .oz-map-info p,
#locations .oz-map-info span:not(.oz-map-phone):not(.oz-map-person-chip){
  font-size: 15px !important;
}

#locations .oz-map-phone{
  margin-top: 8px !important;
  padding: 8px 13px !important;
  font-size: 16px !important;
  border-radius: 999px !important;
}

@media (max-width: 1180px){
  #locations > div:last-child{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px){
  #locations .space-y-4 > div,
  #locations .oz-map-person-card,
  #locations .oz-location-person,
  #locations .oz-location-card{
    min-height: 102px !important;
    padding: 16px !important;
  }

  #locations .oz-map-avatar-card{
    grid-template-columns: 60px minmax(0,1fr) !important;
    gap: 14px !important;
  }

  #locations .oz-map-avatar,
  #locations .oz-map-initials,
  #locations .oz-map-person-photo,
  #locations .oz-location-person img,
  #locations [data-oz-person-photo]{
    width: 60px !important;
    height: 64px !important;
    min-width: 60px !important;
    border-radius: 16px !important;
    object-position: center top !important;
  }

  #locations .oz-map-person-name,
  #locations .oz-location-person h4,
  #locations .oz-map-info strong,
  #locations .oz-map-info b{
    font-size: 22px !important;
  }

  #locations .oz-map-phone{
    font-size: 15px !important;
    padding: 7px 12px !important;
  }
}

/* Harita personel fotoğrafı kafa kesilme düzeltmesi - v8 */
#locations .oz-map-avatar-card{align-items:start !important;}

/* Slider görseline bağlı dinamik başlık ve açıklama */
.oz-hero-dynamic-title{white-space:pre-line;transition:opacity .35s ease,transform .35s ease}
.oz-hero-dynamic-description{white-space:pre-line;transition:opacity .35s ease}

/* Slider metinleri her görselle birlikte yönetim panelinden değişir */
.oz-hero-dynamic-title,
.oz-hero-dynamic-description {
  white-space: pre-line !important;
  transition: opacity .32s ease, transform .32s ease !important;
}
.oz-hero-dynamic-title.is-changing,
.oz-hero-dynamic-description.is-changing {
  opacity: 0 !important;
  transform: translateY(10px) !important;
}


/* === Ana sayfa navbarı: haber sayfasındaki kompakt görünüm === */
header.oz-home-header-final{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;
  height:56px!important;min-height:56px!important;border:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(8,11,22,.80)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
header.oz-home-header-final>div,
header.oz-home-header-final [class*="h-14"]{
  width:100%!important;max-width:1240px!important;height:56px!important;min-height:56px!important;
  margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:12px!important;
}
header.oz-home-header-final img{
  display:block!important;height:32px!important;width:auto!important;max-width:120px!important;
  object-fit:contain!important;filter:brightness(0) invert(1)!important;
}
header.oz-home-header-final .oz-home-main-nav{
  display:flex!important;min-width:0!important;flex:1 1 auto!important;justify-content:center!important;
  align-items:center!important;gap:2px!important;margin:0 auto!important;padding:0!important;
  background:none!important;border:0!important;position:static!important;height:auto!important;overflow:visible!important;
}
header.oz-home-header-final .oz-home-nav-link{
  position:relative!important;display:inline-flex!important;align-items:center!important;height:36px!important;
  padding:0 10px!important;margin:0!important;text-decoration:none!important;color:rgba(255,255,255,.65)!important;
  font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1!important;
  letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap!important;background:none!important;border:0!important;
}
header.oz-home-header-final .oz-home-nav-link:hover{color:#fff!important}
header.oz-home-header-final .oz-home-nav-link:after{
  content:''!important;position:absolute!important;left:10px!important;right:10px!important;bottom:5px!important;
  height:1px!important;background:#e1262c!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .3s ease!important;
}
header.oz-home-header-final .oz-home-nav-link:hover:after{transform:scaleX(1)!important}
header.oz-home-header-final a[href*="bayilik-basvurusu"],
header.oz-home-header-final a[href*="bayi.ozler.com"]{
  height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:999px!important;padding:0 16px!important;text-decoration:none!important;font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(180deg,#dc2b31,#b71920)!important;
  box-shadow:0 8px 24px rgba(194,28,35,.24)!important;
}
header.oz-home-header-final .oz-curated-more,
header.oz-home-header-final .oz-final-more,
header.oz-home-header-final .oz-nav-more{display:none!important}
@media(max-width:1023px){
  header.oz-home-header-final .oz-home-main-nav{display:none!important}
  header.oz-home-header-final>div,header.oz-home-header-final [class*="h-14"]{padding:0 20px!important}
}
@media(max-width:639px){header.oz-home-header-final img{height:28px!important}}

/* === HABER.PHP NAVBAR BIREBIR KOPYA — FINAL === */
#oz-news-header.news-site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;height:56px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:rgba(8,11,22,.80)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
#oz-news-header .news-header-inner{width:100%!important;max-width:1240px!important;height:56px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:12px!important}
#oz-news-header .news-brand{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;padding:8px 0!important;text-decoration:none!important}
#oz-news-header .news-brand img{display:block!important;height:32px!important;width:auto!important;max-width:120px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
#oz-news-header .news-main-nav{display:flex!important;min-width:0!important;flex:1 1 auto!important;justify-content:center!important;align-items:center!important;gap:2px!important;margin:0 auto!important;padding:0!important;background:none!important;border:0!important;position:static!important;height:auto!important}
#oz-news-header .news-main-nav>a{position:relative!important;display:inline-flex!important;align-items:center!important;height:36px!important;padding:0 10px!important;margin:0!important;text-decoration:none!important;color:rgba(255,255,255,.65)!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap!important;background:none!important;border:0!important}
#oz-news-header .news-main-nav>a:hover{color:#fff!important}
#oz-news-header .news-main-nav>a:after{content:''!important;position:absolute!important;left:10px!important;right:10px!important;bottom:5px!important;height:1px!important;background:#e1262c!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .3s ease!important}
#oz-news-header .news-main-nav>a:hover:after{transform:scaleX(1)!important}
#oz-news-header .news-header-actions{margin-left:auto!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;padding:0!important}
#oz-news-header .news-pill{height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:999px!important;padding:0 16px!important;text-decoration:none!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(180deg,#dc2b31,#b71920)!important;box-shadow:0 8px 24px rgba(194,28,35,.24)!important}
#oz-news-header .news-pill:hover{filter:brightness(1.08)!important;color:#fff!important}
#oz-news-header .news-pill svg{width:15px!important;height:15px!important;display:block!important;stroke:currentColor!important;fill:none!important}
#oz-news-header .news-menu-btn{display:none!important;width:36px!important;height:36px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:transparent!important;color:#fff!important;font-size:20px!important;line-height:1!important;align-items:center!important;justify-content:center!important}
#news-mobile-nav.news-mobile-nav{display:none!important;position:fixed;top:56px;left:0;right:0;z-index:9998;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(8,11,22,.97);backdrop-filter:blur(20px)}
#news-mobile-nav.news-mobile-nav a{display:block;padding:12px;border-radius:8px;text-decoration:none;color:rgba(255,255,255,.9);font-family:Oswald,Inter,sans-serif;font-size:18px;text-transform:uppercase}
#news-mobile-nav.news-mobile-nav a:hover{background:rgba(255,255,255,.05)}
@media(max-width:1023px){#oz-news-header .news-main-nav{display:none!important}#oz-news-header .news-menu-btn{display:inline-flex!important}#oz-news-header .news-header-inner{padding:0 20px!important}#news-mobile-nav.news-mobile-nav.is-open{display:block!important}}
@media(max-width:639px){#oz-news-header .news-dealer{display:none!important}#oz-news-header .news-brand img{height:28px!important}#oz-news-header .news-pill{padding:0 14px!important;font-size:12px!important}}



/* =========================================================
   Özler section harmony v6 — team section as master reference
   Genel uyumsuzluklar giderildi:
   - section intro hizaları ortaklaştırıldı
   - products bölümü başlık üstte / yatay kart altta olacak şekilde toparlandı
   - process kartları team diliyle uyumlu cam panellere dönüştürüldü
   - brands / about başlık ritmi güçlendirildi
   ========================================================= */

#about,
#products,
#services,
#process,
#brands,
#locations,
#contact,
#faq,
#why-ozler,
#dealer-application,
#career,
#news,
.oz-team-section{
  scroll-margin-top: 98px !important;
}

/* --- Shared eyebrow language for remaining sections --- */
#about > div:first-child > div:first-child > span,
#products > div:first-child > div:first-child > span,
#process > div:first-child > span,
#brands > div:first-child > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.74) !important;
  font:900 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
#about > div:first-child > div:first-child > span::before,
#products > div:first-child > div:first-child > span::before,
#process > div:first-child > span::before,
#brands > div:first-child > span::before{
  content:"";
  width:44px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e1262c, rgba(225,38,44,0));
}

/* --- About section refined with same hierarchy --- */
#about{
  position:relative !important;
  overflow:hidden !important;
}
#about::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 20%, rgba(225,38,44,.10), transparent 26%),
    radial-gradient(circle at 84% 28%, rgba(42,74,186,.12), transparent 22%),
    radial-gradient(circle at 54% 84%, rgba(225,255,255,.04), transparent 30%);
  opacity:.96;
}
#about > div:first-child{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(320px, .82fr) !important;
  gap:26px 32px !important;
  align-items:end !important;
}
#about > div:first-child > div:first-child h1,
#about > div:first-child > div:first-child h2{
  margin:18px 0 0 !important;
  max-width:11ch !important;
  font-size:clamp(44px, 6vw, 86px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}
#about > div:first-child > div:first-child p{
  margin:18px 0 0 !important;
  max-width:38rem !important;
  color:rgba(230,233,242,.68) !important;
  font-size:clamp(14px, 1.1vw, 17px) !important;
  line-height:1.75 !important;
  font-weight:700 !important;
}
#about > div:first-child > div:last-child{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(16,18,25,.92), rgba(9,11,16,.84)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26) !important;
  padding:clamp(24px, 2.5vw, 34px) !important;
}
#about > div:first-child > div:last-child p,
#about > div:first-child > div:last-child span,
#about > div:first-child > div:last-child div{
  text-wrap:pretty !important;
}

/* --- Products section: heading on top, horizontal catalog card underneath --- */
#products{
  position:relative !important;
  overflow:hidden !important;
}
#products::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(225,38,44,.12), transparent 24%),
    radial-gradient(circle at 78% 26%, rgba(32,62,165,.15), transparent 26%),
    radial-gradient(circle at 55% 78%, rgba(255,255,255,.04), transparent 30%);
  opacity:.95;
}
#products > div:first-child{
  position:relative !important;
  z-index:1 !important;
  grid-template-columns:1fr !important;
  gap:28px !important;
}
#products > div:first-child > div:first-child{
  position:static !important;
  top:auto !important;
  display:block !important;
}
#products > div:first-child > div:first-child h1,
#products > div:first-child > div:first-child h2{
  margin:18px 0 0 !important;
  max-width:9.2ch !important;
  font-size:clamp(48px, 6.4vw, 92px) !important;
  line-height:.9 !important;
  letter-spacing:-.08em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}
#products .oz-catalog-shell,
#products .oz-catalog-shell-outer,
#products .oz-catalog-shell-wrap,
#products .oz-catalog-cta-panel{
  width:100% !important;
  max-width:none !important;
}
#products .oz-catalog-shell-outer,
#products .oz-catalog-cta-panel{
  min-height:0 !important;
  justify-content:flex-start !important;
  padding:0 !important;
}
#products .oz-catalog-feature-card{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:18px 34px !important;
  align-items:end !important;
  padding:clamp(30px, 3vw, 42px) !important;
  border-radius:32px !important;
}
#products .oz-catalog-kicker{
  grid-column:1 / -1 !important;
  margin-bottom:0 !important;
}
#products .oz-catalog-feature-card h3{
  grid-column:1 !important;
  max-width:9.4ch !important;
  font-size:clamp(36px, 4.5vw, 62px) !important;
  line-height:.95 !important;
  letter-spacing:-.05em !important;
}
#products .oz-catalog-feature-card p{
  grid-column:1 !important;
  margin:0 !important;
  max-width:60ch !important;
  font-size:clamp(14px, 1vw, 16px) !important;
}
#products .oz-catalog-link,
#products .oz-catalog-cta-panel .oz-catalog-link{
  grid-column:2 !important;
  grid-row:2 / span 2 !important;
  align-self:end !important;
  justify-self:end !important;
  margin:0 !important;
  min-width:340px !important;
  min-height:72px !important;
  font-size:clamp(18px, 1.6vw, 22px) !important;
  padding:22px 34px !important;
}

/* --- Process section: card system aligned with team block --- */
#process{
  position:relative !important;
  overflow:hidden !important;
}
#process::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 22%, rgba(225,38,44,.09), transparent 24%),
    radial-gradient(circle at 80% 22%, rgba(42,74,186,.12), transparent 22%);
}
#process > div:first-child{
  position:relative !important;
  z-index:1 !important;
  margin-bottom:28px !important;
}
#process > div:first-child h1,
#process > div:first-child h2{
  margin:18px 0 0 !important;
  max-width:11ch !important;
  font-size:clamp(44px, 5.8vw, 82px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-transform:none !important;
}
#process > div:last-child{
  position:relative !important;
  z-index:1 !important;
  margin-top:0 !important;
  gap:18px !important;
}
#process > div:last-child > div{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(16,18,25,.92), rgba(9,11,16,.84)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26) !important;
  min-height:100% !important;
  padding:28px 24px !important;
}
#process > div:last-child > div > span{
  color:rgba(225,38,44,.20) !important;
  font-size:clamp(74px, 7vw, 112px) !important;
  line-height:.82 !important;
  margin-bottom:-4px !important;
}
#process > div:last-child > div > h3{
  font-size:clamp(24px, 2.05vw, 32px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  margin-top:4px !important;
}
#process > div:last-child > div > p{
  color:rgba(255,255,255,.66) !important;
  font-size:14px !important;
  line-height:1.72 !important;
}
#process > div:last-child > div > div[style],
#process > div:last-child > div > div[class*="absolute"]{
  display:none !important;
}

/* --- Brands section: same intro hierarchy as team --- */
#brands{
  position:relative !important;
  overflow:hidden !important;
}
#brands::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 20%, rgba(225,38,44,.09), transparent 25%),
    radial-gradient(circle at 84% 24%, rgba(42,74,186,.12), transparent 23%);
}
#brands > div:first-child{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr) !important;
  gap:26px 28px !important;
  align-items:end !important;
  margin-bottom:30px !important;
}
#brands > div:first-child h1,
#brands > div:first-child h2{
  grid-column:1 !important;
  margin:0 !important;
  max-width:10.6ch !important;
  font-size:clamp(44px, 6vw, 88px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}
#brands > div:first-child p{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  margin:0 !important;
  max-width:520px !important;
  color:rgba(230,233,242,.67) !important;
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.7 !important;
  font-weight:700 !important;
  text-wrap:pretty !important;
}
#brands > div:last-child{
  position:relative !important;
  z-index:1 !important;
  margin-top:8px !important;
}

/* --- Slightly tighter global section rhythm --- */
#about,
#products,
#services,
#process,
#brands,
#locations,
#contact,
#faq,
#why-ozler,
#dealer-application,
#career,
#news,
.oz-team-section{
  padding-top:clamp(82px, 8vw, 126px) !important;
  padding-bottom:clamp(72px, 7vw, 118px) !important;
}

@media (max-width: 1180px){
  #about > div:first-child,
  #brands > div:first-child{
    gap:22px !important;
  }
  #products .oz-catalog-feature-card{
    gap:18px 24px !important;
  }
  #products .oz-catalog-link,
  #products .oz-catalog-cta-panel .oz-catalog-link{
    min-width:300px !important;
  }
}

@media (max-width: 900px){
  #about > div:first-child,
  #brands > div:first-child{
    grid-template-columns:1fr !important;
  }
  #brands > div:first-child p{
    grid-column:1 !important;
    grid-row:auto !important;
    margin-top:14px !important;
    max-width:36rem !important;
  }
  #products .oz-catalog-feature-card{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  #products .oz-catalog-link,
  #products .oz-catalog-cta-panel .oz-catalog-link{
    grid-column:1 !important;
    grid-row:auto !important;
    justify-self:start !important;
    width:100% !important;
    min-width:0 !important;
  }
  #process > div:last-child{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width: 680px){
  #about > div:first-child > div:first-child h1,
  #about > div:first-child > div:first-child h2,
  #products > div:first-child > div:first-child h1,
  #products > div:first-child > div:first-child h2,
  #process > div:first-child h1,
  #process > div:first-child h2,
  #brands > div:first-child h1,
  #brands > div:first-child h2{
    max-width:12ch !important;
    font-size:clamp(38px, 9vw, 58px) !important;
  }
  #process > div:last-child{
    grid-template-columns:1fr !important;
  }
  #process > div:last-child > div{
    padding:24px 20px !important;
  }
}


/* =========================================================
   Özler hotfix — products section layout correction
   Sadece "Toptan Kataloğumuz" bölümünü düzeltir.
   ========================================================= */
#products{
  overflow:hidden !important;
}
#products > div:first-child{
  width:min(1480px, calc(100% - 48px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:30px !important;
}
#products > div:first-child > div:first-child{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  align-self:stretch !important;
}
#products > div:first-child > div:first-child > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.74) !important;
  font:900 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
#products > div:first-child > div:first-child > span::before{
  content:"";
  width:44px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e1262c, rgba(225,38,44,0));
}
#products > div:first-child > div:first-child h1,
#products > div:first-child > div:first-child h2{
  margin:16px 0 0 !important;
  width:auto !important;
  max-width:9.6ch !important;
  font-size:clamp(50px, 6.4vw, 96px) !important;
  line-height:.90 !important;
  letter-spacing:-.08em !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:0 14px 44px rgba(0,0,0,.34) !important;
}
#products .oz-catalog-shell-wrap,
#products .oz-catalog-shell-outer,
#products .oz-catalog-shell,
#products .oz-catalog-cta-panel,
#products > div:first-child > div:last-child{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  align-self:stretch !important;
}
#products .oz-catalog-shell-outer,
#products .oz-catalog-cta-panel{
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
}
#products .oz-catalog-feature-card{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:18px 32px !important;
  align-items:end !important;
  padding:clamp(30px,3vw,42px) !important;
  border-radius:32px !important;
}
#products .oz-catalog-kicker{
  grid-column:1 / -1 !important;
  margin:0 !important;
}
#products .oz-catalog-feature-card h3{
  grid-column:1 !important;
  margin:0 !important;
  max-width:9.8ch !important;
  font-size:clamp(38px, 4.4vw, 62px) !important;
  line-height:.96 !important;
  letter-spacing:-.05em !important;
}
#products .oz-catalog-feature-card p{
  grid-column:1 !important;
  margin:0 !important;
  max-width:58ch !important;
}
#products .oz-catalog-link,
#products .oz-catalog-cta-panel .oz-catalog-link{
  grid-column:2 !important;
  grid-row:2 / span 2 !important;
  align-self:end !important;
  justify-self:end !important;
  width:auto !important;
  min-width:340px !important;
  max-width:none !important;
  margin:0 !important;
}

@media (max-width: 900px){
  #products > div:first-child{
    width:min(100%, calc(100% - 40px)) !important;
  }
  #products .oz-catalog-feature-card{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  #products .oz-catalog-link,
  #products .oz-catalog-cta-panel .oz-catalog-link{
    grid-column:1 !important;
    grid-row:auto !important;
    justify-self:start !important;
    width:100% !important;
    min-width:0 !important;
  }
}
@media (max-width: 680px){
  #products > div:first-child{
    width:min(100%, calc(100% - 28px)) !important;
  }
  #products > div:first-child > div:first-child h1,
  #products > div:first-child > div:first-child h2{
    max-width:8.8ch !important;
    font-size:clamp(40px, 10vw, 58px) !important;
  }
  #products .oz-catalog-feature-card{
    padding:24px 20px !important;
    border-radius:24px !important;
  }
}