/* Custom Enhancements and Component Styles for Enka Template */
:root {
  --main-color: #8BCACC;
  --main-color-dark: #00A0AC;
  --main-color-light: #e8f6f7;
  --first-color: #3B454F;
  --text-muted: #6c757d;
  --bg-light: #F5F7F7;
  --bg-card: #ECEDEC;
}

body {
  font-family: 'Sofia Sans', 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--first-color);
  background-color: #ffffff;
  overflow-x: hidden;
  padding-top: 145px !important;
}

@media (max-width: 640px) {
  body {
    padding-top: 124px !important;
  }
}

/* Strong tag color fix - prevents white text on white background */
strong, b {
  color: inherit;
  font-weight: 700;
}

p strong, span strong, li strong, div strong, h2 strong, h3 strong, td strong {
  color: #0F2942 !important;
  font-weight: 800 !important;
}

.text-white strong,
.quick-hero-content strong,
.custom-banner-overlay strong,
.hero-slide-content strong,
.site-footer strong,
footer strong,
.site-topbar strong,
.corporate-cta-banner strong {
  color: #ffffff !important;
}

/* Header & Navigation Styles (Modern Glassmorphism & Top-tier Elevation) */
.header-wrapper,
.site-header,
#mainHeader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 2px 14px -2px rgba(15, 41, 66, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-wrapper.scrolled,
.site-header.scrolled,
#mainHeader.scrolled {
  background-color: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
  box-shadow: 0 10px 30px -5px rgba(15, 41, 66, 0.09), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

/* ==========================================================================
   Kurumsal / Hakkımızda Sayfası Özel Grid ve Kart Tasarımları
   ========================================================================== */
/* ==========================================================================
   Executive About Section (Hakkımızda & Şirket Profili - media_1787934365244.jpg)
   ========================================================================== */
.about-executive-section {
  width: 100% !important;
  background: #ffffff !important;
  padding: 4.5rem 0 3.5rem 0 !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  margin: 0 !important;
}

.about-executive-container {
  width: 100% !important;
  max-width: 1700px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

@media (max-width: 768px) {
  .about-executive-container {
    padding: 0 1.25rem !important;
  }
}

.about-executive-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3.5rem !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border-radius: 0 !important;
}

@media (min-width: 1024px) {
  .about-executive-card {
    grid-template-columns: 1.15fr 1fr !important;
    gap: 4rem !important;
  }
}

.about-executive-col-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.about-blue-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.45rem 1.25rem !important;
  border-radius: 9999px !important;
  background: #0056b3 !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 86, 179, 0.25) !important;
}

.about-blue-pill svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #ffffff !important;
  fill: none !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.about-blue-pill span {
  white-space: nowrap !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

.about-title-executive {
  font-size: 2.35rem !important;
  font-weight: 800 !important;
  color: #081d38 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 1.25rem 0 0.85rem 0 !important;
}

@media (min-width: 768px) {
  .about-title-executive {
    font-size: 2.75rem !important;
  }
}

.about-accent-bar {
  display: flex !important;
  width: 64px !important;
  height: 3.5px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  margin-bottom: 1.5rem !important;
}

.about-accent-blue {
  width: 60% !important;
  background: #0056b3 !important;
}

.about-accent-red {
  width: 40% !important;
  background: #dc2626 !important;
}

.about-lead-executive {
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  color: #334155 !important;
  line-height: 1.65 !important;
  margin-bottom: 1.5rem !important;
}

.about-feature-box {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem 1.75rem !important;
  display: flex !important;
  gap: 1.35rem !important;
  align-items: flex-start !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

@media (max-width: 640px) {
  .about-feature-box {
    flex-direction: column !important;
    padding: 1.25rem !important;
    gap: 1rem !important;
  }
}

.about-feature-box-icon {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #0056b3 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 86, 179, 0.3) !important;
}

.about-feature-box-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #ffffff !important;
  fill: none !important;
  stroke-width: 2 !important;
  display: block !important;
}

.about-feature-box-text {
  font-size: 0.92rem !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  font-weight: 450 !important;
}

.about-micro-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.85rem !important;
}

@media (min-width: 640px) {
  .about-micro-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.about-micro-card {
  background: linear-gradient(145deg, #004d99 0%, #003366 100%) !important; /* 3. görseldeki mavi ile %100 uyumlu */
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 1rem !important;
  padding: 1.25rem 0.65rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0.6rem !important;
  box-shadow: 0 6px 20px -3px rgba(0, 51, 102, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.about-micro-card:hover {
  transform: translateY(-4px) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 12px 28px -3px rgba(0, 77, 153, 0.45) !important;
}

.about-micro-icon {
  width: 28px !important;
  height: 28px !important;
  stroke: #38bdf8 !important;
  color: #38bdf8 !important;
}

.about-micro-title {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

/* Right Column: Factory Cleanroom Visual & Royal Blue Stat Bar */
.about-executive-col-right {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08) !important;
}

.about-visual-box {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: #0F2942 !important;
}

.about-visual-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.about-visual-box:hover .about-visual-img {
  transform: scale(1.03) !important;
}

.about-stat-bar {
  background: linear-gradient(90deg, #004d99 0%, #003366 100%) !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  padding: 1.6rem 0.75rem !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  gap: 1rem 0 !important;
}

@media (min-width: 640px) {
  .about-stat-bar {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
  }
}

.about-stat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0.4rem !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 0 0.4rem !important;
}

.about-stat-item:last-child {
  border-right: none !important;
}

@media (max-width: 639px) {
  .about-stat-item:nth-child(2) {
    border-right: none !important;
  }
}

.about-stat-icon {
  width: 24px !important;
  height: 24px !important;
  stroke: #99ccff !important;
}

.about-stat-val {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

.about-stat-lbl {
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  color: #d0e4ff !important;
  white-space: nowrap !important;
}

/* Mission, Vision & Values Grid */
.corporate-triplet-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  margin-bottom: 3rem !important;
}

@media (min-width: 768px) {
  .corporate-triplet-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.corporate-triplet-card {
  background: #ffffff !important;
  border-radius: 1.5rem !important;
  padding: 2.25rem 2rem !important;
  border: 1.5px solid #e2e8f0 !important;
  border-top: 4px solid #0284c7 !important;
  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  transition: all 0.3s ease !important;
}

.corporate-triplet-card:nth-child(2) {
  border-top-color: #10b981 !important;
}

.corporate-triplet-card:nth-child(3) {
  border-top-color: #6366f1 !important;
}

.corporate-triplet-card:hover {
  transform: translateY(-4px) !important;
  border-color: #00A0AC !important;
  box-shadow: 0 12px 28px -4px rgba(15, 41, 66, 0.1) !important;
}

.corporate-triplet-card h3 {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  margin: 0 !important;
}

.corporate-triplet-card p {
  font-size: 0.9rem !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* R&D Section Card */
/* ==========================================================================
   R&D & Innovation Section (Edge-to-Edge, Zero-Radius, 100% Match)
   ========================================================================== */
.rnd-executive-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4.5rem 0 !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  border-top: 1.5px solid #e2e8f0 !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  position: relative !important;
}

.rnd-executive-container {
  width: 100% !important;
  max-width: 1550px !important;
  margin: 0 auto !important;
  padding: 0 1.5rem !important;
}

@media (min-width: 768px) {
  .rnd-executive-container {
    padding: 0 2.5rem !important;
  }
}

.rnd-executive-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3rem !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  .rnd-executive-grid {
    grid-template-columns: 1fr 1.15fr !important;
    gap: 4.5rem !important;
  }
}

/* Left Column: Visual with floating badge */
.rnd-visual-wrapper {
  position: relative !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px -8px rgba(15, 41, 66, 0.12) !important;
  border: 1.5px solid #e2e8f0 !important;
  height: 100% !important;
  min-height: 440px !important;
}

.rnd-visual-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.rnd-visual-wrapper:hover .rnd-visual-img {
  transform: scale(1.03) !important;
}

.rnd-floating-badge {
  position: absolute !important;
  bottom: 20px !important;
  left: 20px !important;
  right: 20px !important;
  background: rgba(11, 37, 69, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 1.25rem !important;
  padding: 1.1rem 1.4rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

.rnd-floating-badge-icon {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
}

.rnd-floating-badge-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #ffffff !important;
}

.rnd-floating-badge-title {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 0.2rem !important;
}

.rnd-floating-badge-sub {
  font-size: 0.82rem !important;
  color: #93c5fd !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

/* Right Column: Title, Badge, Description, 3 Cards */
.rnd-badge-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.4rem 1.1rem !important;
  border-radius: 9999px !important;
  background-color: #f0fdf4 !important;
  border: 1.5px solid #bbf7d0 !important;
  color: #16a34a !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.15rem !important;
}

.rnd-badge-tag svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #16a34a !important;
  flex-shrink: 0 !important;
}

.rnd-title-executive {
  font-size: 2.35rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 1.15rem !important;
}

@media (min-width: 768px) {
  .rnd-title-executive {
    font-size: 2.85rem !important;
  }
}

.rnd-title-executive span {
  color: #0284c7 !important;
}

.rnd-desc-executive {
  font-size: 0.98rem !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin-bottom: 1.75rem !important;
  max-width: 680px !important;
}

/* 3 Feature Cards with Colored Left Borders */
.rnd-cards-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.1rem !important;
}

.rnd-feature-card {
  background: linear-gradient(145deg, #004d99 0%, #003366 100%) !important; /* 3. görseldeki mavi ile %100 uyumlu */
  border-radius: 1.25rem !important;
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  border-left: 5px solid #38bdf8 !important;
  padding: 1.25rem 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  box-shadow: 0 6px 20px -3px rgba(0, 51, 102, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.rnd-feature-card:hover {
  transform: translateX(6px) !important;
  box-shadow: 0 12px 30px -4px rgba(0, 77, 153, 0.45) !important;
}

.rnd-feature-card.rnd-card-blue {
  border-left-color: #38bdf8 !important;
}
.rnd-feature-card.rnd-card-green {
  border-left-color: #34d399 !important;
}
.rnd-feature-card.rnd-card-purple {
  border-left-color: #a78bfa !important;
}

.rnd-feature-icon-box {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.rnd-feature-icon-box.rnd-icon-blue {
  background: rgba(56, 189, 248, 0.2) !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
}
.rnd-feature-icon-box.rnd-icon-green {
  background: rgba(52, 211, 153, 0.2) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  color: #34d399 !important;
}
.rnd-feature-icon-box.rnd-icon-purple {
  background: rgba(167, 139, 250, 0.2) !important;
  border: 1px solid rgba(167, 139, 250, 0.4) !important;
  color: #a78bfa !important;
}

.rnd-feature-icon-box svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2 !important;
}

.rnd-feature-title {
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 0.25rem 0 !important;
  line-height: 1.3 !important;
}

.rnd-feature-desc {
  font-size: 0.84rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Bottom Attached White Stat Bar (4 stats in a row) */
.rnd-bottom-stat-bar {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.5rem !important;
  padding: 1.75rem 2rem !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
  margin-top: 3.5rem !important;
  box-shadow: 0 4px 20px -4px rgba(15, 41, 66, 0.05) !important;
}

@media (min-width: 768px) {
  .rnd-bottom-stat-bar {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
    padding: 1.75rem 2.5rem !important;
  }
}

.rnd-stat-box {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

.rnd-stat-icon-circle {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 50% !important;
  background: #f0f9ff !important;
  border: 1.5px solid #bae6fd !important;
  color: #0284c7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.rnd-stat-icon-circle svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #0284c7 !important;
}

.rnd-stat-info {
  display: flex !important;
  flex-direction: column !important;
}

.rnd-stat-number {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: #0F2942 !important;
  line-height: 1.1 !important;
  margin-bottom: 0.2rem !important;
}

.rnd-stat-label {
  font-size: 0.8rem !important;
  color: #64748b !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   Sürdürülebilirlik Sayfası Özel Grid ve Kart Tasarımları (Zengin Yeşil & Geniş Mesafe)
   ========================================================================== */
.sustainability-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
  margin-top: 3.5rem !important; /* Görsel ile kartlar arasına ferah ve belirgin mesafe */
  margin-bottom: 3.5rem !important;
}

@media (min-width: 1024px) {
  .sustainability-stat-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.75rem !important;
    margin-top: 4rem !important;
  }
}

.sustainability-stat-card {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; /* Açık & Canlı Zümrüt Yeşili Zemin */
  border-radius: 1.5rem !important;
  padding: 2.25rem 1.5rem !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  text-align: center !important;
  box-shadow: 0 8px 25px -4px rgba(16, 185, 129, 0.32) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.sustainability-stat-card:hover {
  transform: translateY(-4px) !important;
  border-color: #ffffff !important;
  box-shadow: 0 16px 35px -6px rgba(16, 185, 129, 0.48) !important;
}

.sustainability-stat-val {
  font-size: 2.4rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
  line-height: 1.1 !important;
  margin-bottom: 0.45rem !important;
  letter-spacing: -0.02em !important;
}

.sustainability-stat-label {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 0.35rem !important;
}

.sustainability-stat-sub {
  font-size: 0.84rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
  line-height: 1.5 !important;
}

/* Sürdürülebilirlik Sayfası Bölüm Kartı & Gridleri */
.sustainability-section-card {
  background: #ffffff !important;
  border-radius: 1.75rem !important;
  padding: 2.75rem 2.5rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 10px 35px -6px rgba(15, 41, 66, 0.06) !important;
  margin-bottom: 3rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

@media (max-width: 768px) {
  .sustainability-section-card {
    padding: 2rem 1.5rem !important;
    gap: 1.5rem !important;
  }
}

/* Çevre Politikası 4'lü Grid */
.sustainability-policy-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
}

@media (min-width: 640px) {
  .sustainability-policy-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  .sustainability-policy-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.25rem !important;
  }
}

.policy-card {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; /* Açık & Canlı Zümrüt Yeşili Zemin */
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 1.25rem !important;
  padding: 1.6rem 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0.65rem !important;
  box-shadow: 0 6px 22px -3px rgba(16, 185, 129, 0.28) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.policy-card:hover {
  background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
  border-color: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 32px -4px rgba(16, 185, 129, 0.45) !important;
}

.policy-card-num {
  display: inline-block !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.55) !important;
  padding: 0.22rem 0.65rem !important;
  border-radius: 9999px !important;
  width: fit-content !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.policy-card-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.policy-card-desc {
  font-size: 0.84rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Kalite Politikası 3'lü Grid */
.quality-policy-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
}

@media (min-width: 768px) {
  .quality-policy-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
  }
}

.quality-card {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; /* Açık & Canlı Zümrüt Yeşili Zemin */
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 1.25rem !important;
  padding: 1.6rem 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0.65rem !important;
  box-shadow: 0 6px 22px -3px rgba(16, 185, 129, 0.28) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.quality-card:hover {
  background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
  border-color: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 32px -4px rgba(16, 185, 129, 0.45) !important;
}

.quality-card-num {
  display: inline-block !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.55) !important;
  padding: 0.22rem 0.65rem !important;
  border-radius: 9999px !important;
  width: fit-content !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.quality-card-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.quality-card-desc {
  font-size: 0.84rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ==========================================================================
   5x2 Sertifikalarımız Grid & Kart Tasarımı (10 Sertifika)
   ========================================================================== */
.cert-grid-5 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.25rem !important;
  padding-top: 1rem !important;
}

@media (min-width: 768px) {
  .cert-grid-5 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  .cert-grid-5 {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 1.25rem !important;
  }
}

.cert-card {
  background: #f8fafc !important;
  border-radius: 1.25rem !important;
  padding: 0.85rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
}

.cert-card:hover {
  background: #ffffff !important;
  border-color: #0284c7 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px -4px rgba(2, 132, 199, 0.18) !important;
}

.cert-img-wrapper {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4.1 !important;
  border-radius: 0.75rem !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  margin-bottom: 0.75rem !important;
  position: relative !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.cert-img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.cert-card:hover .cert-img-wrapper img {
  transform: scale(1.04) !important;
}

.cert-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 41, 66, 0.45) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cert-card:hover .cert-overlay {
  opacity: 1 !important;
}

.cert-overlay-btn {
  background: #ffffff !important;
  color: #0F2942 !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: 8px !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.cert-badge {
  display: inline-block !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 9999px !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 0.35rem !important;
}

.cert-title {
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  line-height: 1.3 !important;
  margin-bottom: 0.25rem !important;
}

.cert-desc {
  font-size: 0.72rem !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  margin-bottom: 0.75rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.cert-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  padding: 0.45rem 0.6rem !important;
  border-radius: 0.65rem !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.cert-card:hover .cert-btn {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Header Topbar (Executive Royal Blue Topbar - media_1787932831655.png style)
   ========================================================================== */
.site-topbar {
  background: linear-gradient(90deg, #091a33 0%, #0d284f 50%, #091a33 100%) !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 42px !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  z-index: 52 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  letter-spacing: 0.015em !important;
}

.site-topbar-container {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100% !important;
}

@media (min-width: 1536px) {
  .site-topbar-container {
    max-width: 1440px !important;
    padding: 0 2rem !important;
  }
}

.site-topbar-left,
.site-topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  height: 100% !important;
}

.site-topbar-item {
  color: #e2e8f0 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
}

.site-topbar-item:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.site-topbar-icon-wrap {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #143666 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #38bdf8 !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.site-topbar-icon {
  width: 13px !important;
  height: 13px !important;
  stroke: #38bdf8 !important;
  flex-shrink: 0 !important;
}

.site-topbar-divider {
  width: 1px !important;
  height: 16px !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  margin: 0 0.5rem !important;
}

.site-topbar-wa-btn {
  background: #00875a !important;
  color: #ffffff !important;
  height: 30px !important;
  max-height: 30px !important;
  padding: 0 1.15rem !important;
  border-radius: 9999px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 10px rgba(0, 135, 90, 0.35) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.site-topbar-wa-btn:hover {
  background: #00a86b !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0, 135, 90, 0.5) !important;
}

.site-topbar-wa-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #4ade80 !important;
  box-shadow: 0 0 8px #4ade80 !important;
  display: inline-block !important;
  margin-left: 2px !important;
}

/* ==========================================================================
   Universal QuickHero Banner Styles (Kurumsal, Sürdürülebilirlik, vb.)
   ========================================================================== */
html {
  scroll-padding-top: 135px !important;
  scroll-behavior: smooth !important;
}

section[id],
div[id] {
  scroll-margin-top: 135px !important;
}

.quick-hero-banner {
  position: relative !important;
  width: 100% !important;
  min-height: 500px !important;
  height: 520px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.12) !important;
  border: none !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  background-color: #0F2942 !important;
}

@media (max-width: 768px) {
  .quick-hero-banner {
    min-height: 420px !important;
    height: auto !important;
    padding: 3.5rem 0 !important;
    border-radius: 0 !important;
  }
}

.quick-hero-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
  display: block !important;
  z-index: 1 !important;
  filter: brightness(0.9) contrast(1.04) !important; /* Hafif dengeli siyahlık/sinematik ton */
}

.quick-hero-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  z-index: 1 !important;
  filter: brightness(0.88) contrast(1.03) !important;
  border-radius: 0 !important;
}

/* Home Video Hero - Tam Sığdırılmış 16:9 Video Banner */
.quick-hero-banner.home-video-hero {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: calc(100vh - 145px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  background-color: #000000 !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.home-video-hero .quick-hero-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  z-index: 1 !important;
  filter: brightness(0.92) contrast(1.02) !important;
  border-radius: 0 !important;
}

.home-video-hero .quick-hero-scrim {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, transparent 35%, rgba(10, 25, 41, 0.72) 100%),
              linear-gradient(90deg, rgba(10, 25, 41, 0.65) 0%, rgba(10, 25, 41, 0.25) 45%, transparent 75%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.home-video-hero .quick-hero-content-wrapper {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 1700px !important;
  margin: 0 auto !important;
  padding: 0 2rem 2.5rem 2rem !important;
}

@media (min-width: 1024px) {
  .home-video-hero .quick-hero-content-wrapper {
    padding: 0 2.5rem 3.5rem 2.5rem !important;
  }
}

@media (max-width: 768px) {
  .quick-hero-banner.home-video-hero {
    aspect-ratio: 16 / 9 !important;
    min-height: auto !important;
    max-height: none !important;
  }
  .home-video-hero .quick-hero-content-wrapper {
    padding: 0 1.25rem 1.25rem 1.25rem !important;
  }
  .home-video-hero .quick-hero-title {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
  }
  .home-video-hero .quick-hero-desc {
    display: none !important;
  }
}

/* Balanced Elegant Scrim Gradient - Metin okunurluğu ve zarif derinlik */
.quick-hero-scrim {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(10, 25, 41, 0.62) 0%, rgba(10, 25, 41, 0.38) 38%, rgba(10, 25, 41, 0.12) 65%, transparent 85%),
              linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, transparent 40%, rgba(0, 0, 0, 0.2) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .quick-hero-scrim {
    background: linear-gradient(180deg, rgba(10, 25, 41, 0.72) 0%, rgba(10, 25, 41, 0.45) 60%, rgba(10, 25, 41, 0.15) 100%) !important;
  }
}

.quick-hero-content-wrapper {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 1700px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

@media (max-width: 768px) {
  .quick-hero-content-wrapper {
    padding: 0 1.25rem !important;
  }
}

.quick-hero-content {
  max-width: 620px !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .quick-hero-content {
    max-width: 100% !important;
  }
}

.quick-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.35rem 0.95rem !important;
  border-radius: 9999px !important;
  background: rgba(15, 41, 66, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.45) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 1rem !important;
  width: fit-content !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.quick-hero-title {
  font-size: 2.35rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin-bottom: 0.85rem !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 768px) {
  .quick-hero-title {
    font-size: 2.85rem !important;
  }
}

.quick-hero-title strong,
.quick-hero-title .highlight {
  color: #00A0AC !important;
  color: #2dd4bf !important;
  font-weight: 900 !important;
  text-shadow: none !important; /* Yeşil yazıların etrafındaki siyahlık tamamen silindi */
  filter: none !important;
}

.quick-hero-desc {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #ffffff !important;
  margin-bottom: 1.75rem !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  max-width: 560px !important;
}

.quick-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.quick-hero-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1.6rem !important;
  background-color: #00A0AC !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 160, 172, 0.4) !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.quick-hero-btn-primary:hover {
  background-color: #0284c7 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.5) !important;
}

.quick-hero-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1.4rem !important;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  transition: all 0.25s ease !important;
}

.quick-hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.header-clip-bg {
  display: none !important;
}

/* Header Logo (Büyütülmüş Net Kurumsal Logo) */
.header-logo-img {
  height: 4.25rem !important; /* 68px */
  max-height: 72px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 6px rgba(15, 41, 66, 0.06)) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media (min-width: 640px) {
  .header-logo-img {
    height: 5rem !important; /* 80px */
    max-height: 84px !important;
  }
}

@media (min-width: 1024px) {
  .header-logo-img {
    height: 5.65rem !important; /* 90px */
    max-height: 94px !important;
  }
}

.header-logo-img:hover {
  transform: scale(1.03) !important;
}

/* Responsive visibility utilities */
@media (min-width: 1024px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:flex {
    display: flex !important;
  }
}

@media (max-width: 1023.98px) {
  .lg\:hidden {
    display: inline-flex !important;
  }
  .hidden.lg\:flex {
    display: none !important;
  }
}

/* ==========================================================================
   Modern Luxury Corporate Navbar & Rich Glassmorphism Dropdowns
   ========================================================================== */
/* ==========================================================================
   Iconic Center-Logo-Pocket Navbar & 3-Column Zero-Overlap Grid
   ========================================================================== */
/* ==========================================================================
   Iconic Center-Logo-Pocket Navbar & 3-Column Zero-Overlap Grid
   ========================================================================== */
/* ==========================================================================
   Universal Multi-Resolution Corporate Navbar (Flawless on all screens)
   ========================================================================== */
.site-navbar {
  background: #ffffff !important;
  border-bottom: 1.5px solid rgba(226, 232, 240, 0.9) !important;
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 50 !important;
  box-shadow: 0 10px 30px -5px rgba(15, 41, 66, 0.08) !important;
}

.site-navbar-container {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100% !important;
  position: relative !important;
}

@media (min-width: 1024px) {
  .site-navbar-container {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    padding: 0 1.5rem !important;
    height: 100% !important;
  }
}

@media (min-width: 1536px) {
  .site-navbar-container {
    max-width: 1440px !important;
    padding: 0 2rem !important;
  }
}

/* Nav Groups (Left & Right of Center Logo) */
.site-nav-group {
  display: none !important;
  align-items: center !important;
  align-self: center !important;
  gap: 0.35rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  .site-nav-group {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
  }
}

@media (min-width: 1280px) {
  .site-nav-group {
    gap: 0.55rem !important;
  }
}

@media (min-width: 1536px) {
  .site-nav-group {
    gap: 0.75rem !important;
  }
}

.site-nav-group-left {
  justify-content: flex-end !important;
  margin-right: 1.25rem !important;
}

@media (min-width: 1280px) {
  .site-nav-group-left {
    margin-right: 1.6rem !important;
  }
}

@media (min-width: 1536px) {
  .site-nav-group-left {
    margin-right: 2.1rem !important;
  }
}

.site-nav-group-right {
  justify-content: flex-start !important;
  margin-left: 1.25rem !important;
  gap: 0.45rem !important;
}

@media (min-width: 1280px) {
  .site-nav-group-right {
    margin-left: 1.6rem !important;
    gap: 0.65rem !important;
  }
}

@media (min-width: 1536px) {
  .site-nav-group-right {
    margin-left: 2.1rem !important;
    gap: 0.85rem !important;
  }
}

.site-nav-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-nav-item-icon {
  width: 17px !important;
  height: 17px !important;
  color: #0284c7 !important;
  stroke: #0284c7 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
}

@media (min-width: 1280px) {
  .site-nav-item-icon {
    width: 19px !important;
    height: 19px !important;
  }
}

.site-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  padding: 0.45rem 0.65rem !important;
  color: #0F2942 !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.01em !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
}

@media (min-width: 1280px) {
  .site-nav-link {
    padding: 0.55rem 0.85rem !important;
    font-size: 0.91rem !important;
    gap: 0.45rem !important;
  }
}

@media (min-width: 1536px) {
  .site-nav-link {
    padding: 0.6rem 1.05rem !important;
    font-size: 0.95rem !important;
  }
}

.site-nav-link:hover,
.site-dropdown-parent:hover .site-nav-link {
  color: #00A0AC !important;
  background-color: rgba(0, 160, 172, 0.07) !important;
}

.site-nav-link:hover .site-nav-item-icon,
.site-dropdown-parent:hover .site-nav-item-icon {
  stroke: #00A0AC !important;
  color: #00A0AC !important;
  transform: scale(1.12) !important;
}

.site-nav-chevron {
  width: 13px !important;
  height: 13px !important;
  stroke: #64748b !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
}

.site-dropdown-parent:hover .site-nav-chevron {
  transform: rotate(180deg) !important;
  stroke: #00A0AC !important;
}

/* Center Logo Pocket (Down-Dropping Trapezoid Notch) */
.site-center-logo-pocket {
  display: none !important;
  position: relative !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: center !important;
  z-index: 60 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .site-center-logo-pocket {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
  }
}

.site-center-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  padding: 0.7rem 1.8rem 0.85rem 1.8rem !important;
  border-radius: 0 0 2rem 2rem !important;
  box-shadow: 0 16px 36px rgba(15, 41, 66, 0.14), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  border: 1.5px solid #e2e8f0 !important;
  border-top: none !important;
  position: relative !important;
  top: -4px !important;
  text-decoration: none !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

@media (min-width: 1280px) {
  .site-center-logo-link {
    padding: 0.8rem 2.4rem 0.95rem 2.4rem !important;
    border-radius: 0 0 2.25rem 2.25rem !important;
  }
}

@media (min-width: 1536px) {
  .site-center-logo-link {
    padding: 0.85rem 3rem 1.05rem 3rem !important;
  }
}

.site-center-logo-link:hover {
  transform: translateY(2px) !important;
  box-shadow: 0 22px 45px rgba(15, 41, 66, 0.2) !important;
}

.site-center-logo-accent {
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  right: 10% !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #0284c7 0%, #00A0AC 50%, #dc2626 100%) !important;
  border-radius: 9999px !important;
}

.site-center-logo-img {
  height: 54px !important;
  max-height: 58px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  display: block !important;
}

@media (min-width: 1280px) {
  .site-center-logo-img {
    height: 60px !important;
    max-height: 64px !important;
    max-width: 205px !important;
  }
}

@media (min-width: 1536px) {
  .site-center-logo-img {
    height: 66px !important;
    max-height: 70px !important;
    max-width: 230px !important;
  }
}

/* Mobile Logo Link (Mobile Only - Completely hidden on Desktop) */
.site-logo-link-mobile {
  display: flex !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  .site-logo-link-mobile {
    display: none !important;
  }
}

.site-logo-img-mobile {
  height: 46px !important;
  max-height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Language Pill Button */
.site-lang-pill {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 0.45rem 0.75rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
  margin: 0 !important;
}

@media (min-width: 1280px) {
  .site-lang-pill {
    padding: 0.55rem 0.95rem !important;
    font-size: 0.78rem !important;
  }
}

.site-lang-pill:hover {
  border-color: #00A0AC !important;
  color: #00A0AC !important;
  background: rgba(0, 160, 172, 0.05) !important;
  transform: translateY(-1px) !important;
}

/* Clean Executive Glassmorphism Dropdowns */
.site-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;
  transform: translateY(8px) !important;
  min-width: 270px !important;
  max-width: 295px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 45px -10px rgba(15, 41, 66, 0.16), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 0.45rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 99999 !important;
}

.site-nav-group-right .site-dropdown-menu {
  left: auto !important;
  right: 0 !important;
}

.site-dropdown-menu::after {
  content: '' !important;
  position: absolute !important;
  top: -12px !important;
  left: 0 !important;
  right: 0 !important;
  height: 14px !important;
  background: transparent !important;
}

.site-dropdown-parent:hover .site-dropdown-menu,
.site-dropdown-parent:focus-within .site-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.site-dropdown-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
}

.site-dropdown-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.75rem 1rem !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

.site-dropdown-item:hover {
  background: rgba(0, 160, 172, 0.06) !important;
  border-color: rgba(0, 160, 172, 0.15) !important;
  transform: translateX(4px) !important;
}

.site-dropdown-content {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  flex-grow: 1 !important;
}

.site-dropdown-title {
  color: #0f2942 !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.site-dropdown-item:hover .site-dropdown-title {
  color: #00A0AC !important;
}

.site-dropdown-desc {
  color: #64748b !important;
  font-size: 0.76rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}

.site-dropdown-arrow {
  color: #94a3b8 !important;
  font-size: 1.15rem !important;
  margin-left: 0.75rem !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.site-dropdown-item:hover .site-dropdown-arrow {
  transform: translateX(3px) !important;
  color: #00A0AC !important;
}

/* Language Pill Button */
.site-lang-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 0.5rem 0.9rem !important;
  border-radius: 9999px !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
}

.site-lang-pill:hover {
  border-color: #00A0AC !important;
  color: #00A0AC !important;
  background: rgba(0, 160, 172, 0.05) !important;
  transform: translateY(-1px) !important;
}

/* Crimson Gradient Get Quote CTA Button */
.site-header-cta-btn {
  display: none !important;
  align-items: center !important;
  gap: 0.55rem !important;
  background: linear-gradient(135deg, #1b264f 0%, #85122f 100%) !important;
  color: #ffffff !important;
  padding: 0.6rem 1.45rem !important;
  border-radius: 9999px !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(133, 18, 47, 0.38) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (min-width: 640px) {
  .site-header-cta-btn {
    display: inline-flex !important;
  }
}

.site-header-cta-btn:hover {
  background: linear-gradient(135deg, #141d3d 0%, #a1183b 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(133, 18, 47, 0.5) !important;
  color: #ffffff !important;
}

.site-mobile-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem !important;
  color: #0f172a !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  cursor: pointer !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.site-mobile-toggle-btn svg {
  width: 24px !important;
  height: 24px !important;
}

.site-mobile-toggle-btn:hover {
  background: #e2e8f0 !important;
  color: #00A0AC !important;
}

@media (min-width: 1024px) {
  .site-mobile-toggle-btn {
    display: none !important;
  }
}

/* Mobile Offcanvas Navigation */
.mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mobile-nav-backdrop.active {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 360px;
  height: 100vh;
  background: #ffffff;
  z-index: 999;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y: auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
}

.mobile-nav-drawer.active {
  transform: translateX(0);
}

.mobile-menu-item {
  border-bottom: 1px solid #edf2f7;
  padding: 0.75rem 0;
}

.mobile-menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 1rem;
  color: var(--first-color);
  text-transform: uppercase;
  width: 100%;
}

.mobile-submenu {
  display: none;
  padding-left: 1rem;
  padding-top: 0.5rem;
}

.mobile-submenu.open {
  display: block;
}

.mobile-submenu a {
  display: block;
  padding: 0.4rem 0;
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 500;
}

/* Card Patterns & Custom BGs */
.bg-card-mani-pattern {
  background-image: url('../images/Asset 22-8.png'), url('../../imagess/Asset 22-8.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 180px;
}

/* ==========================================================================
   Category Selection Cards (Kategori Seçme Alanı)
   ========================================================================== */
.categories-section-wrapper {
  margin: 4.5rem 0 5.5rem 0 !important;
  position: relative;
}
.categories-header-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.95rem;
  background: rgba(2, 132, 199, 0.08);
  border: 1.5px solid rgba(2, 132, 199, 0.25);
  border-radius: 9999px;
  color: #0F2942;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  box-shadow: none !important;
}

.categories-main-title {
  font-size: 1.95rem;
  font-weight: 900;
  color: #0F2942 !important;
  letter-spacing: -0.02em;
  line-height: 1.18;
  margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .categories-main-title {
    font-size: 2.35rem;
  }
}

.categories-main-title .highlight-red,
.categories-main-title .highlight-blue {
  color: #0284c7 !important;
  font-weight: 900;
  display: inline-block;
}

/* 4 Cards Side-by-Side Grid */
.categories-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.5rem;
  width: 100%;
}

@media (max-width: 1200px) {
  .categories-grid {
    gap: 1.15rem;
  }
}

@media (max-width: 900px) {
  .categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem;
  }
}

@media (max-width: 540px) {
  .categories-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }
}

/* Category Card Structure - Clean White, Mavi & Siyah (Gölgesiz / Shadersız) */
.category-card {
  position: relative;
  background: #ffffff !important;
  border-radius: 1.5rem;
  padding: 1.25rem 1.15rem 1.25rem;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 4px 16px rgba(15, 41, 66, 0.03) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  transition: all 0.25s ease;
  overflow: hidden;
}

.category-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.5px;
  background: #0284c7;
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 10;
}

.category-card:hover,
.category-card:active,
.category-card:focus {
  transform: translateY(-3px);
  box-shadow: none !important;
  border-color: #0284c7 !important;
  background: #ffffff !important;
}

.category-card:hover::before {
  opacity: 1;
}

/* Dedicated Visual Display Pod (No background shadow or shader) */
.category-stage {
  position: relative;
  width: 100%;
  height: 120px;
  background: transparent !important;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  overflow: visible;
  margin-bottom: 0.5rem;
  box-shadow: none !important;
}

/* Gölge ve shader tamamen kaldırıldı */
.category-icon-bg {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.category-card:hover .category-icon-bg,
.category-card:active .category-icon-bg,
.category-card:focus .category-icon-bg {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.category-3d-img {
  width: 105px;
  height: 105px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  transition: transform 0.25s ease;
  filter: none !important;
  box-shadow: none !important;
}

.category-card:hover .category-3d-img,
.category-card:active .category-3d-img,
.category-card:focus .category-3d-img {
  transform: translateY(-3px) scale(1.04);
  filter: none !important;
  box-shadow: none !important;
}

/* Stage Micro Badge */
.category-badge-tag {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
  display: inline-block;
  padding: 0.18rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  box-shadow: none !important;
}

.category-badge-tag.badge-navy {
  background: #f8fafc;
  color: #0F2942;
  border: 1px solid #cbd5e1;
}

.category-badge-tag.badge-blue,
.category-badge-tag.badge-red,
.category-badge-tag.badge-rose {
  background: #f0f9ff;
  color: #0284c7;
  border: 1px solid #bae6fd;
}

/* Content Container */
.category-body {
  padding: 0 0.2rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.category-card-title {
  font-size: 1.2rem;
  font-weight: 800;
  color: #0F2942;
  margin-bottom: 0.25rem;
  letter-spacing: -0.01em;
  transition: color 0.25s ease;
}

.category-card:hover .category-card-title,
.category-card:active .category-card-title {
  color: #0284c7;
}

.category-card-desc {
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.45;
  color: #334155;
  margin-bottom: 0.85rem;
  min-height: 3.2rem;
}

/* Brand Solid Action Pill Button - Siyah & Mavi */
.category-pill-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.55rem 1rem;
  background-color: #0F2942;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 9999px;
  transition: all 0.25s ease;
  box-shadow: none !important;
  margin-top: auto;
}

.category-pill-btn .btn-arrow-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
}

.category-card:hover .category-pill-btn,
.category-card:active .category-pill-btn,
.category-card:focus .category-pill-btn {
  background-color: #0284c7 !important;
  box-shadow: none !important;
}

.category-card:hover .category-pill-btn .btn-arrow-wrap,
.category-card:active .category-pill-btn .btn-arrow-wrap,
.category-card:focus .category-pill-btn .btn-arrow-wrap {
  background-color: #ffffff;
  color: #0284c7;
  transform: translateX(3px);
}

.bg-card-footer,
.bg-card-footer-img {
  background-image: none !important;
  background-color: transparent !important;
}

/* ==========================================================================
   Modern Executive Site Footer (Modern Kurumsal Koyu Lacivert Tasarım)
   ========================================================================== */
/* ==========================================================================
   Modern Executive Site Footer (Modern Kurumsal Koyu Lacivert & Beyaz Logo)
   ========================================================================== */
.site-footer,
footer {
  background: radial-gradient(circle at 12% 15%, rgba(0, 160, 172, 0.12) 0%, transparent 45%),
              radial-gradient(circle at 88% 85%, rgba(2, 132, 199, 0.1) 0%, transparent 50%),
              linear-gradient(180deg, #091a2b 0%, #040d18 100%) !important;
  color: #e2e8f0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 5rem !important;
  padding-top: 4.5rem !important;
  padding-bottom: 2.5rem !important;
  position: relative !important;
}

.site-footer-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2.5rem !important;
}

@media (min-width: 640px) {
  .site-footer-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3rem 2rem !important;
  }
}

@media (min-width: 1024px) {
  .site-footer-grid {
    grid-template-columns: 1.25fr 0.85fr 1fr 1.25fr !important;
    gap: 3.5rem !important;
  }
}

.footer-logo-wrap {
  display: inline-block !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 1.5rem !important;
  transition: opacity 0.25s ease !important;
}

.footer-logo-wrap:hover {
  opacity: 0.9 !important;
  transform: none !important;
  box-shadow: none !important;
}

.footer-logo-wrap img,
.footer-logo-img {
  height: 6.5rem !important;
  max-height: 110px !important;
  width: auto !important;
  max-width: 290px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  filter: brightness(0) invert(1) !important; /* Logoyu %100 saf beyaz yapar */
}

.site-footer .footer-col-title,
footer h4 {
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 1.25rem !important;
  position: relative !important;
  display: inline-block !important;
}

.site-footer .footer-col-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 0 !important;
  width: 28px !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, #00A0AC 0%, #38bdf8 100%) !important;
  border-radius: 9999px !important;
}

.site-footer .footer-links,
footer ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-footer .footer-links a,
footer ul li a {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

.site-footer .footer-links a:hover,
footer ul li a:hover {
  color: #38bdf8 !important;
  transform: translateX(4px) !important;
}

.site-footer .footer-info-text,
.site-footer p,
footer p {
  font-size: 0.88rem !important;
  color: #94a3b8 !important;
  line-height: 1.65 !important;
}

.site-footer strong,
.site-footer b,
footer strong,
footer b,
.site-footer p strong,
footer p strong,
.site-footer span strong {
  color: #f1f5f9 !important;
  font-weight: 700 !important;
}

.site-footer .footer-info-label {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #38bdf8 !important;
  margin-bottom: 0.25rem !important;
  display: block !important;
}

.site-footer .footer-info-val {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.site-footer .footer-info-val:hover {
  color: #38bdf8 !important;
}

.site-footer .footer-map-link {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #38bdf8 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin-top: 0.65rem !important;
}

.site-footer .footer-map-link:hover {
  color: #7dd3fc !important;
  transform: translateX(4px) !important;
}

.site-footer .footer-bottom-bar {
  margin-top: 3.5rem !important;
  padding-top: 1.75rem !important;
  padding-bottom: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-size: 0.82rem !important;
  color: #64748b !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

@media (min-width: 640px) {
  .site-footer .footer-bottom-bar {
    flex-direction: row !important;
  }
}

.site-footer .footer-bottom-bar p,
.site-footer .footer-bottom-bar span {
  color: #64748b !important;
  font-size: 0.82rem !important;
}

.site-footer .footer-bottom-bar a {
  font-size: 0.82rem !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.site-footer .footer-bottom-bar a:hover {
  color: #38bdf8 !important;
}

footer svg {
  max-width: 24px !important;
  max-height: 24px !important;
}

/* Carousel / Slider Enhancements */
.custom-carousel-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 1.5rem;
}

.custom-carousel-track {
  display: flex;
  transition: transform 0.4s ease-in-out;
  cursor: grab;
}

.custom-carousel-track:active {
  cursor: grabbing;
}

.carousel-slide-item {
  flex: 0 0 100%;
  min-width: 100%;
  padding: 0.5rem;
}

@media (min-width: 640px) {
  .carousel-slide-item {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

@media (min-width: 1024px) {
  .carousel-slide-item {
    flex: 0 0 33.333333%;
    min-width: 33.333333%;
  }
}

.carousel-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: #ffffff;
  color: var(--first-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s ease;
  border: 1px solid #edf2f7;
}

.carousel-nav-btn:hover {
  background: var(--main-color);
  color: #ffffff;
  transform: translateY(-50%) scale(1.08);
}

.carousel-nav-btn.prev { left: 12px; }
.carousel-nav-btn.next { right: 12px; }

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
}

.carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: #cbd5e1;
  transition: all 0.3s ease;
  cursor: pointer;
}

.carousel-dot.active {
  width: 28px;
  background: var(--main-color);
}

/* Video Modal */
.video-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.video-modal-backdrop.active {
  display: flex;
}

.video-modal-container {
  position: relative;
  width: 100%;
  max-width: 900px;
  background: #000;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* Scroll To Top */
.scroll-to-top-btn {
  transition: transform 0.2s ease;
}

.scroll-to-top-btn:hover {
  transform: translateY(-5px);
}

/* Generic Card & Placeholder Utility */
.placeholder-box {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
  border-radius: 0.5rem;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Content Banner Overlay Styles (Sustainability & Private Label) */
.custom-banner-wrapper,
.sustainability-banner-wrapper {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.12);
  margin: 5.5rem 0 !important;
}

.sustainability-banner-img {
  width: 100%;
  height: 520px;
  max-height: 560px;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  filter: brightness(0.9) contrast(1.04) !important; /* Görsele hafif dengeli siyahlık */
}

@media (max-width: 768px) {
  .custom-banner-img,
  .sustainability-banner-img {
    height: 460px;
  }
}

@media (max-width: 480px) {
  .custom-banner-img,
  .sustainability-banner-img {
    height: 480px;
  }
}

.custom-banner-wrapper:hover .custom-banner-img,
.sustainability-banner-wrapper:hover .sustainability-banner-img {
  transform: scale(1.02);
}

.custom-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.2) 32%, rgba(255, 255, 255, 0) 58%) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 4rem;
  z-index: 2;
}

.sustainability-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 25, 18, 0.58) 0%, rgba(8, 25, 18, 0.32) 38%, rgba(8, 25, 18, 0.08) 65%, transparent 85%),
              linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, transparent 40%, rgba(0, 0, 0, 0.18) 100%) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 4rem;
  z-index: 2;
}

@media (max-width: 1024px) {
  .custom-banner-overlay,
  .sustainability-banner-overlay {
    padding: 2.25rem 2.5rem;
  }
}

@media (max-width: 768px) {
  .custom-banner-overlay,
  .sustainability-banner-overlay {
    padding: 1.5rem;
    justify-content: center;
  }
  .sustainability-banner-overlay {
    background: linear-gradient(180deg, rgba(8, 25, 18, 0.75) 0%, rgba(8, 25, 18, 0.45) 65%, transparent 100%) !important;
  }
}

/* Frameless Direct-on-Canvas Typography Pod (Arkadaki Görselleri Asla Kapatmayan Kusursuz Tasarım) */
.custom-banner-glass-card,
.sustainability-banner-glass-card {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 520px !important;
  box-shadow: none !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.custom-banner-glass-card:hover,
.sustainability-banner-glass-card:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .custom-banner-glass-card,
  .sustainability-banner-glass-card {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    max-width: 100% !important;
  }
}

.custom-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.5px solid rgba(0, 160, 172, 0.3) !important;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0f766e !important;
  margin-bottom: 0.85rem;
  width: fit-content;
  box-shadow: 0 2px 8px rgba(15, 118, 110, 0.08);
}

.sustainability-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  border-radius: 9999px;
  background: rgba(8, 25, 18, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.2px solid rgba(52, 211, 153, 0.45) !important;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff !important;
  margin-bottom: 0.85rem;
  width: fit-content;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.custom-banner-title {
  font-size: 2.15rem;
  font-weight: 800;
  line-height: 1.2;
  color: #0F2942 !important;
  margin-bottom: 0.85rem;
  letter-spacing: -0.025em;
  text-shadow: 0 1px 12px rgba(255, 255, 255, 0.95), 0 2px 24px rgba(255, 255, 255, 0.85) !important;
  max-width: 500px !important;
}

.sustainability-title {
  font-size: 2.15rem;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff !important;
  margin-bottom: 0.85rem;
  letter-spacing: -0.025em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  max-width: 500px !important;
}

.custom-banner-title strong {
  font-weight: 900;
  color: #008791 !important;
}

.sustainability-title strong {
  font-weight: 900;
  color: #34d399 !important;
  text-shadow: none !important; /* Yeşilin etrafındaki parlaklık/hale tamamen kaldırıldı */
  filter: none !important;
}

@media (min-width: 768px) {
  .custom-banner-title,
  .sustainability-title {
    font-size: 2.45rem;
  }
}

.custom-banner-desc {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.65;
  color: #1e293b !important;
  max-width: 480px !important;
  margin-bottom: 1.5rem;
  text-shadow: 0 1px 8px rgba(255, 255, 255, 0.95) !important;
}

.sustainability-desc {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.92) !important;
  max-width: 480px !important;
  margin-bottom: 1.5rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 768px) {
  .custom-banner-desc,
  .sustainability-desc {
    font-size: 1.02rem;
  }
}

.sustainability-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1.75rem;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  border-radius: 9999px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.sustainability-btn:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(5, 150, 105, 0.5) !important;
}

.custom-banner-btn .btn-arrow-wrap,
.sustainability-btn .btn-arrow-wrap {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease;
}

.custom-banner-btn:hover {
  background: linear-gradient(135deg, #008c96 0%, #006870 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 160, 172, 0.5);
}

.custom-banner-btn:hover .btn-arrow-wrap,
.sustainability-btn:hover .btn-arrow-wrap {
  transform: translateX(3px);
  background: rgba(255, 255, 255, 0.35);
}

.sustainability-btn {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.38);
}

.sustainability-btn:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.5);
}

.custom-banner-btn svg,
.sustainability-btn svg {
  transition: transform 0.2s ease;
}

/* ==========================================================================
   Home Executive Private Label Showcase Section (Split Modern Design)
   ========================================================================== */
.home-pl-executive-section {
  width: 100% !important;
  background: #0f3c5f !important;
  border-radius: 2rem !important;
  border: 1.5px solid rgba(56, 189, 248, 0.25) !important;
  box-shadow: 0 20px 50px -10px rgba(15, 60, 95, 0.3) !important;
  overflow: hidden !important;
  margin: 3.5rem 0 !important;
}

.home-pl-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  .home-pl-grid {
    grid-template-columns: 1.15fr 0.95fr !important;
    align-items: stretch !important;
  }
}

.home-pl-content {
  padding: 2.25rem 1.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1.25rem !important;
  background: linear-gradient(135deg, #0e3758 0%, #154e7a 50%, #1d6399 100%) !important; /* Sağdaki görselin mavisiyle %100 uyumlu */
  color: #ffffff !important;
}

@media (min-width: 640px) {
  .home-pl-content {
    padding: 3rem 2.5rem !important;
  }
}

@media (min-width: 1280px) {
  .home-pl-content {
    padding: 3.75rem 3.5rem !important;
  }
}

.home-pl-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.35rem 1rem !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.home-pl-title {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  .home-pl-title {
    font-size: 2.45rem !important;
  }
}

.home-pl-title .text-\[\#00A0AC\] {
  color: #38bdf8 !important; /* Luminous sky blue matching right render */
  text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3) !important;
}

.home-pl-desc {
  font-size: 0.95rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.home-pl-features {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  margin-top: 0.25rem !important;
}

.home-pl-feat-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
  padding: 0.85rem 1rem !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 1rem !important;
  transition: all 0.25s ease !important;
}

.home-pl-feat-card:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: #38bdf8 !important;
  transform: translateX(4px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
}

.home-pl-feat-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #38bdf8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.home-pl-feat-title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 0.15rem !important;
}

.home-pl-feat-desc {
  font-size: 0.78rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.home-pl-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 0.5rem !important;
}

.home-pl-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 0.8rem 1.6rem !important;
  background: linear-gradient(135deg, #00C4D4 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(2, 132, 199, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  transition: all 0.25s ease !important;
}

.home-pl-btn-primary:hover {
  background: linear-gradient(135deg, #0284c7 0%, #00C4D4 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 196, 212, 0.55) !important;
  color: #ffffff !important;
}

.home-pl-btn-arrow {
  font-size: 1.1rem !important;
  transition: transform 0.2s ease !important;
}

.home-pl-btn-primary:hover .home-pl-btn-arrow {
  transform: translateX(3px) !important;
}

.home-pl-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.8rem 1.4rem !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.home-pl-btn-secondary:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #0e3758 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

.home-pl-visual-wrap {
  position: relative !important;
  width: 100% !important;
  min-height: 380px !important;
  background: #fdfaf7 !important;
  overflow: hidden !important;
}

@media (min-width: 1024px) {
  .home-pl-visual-wrap {
    min-height: 100% !important;
  }
}

.home-pl-visual-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-pl-executive-section:hover .home-pl-visual-img {
  transform: scale(1.03) !important;
}

.home-pl-floating-badge {
  position: absolute !important;
  bottom: 1.5rem !important;
  right: 1.5rem !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 1rem !important;
  padding: 0.75rem 1.15rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  box-shadow: 0 12px 30px rgba(15, 41, 66, 0.12) !important;
}

.home-pl-floating-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #f0fdfa !important;
  color: #00A0AC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
}

.home-pl-floating-title {
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  line-height: 1.2 !important;
}

.home-pl-floating-sub {
  font-size: 0.74rem !important;
  color: #00A0AC !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   Company Promo Video Section (Firma Tanıtım Videosu & Hero Banner)
   ========================================================================== */
.company-video-section {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .company-video-section {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
  }
}

.company-video-container {
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 20px 45px -10px rgba(15, 41, 66, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: #000000;
  border: 1px solid rgba(226, 232, 240, 0.9);
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  max-height: 820px;
  display: flex;
  align-items: center;
}

.company-video-element {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 1;
  background-color: #000000;
  border-radius: 1.5rem;
}

/* ==========================================================================
   Company Promo Video Bottom Navbar Bar
   ========================================================================== */
.company-video-navbar {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10 !important;
  background: linear-gradient(180deg, rgba(9, 26, 43, 0.2) 0%, rgba(9, 26, 43, 0.88) 35%, rgba(9, 26, 43, 0.98) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
  padding: 1.15rem 2.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 1024px) {
  .company-video-navbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 1rem 1.25rem !important;
    gap: 0.85rem !important;
  }
}

.company-video-nav-info {
  max-width: 680px !important;
  display: flex !important;
  flex-direction: column !important;
}

.company-video-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0.35rem;
  width: fit-content;
}

.company-video-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: #38bdf8;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.8);
}

.company-video-nav-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin-bottom: 0.25rem !important;
  letter-spacing: -0.01em !important;
}

@media (min-width: 768px) {
  .company-video-nav-title {
    font-size: 1.6rem !important;
  }
}

.company-video-nav-title strong,
.company-video-nav-title .highlight {
  color: #38bdf8 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.5) !important;
}

.company-video-nav-desc {
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .company-video-nav-desc {
    display: none !important;
  }
}

.company-video-nav-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.65rem !important;
  flex-shrink: 0 !important;
}

.company-video-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 1.35rem;
  background: linear-gradient(135deg, #0284c7 0%, #00A0AC 100%);
  color: #ffffff !important;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 9999px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.45);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  white-space: nowrap;
}

.company-video-btn-primary:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.6);
  color: #ffffff !important;
}

.company-video-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.65rem 1.25rem;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff !important;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 9999px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.company-video-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
  color: #ffffff !important;
}

.company-video-sound-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.65rem 1.1rem;
  background: rgba(15, 41, 66, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 9999px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
}

.company-video-sound-btn:hover {
  background: rgba(15, 41, 66, 0.98);
  border-color: #38bdf8;
  color: #38bdf8;
  transform: translateY(-2px);
}
/* ==========================================================================
   Vertical Selectable Cards Section (Dikey Seçilebilir Kartlar)
   ========================================================================== */
.vertical-cards-section {
  width: 100%;
  margin-top: 4.5rem !important;
  margin-bottom: 5.5rem !important;
}

@media (min-width: 768px) {
  .vertical-cards-section {
    margin-top: 5.5rem !important;
    margin-bottom: 6.5rem !important;
  }
}

/* Brands Collection Dedicated Header */
.brands-collection-header {
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto 3rem auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.brands-collection-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.35rem 1.15rem !important;
  background: #f0fdfa !important;
  border: 1.5px solid #99f6e4 !important;
  border-radius: 9999px !important;
  color: #0f766e !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.08) !important;
  width: fit-content !important;
  margin: 0 auto !important;
}

.brands-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00A0AC !important;
  display: inline-block !important;
  box-shadow: 0 0 6px #00A0AC !important;
}

.brands-collection-title {
  font-size: 2.15rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  margin: 0.15rem 0 !important;
}

@media (min-width: 768px) {
  .brands-collection-title {
    font-size: 2.55rem !important;
  }
}

.brands-collection-desc {
  color: #64748b !important;
  font-size: 0.95rem !important;
  font-weight: 450 !important;
  line-height: 1.6 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

.vertical-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  width: 100%;
}

@media (min-width: 768px) {
  .vertical-cards-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
  }
}

.vertical-card-item {
  cursor: pointer;
  position: relative;
  border-radius: 1.5rem;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  outline: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.vertical-card-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 941 / 1520;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(15, 41, 66, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
  border: 2px solid rgba(226, 232, 240, 0.95);
  background-color: #ffffff;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.vertical-card-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.vertical-card-item:hover {
  transform: translateY(-6px);
}

.vertical-card-item:hover .vertical-card-inner {
  border-color: #38bdf8;
  box-shadow: 0 20px 35px -8px rgba(2, 132, 199, 0.25), 0 6px 16px rgba(0, 0, 0, 0.06);
}

.vertical-card-item:hover .vertical-card-img {
  transform: scale(1.02);
}

/* Active / Selected State */
.vertical-card-item.active {
  transform: translateY(-4px);
}

.vertical-card-item.active .vertical-card-inner {
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 3.5px rgba(2, 132, 199, 0.4), 0 20px 40px -8px rgba(2, 132, 199, 0.32) !important;
}

.vertical-card-indicator {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0284c7 0%, #00A0AC 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.45);
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 5;
  border: 2px solid #ffffff;
}

.vertical-card-item.active .vertical-card-indicator {
  opacity: 1;
  transform: scale(1);
}

/* Vertical Card Text & CTA Overlay */
.vertical-card-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(to top, rgba(15, 41, 66, 0.96) 0%, rgba(15, 41, 66, 0.88) 55%, rgba(15, 41, 66, 0.45) 82%, transparent 100%) !important;
  padding: 1.75rem 0.85rem 0.85rem 0.85rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  z-index: 4 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media (min-width: 768px) {
  .vertical-card-overlay {
    padding: 2.25rem 1.15rem 1.15rem 1.15rem !important;
  }
}

.vertical-card-badge {
  display: inline-block !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #38bdf8 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 0.2rem !important;
}

.vertical-card-title {
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 0.2rem !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  letter-spacing: 0.01em !important;
}

@media (min-width: 1280px) {
  .vertical-card-title {
    font-size: 1.15rem !important;
  }
}

.vertical-card-desc {
  font-size: 0.72rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.35 !important;
  margin-bottom: 0.65rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.vertical-card-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  padding: 0.48rem 0.75rem !important;
  border-radius: 0.5rem !important;
  background: linear-gradient(135deg, #00A0AC 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.vertical-card-cta:hover {
  background: #ffffff !important;
  color: #0F2942 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

.vertical-card-cta svg {
  transition: transform 0.25s ease !important;
}

.vertical-card-cta:hover svg {
  transform: translateX(3px) !important;
}

/* Dynamic Hero Slider (Slayt Hero) Styles */
.hero-slider-container {
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
  background-color: #f1f5f9;
  min-height: 280px;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .hero-slider-container {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
  }
}

.hero-slider-track {
  display: flex;
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.hero-slide {
  flex: 0 0 100%;
  min-width: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  user-select: none;
}

.hero-slide img {
  width: 100%;
  height: 100%;
  max-height: 620px;
  min-height: 260px;
  object-fit: cover;
  display: block;
}

@media (min-width: 640px) {
  .hero-slide img {
    min-height: 380px;
    max-height: 640px;
  }
}

@media (min-width: 1024px) {
  .hero-slide img {
    min-height: 480px;
    max-height: 700px;
  }
}

.hero-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #1e293b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 20;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.25s ease;
  opacity: 0;
}

.hero-slider-container:hover .hero-slider-btn {
  opacity: 1;
}

@media (max-width: 768px) {
  .hero-slider-btn {
    opacity: 0.85;
    width: 40px;
    height: 40px;
  }
}

.hero-slider-btn:hover {
  background: #ffffff;
  color: #00A0AC;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hero-slider-btn.prev { left: 16px; }
.hero-slider-btn.next { right: 16px; }

.hero-slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 20;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 0.4rem 0.85rem;
  border-radius: 9999px;
}

.hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: none;
  padding: 0;
}

.hero-dot.active {
  width: 28px;
  background: #ffffff;
}

/* Brands Continuous Infinite Marquee (Markalarımız - Sade, Kompakt & Dinamik) */
.brands-section-container {
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 1.5rem 0 1rem 0 !important;
  margin: 1.5rem 0 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
}

.brands-catalog-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.5rem 1.15rem !important;
  background: linear-gradient(135deg, #0284c7 0%, #00A0AC 100%) !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  white-space: nowrap !important;
}

.brands-catalog-btn:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45) !important;
}

.brands-marquee-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 1.25rem 0;
  mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
}

.brands-marquee-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 2.75rem;
  animation: brandsInfiniteMarquee 35s linear infinite;
  user-select: none;
}

.brands-marquee-wrapper:hover .brands-marquee-track {
  animation-play-state: paused;
}

@keyframes brandsInfiniteMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.brand-slide-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}

.brand-logo-card {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.25rem 0.75rem !important;
  height: 140px !important;
  width: 270px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}

@media (min-width: 768px) {
  .brand-logo-card {
    height: 168px !important;
    width: 320px !important;
    padding: 0.25rem 1rem !important;
  }
}

.brand-logo-card:hover {
  transform: scale(1.06);
  border: none !important;
  box-shadow: none !important;
}

.brand-logo-img {
  width: 100% !important;
  height: 100% !important;
  max-height: 135px !important;
  max-width: 260px !important;
  object-fit: contain !important;
  display: block;
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: multiply !important; /* Beyaz zeminleri şeffaflaştırır */
  transition: transform 0.25s ease;
}

@media (min-width: 768px) {
  .brand-logo-img {
    max-height: 160px !important;
    max-width: 310px !important;
  }
}

.brand-logo-card:hover .brand-logo-img {
  transform: scale(1.06);
}

/* ==========================================================================
   Hero Slide Overlay Styles (Cocoliso Slide Specific)
   ========================================================================== */
.hero-slide-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3.5rem 3rem 2.5rem;
  z-index: 10;
  pointer-events: none;
}

@media (max-width: 768px) {
  .hero-slide-overlay {
    padding: 1.75rem 1.25rem 2.75rem;
  }
}

.cocoliso-overlay {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 35%, rgba(15, 23, 42, 0.45) 65%, rgba(15, 23, 42, 0.88) 100%);
}

.hero-slide-content {
  max-width: 620px;
  pointer-events: auto;
}

.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.9rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0f172a;
  margin-bottom: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.hero-slide-title {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 0.45rem;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.hero-slide-title strong {
  font-weight: 800;
}

@media (min-width: 768px) {
  .hero-slide-title {
    font-size: 2.35rem;
  }
}

.hero-slide-desc {
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 1.25rem;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

@media (max-width: 640px) {
  .hero-slide-desc {
    display: none;
  }
}

.hero-slide-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1.75rem;
  background-color: #00A0AC;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: 9999px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(0, 160, 172, 0.45);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1.5px solid rgba(255, 255, 255, 0.4);
}

.hero-slide-btn:hover {
  background-color: #ffffff;
  color: #00A0AC;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 255, 255, 0.4);
}

.hero-slide-btn svg {
  transition: transform 0.2s ease;
}

.hero-slide-btn:hover svg {
  transform: translateX(4px);
}

/* ==========================================================================
   WhatsApp Floating Action Button (Sağ Alt / Bottom-Right)
   ========================================================================== */
.whatsapp-float-btn {
  position: fixed;
  bottom: 28px;
  right: 28px;
  left: auto;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  color: #ffffff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45), 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.whatsapp-float-btn svg {
  width: 34px;
  height: 34px;
  fill: #ffffff;
  transition: transform 0.3s ease;
}

.whatsapp-float-btn:hover {
  transform: scale(1.1) translateY(-3px);
  box-shadow: 0 14px 32px rgba(37, 211, 102, 0.6), 0 4px 12px rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
}

.whatsapp-float-btn:hover svg {
  transform: scale(1.06);
}

/* Pulsing radar ring */
.whatsapp-float-btn::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid #25D366;
  animation: waPulse 2s infinite ease-out;
  pointer-events: none;
}

@keyframes waPulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  70% {
    transform: scale(1.35);
    opacity: 0;
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

/* Hover Tooltip Label (Sağdan Sola Açılır) */
.whatsapp-float-tooltip {
  position: absolute;
  right: 72px;
  left: auto;
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  background: #0f172a;
  color: #ffffff;
  padding: 0.45rem 0.95rem;
  border-radius: 9999px;
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.whatsapp-float-btn:hover .whatsapp-float-tooltip {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 640px) {
  .whatsapp-float-btn {
    bottom: 20px;
    right: 20px;
    left: auto;
    width: 52px;
    height: 52px;
  }
  .whatsapp-float-btn svg {
    width: 28px;
    height: 28px;
  }
  .whatsapp-float-tooltip {
    display: none;
  }
}

/* ==========================================================================
   Interactive Map & Office Selector Buttons
   ========================================================================== */
.map-floating-panel {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 450 !important; /* Fixed below header's 99999 z-index */
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 8px 10px !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 10px 25px -4px rgba(15, 41, 66, 0.15), 0 4px 10px -2px rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 95% !important;
}

.leaflet-top,
.leaflet-bottom,
.leaflet-pane,
.leaflet-control {
  z-index: 400 !important;
}

.map-office-btn {
  padding: 0.5rem 1rem !important;
  border-radius: 12px !important;
  background-color: #f8fafc !important;
  color: #1e293b !important;
  border: 1.5px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  user-select: none !important;
}

.map-office-btn:hover {
  background-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.map-office-btn.btn-merkez {
  border-color: rgba(2, 132, 199, 0.3) !important;
}
.map-office-btn.btn-merkez:hover,
.map-office-btn.btn-merkez.active {
  background-color: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

.map-office-btn.btn-ihracat {
  border-color: rgba(16, 185, 129, 0.3) !important;
}
.map-office-btn.btn-ihracat:hover,
.map-office-btn.btn-ihracat.active {
  background-color: #10b981 !important;
  color: #ffffff !important;
  border-color: #10b981 !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

.map-office-btn.btn-fabrika {
  border-color: rgba(234, 67, 53, 0.3) !important;
}
.map-office-btn.btn-fabrika:hover,
.map-office-btn.btn-fabrika.active {
  background-color: #ea4335 !important;
  color: #ffffff !important;
  border-color: #ea4335 !important;
  box-shadow: 0 4px 14px rgba(234, 67, 53, 0.35) !important;
}

.map-office-btn.btn-all {
  border-color: #cbd5e1 !important;
}
.map-office-btn.btn-all:hover,
.map-office-btn.btn-all.active {
  background-color: #0F2942 !important;
  color: #ffffff !important;
  border-color: #0F2942 !important;
}

/* Route Action Button inside Leaflet Popup */
.map-popup-route-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
  background-color: #0284c7 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 8px rgba(2, 132, 199, 0.3) !important;
}

.map-popup-route-btn:hover {
  background-color: #0369a1 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 12px rgba(2, 132, 199, 0.45) !important;
}

/* ==========================================================================
   Minimal, Dinamik ve Efektif İletişim Sayfası Tasarımı
   ========================================================================== */
/* ==========================================================================
   Minimal, Dinamik ve Efektif İletişim Sayfası Tasarımı (Kusursuz Spacing & Lüks Tasarım)
   ========================================================================== */
.contact-locations-section {
  width: 100% !important;
  margin-bottom: 4rem !important; /* Kartlar ile harita arasına belirgin, ferah mesafe */
}

.contact-map-section {
  width: 100% !important;
  margin-top: 3.5rem !important;
  margin-bottom: 4.5rem !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px -10px rgba(15, 41, 66, 0.12) !important;
  position: relative !important;
}

.contact-offices-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
  align-items: stretch !important;
  margin-top: 2rem !important;
}

@media (min-width: 1024px) {
  .contact-offices-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
  }
}

.contact-office-card {
  background: linear-gradient(150deg, #0d2844 0%, #081a2d 60%, #051322 100%) !important;
  border-radius: 1.75rem !important;
  padding: 2.25rem 2rem !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 14px 35px -6px rgba(13, 40, 68, 0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.contact-office-card::before {
  content: '' !important;
  position: absolute !important;
  top: -50px !important;
  right: -50px !important;
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.22) 0%, rgba(56, 189, 248, 0) 70%) !important;
  pointer-events: none !important;
  transition: transform 0.5s ease !important;
}

.contact-office-card.card-merkez::before {
  background: radial-gradient(circle, rgba(2, 132, 199, 0.28) 0%, transparent 70%) !important;
}

.contact-office-card.card-ihracat::before {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.28) 0%, transparent 70%) !important;
}

.contact-office-card.card-fabrika::before {
  background: radial-gradient(circle, rgba(244, 63, 94, 0.28) 0%, transparent 70%) !important;
}

.contact-office-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 50px -8px rgba(2, 132, 199, 0.45) !important;
}

.contact-office-card.card-merkez:hover {
  border-color: #38bdf8 !important;
}

.contact-office-card.card-ihracat:hover {
  border-color: #34d399 !important;
  box-shadow: 0 24px 50px -8px rgba(16, 185, 129, 0.38) !important;
}

.contact-office-card.card-fabrika:hover {
  border-color: #fb7185 !important;
  box-shadow: 0 24px 50px -8px rgba(244, 63, 94, 0.38) !important;
}

.contact-office-card:hover::before {
  transform: scale(1.3) !important;
}

.contact-office-header {
  margin-bottom: 1.25rem !important;
}

.contact-office-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: 9999px !important;
  margin-bottom: 0.85rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.contact-office-badge.badge-merkez {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
}

.contact-office-badge.badge-ihracat {
  color: #34d399 !important;
  background: rgba(52, 211, 153, 0.12) !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}

.contact-office-badge.badge-fabrika {
  color: #fb7185 !important;
  background: rgba(251, 113, 133, 0.12) !important;
  border: 1px solid rgba(251, 113, 133, 0.35) !important;
}

.contact-office-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.4rem !important;
}

.contact-office-title span {
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

.contact-info-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-size: 0.9rem !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
}

.contact-info-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
}

.contact-info-icon-wrap {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 0.1rem !important;
}

.contact-info-icon {
  color: #38bdf8 !important;
}

.contact-info-text {
  color: #e2e8f0 !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.contact-info-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.88rem !important;
  color: #ffffff !important;
}

.contact-info-links a,
.contact-email-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.contact-info-links a:hover,
.contact-email-link:hover {
  color: #38bdf8 !important;
  text-decoration: underline !important;
}

.contact-card-footer {
  margin-top: auto !important;
  padding-top: 1.5rem !important;
}

.contact-minimal-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  width: 100% !important;
  padding: 0.85rem 1.25rem !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.contact-minimal-btn svg {
  transition: transform 0.25s ease !important;
  stroke: #ffffff !important;
}

.contact-minimal-btn:hover,
.contact-office-card:hover .contact-minimal-btn {
  background: linear-gradient(135deg, #00A0AC 0%, #0284c7 100%) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 160, 172, 0.45) !important;
}

.contact-office-card.card-ihracat:hover .contact-minimal-btn {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45) !important;
}

.contact-office-card.card-fabrika:hover .contact-minimal-btn {
  background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
  box-shadow: 0 6px 20px rgba(244, 63, 94, 0.45) !important;
}

.contact-office-card:hover .contact-minimal-btn svg {
  transform: translate(3px, -3px) !important;
}

/* ==========================================================================
   Executive Split-Screen Contact Card (Doğu International)
   ========================================================================== */
.contact-form-wrapper {
  background: #ffffff !important;
  border-radius: 2rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px -10px rgba(15, 41, 66, 0.08) !important;
  overflow: hidden !important;
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.contact-form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 1024px) {
  .contact-form-grid {
    grid-template-columns: 360px 1fr !important;
  }
}

@media (min-width: 1280px) {
  .contact-form-grid {
    grid-template-columns: 400px 1fr !important;
  }
}

/* Left Column: Dark Navy Ambient Executive Side Card */
.contact-side-card {
  background: linear-gradient(145deg, #0F2942 0%, #081827 100%) !important;
  padding: 3rem 2.5rem !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  overflow: hidden !important;
}

.contact-side-card::before {
  content: '' !important;
  position: absolute !important;
  top: -60px !important;
  right: -60px !important;
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(0, 160, 172, 0.35) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.contact-side-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.35rem 0.95rem !important;
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  border-radius: 9999px !important;
  color: #38bdf8 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  margin-bottom: 1.25rem !important;
}

.contact-side-pulse {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

.contact-side-title {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 1rem !important;
}

.contact-side-desc {
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  color: #94a3b8 !important;
  margin-bottom: 2rem !important;
}

.contact-side-whatsapp-btn {
  display: flex !important;
  align-items: center !important;
  gap: 1.15rem !important;
  padding: 1.35rem 1.5rem !important;
  background: linear-gradient(135deg, rgba(37, 211, 102, 0.15) 0%, rgba(18, 140, 126, 0.25) 100%) !important;
  border: 1.5px solid rgba(37, 211, 102, 0.4) !important;
  border-radius: 1.25rem !important;
  text-decoration: none !important;
  color: #ffffff !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.15) !important;
  margin-top: auto !important;
}

.contact-side-whatsapp-btn:hover {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  border-color: #25D366 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 30px rgba(37, 211, 102, 0.35) !important;
  color: #ffffff !important;
}

.contact-side-whatsapp-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: rgba(37, 211, 102, 0.25) !important;
  color: #25D366 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

.contact-side-whatsapp-btn:hover .contact-side-whatsapp-icon {
  background: #ffffff !important;
  color: #128C7E !important;
}

.contact-side-perks {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

.contact-side-perk-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 0.95rem 1.15rem !important;
  border-radius: 1rem !important;
  transition: all 0.25s ease !important;
}

.contact-side-perk-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(0, 160, 172, 0.4) !important;
  transform: translateX(4px) !important;
}

.contact-side-perk-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: rgba(0, 160, 172, 0.15) !important;
  border: 1px solid rgba(0, 160, 172, 0.3) !important;
  color: #00A0AC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.contact-side-perk-title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

.contact-side-perk-sub {
  font-size: 0.74rem !important;
  color: #94a3b8 !important;
  margin-top: 2px !important;
}

/* Right Column: Interactive Form Body */
.contact-form-body {
  padding: 3rem 2.5rem !important;
  background: #ffffff !important;
}

@media (max-width: 640px) {
  .contact-form-body {
    padding: 2rem 1.5rem !important;
  }
}

.contact-form-header {
  margin-bottom: 2rem !important;
}

.contact-form-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.3rem 0.85rem !important;
  background: #f0fdfa !important;
  border: 1px solid #99f6e4 !important;
  border-radius: 9999px !important;
  color: #0f766e !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  margin-bottom: 0.65rem !important;
}

.contact-form-badge-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #00A0AC !important;
}

.contact-form-title {
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin-bottom: 0.35rem !important;
}

.contact-form-subtitle {
  font-size: 0.86rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

.contact-form-label {
  display: block !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-bottom: 0.5rem !important;
}

.contact-topic-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  margin-bottom: 1.5rem !important;
}

.form-topic-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.5rem 1.15rem !important;
  border-radius: 9999px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  background: #f8fafc !important;
  color: #475569 !important;
  border: 1.5px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.form-topic-chip:hover {
  background: #f1f5f9 !important;
  border-color: #00A0AC !important;
  color: #00A0AC !important;
  transform: translateY(-1px) !important;
}

.form-topic-chip.active {
  background: #0F2942 !important;
  color: #ffffff !important;
  border-color: #0F2942 !important;
  box-shadow: 0 4px 14px rgba(15, 41, 66, 0.25) !important;
}

.contact-input-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.15rem !important;
  margin-bottom: 1.15rem !important;
}

@media (min-width: 640px) {
  .contact-input-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

.contact-form-field {
  display: flex !important;
  flex-direction: column !important;
}

.contact-form-input {
  width: 100% !important;
  padding: 0.8rem 1.1rem !important;
  border-radius: 0.85rem !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #ffffff !important;
  font-size: 0.88rem !important;
  color: #0f172a !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.contact-form-input::placeholder {
  color: #94a3b8 !important;
  font-size: 0.85rem !important;
}

.contact-form-input:focus {
  border-color: #00A0AC !important;
  box-shadow: 0 0 0 3.5px rgba(0, 160, 172, 0.14) !important;
  background: #ffffff !important;
}

.contact-form-textarea {
  resize: vertical !important;
  min-height: 105px !important;
  line-height: 1.6 !important;
}

.contact-form-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #f1f5f9 !important;
}

@media (min-width: 640px) {
  .contact-form-footer {
    flex-direction: row !important;
  }
}

.contact-kvkk-badge {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.76rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.contact-kvkk-badge svg {
  color: #00A0AC !important;
  flex-shrink: 0 !important;
}

.contact-submit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding: 0.85rem 2.25rem !important;
  background: linear-gradient(135deg, #0F2942 0%, #091e32 100%) !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  border-radius: 0.85rem !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(15, 41, 66, 0.22) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  .contact-submit-btn {
    width: auto !important;
  }
}

.contact-submit-btn:hover {
  background: linear-gradient(135deg, #00A0AC 0%, #007D87 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(0, 160, 172, 0.4) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Ultra-Premium Corporate CTA Banner (Küresel İş Birliği & İletişim Alanı)
   ========================================================================== */
.corporate-cta-banner {
  background: radial-gradient(circle at 12% 20%, rgba(0, 160, 172, 0.35) 0%, transparent 45%),
              radial-gradient(circle at 88% 80%, rgba(2, 132, 199, 0.35) 0%, transparent 50%),
              radial-gradient(circle at 50% 50%, rgba(15, 41, 66, 0.5) 0%, transparent 70%),
              linear-gradient(135deg, #06182a 0%, #0c2b48 50%, #071c32 100%) !important;
  border-radius: 2rem !important;
  padding: 3rem 2.25rem !important;
  color: #ffffff !important;
  box-shadow: 0 25px 65px -12px rgba(6, 24, 42, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.15) inset !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 2.5rem !important;
  margin-top: 4rem !important;
  margin-bottom: 2.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}

@media (min-width: 1100px) {
  .corporate-cta-banner {
    flex-direction: row !important;
    padding: 3.75rem 3.5rem !important;
    gap: 3.5rem !important;
  }
}

/* Background Ambient Glow Orbs */
.cta-glow-orb {
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(60px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.cta-glow-1 {
  width: 320px !important;
  height: 320px !important;
  top: -100px !important;
  left: -80px !important;
  background: rgba(0, 160, 172, 0.3) !important;
}

.cta-glow-2 {
  width: 380px !important;
  height: 380px !important;
  bottom: -120px !important;
  right: -80px !important;
  background: rgba(2, 132, 199, 0.35) !important;
}

/* Subtle Grid Dot Matrix */
.cta-grid-pattern {
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1.2px, transparent 1.2px) !important;
  background-size: 24px 24px !important;
  opacity: 0.6 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.corporate-cta-content {
  max-width: 720px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 1rem !important;
  z-index: 2 !important;
  position: relative !important;
}

.corporate-cta-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #38bdf8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  background: rgba(56, 189, 248, 0.12) !important;
  padding: 0.4rem 1.1rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.15) !important;
  backdrop-filter: blur(10px) !important;
}

.cta-pulse-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 10px #38bdf8 !important;
  animation: ctaDotPulse 2s infinite cubic-bezier(0.4, 0, 0.6, 1) !important;
}

@keyframes ctaDotPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.4); }
}

.corporate-cta-title {
  font-size: 2.1rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  letter-spacing: -0.025em !important;
}

@media (min-width: 768px) {
  .corporate-cta-title {
    font-size: 2.65rem !important;
  }
}

.highlight-cyan {
  background: linear-gradient(90deg, #38bdf8 0%, #00e5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 2px 8px rgba(0, 229, 255, 0.3)) !important;
}

.corporate-cta-desc {
  font-size: 0.98rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  font-weight: 400 !important;
  max-width: 620px !important;
}

/* Trust Feature Badges Row */
.cta-features-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  margin-top: 0.5rem !important;
}

.cta-feature-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.38rem 0.85rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 9999px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.25s ease !important;
}

.cta-feature-item:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* Action Buttons Container */
.corporate-cta-buttons {
  display: flex !important;
  flex-direction: column !important;
  sm:flex-direction: row !important;
  align-items: stretch !important;
  sm:align-items: center !important;
  gap: 0.9rem !important;
  z-index: 2 !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  max-width: 380px !important;
}

@media (min-width: 640px) {
  .corporate-cta-buttons {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: none !important;
  }
}

.cta-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  padding: 0.95rem 2.1rem !important;
  background: linear-gradient(135deg, #00A0AC 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  white-space: nowrap !important;
}

.cta-btn-primary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px rgba(0, 160, 172, 0.6) !important;
  background: linear-gradient(135deg, #0284c7 0%, #00A0AC 100%) !important;
  color: #ffffff !important;
}

.cta-btn-whatsapp {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  padding: 0.95rem 1.85rem !important;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  white-space: nowrap !important;
}

.cta-btn-whatsapp svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  flex-shrink: 0 !important;
}

.cta-btn-whatsapp:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6) !important;
  background: linear-gradient(135deg, #20ba5a 0%, #0d6e63 100%) !important;
  color: #ffffff !important;
}

.cta-btn-phone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 0.95rem 1.65rem !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(10px) !important;
  white-space: nowrap !important;
}

.cta-btn-phone:hover {
  background: #ffffff !important;
  color: #0F2942 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(255, 255, 255, 0.3) !important;
}

.custom-google-pin {
  background: none;
  border: none;
}

.google-pin-wrapper {
  position: relative;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}

.google-pin-wrapper:hover {
  transform: scale(1.18) translateY(-4px);
}

.google-pin-pulse {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  filter: blur(1px);
}

/* Leaflet Popup Customizations for Google Look */
.leaflet-popup-content-wrapper {
  border-radius: 16px !important;
  box-shadow: 0 12px 30px -4px rgba(15, 23, 42, 0.2), 0 4px 12px -2px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.leaflet-popup-content {
  margin: 0 !important;
  line-height: 1.4 !important;
}

.leaflet-popup-tip {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.map-popup-card {
  padding: 12px 15px !important;
  min-width: 240px !important;
  max-width: 280px !important;
  font-family: inherit !important;
}

.map-popup-badge {
  display: inline-block !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

#contactMap {
  width: 100% !important;
  height: 580px !important;
  min-height: 480px !important;
}

@media (min-width: 1024px) {
  #contactMap {
    height: 620px !important;
  }
}

@media (max-width: 640px) {
  #contactMap {
    height: 440px !important;
  }
}

/* ==========================================================================
   Brand Zigzag Showcase Section (Bebek Görselli & Açıklamalı Vitrin)
   ========================================================================== */
.brand-zigzag-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 4rem !important;
  width: 100% !important;
  max-width: 1350px !important;
  margin: 0 auto !important;
  padding: 2rem 0 5rem 0 !important;
}

@media (min-width: 1024px) {
  .brand-zigzag-container {
    gap: 5.5rem !important;
  }
}

.brand-zigzag-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2.25rem !important;
  align-items: center !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  .brand-zigzag-row {
    grid-template-columns: 1.12fr 1fr !important;
    gap: 4.5rem !important;
  }

  .brand-zigzag-row.reverse {
    grid-template-columns: 1fr 1.12fr !important;
  }

  .brand-zigzag-row.reverse .brand-zigzag-visual {
    order: 2 !important;
  }

  .brand-zigzag-row.reverse .brand-zigzag-info {
    order: 1 !important;
  }
}

/* Visual Baby Card Side */
.brand-zigzag-visual {
  background: #ffffff !important;
  border-radius: 2rem !important;
  box-shadow: 0 18px 45px -10px rgba(15, 41, 66, 0.12), 0 4px 14px rgba(0, 0, 0, 0.03) !important;
  overflow: hidden !important;
  aspect-ratio: 3 / 2 !important;
  width: 100% !important;
  max-height: 440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brand-zigzag-visual:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 55px -10px rgba(15, 41, 66, 0.18), 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

.brand-zigzag-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brand-zigzag-visual:hover .brand-zigzag-img {
  transform: scale(1.04) !important;
}

/* Logo, Description & CTA Info Side */
.brand-zigzag-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  gap: 1.25rem !important;
  padding: 0.5rem 0 !important;
}

.brand-zigzag-logo-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 110px !important;
  width: 100% !important;
  background: transparent !important;
}

.brand-zigzag-logo {
  max-height: 155px !important;
  max-width: 360px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brand-zigzag-logo:hover {
  transform: scale(1.05) !important;
}

.brand-zigzag-desc {
  font-size: 0.93rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  font-weight: 500 !important;
  max-width: 580px !important;
  letter-spacing: 0.01em !important;
}

@media (min-width: 768px) {
  .brand-zigzag-desc {
    font-size: 0.98rem !important;
    line-height: 1.75 !important;
  }
}

.brand-zigzag-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.55rem 2.5rem !important;
  border-radius: 9999px !important;
  border: 2px solid #0F2942 !important;
  color: #0F2942 !important;
  background-color: transparent !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(15, 41, 66, 0.04) !important;
}

.brand-zigzag-btn:hover {
  background-color: #0F2942 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(15, 41, 66, 0.22) !important;
}

/* ==========================================================================
   Playful & Chic Private Label Section (Sade, Modern ve Eğlenceli)
   ========================================================================== */
.pl-steps-section {
  background: #ffffff !important;
  border-radius: 2rem !important;
  padding: 3.5rem 2.5rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px -5px rgba(15, 41, 66, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
}

.pl-step-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.5rem !important;
  padding: 1.85rem 1.6rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  cursor: default !important;
}

.pl-step-card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  border-color: #00A0AC !important;
  box-shadow: 0 20px 40px -10px rgba(0, 160, 172, 0.18) !important;
}

.pl-step-icon-wrap {
  width: 52px !important;
  height: 52px !important;
  border-radius: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.5rem !important;
  margin-bottom: 1.25rem !important;
  transition: transform 0.3s ease !important;
}

.pl-step-card:hover .pl-step-icon-wrap {
  transform: rotate(8deg) scale(1.1) !important;
}

.pl-step-num-badge {
  position: absolute !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  padding: 0.2rem 0.65rem !important;
  border-radius: 9999px !important;
  letter-spacing: 0.05em !important;
}

.pl-step-perk {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  margin-top: 1.25rem !important;
  padding: 0.3rem 0.65rem !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  color: #64748b !important;
  width: fit-content !important;
}

/* Fun Interactive Proposal Form */
.pl-form-section {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border-radius: 2rem !important;
  padding: 3.5rem 3rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 45px -10px rgba(15, 41, 66, 0.06) !important;
  position: relative !important;
}

@media (max-width: 768px) {
  .pl-steps-section,
  .pl-form-section {
    padding: 2rem 1.25rem !important;
    border-radius: 1.5rem !important;
  }
}

.pl-chip-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 9999px !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.pl-chip-btn:hover {
  border-color: #00A0AC !important;
  color: #00A0AC !important;
  background: rgba(0, 160, 172, 0.06) !important;
  transform: translateY(-1px) !important;
}

.pl-chip-btn.active {
  border-color: #00A0AC !important;
  background: #00A0AC !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 160, 172, 0.35) !important;
  transform: scale(1.03) !important;
}

.pl-perk-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  padding: 1.1rem 1.25rem !important;
  background: #ffffff !important;
  border: 1.5px solid #f1f5f9 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 4px 12px rgba(15, 41, 66, 0.03) !important;
  transition: all 0.25s ease !important;
}

.pl-perk-card:hover {
  border-color: #00A0AC !important;
  transform: translateX(4px) !important;
  box-shadow: 0 8px 20px rgba(0, 160, 172, 0.1) !important;
}

.pl-perk-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.25rem !important;
  flex-shrink: 0 !important;
}

.pl-submit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  width: 100% !important;
  padding: 0.95rem 2rem !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, #00A0AC 0%, #007D87 100%) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(0, 160, 172, 0.38) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pl-submit-btn:hover {
  background: linear-gradient(135deg, #008c96 0%, #006870 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0, 160, 172, 0.5) !important;
}

/* ==========================================================================
   OEM / ODM Private Label Overview Card (Doğu International)
   ========================================================================== */
.pl-overview-section {
  background: #ffffff !important;
  border-radius: 2rem !important;
  padding: 3.5rem 3rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px -5px rgba(15, 41, 66, 0.04) !important;
  text-align: center !important;
  margin-bottom: 2.5rem !important;
}

@media (max-width: 768px) {
  .pl-overview-section {
    padding: 2.25rem 1.5rem !important;
    border-radius: 1.5rem !important;
  }
}

.pl-overview-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  color: #e11d48 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}

.pl-overview-tag-divider {
  color: #f43f5e !important;
  font-weight: 400 !important;
}

.pl-overview-title {
  font-size: 2.15rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}

@media (min-width: 768px) {
  .pl-overview-title {
    font-size: 2.65rem !important;
  }
}

.pl-overview-accent-line {
  width: 48px !important;
  height: 3.5px !important;
  background: #e11d48 !important;
  border-radius: 9999px !important;
  margin: 0 auto 1.75rem auto !important;
}

.pl-overview-desc-wrap {
  max-width: 960px !important;
  margin: 0 auto 2.5rem auto !important;
  text-align: center !important;
}

.pl-overview-desc {
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #475569 !important;
  font-weight: 450 !important;
  margin-bottom: 1.15rem !important;
}

.pl-overview-desc:last-child {
  margin-bottom: 0 !important;
}

.pl-overview-features-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem 2rem !important;
  margin-bottom: 2.5rem !important;
}

@media (min-width: 1024px) {
  .pl-overview-features-row {
    flex-direction: row !important;
  }
}

.pl-overview-features-list {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  flex-wrap: wrap !important;
  gap: 1.75rem !important;
  flex: 1 !important;
}

.pl-overview-feat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.65rem !important;
  text-align: center !important;
}

.pl-overview-feat-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #e0f2fe !important;
  color: #0284c7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.25s ease !important;
}

.pl-overview-feat-item:hover .pl-overview-feat-icon {
  transform: translateY(-3px) scale(1.08) !important;
  background: #0284c7 !important;
  color: #ffffff !important;
}

.pl-overview-feat-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}

.pl-overview-stats-list {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

.pl-overview-stat-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.25rem !important;
  padding: 0.85rem 1.35rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  box-shadow: 0 4px 12px rgba(15, 41, 66, 0.04) !important;
  text-align: left !important;
}

.pl-overview-stat-icon {
  color: #0284c7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pl-overview-stat-num {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  line-height: 1.1 !important;
}

.pl-overview-stat-label {
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

.pl-overview-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  background: #0F2942 !important;
  color: #ffffff !important;
  padding: 0.95rem 2.5rem !important;
  border-radius: 9999px !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(15, 41, 66, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pl-overview-cta-btn:hover {
  background: #00A0AC !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(0, 160, 172, 0.35) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Cookie Consent Banner & Privacy Modals (Çerez Kullanımı ve Tercih Yönetimi)
   ========================================================================== */
.cookie-consent-banner {
  position: fixed !important;
  bottom: 1.5rem !important;
  left: 1.5rem !important;
  right: 1.5rem !important;
  max-width: 620px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem 1.75rem !important;
  box-shadow: 0 20px 50px -10px rgba(15, 41, 66, 0.22), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  transform: translateY(140%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0.35s !important;
}

.cookie-consent-banner.show {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 640px) {
  .cookie-consent-banner {
    bottom: 1rem !important;
    left: 1rem !important;
    right: 1rem !important;
    padding: 1.25rem !important;
  }
}

.cookie-consent-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.cookie-consent-text {
  font-size: 0.84rem !important;
  color: #475569 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.cookie-consent-links {
  font-size: 0.82rem !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  flex-wrap: wrap !important;
}

.cookie-consent-link {
  color: #0284c7 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.cookie-consent-link:hover {
  color: #00A0AC !important;
}

.cookie-consent-buttons {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  margin-top: 0.35rem !important;
}

.cookie-btn-primary {
  background: #0F2942 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding: 0.55rem 1.25rem !important;
  border-radius: 0.75rem !important;
  border: 1.5px solid #0F2942 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cookie-btn-primary:hover {
  background: #00A0AC !important;
  border-color: #00A0AC !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 160, 172, 0.3) !important;
}

.cookie-btn-secondary {
  background: #ffffff !important;
  color: #0F2942 !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding: 0.55rem 1.15rem !important;
  border-radius: 0.75rem !important;
  border: 1.5px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cookie-btn-secondary:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  transform: translateY(-1px) !important;
}

/* Modal Backdrop & Dialog */
.cookie-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 9999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.25s ease !important;
}

.cookie-modal-backdrop.show {
  opacity: 1 !important;
  visibility: visible !important;
}

.cookie-modal-card {
  background: #ffffff !important;
  border-radius: 1.5rem !important;
  max-width: 580px !important;
  width: 100% !important;
  max-height: 85vh !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 25px 60px -15px rgba(15, 41, 66, 0.35) !important;
  overflow: hidden !important;
  transform: scale(0.95) translateY(10px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cookie-modal-backdrop.show .cookie-modal-card {
  transform: scale(1) translateY(0) !important;
}

.cookie-modal-header {
  padding: 1.5rem 1.75rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.cookie-modal-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  margin: 0 !important;
}

.cookie-modal-close {
  background: #f1f5f9 !important;
  border: none !important;
  color: #64748b !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 1.25rem !important;
  transition: all 0.2s ease !important;
}

.cookie-modal-close:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

.cookie-modal-body {
  padding: 1.5rem 1.75rem !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

.cookie-pref-item {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem !important;
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 1rem !important;
}

.cookie-pref-info {
  flex: 1 !important;
}

.cookie-pref-title {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #0F2942 !important;
  margin-bottom: 0.25rem !important;
}

.cookie-pref-desc {
  font-size: 0.78rem !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.cookie-switch {
  position: relative !important;
  display: inline-block !important;
  width: 44px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
  margin-top: 4px !important;
}

.cookie-switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.cookie-slider {
  position: absolute !important;
  cursor: pointer !important;
  inset: 0 !important;
  background-color: #cbd5e1 !important;
  transition: .3s !important;
  border-radius: 24px !important;
}

.cookie-slider:before {
  position: absolute !important;
  content: "" !important;
  height: 18px !important;
  width: 18px !important;
  left: 3px !important;
  bottom: 3px !important;
  background-color: white !important;
  transition: .3s !important;
  border-radius: 50% !important;
}

.cookie-switch input:checked + .cookie-slider {
  background-color: #00A0AC !important;
}

.cookie-switch input:disabled + .cookie-slider {
  background-color: #0F2942 !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.cookie-switch input:checked + .cookie-slider:before {
  transform: translateX(20px) !important;
}

.cookie-modal-footer {
  padding: 1.25rem 1.75rem !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  background: #f8fafc !important;
}

/* ==========================================================================
   Section 1: 5-Aşamalı Private Label Üretim Süreci (Workflow)
   ========================================================================== */
.pl-workflow-section {
  background: #ffffff !important;
  border-radius: 2rem !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 12px 35px -6px rgba(15, 41, 66, 0.06) !important;
  padding: 3rem 2rem !important;
  margin: 3.5rem 0 !important;
}

@media (min-width: 1024px) {
  .pl-workflow-section {
    padding: 3.75rem 3rem !important;
  }
}

.pl-workflow-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  margin-top: 2.5rem !important;
}

@media (min-width: 640px) {
  .pl-workflow-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1280px) {
  .pl-workflow-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 1.25rem !important;
  }
}

.pl-workflow-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 1.5rem !important;
  padding: 1.75rem 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pl-workflow-card:hover {
  background: #ffffff !important;
  border-color: #00A0AC !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px -4px rgba(0, 160, 172, 0.16) !important;
}

.pl-workflow-num {
  font-size: 2rem !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #00A0AC 0%, #0284c7 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  line-height: 1 !important;
  margin-bottom: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.pl-workflow-icon-wrap {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(0, 160, 172, 0.1) !important;
  color: #00A0AC !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pl-workflow-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F2942 !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}

.pl-workflow-desc {
  font-size: 0.82rem !important;
  color: #64748b !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* ==========================================================================
   Section 2: Özelleştirilebilir Ürün Matrisi & Teknik Yetkinlikler
   ========================================================================== */
.pl-matrix-section {
  background: linear-gradient(145deg, #0b2238 0%, #071726 100%) !important;
  border-radius: 2rem !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px -10px rgba(11, 34, 56, 0.4) !important;
  padding: 3.25rem 2rem !important;
  color: #ffffff !important;
  margin: 3.5rem 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

@media (min-width: 1024px) {
  .pl-matrix-section {
    padding: 4rem 3.5rem !important;
  }
}

.pl-matrix-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.75rem !important;
  margin-top: 2.75rem !important;
}

@media (min-width: 768px) {
  .pl-matrix-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1280px) {
  .pl-matrix-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.pl-matrix-card {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 1.5rem !important;
  padding: 2rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pl-matrix-card:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #38bdf8 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 35px -6px rgba(56, 189, 248, 0.25) !important;
}

.pl-matrix-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.25rem 0.75rem !important;
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  border-radius: 9999px !important;
  color: #38bdf8 !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  width: fit-content !important;
  margin-bottom: 1rem !important;
}

.pl-matrix-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}

.pl-matrix-desc {
  font-size: 0.82rem !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
  margin-bottom: 1.25rem !important;
}

.pl-matrix-specs {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  padding-top: 1.15rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-bottom: 1.5rem !important;
}

.pl-matrix-spec-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  font-size: 0.78rem !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}

.pl-matrix-spec-icon {
  width: 16px !important;
  height: 16px !important;
  color: #38bdf8 !important;
  flex-shrink: 0 !important;
}

.pl-matrix-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
  padding: 0.65rem 1rem !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.pl-matrix-link:hover {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}