/* =====================================================================
   sharingo-brand.css — Tek açık tema + marka renk kilidi
   Sharin (violet) + Go (teal) · araç kiralama için net CTA = teal
   Koyu mod YOK
   ===================================================================== */

:root,
html,
html[data-theme],
html[data-theme="dark"],
html.sharingo-ui-dark-premium,
html.sharingo-ui-soft-light {
  color-scheme: light !important;

  /* Shell */
  --sg-bg: #f3f6fb;
  --sg-bg-soft: #eef3fb;
  --sg-bg-mint: #f0faf8;
  --sg-surface: #ffffff;
  --sg-elev: #f7f9fc;

  /* Ink */
  --sg-ink: #152033;
  --sg-ink-soft: #2a3348;
  --sg-muted: #5c667a;
  --sg-faint: #8b93a7;

  /* Brand — logo teal + violet */
  --sg-teal: #0f9e96;
  --sg-teal-deep: #0b827b;
  --sg-teal-soft: rgba(15, 158, 150, 0.12);
  --sg-violet: #6d5efc;
  --sg-violet-deep: #5646e0;
  --sg-violet-soft: rgba(109, 94, 252, 0.12);

  /* Aliases → tüm eski tokenlar */
  --ds-void: var(--sg-bg);
  --ds-deep: var(--sg-bg-soft);
  --ds-surface: var(--sg-surface);
  --ds-elev: var(--sg-elev);
  --ds-text: var(--sg-ink);
  --ds-text-soft: var(--sg-ink-soft);
  --ds-muted: var(--sg-muted);
  --ds-faint: var(--sg-faint);
  --ds-brand: var(--sg-teal);
  --ds-brand-hover: var(--sg-teal-deep);
  --ds-brand-soft: var(--sg-teal-soft);
  --ds-brand-text: var(--sg-teal-deep);
  --ds-accent: var(--sg-violet);
  --ds-accent-soft: var(--sg-violet-soft);
  --ds-accent-text: var(--sg-violet-deep);

  --uh-void: var(--sg-bg);
  --uh-brand: var(--sg-teal);
  --uh-brand-deep: var(--sg-teal-deep);
  --uh-brand-text: var(--sg-teal-deep);
  --uh-text: var(--sg-ink);

  --pp-bg: var(--sg-bg);
  --pp-card: var(--sg-surface);
  --pp-elev: var(--sg-elev);
  --pp-text: var(--sg-ink);
  --pp-soft: var(--sg-ink-soft);
  --pp-muted: var(--sg-muted);
  --pp-brand: var(--sg-teal);
  --pp-brand-deep: var(--sg-teal-deep);
  --pp-brand-soft: var(--sg-teal-soft);
  --pp-accent: var(--sg-violet);

  --dp-bg-void: var(--sg-bg);
  --dp-bg-deep: var(--sg-bg-soft);
  --dp-bg-base: var(--sg-bg);
  --dp-bg-surface: var(--sg-surface);
  --dp-bg-elevated: var(--sg-elev);
  --dp-bg-card: var(--sg-surface);
  --dp-text: var(--sg-ink);
  --dp-text-soft: var(--sg-ink-soft);
  --dp-text-muted: var(--sg-muted);
  --dp-blue: var(--sg-teal);
  --dp-blue-bright: var(--sg-teal);
  --dp-blue-deep: var(--sg-teal-deep);

  --pr-bg: var(--sg-bg);
  --pr-surface: var(--sg-surface);
  --pr-text: var(--sg-ink);
  --pr-brand: var(--sg-teal);
  --pr-brand-600: var(--sg-teal-deep);
}

html,
html[data-theme="dark"],
html.sharingo-ui-dark-premium {
  background: var(--sg-bg) !important;
}

html body,
html[data-theme="dark"] body,
html.sharingo-ui-dark-premium body {
  background-color: var(--sg-bg) !important;
  background-image:
    radial-gradient(90% 55% at 0% 0%, var(--sg-violet-soft) 0%, transparent 55%),
    radial-gradient(80% 50% at 100% 0%, var(--sg-teal-soft) 0%, transparent 52%),
    linear-gradient(180deg, #f5f7fc 0%, var(--sg-bg-mint) 46%, var(--sg-bg) 100%) !important;
  color: var(--sg-ink-soft) !important;
  color-scheme: light !important;
}

/* Primary actions = teal (Go) */
html body .cs-primary-btn-1,
html body .cs-secondary-btn-1,
html body .cs-secondary-btn-5,
html body .cs-header-btn-3,
html body a.cs-header-btn-3,
html body #searchButton,
html body button[type="submit"]:not(.close):not(.swal2-styled):not(.btn-link) {
  background: var(--sg-teal) !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .cs-primary-btn-1:hover,
html body .cs-secondary-btn-1:hover,
html body .cs-secondary-btn-5:hover,
html body .cs-header-btn-3:hover,
html body a.cs-header-btn-3:hover,
html body #searchButton:hover {
  background: var(--sg-teal-deep) !important;
  color: #fff !important;
}

/* Violet = secondary accent only (chips, soft highlights) */
html body .cs-accent-soft,
html body .badge-accent {
  background: var(--sg-violet-soft) !important;
  color: var(--sg-violet-deep) !important;
}

/* Hide theme toggle — dark mode kapalı */
html body .theme-toggle,
html body [data-theme-toggle],
html body .pr-theme-toggle,
html body .cs-theme-toggle {
  display: none !important;
}

/* ── Hero: soft-light branded stage (no dark stock photo) ── */
html body.p-home .cs-homepage-sec-1.p-home-hero,
html body .p-home-hero {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.p-home .p-home-hero .slider-container-1,
html body.p-home .p-home-hero .mainSlider,
html body.p-home .p-home-hero .owl-carousel {
  display: none !important;
}

html body.p-home .p-home-hero__stage {
  min-height: min(78vh, 720px) !important;
  background:
    radial-gradient(70% 90% at 8% 0%, rgba(15, 158, 150, 0.16) 0%, transparent 55%),
    radial-gradient(55% 70% at 100% 20%, rgba(15, 158, 150, 0.08) 0%, transparent 52%),
    linear-gradient(180deg, #eaf1f8 0%, #f3f6fb 58%, #f3f6fb 100%) !important;
}

html body.p-home .p-home-hero__brand {
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  text-shadow: none !important;
}

html body.p-home .p-home-hero__headline,
html body.p-home .p-home-hero__subtitle,
html body.p-home .p-home-hero__copy,
html body.p-home .p-home-hero__copy * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

html body.p-home .p-home-hero__headline {
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
}

html body.p-home .p-home-hero__subtitle {
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
}

html body.p-home .p-home-hero__cta--primary {
  background: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  text-shadow: none !important;
}

html body.p-home .p-home-hero__cta--ghost {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  border: 1px solid rgba(15, 158, 150, 0.28) !important;
  text-shadow: none !important;
}

/* legacy dark-photo hero overrides — only when old slider markup exists */
html body .cs-homepage-sec-1 .slider-container-1:not(.p-home-hero__stage),
html body .p-home-hero .slider-container-1 {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
}

html body .cs-homepage-sec-1 .slider-container-1::before,
html body .p-home-hero .slider-container-1::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg, rgba(15, 24, 40, 0.62) 0%, rgba(15, 24, 40, 0.28) 48%, rgba(15, 24, 40, 0.12) 100%),
    linear-gradient(180deg, rgba(15, 24, 40, 0.18) 0%, rgba(15, 24, 40, 0.45) 100%) !important;
  pointer-events: none !important;
}

html body .cs-homepage-sec-1 .slider-container-1 > *,
html body .p-home-hero .slider-container-1 > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .cs-homepage-sec-1 .slider-content-1,
html body .cs-homepage-sec-1 .slider-content-1 h1,
html body .cs-homepage-sec-1 .slider-content-1 h2,
html body .cs-homepage-sec-1 .slider-content-1 p,
html body .cs-homepage-sec-1 .desc-1,
html body .p-home-hero .slider-content-1,
html body .p-home-hero .slider-content-1 * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35) !important;
}

html body .cs-homepage-sec-1 .cs-white-btn-1,
html body .p-home-hero .cs-white-btn-1 {
  background: var(--sg-teal) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
  border-radius: 999px !important;
}

html body .cs-homepage-sec-1 .cs-white-outline-btn-1,
html body .p-home-hero .cs-white-outline-btn-1 {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
  border-radius: 999px !important;
}

/* ── Arama şeridi — tek satır, ikon+metin aynı hiza, yamuk yok ── */
html body .cs-loc-date-d-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.7fr) auto !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 40px rgba(26, 31, 54, 0.08) !important;
  overflow: visible !important;
  min-height: 72px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .cs-loc-date-d-1 .csld1-col-1,
html body .cs-loc-date-d-1 .csld1-col-2,
html body .cs-loc-date-d-1 .csld1-col-3 {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  position: relative !important;
  min-width: 0 !important;
}

html body .cs-loc-date-d-1 .csld1-col-1,
html body .cs-loc-date-d-1 .csld1-col-2 {
  border-right: 1px solid rgba(26, 31, 54, 0.1) !important;
}

html body .cs-loc-date-d-1 .csld1-col-3 {
  padding: 10px !important;
  flex: 0 0 auto !important;
}

/* Tarih çifti — bootstrap row/col yok */
html body .cs-loc-date-d-1 .cs-date-pair {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  min-width: 0 !important;
}

html body .cs-loc-date-d-1 .cs-date-pair > .cs-icon-box-1 {
  min-width: 0 !important;
}

html body .cs-loc-date-d-1 .cs-date-pair > .cs-icon-box-1 + .cs-icon-box-1 {
  border-left: 1px solid rgba(26, 31, 54, 0.1) !important;
  padding-left: 14px !important;
  margin-left: 0 !important;
}

html body .cs-loc-date-d-1 .cs-date-pair > .cs-icon-box-1:first-child {
  padding-right: 14px !important;
}

/* main.min .active — 40px pill + chevron öldür */
html body .cs-loc-date-d-1 .csld1-col-1.active,
html body .cs-loc-date-d-1 .csld1-col-2.active,
html body .cs-loc-date-d-1 .csld1-col-1.deactive,
html body .cs-loc-date-d-1 .csld1-col-2.deactive {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .cs-loc-date-d-1 .csld1-col-1,
html body .cs-loc-date-d-1 .csld1-col-1.active {
  border-right: 1px solid rgba(26, 31, 54, 0.1) !important;
}

html body .cs-loc-date-d-1 .csld1-col-2,
html body .cs-loc-date-d-1 .csld1-col-2.active {
  border-right: 1px solid rgba(26, 31, 54, 0.1) !important;
}

/* Her alan satırı: ikon | metin — GRID (wrap yok) */
html body .cs-loc-date-d-1 .cs-icon-box-1 {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: none !important;
  position: relative !important;
}

html body .cs-loc-date-d-1 .cs-icon-box-1::before,
html body .cs-loc-date-d-1 .cs-icon-box-1::after,
html body .cs-loc-date-d-1 .csld1-col-1.active .cs-icon-box-1::after,
html body .cs-loc-date-d-1 .csld1-col-2.active .cs-icon-box-1::after {
  content: none !important;
  display: none !important;
}

html body .cs-loc-date-d-1 .csib1-col-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: rgba(15, 158, 150, 0.12) !important;
  float: none !important;
  align-self: center !important;
}

html body .cs-loc-date-d-1 .csib1-col-1 .desc-1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
}

html body .cs-loc-date-d-1 .csib1-col-1 .desc-1 i,
html body .cs-loc-date-d-1 .csib1-col-1 i {
  margin: 0 !important;
  padding: 0 !important;
  color: #0b827b !important;
  font-size: 17px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}

html body .cs-loc-date-d-1 .csib1-col-2 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  gap: 2px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  align-self: center !important;
}

html body .cs-loc-date-d-1 .csib1-col-2 label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8b93a7 !important;
  -webkit-text-fill-color: #8b93a7 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

html body .cs-loc-date-d-1 .csib1-col-2 .form-control,
html body .cs-loc-date-d-1 .csib1-col-2 .desc-2,
html body .cs-loc-date-d-1 .jsStartTimeZone,
html body .cs-loc-date-d-1 .jsEndTimeZone {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  height: auto !important;
  min-height: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .cs-loc-date-d-1 .cs-secondary-btn-1,
html body .cs-loc-date-d-1 button.cs-secondary-btn-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 120px !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  background: #0f9e96 !important;
  border: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body .cs-loc-date-d-1 .cs-datetime-picker-1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Eski bootstrap tarih satırı — varsa yine düzelt */
html body .cs-loc-date-d-1 .csld1-col-2 .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 0 !important;
}

html body .cs-loc-date-d-1 .csld1-col-2 .col-12,
html body .cs-loc-date-d-1 .csld1-col-2 .col-md-6 {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 12px 0 0 !important;
  margin: 0 !important;
}

html body .cs-loc-date-d-1 .csld1-col-2 .col-md-6 + .col-md-6,
html body .cs-loc-date-d-1 .csld1-col-2 .col-12 + .col-12 {
  border-left: 1px solid rgba(26, 31, 54, 0.1) !important;
  padding-left: 14px !important;
  padding-right: 0 !important;
}

html body .cs-loc-date-d-1 .search-m-d-1 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 80 !important;
  background: #fff !important;
  border: 1px solid rgba(26, 31, 54, 0.1) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 40px rgba(26, 31, 54, 0.12) !important;
  color: #1a1f36 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}

html body .cs-loc-date-d-1 .csld1-col-1.active .search-m-d-1,
html body .cs-loc-date-d-1 .jsSearchParents1.active .search-m-d-1 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body .cs-loc-date-d-1 .search-m-d-1 a {
  color: #3b445c !important;
}

@media (max-width: 991.98px) {
  html body .cs-loc-date-d-1 {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html body .cs-loc-date-d-1 .csld1-col-1,
  html body .cs-loc-date-d-1 .csld1-col-2,
  html body .cs-loc-date-d-1 .csld1-col-3 {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(26, 31, 54, 0.1) !important;
    width: 100% !important;
  }

  html body .cs-loc-date-d-1 .csld1-col-3 {
    border-bottom: 0 !important;
  }

  html body .cs-loc-date-d-1 .cs-secondary-btn-1,
  html body .cs-loc-date-d-1 button.cs-secondary-btn-1 {
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  html body .cs-loc-date-d-1 .cs-date-pair {
    grid-template-columns: 1fr !important;
  }

  html body .cs-loc-date-d-1 .cs-date-pair > .cs-icon-box-1 + .cs-icon-box-1 {
    border-left: 0 !important;
    border-top: 1px solid rgba(26, 31, 54, 0.1) !important;
    padding-left: 0 !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
  }

  html body .cs-loc-date-d-1 .cs-date-pair > .cs-icon-box-1:first-child {
    padding-right: 0 !important;
  }
}

/* ── Footer: soft-light, okunur, ikonlar belirgin, staircase yok ── */
html body .cs-footer-1,
html body footer .cs-footer-1 {
  background:
    radial-gradient(70% 80% at 0% 0%, rgba(15, 158, 150, 0.08) 0%, transparent 55%),
    radial-gradient(60% 70% at 100% 0%, rgba(109, 94, 252, 0.07) 0%, transparent 50%),
    linear-gradient(180deg, #f0f6f5 0%, #eef2f8 100%) !important;
  border-top: 1px solid rgba(15, 158, 150, 0.16) !important;
  padding-top: 48px !important;
  padding-bottom: 28px !important;
}

html body .cs-footer-1 .cs-footer-row-1,
html body footer .cs-footer-1 .cs-footer-row-1 {
  display: grid !important;
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)) !important;
  gap: 28px 24px !important;
  align-items: start !important;
}

html body .cs-footer-1 .csfr1-col-1,
html body footer .cs-footer-1 .csfr1-col-1 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

/* Column labels — küçük uppercase, eşit taban hizası */
html body .cs-footer-1 h5,
html body .cs-footer-1 h5.cs-wbg-head-1,
html body .cs-footer-1 h5.cs-wbg-head-2,
html body .cs-footer-1 .cs-wbg-head-1,
html body .cs-footer-1 .cs-wbg-head-2,
html body .cs-footer-1 h5.cs-wbg-head-1 span,
html body .cs-footer-1 h5.cs-wbg-head-2 span {
  color: var(--sg-ink) !important;
  -webkit-text-fill-color: var(--sg-ink) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
  min-height: 2.6em !important;
  display: flex !important;
  align-items: flex-end !important;
  background: none !important;
  background-image: none !important;
}

html body .cs-footer-1 h5.cs-wbg-head-1 span::before,
html body .cs-footer-1 h5.cs-wbg-head-1 span::after,
html body .cs-footer-1 h5.cs-wbg-head-2 span::before,
html body .cs-footer-1 h5.cs-wbg-head-2 span::after {
  display: none !important;
  content: none !important;
}

html body .cs-footer-1 .cs-footer-menu-1 {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .cs-footer-1 .cs-footer-menu-1 a {
  color: #3d465c !important;
  -webkit-text-fill-color: #3d465c !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.45 !important;
  opacity: 1 !important;
  transition: color .15s ease;
}

html body .cs-footer-1 .cs-footer-menu-1 a:hover {
  color: var(--sg-teal-deep) !important;
  -webkit-text-fill-color: var(--sg-teal-deep) !important;
}

html body .cs-footer-1 .cs-footer-image-1 {
  margin-bottom: 4px !important;
}

html body .cs-sticky-header-1 .cs-main-logo-1 img,
html body .cs-main-logo-1 img,
html body .cs-sticky-header-1.header-transparent .cs-main-logo-1 img,
html body .cs-sticky-header-1.header-transparent.is-scrolled .cs-main-logo-1 img {
  filter: none !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
  max-height: 40px !important;
  width: auto !important;
  height: auto !important;
}

html body .cs-sticky-header-1,
html body .cs-sticky-header-1.header-transparent,
html body .cs-sticky-header-1.is-scrolled,
html body .cs-sticky-header-1.header-transparent.is-scrolled,
html body .cs-sticky-header-1.is-menu-open {
  background: rgba(243, 246, 251, 0.94) !important;
  background-color: rgba(243, 246, 251, 0.94) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(26, 31, 54, 0.05) !important;
  min-height: 72px !important;
}

html body .cs-sticky-header-1:not(.is-menu-open) {
  max-height: 88px !important;
}

html body .cs-sticky-header-1 .main-a-1,
html body .cs-sticky-header-1.header-transparent .main-a-1,
html body .cs-sticky-header-1.header-transparent.is-scrolled .main-a-1,
html body .cs-sticky-header-1.is-scrolled .main-a-1 {
  color: #2d3550 !important;
  -webkit-text-fill-color: #2d3550 !important;
}

html body .cs-footer-1 .cs-footer-image-1 img {
  filter: none !important;
  opacity: 1 !important;
  max-height: 40px !important;
  width: auto !important;
  display: block !important;
}

html body .cs-footer-1 .cs-download-app-1 .text-1,
html body .cs-footer-1 .cs-download-app-1 p {
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 14px 0 10px !important;
  opacity: 1 !important;
}

html body .cs-footer-1 .cs-download-app-1 .image-m-1 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

html body .cs-footer-1 .cs-download-app-1 .image-m-1 li {
  margin: 0 !important;
}

html body .cs-footer-1 .cs-download-app-1 .image-m-1 img {
  height: 40px !important;
  width: auto !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Social — eşit kutu, sabit ikon, kayma yok */
html body .cs-footer-1 .cs-social-menu-1 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

html body .cs-footer-1 .cs-social-menu-1 li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
}

html body .cs-footer-1 .cs-social-menu-1 a {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 158, 150, 0.35) !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: 0 4px 12px rgba(15, 158, 150, 0.08) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

html body .cs-footer-1 .cs-social-menu-1 a i,
html body .cs-footer-1 .cs-social-menu-1 a .fab,
html body .cs-footer-1 .cs-social-menu-1 a .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  min-width: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

html body .cs-footer-1 .cs-social-menu-1 a:hover {
  background: #0f9e96 !important;
  border-color: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-2px);
}

html body .cs-footer-1 .cs-social-menu-1 a:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Kariyer / iş ilanı banner sosyal ikonları */
html body .cs-banner-socialbox-1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html body .cs-banner-socialbox-1 a {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 158, 150, 0.35) !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body .cs-banner-socialbox-1 a i {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: inherit !important;
  width: 1em !important;
  height: 1em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .cs-banner-socialbox-1 a:hover {
  background: #0f9e96 !important;
  border-color: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Lang switcher */
html body .cs-footer-1 .cs-footer-menu-2 {
  display: flex !important;
  gap: 8px !important;
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(26, 31, 54, 0.08) !important;
  list-style: none !important;
}

html body .cs-footer-1 .cs-footer-menu-2 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 36px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.12) !important;
  color: #3d465c !important;
  -webkit-text-fill-color: #3d465c !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .cs-footer-1 .cs-footer-menu-2 li.active a,
html body .cs-footer-1 .cs-footer-menu-2 a:hover {
  background: rgba(15, 158, 150, 0.12) !important;
  border-color: rgba(15, 158, 150, 0.45) !important;
  color: var(--sg-teal-deep) !important;
  -webkit-text-fill-color: var(--sg-teal-deep) !important;
}

@media (max-width: 991.98px) {
  html body .cs-footer-1 .cs-footer-row-1,
  html body footer .cs-footer-1 .cs-footer-row-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .cs-footer-1 .cs-footer-row-1 > .csfr1-col-1:first-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 767.98px) {
  html body .cs-footer-1 .cs-footer-row-1,
  html body footer .cs-footer-1 .cs-footer-row-1 {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  html body .cs-footer-1 .cs-footer-row-1 > .csfr1-col-1:first-child,
  html body .cs-footer-1 .csfr1-col-1 {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  html body .cs-footer-1 .cs-footer-row-1,
  html body footer .cs-footer-1 .cs-footer-row-1 {
    grid-template-columns: 1fr !important;
  }
}

/* ── FAQ page — tek panel, sekme/accordion aynı genişlik (yamuk yok) ── */
html body.page-faq .cs-faq-sec-1,
html body .cs-faq-sec-1 {
  padding: clamp(24px, 3.5vw, 48px) 0 clamp(40px, 5vw, 72px) !important;
  background: transparent !important;
}

html body.page-faq .cs-faq-sec-1 .content-area-1,
html body.page-faq .p-faq-panel,
html body .cs-faq-sec-1 .p-faq-panel {
  max-width: 880px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2vw, 22px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 40px rgba(26, 31, 54, 0.06) !important;
  box-sizing: border-box !important;
  float: none !important;
  position: relative !important;
  overflow: hidden !important;
}

html body.page-faq .p-faq-panel__tabs,
html body.page-faq .cs-faq-sec-1 .cs-navTabs-1,
html body.page-faq .cs-faq-sec-1 .nav-tabs,
html body .cs-faq-sec-1 .p-faq-panel__tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 6px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 16px !important;
  background: #f3f6fb !important;
  box-shadow: none !important;
  float: none !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-item,
html body .cs-faq-sec-1 .p-faq-panel__tabs .nav-item {
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  flex: none !important;
}

html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-link,
html body.page-faq .cs-faq-sec-1 .nav-link,
html body .cs-faq-sec-1 .p-faq-panel__tabs .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
  float: none !important;
  position: relative !important;
}

html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-link::before,
html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-link::after,
html body.page-faq .cs-faq-sec-1 .nav-link::before,
html body.page-faq .cs-faq-sec-1 .nav-link::after {
  content: none !important;
  display: none !important;
}

html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-link.active,
html body.page-faq .cs-faq-sec-1 .nav-link.active,
html body .cs-faq-sec-1 .p-faq-panel__tabs .nav-link.active {
  background: #ffffff !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: 0 4px 14px rgba(26, 31, 54, 0.08) !important;
}

html body.page-faq .p-faq-panel__body,
html body.page-faq .cs-faq-sec-1 .cs-navTabs-content-1,
html body.page-faq .cs-faq-sec-1 .tab-content {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  position: relative !important;
  clear: both !important;
}

html body.page-faq .cs-faq-sec-1 .in-content-1,
html body.page-faq .cs-faq-sec-1 .tab-pane {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* main.min 680px accordion — öldür, sekmelerle aynı genişlik */
html body.page-faq .cs-faq-sec-1 .cs-accordion-1,
html body .cs-faq-sec-1 .cs-accordion-1 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card,
html body .cs-faq-sec-1 .cs-accordion-1 > .card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card:last-child {
  border-bottom: 0 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card > .card-header {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card > .card-header h5 {
  margin: 0 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card > .card-header .btn-link,
html body.page-faq .cs-faq-sec-1 .card-header button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 16px 52px 16px 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: none !important;
  position: relative !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card > .card-header .btn-link:not(.collapsed),
html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card.is-open > .card-header .btn-link {
  background: rgba(15, 158, 150, 0.06) !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-1 > .card > .collapse > .card-body {
  padding: 0 14px 16px !important;
  background: #f8fafc !important;
  border-top: 0 !important;
  color: #2a3348 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-2 > .card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-2 > .card > .card-header .btn-link {
  padding: 14px 48px 14px 16px !important;
  min-height: 48px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  background: #ffffff !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-2 > .card > .card-header .btn-link:not(.collapsed) {
  background: #f0faf7 !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
}

html body.page-faq .cs-faq-sec-1 .cs-accordion-2 > .card > .collapse > .card-body {
  padding: 4px 18px 18px !important;
  background: #ffffff !important;
  color: #2a3348 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

@media (max-width: 575.98px) {
  html body.page-faq .p-faq-panel__tabs,
  html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 {
    grid-template-columns: 1fr !important;
  }

  html body.page-faq .cs-faq-sec-1 .cs-navTabs-1 .nav-link {
    white-space: normal !important;
  }
}

/* ── FAQ accordion / tabs — soft-light (eski underline kurallar kaldırıldı) ── */
html body .cs-faq-sec-1 .card-body {
  color: var(--sg-ink-soft) !important;
}

/* App download band — force readable white type + solid store badges */
html.sharingo-ui-soft-light body .p-home .cs-homepage-sec-8.p-home-app,
html body.p-home .cs-homepage-sec-8.p-home-app,
html body .cs-homepage-sec-8.p-home-app {
  background:
    radial-gradient(90% 80% at 100% 0%, rgba(109, 94, 252, 0.28) 0%, transparent 55%),
    linear-gradient(115deg, #0b3d4a 0%, #0f9e96 48%, #0b827b 100%) !important;
  background-color: #0b3d4a !important;
  color: #fff !important;
}

html.sharingo-ui-soft-light body .p-home .p-home-app__eyebrow,
html.sharingo-ui-soft-light body .p-home .p-home-app__title,
html.sharingo-ui-soft-light body .p-home .p-home-app__title span,
html.sharingo-ui-soft-light body .p-home .p-home-app h2,
html.sharingo-ui-soft-light body .p-home .p-home-app h2 span,
html body.p-home .p-home-app__eyebrow,
html body.p-home .p-home-app__title,
html body.p-home .p-home-app__title span,
html body.p-home .p-home-app h2,
html body.p-home .p-home-app h2 span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  opacity: 1 !important;
}

html.sharingo-ui-soft-light body .p-home .p-home-app__subtitle,
html body.p-home .p-home-app__subtitle,
html body.p-home .p-home-app p {
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
  opacity: 1 !important;
}

html body.p-home .p-home-app__badge,
html body.p-home .p-home-app__badge--highlight {
  background: #ffffff !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

html body.p-home .p-home-app__badge img,
html body.p-home .p-home-app__badge--highlight img {
  height: 54px !important;
  max-height: 54px !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Blog row — straighten kayık layout (kill 85–100px pad + flex pin) */
html body.p-home .cs-homepage-sec-10 .cs-blog-content-row-1 {
  display: grid !important;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
  gap: clamp(18px, 2.5vw, 28px) !important;
  align-items: center !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.p-home .cs-homepage-sec-10 .csbcr1-col-1,
html body.p-home .cs-homepage-sec-10 .csbcr1-col-2 {
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.p-home .cs-homepage-sec-10 .cs-blog-box-1 {
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

html body.p-home .cs-homepage-sec-10 .cs-blog-box-1 .head-1 {
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  min-height: calc(1.35em * 2) !important;
  max-height: calc(1.35em * 2) !important;
  margin: 14px 14px 8px !important;
  padding: 0 !important;
}

html body.p-home .cs-homepage-sec-10 .cs-blog-box-1 .desc-1 {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  margin: 0 14px 12px !important;
  padding: 0 !important;
}

html body.p-home .cs-homepage-sec-10 .cs-blog-box-1 .link-1 {
  display: inline-flex !important;
  overflow: visible !important;
  margin: auto 14px 14px !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body.p-home .cs-homepage-sec-10 .cs-global-desc-1,
html body.p-home .cs-blog-content-row-1 .cs-global-desc-1 {
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
}

@media (max-width: 991.98px) {
  html body.p-home .cs-homepage-sec-10 .cs-blog-content-row-1 {
    grid-template-columns: 1fr !important;
  }
}

/* =====================================================================
   Arabani Paylaş — earnings calculator selects (soft-light)
   ===================================================================== */
html body .cs-syc-sec1 .cs-global-select2-container-1,
html body .cs-syc-sec1 .cs-global-select2-container-2 {
  gap: 8px !important;
}

html body .cs-syc-sec1 .select2-container {
  width: 100% !important;
}

html body .cs-syc-sec1 .select2-container--default .select2-selection--single,
html body .cs-syc-sec1 .cs-global-select2-container-1 .select2-selection--single,
html body .cs-syc-sec1 .cs-global-select2-container-2 .select2-selection--single {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 40px 0 16px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid rgba(26, 31, 54, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(21, 32, 51, 0.04) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html body .cs-syc-sec1 .select2-container--default .select2-selection--single:hover {
  border-color: rgba(15, 158, 150, 0.45) !important;
}

html body .cs-syc-sec1 .select2-selection__rendered {
  color: #152033 !important;
  -webkit-text-fill-color: #152033 !important;
  line-height: 50px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 0 !important;
}

html body .cs-syc-sec1 .select2-selection__placeholder {
  color: #8b93a7 !important;
  -webkit-text-fill-color: #8b93a7 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

html body .cs-syc-sec1 .select2-selection__arrow {
  height: 50px !important;
  width: 36px !important;
  top: 1px !important;
  right: 4px !important;
}

html body .cs-syc-sec1 .select2-selection__arrow b {
  border: none !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: -7px !important;
  margin-top: -7px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
}

html body .cs-syc-sec1 .select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b827b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

html body .cs-syc-sec1 .select2-container--open .select2-selection--single,
html body .cs-syc-sec1 .select2-container--focus .select2-selection--single {
  border-color: #0f9e96 !important;
  box-shadow: 0 0 0 4px rgba(15, 158, 150, 0.16) !important;
}

html body .cs-syc-sec1 .cs-start-dropdown,
html body .cs-syc-sec1 button.cs-primary-btn-1.cs-start-dropdown {
  box-sizing: border-box !important;
  min-height: 52px !important;
  height: 52px !important;
  max-height: 52px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  background: #0f9e96 !important;
  background-image: none !important;
  line-height: 1 !important;
}

/* Open menu panel (often portaled to body) */
body .select2-container--open .select2-dropdown,
body .select2-dropdown.select2-dropdown--below,
body .select2-dropdown.select2-dropdown--above {
  margin-top: 6px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(21, 32, 51, 0.14) !important;
  overflow: hidden !important;
  z-index: 10060 !important;
}

body .select2-container--default .select2-results__option {
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2a3348 !important;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background: rgba(15, 158, 150, 0.12) !important;
  color: #0b827b !important;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
  min-height: 42px !important;
  margin: 8px !important;
  padding: 8px 12px !important;
  width: calc(100% - 16px) !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(26, 31, 54, 0.12) !important;
  border-radius: 10px !important;
  color: #152033 !important;
  outline: none !important;
}

body .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #0f9e96 !important;
  box-shadow: 0 0 0 3px rgba(15, 158, 150, 0.14) !important;
}

/* ── Haber Ver / date-box: ikon metnin üstüne binmesin ── */
html body .cs-signal-cont-1 .date-box-1,
html body .date-box-1 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

html body .cs-signal-cont-1 .date-box-1 label,
html body .date-box-1 label,
html body .cs-form-1 .date-box-1 label {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

html body .cs-signal-cont-1 .date-box-1 label::before,
html body .cs-signal-cont-1 .date-box-1 label:before,
html body .date-box-1 label::before,
html body .date-box-1 label:before,
html body .cs-form-1 .date-box-1 label::before,
html body .cs-form-1 .date-box-1 label:before,
html body .cs-signal-cont-1 .date-box-1::after,
html body .date-box-1::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
}

html body .cs-signal-cont-1 .date-box-1 .date-field-1,
html body .date-box-1 .date-field-1 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body .cs-signal-cont-1 .date-box-1 .date-field-1 > i,
html body .date-box-1 .date-field-1 > i {
  flex: 0 0 auto !important;
  color: #0f9e96 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  width: 18px !important;
  text-align: center !important;
  pointer-events: none !important;
}

html body .cs-signal-cont-1 .date-box-1 .date-field-1 .form-control,
html body .cs-signal-cont-1 .date-box-1 .date-field-1 input,
html body .date-box-1 .date-field-1 .form-control,
html body .date-box-1 .date-field-1 input,
html body .date-box-1 .date-field-1 input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-indent: 0 !important;
}

/* intl-tel bayrakları — sprite path (assets/css → assets/img) */
html body .iti__flag {
  display: inline-block !important;
  background-image: url("../img/other/flags.png") !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  html body .iti__flag {
    background-image: url("../img/other/flags@2x.png") !important;
    background-size: 5652px 15px !important;
  }
}

html body .iti__selected-flag {
  background-color: #f7f9fc !important;
  background-image: none !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(26, 31, 54, 0.12) !important;
}

html body .iti {
  border: 1px solid rgba(26, 31, 54, 0.14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

html body .iti input.form-control,
html body .iti input,
html body .iti__tel-input {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── Contact page — split-screen soft-light (no card spam) ── */
html body.page-contact .cs-contact-us-sec-1,
html body .cs-contact-us-sec-1 {
  padding: clamp(12px, 2vw, 28px) 0 clamp(48px, 6vw, 80px) !important;
  background: transparent !important;
}

html body.page-contact .p-contact-shell {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

html body.page-contact .p-contact-hero {
  display: none !important;
}

html body.page-contact .cs-contact-us-main,
html body .cs-contact-us-sec-1 .cs-contact-us-main,
html body.page-contact .cs-full-container-1 {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

html body.page-contact .cs-contact-us-wrapper,
html body.page-contact .p-contact,
html body .cs-contact-us-sec-1 .cs-contact-us-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  border-radius: 28px !important;
  overflow: visible !important;
  border: 1px solid rgba(26, 31, 54, 0.07) !important;
  background: #ffffff !important;
  box-shadow: 0 28px 64px rgba(26, 31, 54, 0.07) !important;
}

html body.page-contact .cs-contact-us-imagebox-1,
html body.page-contact .cs-contact-us-form-wrapper,
html body .cs-contact-us-sec-1 .cs-contact-us-imagebox-1,
html body .cs-contact-us-sec-1 .cs-contact-us-form-wrapper {
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  display: block !important;
  justify-content: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body.page-contact .p-contact__aside {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background:
    linear-gradient(180deg, #e8f4f3 0%, #f3f6fb 55%, #ffffff 100%) !important;
  border-right: 1px solid rgba(26, 31, 54, 0.06) !important;
  border-radius: 28px 0 0 28px !important;
  overflow: hidden !important;
}

html body.page-contact .p-contact__media {
  position: relative !important;
  flex: 0 0 auto !important;
  min-height: 280px !important;
  height: clamp(280px, 36vw, 360px) !important;
  overflow: hidden !important;
  background: #0b827b !important;
}

html body.page-contact .p-contact__media img,
html body.page-contact .p-contact__visual img,
html body.page-contact .p-contact__hero img,
html body.page-contact .cs-contact-us-imagebox-1 > img,
html body .cs-contact-us-sec-1 .cs-contact-us-imagebox-1 img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  margin: 0 !important;
  filter: none !important;
  animation: none !important;
}

html body.page-contact .p-contact__media-scrim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(11, 40, 48, 0.15) 0%, rgba(11, 40, 48, 0.55) 100%),
    linear-gradient(90deg, rgba(11, 130, 123, 0.25) 0%, transparent 60%) !important;
  pointer-events: none !important;
}

html body.page-contact .p-contact__media-copy {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 24px 28px 28px !important;
  color: #ffffff !important;
}

html body.page-contact .p-contact__media-brand {
  margin: 0 0 8px !important;
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

html body.page-contact .p-contact__media-title {
  margin: 0 0 6px !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-contact .p-contact__media-lead {
  margin: 0 !important;
  max-width: 32ch !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

html body.page-contact .p-contact__aside-body {
  padding: 22px 28px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
}

html body.page-contact .p-contact__aside-title {
  margin: 0 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

html body.page-contact .p-contact__aside-desc {
  margin: 0 0 10px !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

html body.page-contact .cs-contact-info-list,
html body.page-contact .p-contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid rgba(26, 31, 54, 0.06) !important;
}

html body.page-contact .cs-contact-info-item,
html body.page-contact .p-contact-info__item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 31, 54, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: none !important;
}

html body.page-contact .p-contact-info__item:last-child {
  border-bottom: 0 !important;
}

html body.page-contact .p-contact-info__item:hover {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border-bottom-color: rgba(26, 31, 54, 0.06) !important;
}

html body.page-contact .p-contact-info__icon {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(15, 158, 150, 0.12) !important;
  color: #0b827b !important;
  font-size: 14px !important;
  margin-top: 1px !important;
}

html body.page-contact .p-contact-info__body {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body.page-contact .cs-contact-info-item strong,
html body.page-contact .p-contact-info__body strong {
  display: block !important;
  margin: 0 0 2px !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
}

html body.page-contact .cs-contact-info-item a,
html body.page-contact .cs-contact-info-item span,
html body.page-contact .cs-contact-info-item div,
html body.page-contact .p-contact-info__body a,
html body.page-contact .p-contact-info__body span,
html body.page-contact .p-contact-info__body div {
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

html body.page-contact .p-contact-info__body a {
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body.page-contact .p-contact-info__body a:hover {
  text-decoration: underline !important;
}

/* Form panel */
html body.page-contact .p-contact__form,
html body.page-contact .cs-contact-us-form-wrapper {
  background: #ffffff !important;
  padding: clamp(24px, 3.2vw, 40px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  isolation: auto !important;
  border-radius: 0 28px 28px 0 !important;
}

html body.page-contact .p-contact__form::before {
  content: none !important;
  display: none !important;
}

html body.page-contact .p-contact__form > form,
html body.page-contact .cs-contact-us-form-wrapper > form {
  position: relative !important;
  z-index: 1 !important;
}

html body.page-contact .cs-contact-us-form-wrapper .cs-form-1,
html body .cs-contact-us-sec-1 .cs-form-1 {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.page-contact .p-contact__form-head {
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.page-contact .p-contact__eyebrow {
  display: none !important;
}

html body.page-contact .p-contact__title,
html body.page-contact .cs-contact-us-form-wrapper .cs-wbg-head-2,
html body.page-contact .cs-contact-us-form-wrapper .cs-wbg-head-2 span,
html body.page-contact .p-contact__form-head,
html body.page-contact .p-contact__form-head * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.page-contact .p-contact__title,
html body.page-contact .cs-contact-us-form-wrapper .cs-wbg-head-2 {
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-align: left !important;
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  line-height: 1.15 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

html body.page-contact .p-contact__title span {
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.page-contact .p-contact__title span::before,
html body.page-contact .p-contact__title span::after,
html body.page-contact .cs-contact-us-form-wrapper .cs-wbg-head-2 span::before,
html body.page-contact .cs-contact-us-form-wrapper .cs-wbg-head-2 span::after {
  content: none !important;
  display: none !important;
}

html body.page-contact .p-contact__form-lead {
  margin: 0 !important;
  max-width: 40ch !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

html body.page-contact .cs-form-1 .form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -8px !important;
}

html body.page-contact .cs-form-1 .form-group {
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 14px !important;
  float: none !important;
  position: relative !important;
}

html body.page-contact .cs-form-1 label {
  display: block !important;
  margin: 0 0 6px !important;
  color: #6b7388 !important;
  -webkit-text-fill-color: #6b7388 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

html body.page-contact .cs-form-1 .form-control,
html body.page-contact .cs-form-1 textarea.form-control,
html body.page-contact .cs-primary-select2-1 .select2-selection--single {
  min-height: 50px !important;
  border: 1px solid rgba(26, 31, 54, 0.1) !important;
  border-radius: 14px !important;
  background: #f7f9fc !important;
  box-shadow: none !important;
  color: #1a1f36 !important;
  font-size: 14.5px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

html body.page-contact .cs-form-1 .form-control:hover,
html body.page-contact .cs-form-1 textarea.form-control:hover {
  border-color: rgba(15, 158, 150, 0.28) !important;
  background: #ffffff !important;
}

html body.page-contact .cs-form-1 .form-control:focus,
html body.page-contact .cs-form-1 textarea.form-control:focus {
  background: #ffffff !important;
  border-color: rgba(15, 158, 150, 0.5) !important;
  box-shadow: 0 0 0 4px rgba(15, 158, 150, 0.12) !important;
}

html body.page-contact .cs-form-1 textarea.form-control {
  min-height: 120px !important;
  padding-top: 12px !important;
  resize: vertical !important;
}

/* Channel segment — tek satır, kutu yok */
html body.page-contact .p-contact__channel-wrap {
  margin-bottom: 10px !important;
}

html body.page-contact .p-contact__channel-title,
html body.page-contact .cs-form-subtitle {
  margin: 2px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.page-contact .p-contact__segment {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #f3f6fb !important;
  border: 1px solid rgba(26, 31, 54, 0.06) !important;
}

html body.page-contact .p-contact__segment-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border-radius: 11px !important;
  cursor: pointer !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-align: center !important;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
  user-select: none !important;
}

html body.page-contact .p-contact__segment-item input {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

html body.page-contact .p-contact__segment-item span {
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

html body.page-contact .p-contact__segment-item.is-active {
  background: #ffffff !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  box-shadow: 0 4px 12px rgba(26, 31, 54, 0.08) !important;
  font-weight: 750 !important;
}

/* Kill old channel box styles if any leftover markup */
html body.page-contact .p-contact__channel,
html body.page-contact .cs-contact-us-form-wrapper .form-group.d-flex,
html body .cs-contact-us-sec-1 .cs-contact-us-form-wrapper .form-group.d-flex {
  display: none !important;
}

html body.page-contact .p-contact__channel-field {
  width: 100% !important;
}

html body.page-contact .p-contact__channel-field[hidden] {
  display: none !important;
}

html body.page-contact .p-phone-field,
html body.page-contact .p-contact__channel-field.p-phone-field {
  width: 100% !important;
}

html body.page-contact .p-phone-field__shell,
html body.page-contact .p-phone-field .iti {
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-contact .p-phone-field .iti input,
html body.page-contact .p-phone-field input.jsGlobalCountry1 {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body.page-contact .p-contact__upload {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.page-contact .cs-upload-file-1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  border-radius: 12px !important;
  border: 1px dashed rgba(15, 158, 150, 0.4) !important;
  background: rgba(15, 158, 150, 0.05) !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}

html body.page-contact .cs-upload-file-1:hover {
  background: rgba(15, 158, 150, 0.1) !important;
  border-color: rgba(15, 158, 150, 0.6) !important;
}

html body.page-contact .cs-form-login-1 {
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: #f7f9fc !important;
}

html body.page-contact .cs-form-login-1 .cs-desc-1 {
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
}

html body.page-contact .cs-form-login-1 .cs-primary-link-1 {
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body.page-contact .p-contact__submit {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

html body.page-contact .p-contact__submit .cs-primary-btn-3,
html body.page-contact .cs-contact-us-form-wrapper button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 750 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 12px 28px rgba(15, 158, 150, 0.28) !important;
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

html body.page-contact .p-contact__submit .cs-primary-btn-3:hover {
  background: #0d8a83 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 32px rgba(15, 158, 150, 0.34) !important;
  filter: none !important;
}

@media (max-width: 991.98px) {
  html body.page-contact .cs-contact-us-wrapper,
  html body.page-contact .p-contact,
  html body .cs-contact-us-sec-1 .cs-contact-us-wrapper {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  html body.page-contact .p-contact__aside {
    order: -1 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(26, 31, 54, 0.06) !important;
    border-radius: 22px 22px 0 0 !important;
  }

  html body.page-contact .p-contact__media {
    height: 220px !important;
    min-height: 220px !important;
  }

  html body.page-contact .p-contact__media-copy {
    padding: 18px 20px 20px !important;
  }

  html body.page-contact .p-contact__aside-body {
    padding: 18px 20px 20px !important;
  }

  html body.page-contact .p-contact__form,
  html body.page-contact .cs-contact-us-form-wrapper {
    padding: 22px 18px 24px !important;
    border-radius: 0 0 22px 22px !important;
  }

  html body.page-contact .p-contact__segment-item {
    font-size: 12px !important;
    padding: 10px 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-contact .p-contact__submit .cs-primary-btn-3:hover {
    transform: none !important;
  }
}

/* ── Career page — soft hero, okunaklı metin, iş kartları ── */
html body.page-career .p-career-hero.cs-banner-sec-1--soft,
html body.page-career .cs-banner-sec-1.cs-banner-sec-1--soft {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
}

html body.page-career .p-career-hero .cs-banner-wrapper {
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(28px, 4vw, 48px) 16px !important;
  background:
    radial-gradient(70% 80% at 10% 0%, rgba(15, 158, 150, 0.10) 0%, transparent 55%),
    radial-gradient(60% 70% at 100% 20%, rgba(109, 94, 252, 0.08) 0%, transparent 50%),
    #f3f6fb !important;
  background-image: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
}

html body.page-career .p-career-hero__copy,
html body.page-career .p-career-hero .cs-banner-textbox-1 {
  max-width: 640px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
}

html body.page-career .p-career-hero__brand {
  margin: 0 !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
}

html body.page-career .p-career-hero__title,
html body.page-career .p-career-hero .cs-title-1 {
  margin: 0 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

html body.page-career .p-career-hero__lead,
html body.page-career .p-career-hero .cs-desc-1 {
  margin: 0 !important;
  max-width: 42ch !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.page-career .p-career-hero__cta,
html body.page-career .cs-white-outline-btn-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  margin: 4px 0 0 !important;
  border-radius: 14px !important;
  border: 0 !important;
  background: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(15, 158, 150, 0.25) !important;
  white-space: nowrap !important;
}

html body.page-career .p-career-hero__cta:hover {
  background: #0d8a83 !important;
  color: #ffffff !important;
}

html body.page-career .p-career-hero__social,
html body.page-career .cs-banner-socialbox-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
  padding: 8px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(26, 31, 54, 0.06) !important;
  width: auto !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

html body.page-career .p-career-hero__social a,
html body.page-career .cs-banner-socialbox-1 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: rgba(15, 158, 150, 0.1) !important;
  color: #0b827b !important;
  text-decoration: none !important;
  font-size: 15px !important;
}

html body.page-career .p-career-hero__social a:hover {
  background: #0f9e96 !important;
  color: #ffffff !important;
}

/* Story card */
html body.page-career .cs-career-sec-1,
html body.page-career .p-career-story {
  padding: 8px 0 28px !important;
  margin: 0 !important;
  background: transparent !important;
}

html body.page-career .cs-career-content-wrapper-1 {
  padding: 0 !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

html body.page-career .p-career-story__card,
html body.page-career .cs-career-item-1 {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 40px rgba(26, 31, 54, 0.06) !important;
  padding: clamp(22px, 3vw, 36px) !important;
  margin: 0 !important;
  gap: 0 !important;
}

html body.page-career .cs-career-textbox-1,
html body.page-career .cs-career-textbox-1 * {
  font-family: Inter, "Segoe UI", sans-serif !important;
  color: #2a3348 !important;
  -webkit-text-fill-color: #2a3348 !important;
}

html body.page-career .cs-career-textbox-1 h1,
html body.page-career .cs-career-textbox-1 h2,
html body.page-career .cs-career-textbox-1 h3,
html body.page-career .cs-career-textbox-1 h4,
html body.page-career .cs-career-textbox-1 strong,
html body.page-career .cs-career-textbox-1 b {
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  margin: 0 0 12px !important;
}

html body.page-career .cs-career-textbox-1 p,
html body.page-career .cs-career-textbox-1 li {
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 0 14px !important;
  max-width: 68ch !important;
}

html body.page-career .cs-career-textbox-1 p:last-child {
  margin-bottom: 0 !important;
}

/* Jobs */
html body.page-career .cs-career-sec-2,
html body.page-career .p-career-jobs {
  padding: 8px 0 56px !important;
  margin: 0 !important;
  background: transparent !important;
}

html body.page-career .p-career-jobs__title,
html body.page-career .cs-career-sec-2 .cs-wbg-head-2 {
  margin: 0 0 18px !important;
  text-align: left !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
}

html body.page-career .cs-career-advert-wrapper {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.page-career .p-career-jobs__grid,
html body.page-career .cs-career-advert-itembox-1 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  justify-content: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.page-career .p-career-job,
html body.page-career .cs-career-advert-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 20px 18px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(26, 31, 54, 0.06) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

html body.page-career .p-career-job:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(15, 158, 150, 0.14) !important;
}

html body.page-career .p-career-job .cs-item-top-area,
html body.page-career .cs-career-advert-item .cs-item-top-area {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  margin: 0 !important;
  transform: none !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, #0f9e96 0%, #6d5efc 100%) !important;
}

html body.page-career .p-career-job .cs-title-1 {
  margin: 8px 0 0 !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

html body.page-career .p-career-job__duty,
html body.page-career .p-career-job .cs-desc-1 {
  margin: 0 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

html body.page-career .p-career-job__meta,
html body.page-career .p-career-job__date,
html body.page-career .cs-item-info-1 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.page-career .p-career-job__meta .cs-desc-1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}

html body.page-career .p-career-job__meta img {
  width: 16px !important;
  height: 16px !important;
}

html body.page-career .p-career-job__date {
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(26, 31, 54, 0.08) !important;
}

html body.page-career .p-career-job__date .cs-desc-1 {
  color: #8b93a7 !important;
  font-size: 12px !important;
  text-align: left !important;
}

html body.page-career .p-career-job__date small {
  display: block !important;
  margin-top: 2px !important;
  color: #8b93a7 !important;
  font-size: 11px !important;
}

html body.page-career .p-career-jobs__empty {
  margin: 0 !important;
  padding: 24px !important;
  background: #ffffff !important;
  border: 1px dashed rgba(26, 31, 54, 0.14) !important;
  border-radius: 16px !important;
  color: #5b657a !important;
  text-align: center !important;
}

@media (max-width: 767.98px) {
  html body.page-career .p-career-jobs__grid,
  html body.page-career .cs-career-advert-itembox-1 {
    grid-template-columns: 1fr !important;
  }
}

/* ── Auth phone field — animated shell + logo mark ── */
html body .p-phone-field {
  position: relative !important;
}

html body .p-phone-field__shell {
  position: relative !important;
  isolation: isolate !important;
}

html body .p-phone-field__glow {
  pointer-events: none !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: 16px !important;
  background: linear-gradient(
    120deg,
    rgba(15, 158, 150, 0) 0%,
    rgba(15, 158, 150, 0.45) 45%,
    rgba(11, 130, 123, 0.2) 70%,
    rgba(15, 158, 150, 0) 100%
  ) !important;
  background-size: 220% 220% !important;
  opacity: 0 !important;
  z-index: 0 !important;
  transition: opacity 0.28s ease !important;
}

html body .p-phone-field.is-focused .p-phone-field__glow,
html body .p-phone-field.is-alive .p-phone-field__glow {
  opacity: 1 !important;
  animation: sharingo-phone-glow 2.4s ease-in-out infinite !important;
}

html body .p-phone-field__shell > .iti,
html body .p-phone-field__shell .iti {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  border: 1px solid rgba(26, 31, 54, 0.14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(26, 31, 54, 0.04) !important;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease !important;
}

html body .p-phone-field.is-focused .p-phone-field__shell > .iti,
html body .p-phone-field.is-focused .p-phone-field__shell .iti {
  border-color: rgba(15, 158, 150, 0.55) !important;
  box-shadow:
    0 0 0 4px rgba(15, 158, 150, 0.14),
    0 10px 24px rgba(15, 158, 150, 0.12) !important;
  transform: translateY(-1px) !important;
}

html body .p-phone-field__mark {
  pointer-events: none !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  z-index: 4 !important;
  width: 28px !important;
  height: 28px !important;
  margin-top: -14px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(15, 158, 150, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 158, 150, 0.18) !important;
  opacity: 0.55 !important;
  transform: scale(0.92) !important;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease !important;
}

html body .p-phone-field__mark img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

html body .p-phone-field.is-focused .p-phone-field__mark,
html body .p-phone-field.is-alive .p-phone-field__mark {
  opacity: 1 !important;
  background: rgba(15, 158, 150, 0.16) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 158, 150, 0.28),
    0 6px 14px rgba(15, 158, 150, 0.18) !important;
  animation: sharingo-phone-mark 1.6s ease-in-out infinite !important;
}

html body .p-phone-field__hint {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: #7a8499 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
}

html body .p-phone-field .iti input.form-control,
html body .p-phone-field .iti input,
html body .p-phone-field input.jsGlobalCountry1 {
  letter-spacing: 0.04em !important;
  caret-color: #0f9e96 !important;
}

@keyframes sharingo-phone-glow {
  0% { background-position: 0% 50%; opacity: 0.55; }
  50% { background-position: 100% 50%; opacity: 1; }
  100% { background-position: 0% 50%; opacity: 0.55; }
}

@keyframes sharingo-phone-mark {
  0%, 100% { transform: scale(1) rotate(0deg); }
  40% { transform: scale(1.08) rotate(-6deg); }
  70% { transform: scale(1.02) rotate(4deg); }
}

@media (prefers-reduced-motion: reduce) {
  html body .p-phone-field__glow,
  html body .p-phone-field__mark {
    animation: none !important;
  }

  html body .p-phone-field.is-focused .p-phone-field__shell > .iti,
  html body .p-phone-field.is-focused .p-phone-field__shell .iti {
    transform: none !important;
  }
}

/* ── Work partners page ── */
html body.page-partners .cs-banner-sec-1,
html body.page-partners .cs-about-us-business-sec-1 {
  background: transparent !important;
}

html body.page-partners .p-partners-hero.cs-banner-sec-1--soft {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 4px !important;
}

html body.page-partners .p-partners-hero__wrap,
html body.page-partners .p-partners-hero .cs-banner-wrapper {
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(32px, 5vw, 56px) 16px clamp(24px, 4vw, 40px) !important;
  background:
    radial-gradient(70% 90% at 12% 0%, rgba(15, 158, 150, 0.14) 0%, transparent 55%),
    radial-gradient(55% 70% at 95% 30%, rgba(15, 158, 150, 0.07) 0%, transparent 50%),
    linear-gradient(180deg, #eef3f9 0%, #f3f6fb 100%) !important;
  background-image:
    radial-gradient(70% 90% at 12% 0%, rgba(15, 158, 150, 0.14) 0%, transparent 55%),
    radial-gradient(55% 70% at 95% 30%, rgba(15, 158, 150, 0.07) 0%, transparent 50%),
    linear-gradient(180deg, #eef3f9 0%, #f3f6fb 100%) !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

html body.page-partners .p-partners-hero__wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -10% -40% auto !important;
  width: min(420px, 70vw) !important;
  height: min(420px, 70vw) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(15, 158, 150, 0.12) 0%, transparent 70%) !important;
  pointer-events: none !important;
  animation: p-partners-orb 8s ease-in-out infinite !important;
}

html body.page-partners .p-partners-hero__copy,
html body.page-partners .p-partners-hero .cs-banner-textbox-1 {
  position: relative !important;
  z-index: 1 !important;
  max-width: 680px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
}

html body.page-partners .p-partners-hero__brand {
  margin: 0 !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(34px, 6vw, 52px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  animation: p-partners-rise 0.7s ease both !important;
}

html body.page-partners .p-partners-hero__title,
html body.page-partners .p-partners-hero .cs-title-1 {
  margin: 0 !important;
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-size: clamp(20px, 2.6vw, 28px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  animation: p-partners-rise 0.75s ease 0.06s both !important;
}

html body.page-partners .p-partners-hero__lead,
html body.page-partners .p-partners-hero .cs-desc-1 {
  margin: 0 !important;
  max-width: 48ch !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  animation: p-partners-rise 0.8s ease 0.12s both !important;
}

html body.page-partners .p-partners-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  margin: 6px 0 0 !important;
  border-radius: 14px !important;
  border: 0 !important;
  background: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(15, 158, 150, 0.28) !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  animation: p-partners-rise 0.85s ease 0.18s both !important;
}

html body.page-partners .p-partners-hero__cta:hover {
  background: #0d8a83 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 30px rgba(15, 158, 150, 0.34) !important;
}

html body.page-partners .p-partners-section-head {
  text-align: center !important;
  max-width: 560px !important;
  margin: 0 auto 28px !important;
}

html body.page-partners .p-partners-section-head__title {
  margin: 0 0 8px !important;
  color: #1a1f36 !important;
  font-size: clamp(22px, 2.8vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

html body.page-partners .p-partners-section-head__desc {
  margin: 0 !important;
  color: #5b657a !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.page-partners .p-partners-pillars {
  padding: clamp(28px, 4vw, 48px) 0 12px !important;
}

html body.page-partners .p-partners-pillars__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body.page-partners .p-partners-pillar {
  padding: 22px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(26, 31, 54, 0.05) !important;
  text-align: left !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

html body.page-partners .p-partners-pillar:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(15, 158, 150, 0.28) !important;
  box-shadow: 0 16px 34px rgba(15, 158, 150, 0.12) !important;
}

html body.page-partners .p-partners-pillar__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 14px !important;
  border-radius: 14px !important;
  background: rgba(15, 158, 150, 0.12) !important;
  color: #0b827b !important;
  font-size: 18px !important;
}

html body.page-partners .p-partners-pillar__title {
  margin: 0 0 8px !important;
  color: #1a1f36 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
}

html body.page-partners .p-partners-pillar__desc {
  margin: 0 !important;
  color: #5b657a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.page-partners .p-partners-marquee {
  position: relative !important;
  margin: 28px 0 8px !important;
  padding: 18px 0 !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, transparent 0%, rgba(15, 158, 150, 0.05) 50%, transparent 100%) !important;
}

html body.page-partners .p-partners-marquee__track {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  width: max-content !important;
  animation: p-partners-marquee 38s linear infinite !important;
}

html body.page-partners .p-partners-marquee:hover .p-partners-marquee__track {
  animation-play-state: paused !important;
}

html body.page-partners .p-partners-marquee__item {
  flex: 0 0 auto !important;
  width: 148px !important;
  height: 78px !important;
  display: grid !important;
  place-items: center !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(26, 31, 54, 0.05) !important;
}

html body.page-partners .p-partners-marquee__item img {
  max-width: 100% !important;
  max-height: 48px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: grayscale(0.15) !important;
  opacity: 0.92 !important;
}

html body.page-partners .p-partners-marquee__fade {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 72px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html body.page-partners .p-partners-marquee__fade--left {
  left: 0 !important;
  background: linear-gradient(90deg, #f3f6fb 0%, transparent 100%) !important;
}

html body.page-partners .p-partners-marquee__fade--right {
  right: 0 !important;
  background: linear-gradient(270deg, #f3f6fb 0%, transparent 100%) !important;
}

html body.page-partners .p-partners-grid-sec {
  padding: clamp(28px, 4vw, 52px) 0 12px !important;
}

html body.page-partners .p-partners-grid-sec .cs-aub-main-1,
html body.page-partners .p-partners-grid-sec .row {
  display: none !important;
}

html body.page-partners .p-partners-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body.page-partners .p-partners-tile {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 156px !important;
  padding: 22px 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(26, 31, 54, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 26px rgba(26, 31, 54, 0.05) !important;
  text-decoration: none !important;
  color: #1a1f36 !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

html body.page-partners .p-partners-tile:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(15, 158, 150, 0.35) !important;
  box-shadow: 0 18px 36px rgba(15, 158, 150, 0.14) !important;
  color: #0b827b !important;
}

html body.page-partners .p-partners-tile.is-static {
  cursor: default !important;
  pointer-events: none !important;
}

html body.page-partners .p-partners-tile__logo {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 72px !important;
}

html body.page-partners .p-partners-tile__logo img {
  max-width: 132px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

html body.page-partners .p-partners-tile__name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: inherit !important;
}

html body.page-partners .p-partners-empty {
  padding: 40px 16px !important;
  text-align: center !important;
}

html body.page-partners .p-partners-empty__text {
  margin: 0 auto !important;
  max-width: 42ch !important;
  color: #5b657a !important;
  font-size: 15px !important;
}

html body.page-partners .p-partners-cta {
  padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 6vw, 64px) !important;
}

html body.page-partners .p-partners-cta__panel {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: clamp(22px, 3vw, 28px) clamp(20px, 3vw, 32px) !important;
  background:
    linear-gradient(135deg, rgba(15, 158, 150, 0.12) 0%, rgba(15, 158, 150, 0.04) 45%, #ffffff 100%) !important;
  border: 1px solid rgba(15, 158, 150, 0.18) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 34px rgba(26, 31, 54, 0.06) !important;
}

html body.page-partners .p-partners-cta__title {
  margin: 0 0 6px !important;
  color: #1a1f36 !important;
  font-size: clamp(18px, 2.4vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

html body.page-partners .p-partners-cta__desc {
  margin: 0 !important;
  max-width: 46ch !important;
  color: #5b657a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.page-partners .p-partners-cta__btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  background: #0f9e96 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(15, 158, 150, 0.28) !important;
  white-space: nowrap !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

html body.page-partners .p-partners-cta__btn:hover {
  background: #0d8a83 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

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

@keyframes p-partners-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes p-partners-orb {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.7; }
  50% { transform: translate(-18px, -12px) scale(1.08); opacity: 1; }
}

@media (max-width: 991.98px) {
  html body.page-partners .p-partners-pillars__grid {
    grid-template-columns: 1fr !important;
  }

  html body.page-partners .p-partners-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.page-partners .p-partners-cta__panel {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 639.98px) {
  html body.page-partners .p-partners-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body.page-partners .p-partners-tile {
    min-height: 132px !important;
    padding: 16px 12px 14px !important;
  }

  html body.page-partners .p-partners-tile__logo {
    height: 56px !important;
  }

  html body.page-partners .p-partners-tile__logo img {
    max-height: 48px !important;
    max-width: 110px !important;
  }

  html body.page-partners .p-partners-marquee__item {
    width: 124px !important;
    height: 68px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-partners .p-partners-marquee__track,
  html body.page-partners .p-partners-hero__wrap::after,
  html body.page-partners .p-partners-hero__brand,
  html body.page-partners .p-partners-hero__title,
  html body.page-partners .p-partners-hero__lead,
  html body.page-partners .p-partners-hero__cta {
    animation: none !important;
  }

  html body.page-partners .p-partners-pillar:hover,
  html body.page-partners .p-partners-tile:hover,
  html body.page-partners .p-partners-hero__cta:hover,
  html body.page-partners .p-partners-cta__btn:hover {
    transform: none !important;
  }
}

/* ── Share-your-car stats — bigger, teal, animated ── */
html body.page-share .cs-syc-sec-2,
html body .cs-shareyourcar-main .cs-syc-sec-2 {
  padding: 12px 0 20px !important;
}

html body.page-share .p-share-stats,
html body .cs-shareyourcar-main .cs-syc-2-banner.p-share-stats {
  gap: 14px !important;
}

html body.page-share .p-share-stat,
html body .cs-shareyourcar-main .p-share-stat {
  position: relative !important;
  overflow: hidden !important;
  padding: 22px 16px 18px !important;
  min-height: 118px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fffd 100%) !important;
  border: 1px solid rgba(15, 158, 150, 0.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(15, 158, 150, 0.08) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

html body.page-share .p-share-stat::before,
html body .cs-shareyourcar-main .p-share-stat::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0f9e96, #3dcec4) !important;
  opacity: 0.9 !important;
}

html body.page-share .p-share-stat:hover,
html body .cs-shareyourcar-main .p-share-stat:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(15, 158, 150, 0.35) !important;
  box-shadow: 0 16px 34px rgba(15, 158, 150, 0.14) !important;
}

html body.page-share .p-share-stat__value,
html body.page-share .cs-syc-sec-2 .cs-title-banner-1,
html body .cs-shareyourcar-main .p-share-stat__value {
  margin: 0 !important;
  color: #0b827b !important;
  -webkit-text-fill-color: #0b827b !important;
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(1.85rem, 1.35rem + 1.6vw, 2.55rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  font-variant-numeric: tabular-nums !important;
}

html body.page-share .p-share-stat__value.is-done,
html body .cs-shareyourcar-main .p-share-stat__value.is-done {
  text-shadow: 0 8px 18px rgba(15, 158, 150, 0.18) !important;
}

html body.page-share .p-share-stat__label,
html body.page-share .cs-syc-sec-2 .cs-desc-banner-1,
html body .cs-shareyourcar-main .p-share-stat__label {
  margin: 0 !important;
  color: #5b657a !important;
  -webkit-text-fill-color: #5b657a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

@media (max-width: 767.98px) {
  html body.page-share .p-share-stats,
  html body .cs-shareyourcar-main .cs-syc-2-banner.p-share-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.page-share .p-share-stat__value,
  html body .cs-shareyourcar-main .p-share-stat__value {
    font-size: clamp(1.55rem, 6vw, 2rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-share .p-share-stat:hover,
  html body .cs-shareyourcar-main .p-share-stat:hover {
    transform: none !important;
  }
}