/* =====================================================================
   ui-harmony.css  —  Tek renk dili + her ekran uyumu (last-loaded)
   ---------------------------------------------------------------------
   Palet (az renk, yüksek kontrast):
     zemin     #070b14  yüzey  #121a2c  yükseltilmiş #1a2438
     metin     #f8fafc  soft   #e2e8f0  muted #cbd5e1
     marka     #3b82f6  hover  #2563eb  soft link #93c5fd
     başarı/hata sadece status için
   Breakpoints: 360 · 390 · 480 · 768 · 1024 · 1280
   ===================================================================== */

:root {
  --uh-void: #070b14;
  --uh-deep: #0a1020;
  --uh-surface: #121a2c;
  --uh-elevated: #1a2438;
  --uh-line: rgba(148, 163, 184, 0.18);
  --uh-line-strong: rgba(148, 163, 184, 0.32);
  --uh-text: #f8fafc;
  --uh-text-soft: #e2e8f0;
  --uh-text-muted: #cbd5e1;
  --uh-text-faint: #94a3b8;
  --uh-brand: #3b82f6;
  --uh-brand-strong: #2563eb;
  --uh-brand-deep: #1d4ed8;
  --uh-brand-soft: rgba(59, 130, 246, 0.16);
  --uh-brand-text: #93c5fd;
  --uh-radius: 14px;
  --uh-radius-lg: 18px;
  --uh-radius-pill: 999px;
  --uh-pad-x: clamp(14px, 4vw, 28px);
  --uh-section-y: clamp(32px, 5.5vw, 72px);
  --uh-control-h: 48px;
  --uh-touch: 44px;
  --uh-shadow: 0 12px 32px rgba(0, 0, 0, 0.38);
  --uh-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Align older tokens → tek dil */
  --dp-bg-void: var(--uh-void);
  --dp-bg-deep: var(--uh-deep);
  --dp-bg-base: var(--uh-deep);
  --dp-bg-surface: var(--uh-surface);
  --dp-bg-elevated: var(--uh-elevated);
  --dp-bg-card: rgba(18, 26, 44, 0.96);
  --dp-text: var(--uh-text);
  --dp-text-soft: var(--uh-text-soft);
  --dp-text-muted: var(--uh-text-muted);
  --dp-text-faint: var(--uh-text-faint);
  --dp-blue: var(--uh-brand);
  --dp-blue-bright: var(--uh-brand-text);
  --dp-blue-deep: var(--uh-brand-deep);
  --dp-border: var(--uh-line-strong);
  --dp-border-soft: var(--uh-line);
  --pr-brand: var(--uh-brand-strong);
  --pr-brand-600: var(--uh-brand-deep);
  --pr-brand-700: #1e40af;
  --pr-brand-accent: var(--uh-brand-text);
  --pr-brand-text: var(--uh-brand-text);
  --pr-brand-text-hover: #bfdbfe;
  --pr-link: var(--uh-brand-text);
  --pr-link-hover: #bfdbfe;
  --pr-brand-soft: var(--uh-brand-soft);
  --pr-brand-ring: rgba(59, 130, 246, 0.28);
  --pr-brand-rgb: 59, 130, 246;

  /* Light token sızıntısını kes — select2 / form / ink her yerde koyu */
  --pr-ink: #f8fafc;
  --pr-ink-700: #e2e8f0;
  --pr-ink-600: #cbd5e1;
  --pr-text: #f1f5f9;
  --pr-text-muted: #cbd5e1;
  --pr-text-subtle: #94a3b8;
  --pr-placeholder: #94a3b8;
  --pr-bg: #070b14;
  --pr-bg-alt: #0a1020;
  --pr-surface: #121a2c;
  --pr-surface-2: #1a2438;
  --pr-line: rgba(148, 163, 184, 0.18);
  --pr-line-strong: rgba(148, 163, 184, 0.28);
  --pr-card-bg: #121a2c;
}

/* ── Shell ─────────────────────────────────────────────────────────── */
html {
  background: var(--uh-void) !important;
  color-scheme: dark !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: var(--uh-void) !important;
  background-image:
    radial-gradient(90% 50% at 50% -10%, rgba(59, 130, 246, 0.10) 0%, transparent 55%) !important;
  color: var(--uh-text-soft) !important;
  font-family: var(--uh-font) !important;
  overflow-x: clip;
}

main,
.section,
section[class*="-sec-"] {
  max-width: 100vw;
  overflow-x: clip;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

.container,
.container-2,
.cs-full-container-1 {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--uh-pad-x), env(safe-area-inset-left)) !important;
  padding-right: max(var(--uh-pad-x), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

section.section,
section[class*="-sec-"],
.cs-homepage-sec-2,
.cs-homepage-sec-3,
.cs-homepage-sec-4,
.cs-homepage-sec-5,
.cs-homepage-sec-6,
.cs-homepage-sec-7,
.cs-homepage-sec-8,
.cs-homepage-sec-9,
.cs-homepage-sec-10,
.cs-homepage-sec-11 {
  padding-top: var(--uh-section-y) !important;
  padding-bottom: var(--uh-section-y) !important;
}

/* ── Tipografi — tek hiyerarşi ─────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.cs-wbg-head-1,
.cs-wbg-head-2,
.cs-wbg-head-3 {
  color: var(--uh-text) !important;
  font-family: var(--uh-font) !important;
  letter-spacing: -0.02em;
}

.cs-wbg-head-1 span::before,
.cs-wbg-head-2 span::before,
.cs-wbg-head-3 span::before,
.cs-wbg-head-1 span::after,
.cs-wbg-head-2 span::after,
.cs-wbg-head-3 span::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.cs-global-desc-1,
.cs-global-desc-2,
.cs-global-desc-3,
.cs-desc-1,
.desc-1:not(.p-home-hero__subtitle),
p {
  color: var(--uh-text-muted) !important;
}

a:not([class*="btn"]):not(.cs-header-btn-3):not(.main-a-1) {
  color: var(--uh-brand-text);
}

a:not([class*="btn"]):hover {
  color: #bfdbfe;
}

/* ── Buton sistemi — tek dil (mavi / ghost) ────────────────────────── */
.cs-primary-btn-1,
.cs-primary-btn-2,
.cs-primary-btn-3,
.cs-primary-btn-4,
.cs-secondary-btn-2,
.btn-primary,
.btn.btn-primary,
button[type="submit"]:not(.close):not(.swal2-styled),
.cs-header-btn-3,
a.cs-header-btn-3,
.cs-login-form-c-1 button[type="submit"],
.cs-register-form-c-1 button[type="submit"],
.cs-syc-1-formbox .cs-primary-btn-1,
.cs-syc-1-formbox button[type="submit"],
.cs-contact-us-form-wrapper button[type="submit"],
.cs-rentcar-section-1 #searchButton,
.cs-loc-date-d-1 .cs-secondary-btn-1,
.cs-loc-date-d-1 .cs-primary-btn-1 {
  background: var(--uh-brand-strong) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--uh-radius-pill) !important;
  min-height: var(--uh-control-h) !important;
  padding: 0 22px !important;
  font-weight: 650 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.28) !important;
  filter: none !important;
  text-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease !important;
}

.cs-primary-btn-1:hover,
.cs-primary-btn-2:hover,
.cs-primary-btn-3:hover,
.btn-primary:hover,
.cs-header-btn-3:hover,
button[type="submit"]:not(.close):hover {
  background: var(--uh-brand-deep) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.36) !important;
  transform: translateY(-1px);
}

.cs-secondary-btn-1,
.cs-white-btn-1,
.cs-outline-btn-1,
.cs-primary-outline-btn-1,
.cs-white-outline-btn-1,
.btn-outline-primary {
  background: var(--uh-elevated) !important;
  background-image: none !important;
  color: var(--uh-text) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: var(--uh-radius-pill) !important;
  min-height: var(--uh-control-h) !important;
  padding: 0 20px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  filter: none !important;
}

.cs-secondary-btn-1:hover,
.cs-white-btn-1:hover,
.cs-outline-btn-1:hover {
  border-color: var(--uh-brand) !important;
  color: var(--uh-brand-text) !important;
  background: var(--uh-brand-soft) !important;
}

/* Teal / mor / emerald kaçaklarını buton class'larıyla bastır */
.cs-primary-btn-1[style*="background"],
a.cs-primary-btn-1 {
  background-color: var(--uh-brand-strong) !important;
}

/* ── Kartlar ───────────────────────────────────────────────────────── */
.cs-car-box-1,
.cs-blog-box-1,
.cs-campaign-box-1,
.premium-card,
.cs-tab-container-1,
.cs-comment-box-1,
.cs-list-main-2,
.cs-about-us-textbox-1,
.cs-login-form-c-1,
.cs-register-form-c-1,
.cs-syc-infobox,
.modal-content,
.cs-account-sidebar-1,
.cs-orderSum-left-a-1,
.cs-orderSum-right-a-1,
.cs-page-filter-d-1,
.cs-speech-info-box-1,
.cs-speech-info-box-2 {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: var(--uh-radius-lg) !important;
  color: var(--uh-text-soft) !important;
  box-shadow: var(--uh-shadow) !important;
}

.cs-blog-box-1 .head-1,
.cs-campaign-box-1 .head-1,
.cs-car-box-1 .head-1,
.cs-comment-box-1 .head-1 {
  color: var(--uh-text) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.cs-blog-box-1 .desc-1,
.cs-campaign-box-1 .desc-1,
.cs-car-box-1 .desc-1,
.cs-car-box-1 .desc-3 {
  color: var(--uh-text-muted) !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

.cs-car-box-1 .desc-2,
.cs-blog-box-1 .link-1,
.cs-campaign-box-1 .link-1,
.cs-global-link-1 {
  color: var(--uh-brand-text) !important;
  font-weight: 650 !important;
  opacity: 1 !important;
}

/* ── Formlar ───────────────────────────────────────────────────────── */
.form-control,
.custom-select,
select.form-control,
textarea.form-control,
.cs-form-control-1 input,
.cs-form-control-1 textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line) !important;
  color: var(--uh-text) !important;
  border-radius: 12px !important;
  min-height: var(--uh-control-h) !important;
  box-shadow: none !important;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--uh-brand) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22) !important;
  outline: 0 !important;
}

.form-control::placeholder,
textarea::placeholder,
.select2-selection__placeholder {
  color: var(--uh-text-faint) !important;
  opacity: 1 !important;
}

label,
.form-group label {
  color: var(--uh-text-muted) !important;
  font-weight: 600 !important;
}

/* ── Header ────────────────────────────────────────────────────────── */
.cs-sticky-header-1 {
  background: rgba(7, 11, 20, 0.92) !important;
  border-bottom: 1px solid var(--uh-line) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.cs-sticky-header-1 .main-a-1 {
  color: var(--uh-text-soft) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.cs-sticky-header-1 .main-a-1:hover,
.cs-sticky-header-1 .main-a-1.active {
  color: var(--uh-brand-text) !important;
}

.cs-sticky-header-1 .cs-header-btn-1,
.cs-sticky-header-1 .cs-header-btn-2 {
  min-width: var(--uh-touch) !important;
  min-height: var(--uh-touch) !important;
  color: var(--uh-text-soft) !important;
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 12px !important;
  opacity: 1 !important;
}

.cs-sticky-header-1 .cs-header-btn-3 {
  min-height: 42px !important;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.cs-footer-1,
.pr-footer {
  background: #05080f !important;
  border-top: 1px solid var(--uh-line) !important;
  color: var(--uh-text-soft) !important;
}

.cs-footer-1 h5,
.cs-footer-1 .cs-wbg-head-1,
.cs-footer-1 .cs-wbg-head-2,
.pr-footer h5 {
  color: var(--uh-text) !important;
}

.cs-footer-1 a,
.cs-footer-menu-1 a,
.pr-footer a {
  color: var(--uh-text-muted) !important;
}

.cs-footer-1 a:hover,
.cs-footer-menu-1 a:hover {
  color: var(--uh-brand-text) !important;
}

.cs-footer-1 .cs-social-menu-1 a,
.pr-footer__social a {
  color: var(--uh-text-muted) !important;
  opacity: 1 !important;
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 12px !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── FAQ / Accordion / Tabs ────────────────────────────────────────── */
.cs-accordion-1 .card,
.cs-accordion-2 .card {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
}

.cs-accordion-1 .btn-link,
.cs-accordion-2 .btn-link {
  color: var(--uh-text) !important;
  font-weight: 650 !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  min-height: var(--uh-touch) !important;
}

.cs-accordion-1 .card-body,
.cs-accordion-2 .card-body {
  color: var(--uh-text-muted) !important;
}

.cs-navTabs-1.nav-tabs {
  border-color: var(--uh-line) !important;
  gap: 4px;
  flex-wrap: wrap !important;
}

.cs-navTabs-1.nav-tabs .nav-link {
  color: var(--uh-text-muted) !important;
  font-weight: 650 !important;
  padding: 12px 14px !important;
  border-radius: 10px 10px 0 0 !important;
}

.cs-navTabs-1.nav-tabs .nav-link.active {
  color: var(--uh-brand-text) !important;
  border-bottom: 2px solid var(--uh-brand) !important;
  background: transparent !important;
}

/* ── Toast (okunabilir) ────────────────────────────────────────────── */
.cs-sweetalert2-1 .swal2-toast.swal2-popup,
.swal2-toast.swal2-popup {
  background: var(--uh-elevated) !important;
  color: var(--uh-text) !important;
  border: 1px solid var(--uh-line-strong) !important;
}
.cs-sweetalert2-1 .swal2-toast .swal2-title,
.swal2-toast .swal2-title {
  color: var(--uh-text) !important;
  -webkit-text-fill-color: var(--uh-text) !important;
}

/* ── Auth ──────────────────────────────────────────────────────────── */
.cs-login-form-c-1 .cs-wbg-head-3,
.cs-login-form-c-1 .cs-wbg-head-3 span,
.cs-register-form-c-1 .cs-wbg-head-3,
.cs-register-form-c-1 .cs-wbg-head-3 span {
  color: var(--uh-text) !important;
  background: transparent !important;
  text-shadow: none !important;
}

.cs-login-text-c-1,
.cs-login-text-c-1 p,
.cs-register-text-c-1 p {
  color: var(--uh-text-soft) !important;
}

.cs-syc-infobox .cs-title-1,
.cs-syc-infobox .cs-title-1 p,
.cs-syc-infobox #earningCalculation {
  color: var(--uh-text) !important;
}
.cs-syc-infobox .cs-title-2 {
  color: var(--uh-brand-text) !important;
}

/* ── Rent sayfası ──────────────────────────────────────────────────── */
.cs-rentcar-section-1 .cs-loc-date-d-1 {
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: var(--uh-radius-lg) !important;
  box-shadow: var(--uh-shadow) !important;
}

.cs-rentcar-section-1 .cs-icon-box-1 label {
  color: var(--uh-text-faint) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.cs-rentcar-section-1 .cs-icon-box-1 .desc-2,
.cs-rentcar-section-1 .form-control {
  color: var(--uh-text) !important;
  font-weight: 650 !important;
}

.cs-rentcar-section-2 .cs-car-box-1 .img-div-1 {
  background: #0b1220 !important;
}

.cs-rentcar-section-2 .cs-car-box-1 .desc-3 i {
  color: var(--uh-brand-text) !important;
}

/* Filtre paneli — site ile aynı koyu dil */
.jsFilterMOD1.fmm-f-div-1.rent-filter-panel--open,
.jsFilterMOD1.rent-filter-panel--open .rent-filter-sheet-head,
.jsFilterMOD1.rent-filter-panel--open .rent-filter-sheet-top,
.jsFilterMOD1.rent-filter-panel--open .fmm-middle-area-1 {
  background: var(--uh-surface) !important;
  color: var(--uh-text-soft) !important;
  border-color: var(--uh-line) !important;
}

.jsFilterMOD1.rent-filter-panel--open .rent-filter-sheet-title,
.jsFilterMOD1.rent-filter-panel--open .rent-filter-inline-label,
.jsFilterMOD1.rent-filter-panel--open label,
.jsFilterMOD1.rent-filter-panel--open .fvc1-head-1 {
  color: var(--uh-text) !important;
}

.jsFilterMOD1.rent-filter-panel--open .rent-filter-inline-control,
.jsFilterMOD1.rent-filter-panel--open .form-control,
.jsFilterMOD1.rent-filter-panel--open .select2-selection--single {
  background: var(--uh-elevated) !important;
  border-color: var(--uh-line) !important;
  color: var(--uh-text-soft) !important;
}

.jsFilterMOD1.rent-filter-panel--open .rent-filter-sheet-handle {
  background: #64748b !important;
}

/* Haber Ver chips */
.cs-signal-cont-1 .item-list-1 .cs-checkbox-1 label {
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line-strong) !important;
  color: var(--uh-text) !important;
  border-radius: 10px !important;
  min-height: var(--uh-touch) !important;
}

.cs-signal-cont-1 .item-list-1 .cs-checkbox-1 input:checked + label {
  background: var(--uh-brand-soft) !important;
  border-color: var(--uh-brand) !important;
  color: #fff !important;
}

/* Chat widget şeffaf */
#alotech-chat-widget,
.alo-chat-widget,
.alochat-launcher,
#alochat_launcher {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Homepage sec-5 metin okunabilirliği */
.cs-homepage-sec-5 .content-d-1,
.cs-homepage-sec-5 .content-d-1 * {
  color: var(--uh-text) !important;
}
.cs-homepage-sec-5 .left-side,
.cs-homepage-sec-5 .right-side {
  background: linear-gradient(180deg, rgba(7, 11, 20, 0.5), rgba(7, 11, 20, 0.85)) !important;
  border-radius: var(--uh-radius-lg);
}


/* =====================================================================
   RESPONSIVE — telefon / tablet / PC
   ===================================================================== */

/* Küçük telefonlar (iPhone SE, Galaxy fold kapalı vb.) */
@media (max-width: 389.98px) {
  :root {
    --uh-pad-x: 12px;
    --uh-section-y: 28px;
    --uh-control-h: 46px;
  }

  .cs-sticky-header-1 .cs-header-btn-3 {
    padding: 0 12px !important;
    font-size: 13px !important;
    min-height: 38px !important;
  }

  .cs-sticky-header-1 .cs-header-btn-3 .ds-in-1 {
    display: none !important; /* sadece “Giriş” / ikon */
  }

  h1, .cs-wbg-head-3, .p-home-hero__headline {
    font-size: clamp(1.4rem, 7vw, 1.75rem) !important;
    line-height: 1.15 !important;
  }

  .cs-blog-box-1,
  .cs-campaign-box-1,
  .cs-car-box-1 {
    border-radius: 14px !important;
  }
}

/* Telefonlar */
@media (max-width: 767.98px) {
  :root {
    --uh-pad-x: clamp(14px, 4.2vw, 20px);
    --uh-section-y: clamp(28px, 7vw, 48px);
  }

  body {
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* Yatay taşma yok */
  .row,
  .cs-slider-row-1,
  .cs-blog-content-row-1,
  .cs-rentcar-row-1,
  .cs-syc-1-main,
  .cs-homepage-sec-5 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }

  [class*="col-"] {
    max-width: 100% !important;
  }

  /* Header tek sıra */
  .cs-sticky-header-1 .cs-header-row-1 {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .cs-sticky-header-1 .cs-main-menu-1 {
    display: none !important; /* hamburger kullan */
  }

  /* Kart gridleri — tek sütun */
  .p-home-cities-grid,
  .p-home-campaign-grid,
  .p-home-blog-list,
  .p-home-suppliers-grid,
  .p-home-how-grid__items,
  .pr-why__grid,
  .cs-homepage-sec-9 .row,
  .cs-homepage-sec-10 .owl-carousel .owl-item {
    grid-template-columns: 1fr !important;
  }

  .cs-homepage-sec-3 .cs-slider-row-1,
  .cs-homepage-sec-4 .cs-slider-row-1,
  .cs-blog-content-row-1,
  .cs-about-us-content-wrapper-1,
  .cs-contact-us-sec-1 .row,
  .cs-syc-1-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .cs-login-form-c-1,
  .cs-register-form-c-1,
  .cs-syc-1-formbox,
  .cs-contact-us-form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px !important;
    margin: 0 !important;
  }

  .cs-primary-btn-1,
  .cs-primary-btn-2,
  .cs-primary-btn-3,
  .cs-secondary-btn-1,
  .cs-white-btn-1,
  button[type="submit"]:not(.close) {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hero CTA stack */
  .section-hero .action-menu-1,
  .p-home-hero__actions,
  .cs-homepage-sec-3 .btn-area-1,
  .cs-homepage-sec-3 .cs-btn-group-1 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* Rent: arama kutusu dikey */
  .cs-rentcar-section-1 .cs-loc-date-d-1 {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px !important;
  }

  .cs-rentcar-section-1 .csld1-col-1,
  .cs-rentcar-section-1 .csld1-col-2,
  .cs-rentcar-section-1 .csld1-col-3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--uh-line) !important;
    padding: 12px 14px !important;
  }

  .cs-rentcar-section-1 .csld1-col-3 {
    border-bottom: 0 !important;
  }

  .cs-rentcar-section-1 #searchButton {
    width: 100% !important;
    border-radius: 12px !important;
  }

  /* Rent list + map stack */
  .cs-rentcar-section-2 .cs-rentcar-row-1,
  .cs-rentcar-section-2 .csrcr1-col-1,
  .cs-rentcar-section-2 .csrcr1-col-2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  .cs-rentcar-section-2 #map {
    min-height: 280px !important;
    height: 42vh !important;
    border-radius: 14px !important;
    margin-top: 12px !important;
  }

  /* Footer kolonları */
  .cs-footer-1 .cs-footer-row-1,
  .pr-footer .pr-footer__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Modal / bottom sheet safe area */
  .modal-content,
  .jsFilterMOD1.rent-filter-panel--open {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  /* Touch targets */
  .cs-accordion-1 .btn-link,
  .cs-navTabs-1 .nav-link,
  .cs-footer-menu-1 a,
  .main-a-1 {
    min-height: var(--uh-touch) !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  /* Tab scroll */
  .cs-navTabs-1.nav-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .cs-navTabs-1.nav-tabs::-webkit-scrollbar { display: none; }
  .cs-navTabs-1.nav-tabs .nav-link {
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
}

/* Büyük telefon / küçük phablet */
@media (min-width: 390px) and (max-width: 767.98px) {
  .cs-car-box-1,
  .cs-blog-box-1 {
    border-radius: 16px !important;
  }

  .p-home-hero__headline,
  .section-hero h1 {
    font-size: clamp(1.65rem, 6vw, 2.15rem) !important;
  }
}

/* Tablet portrait */
@media (min-width: 768px) and (max-width: 1023.98px) {
  :root {
    --uh-pad-x: clamp(20px, 3.5vw, 32px);
    --uh-section-y: clamp(40px, 5vw, 56px);
  }

  .p-home-cities-grid,
  .p-home-campaign-grid,
  .p-home-blog-list,
  .p-home-suppliers-grid,
  .page-rent-car .cs-car-list-d-1 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .cs-homepage-sec-3 .cs-slider-row-1,
  .cs-homepage-sec-4 .cs-slider-row-1 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    align-items: center !important;
  }

  .cs-rentcar-section-1 .cs-loc-date-d-1 {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .cs-rentcar-section-1 .csld1-col-1,
  .cs-rentcar-section-1 .csld1-col-2 {
    flex: 1 1 42% !important;
    max-width: 50% !important;
  }

  .cs-rentcar-section-1 .csld1-col-3 {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }

  .cs-rentcar-section-2 .cs-rentcar-row-1 {
    display: grid !important;
    grid-template-columns: minmax(280px, 38%) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .cs-rentcar-section-2 #map {
    min-height: 520px !important;
    height: calc(100vh - 180px) !important;
    border-radius: 16px !important;
  }

  .cs-footer-1 .cs-footer-row-1,
  .pr-footer .pr-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
  }

  .cs-login-sec-1 .row,
  .cs-syc-1-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
}

/* Tablet landscape / küçük laptop */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  :root {
    --uh-pad-x: 28px;
  }

  .p-home-cities-grid,
  .p-home-campaign-grid,
  .p-home-blog-list,
  .p-home-how-grid__items,
  .pr-why__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .cs-rentcar-section-2 .cs-rentcar-row-1 {
    display: grid !important;
    grid-template-columns: minmax(300px, 34%) minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .cs-sticky-header-1 .main-a-1 {
    font-size: 12.5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .cs-footer-1 .cs-footer-row-1 {
    display: grid !important;
    grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* Masaüstü */
@media (min-width: 1280px) {
  :root {
    --uh-pad-x: 32px;
    --uh-section-y: 72px;
  }

  .p-home-cities-grid,
  .p-home-campaign-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .p-home-blog-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .cs-rentcar-section-2 .cs-rentcar-row-1 {
    display: grid !important;
    grid-template-columns: minmax(320px, 32%) minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .cs-rentcar-section-2 #map {
    min-height: 640px !important;
    height: calc(100vh - 160px) !important;
    position: sticky !important;
    top: 88px !important;
    border-radius: 18px !important;
  }

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

/* Çok geniş ekran — içerik merkezde kalsın */
@media (min-width: 1536px) {
  .container,
  .container-2 {
    max-width: 1320px !important;
  }
}

/* Yatay telefon */
@media (max-height: 500px) and (orientation: landscape) {
  .section-hero,
  .hero-pr {
    min-height: 100dvh !important;
  }

  .cs-rentcar-section-2 #map {
    min-height: 220px !important;
    height: 55dvh !important;
  }
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Yüksek kontrast tercihi */
@media (prefers-contrast: more) {
  :root {
    --uh-text-muted: #e2e8f0;
    --uh-text-faint: #cbd5e1;
    --uh-line: rgba(255, 255, 255, 0.28);
  }
}

/* =====================================================================
   GLOBAL — beyaz zemin / açık kart sızıntısını öldür
   ===================================================================== */
.bg-white,
.bg-light,
.section.bg-white,
main .bg-white,
.cs-syc-sec-2,
.cs-syc-sec-3,
.cs-syc-sec-4,
.cs-shareyourcar-main,
.cs-shareyourcar-main section,
.cs-homepage-sec-5,
.cs-homepage-sec-6,
.cs-homepage-sec-7,
.cs-homepage-sec-9,
.cs-homepage-sec-10,
.cs-homepage-sec-11,
.cs-about-us-sec-1,
.cs-contact-us-sec-1,
.cs-faq-sec-1,
.cs-p-blog-sec-1,
.cs-p-campaign-sec-1,
.cs-career-sec-1,
.cs-career-sec-2,
.cs-insurance-sec-1,
.cs-banner-sec-1,
.cs-vale-sec-1,
.cs-download-app-row-1 {
  background: var(--uh-void) !important;
  background-color: var(--uh-void) !important;
  background-image: none !important;
  color: var(--uh-text-soft) !important;
}

/* Select2 — her sayfada koyu, okunaklı */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.cs-global-select2-container-1 .select2-selection--single,
.cs-global-select2-container-2 .select2-selection--single,
.cs-global-select2-container-3 .select2-selection--single,
.cs-syc-sec1 .select2-selection--single {
  background: var(--uh-elevated) !important;
  background-color: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: 12px !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.cs-syc-sec1 .select2-selection__rendered {
  color: var(--uh-text) !important;
  line-height: 34px !important;
  padding-left: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-selection__placeholder {
  color: var(--uh-text-faint) !important;
  opacity: 1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
  top: 1px !important;
  right: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--uh-text-faint) transparent transparent transparent !important;
}

.select2-dropdown,
.select2-container--default .select2-dropdown {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: 12px !important;
  box-shadow: var(--uh-shadow) !important;
  overflow: hidden !important;
  z-index: 10050 !important;
}

.select2-results__option {
  background: var(--uh-surface) !important;
  color: var(--uh-text-soft) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background: var(--uh-brand-soft) !important;
  color: var(--uh-text) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(37, 99, 235, 0.28) !important;
  color: #fff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--uh-elevated) !important;
  border: 1px solid var(--uh-line) !important;
  color: var(--uh-text) !important;
  border-radius: 8px !important;
}

/* İkon / görsel — tutarlı boyut dili */
i[class^="bain-"],
i[class*=" bain-"],
.fa, .fas, .far, .fal, .fab {
  line-height: 1 !important;
  vertical-align: middle;
}

.cs-icon-box-1 .desc-1 i,
.cs-loc-date-d-1 .bain-location,
.cs-loc-date-d-1 .bain-calendar-minus {
  font-size: 20px !important;
  color: var(--uh-brand-text) !important;
}

.cs-syc-3-box-content > img,
.premium-card img:not(.cs-blog-card-img):not(.img-fluid),
.cs-homepage-sec-3 .premium-card img,
.how-it-works img {
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  margin: 0 auto 16px !important;
  display: block !important;
}

.cs-blog-box-1 .image-div-1 img,
.cs-campaign-box-1 .image-div-1 img,
.cs-car-box-1 .img-div-1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.cs-blog-box-1 .image-div-1,
.cs-campaign-box-1 .image-div-1 {
  min-height: 180px !important;
  max-height: 220px !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
  background: var(--uh-elevated) !important;
}

.cs-footer-1 .cs-social-menu-1 a i,
.pr-footer__social a i {
  font-size: 16px !important;
}

.cs-sticky-header-1 .cs-header-btn-1 i,
.cs-sticky-header-1 .cs-header-btn-2 i {
  font-size: 18px !important;
}


/* =====================================================================
   SHARE YOUR CAR — komple sayfa (sec1–4)
   ===================================================================== */
.cs-shareyourcar-main {
  background: var(--uh-void) !important;
  overflow-x: clip;
}

.cs-syc-sec1 {
  background: var(--uh-void) !important;
  padding: clamp(24px, 4vw, 48px) 0 clamp(32px, 5vw, 64px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.cs-syc-sec1 .cs-syc-1-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: clamp(20px, 3vw, 40px) !important;
  align-items: center !important;
  margin: 0 !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--uh-pad-x) !important;
  padding-right: var(--uh-pad-x) !important;
  width: 100% !important;
}

.cs-syc-sec1 .cs-syc-1-formbox,
.cs-syc-sec1 .cs-syc-1-imgbox {
  flex: none !important;
  max-width: 100% !important;
  width: auto !important;
  padding: 0 !important;
  float: none !important;
}

.cs-syc-sec1 .cs-syc-sec-1-title {
  color: var(--uh-text) !important;
  font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2.15rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  max-width: 18ch !important;
  margin: 0 0 24px !important;
  letter-spacing: -0.025em !important;
}

.cs-syc-sec1 .cs-syc-sec-1-title span {
  color: var(--uh-brand-text) !important;
}

.cs-syc-sec1 .cs-form-1 .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px 16px !important;
  margin: 0 !important;
}

.cs-syc-sec1 .cs-form-1 .form-group,
.cs-syc-sec1 .cs-form-1 .cs-start-btn,
.cs-syc-sec1 .cs-form-1 [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cs-syc-sec1 .cs-global-select2-container-1 label,
.cs-syc-sec1 .cs-global-select2-container-2 label {
  color: var(--uh-text-muted) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.cs-syc-sec1 .cs-start-btn {
  display: flex !important;
  align-items: flex-end !important;
}

.cs-syc-sec1 .cs-start-btn .dropdown,
.cs-syc-sec1 .cs-start-dropdown {
  width: 100% !important;
}

.cs-syc-sec1 .cs-start-dropdown {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 12px !important;
  justify-content: center !important;
}

.cs-syc-sec1 .dropdown-menu {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: 12px !important;
  box-shadow: var(--uh-shadow) !important;
  padding: 8px !important;
  min-width: 100% !important;
}

.cs-syc-sec1 .dropdown-item {
  color: var(--uh-text-soft) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-weight: 600 !important;
}

.cs-syc-sec1 .dropdown-item:hover,
.cs-syc-sec1 .dropdown-item:active {
  background: var(--uh-brand-soft) !important;
  color: #fff !important;
}

.cs-syc-sec1 .cs-syc-infobox {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: 16px !important;
  padding: 18px 22px !important;
  margin: 20px 0 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  box-shadow: var(--uh-shadow) !important;
}

.cs-syc-sec1 .cs-syc-infobox .cs-title-1,
.cs-syc-sec1 .cs-syc-infobox .cs-title-1 p,
.cs-syc-sec1 .cs-syc-infobox #earningCalculation {
  color: var(--uh-text) !important;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: normal !important;
}

.cs-syc-sec1 .cs-syc-infobox .cs-title-2 {
  color: var(--uh-brand-text) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

.cs-syc-sec1 .cs-info-message {
  background: var(--uh-elevated) !important;
  color: var(--uh-text-soft) !important;
  border: 1px solid var(--uh-line) !important;
}

.cs-syc-sec1 .cs-info-message span {
  color: var(--uh-text-soft) !important;
  line-height: 1.4 !important;
}

.cs-syc-sec1 .cs-syc-1-imgbox {
  position: relative !important;
  min-height: 360px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(80% 70% at 70% 40%, rgba(59, 130, 246, 0.28) 0%, transparent 60%),
    linear-gradient(145deg, #0c1929 0%, #152a4a 55%, #1e3a8a 100%) !important;
}

.cs-syc-sec1 .cs-syc-1-imgbox .cs-main-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  opacity: 0.35 !important;
  border-radius: 0 !important;
}

.cs-syc-sec1 .cs-syc-1-imgbox .cs-right-car-img {
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  width: min(92%, 520px) !important;
  max-width: 520px !important;
  height: auto !important;
  object-fit: contain !important;
  z-index: 2 !important;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45));
}

/* Stats band — artık beyaz değil */
.cs-syc-sec-2 {
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(28px, 4vw, 40px) 0 !important;
  background: var(--uh-deep) !important;
  border-top: 1px solid var(--uh-line) !important;
  border-bottom: 1px solid var(--uh-line) !important;
}

.cs-syc-sec-2 .cs-syc-2-banner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  height: auto !important;
  align-items: stretch !important;
}

.cs-syc-sec-2 .cs-syc-2-banner-content {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 16px !important;
  padding: 20px 12px !important;
  gap: 6px !important;
}

.cs-syc-sec-2 .cs-title-banner-1 {
  color: var(--uh-brand-text) !important;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

.cs-syc-sec-2 .cs-desc-banner-1 {
  color: var(--uh-text-muted) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Feature cards */
.cs-syc-sec-3 {
  margin: 0 !important;
  padding: clamp(36px, 5vw, 64px) 0 !important;
  background: var(--uh-void) !important;
}

.cs-syc-sec-3 .cs-syc-3-box-main {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.cs-syc-sec-3 .cs-syc-3-box-content {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--uh-shadow) !important;
  height: auto !important;
  min-height: 260px !important;
  padding: 28px 18px !important;
  justify-content: flex-start !important;
}

.cs-syc-sec-3 .cs-syc-3-box-content > img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  margin: 0 auto 16px !important;
  filter: brightness(1.15);
}

.cs-syc-sec-3 .cs-syc-sec3-title {
  color: var(--uh-text) !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
}

.cs-syc-sec-3 .cs-syc-sec3-desc {
  color: var(--uh-text-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.cs-syc-sec-3 .cs-button-group {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.cs-syc-sec-3 .cs-primary-outline-btn-1,
.cs-primary-outline-btn-1 {
  background: var(--uh-elevated) !important;
  color: var(--uh-text) !important;
  border: 1px solid var(--uh-line-strong) !important;
  border-radius: var(--uh-radius-pill) !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  font-weight: 650 !important;
}

.cs-syc-sec-3 .cs-primary-outline-btn-1:hover,
.cs-primary-outline-btn-1:hover {
  background: var(--uh-brand-soft) !important;
  border-color: var(--uh-brand) !important;
  color: #fff !important;
}

/* Bireysel / kurumsal showcase — eski açık #F6FDFD */
.cs-syc-sec-4 {
  background: var(--uh-deep) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(40px, 6vw, 72px) 0 !important;
  border-top: 1px solid var(--uh-line) !important;
}

.cs-syc-sec-4 .cs-syc-sec4-main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important;
  height: auto !important;
  align-items: center !important;
  position: relative !important;
}

.cs-syc-sec-4 .cs-sys-sec4-content,
.cs-syc-sec-4 .cs-sys-sec4-content1 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: stretch !important;
  align-self: stretch !important;
}

.cs-syc-sec-4 .cs-sec4-textbox1,
.cs-syc-sec-4 .cs-sec4-textbox2 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-width: 100% !important;
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: var(--uh-shadow) !important;
}

.cs-syc-sec-4 .cs-wbg-head-2,
.cs-syc-sec-4 .cs-wbg-head-2 span,
.cs-syc-sec-4 .cs-sys-sec4-title {
  color: var(--uh-text) !important;
  text-align: left !important;
}

.cs-syc-sec-4 .cs-sys-sec4-title {
  color: var(--uh-text-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.cs-syc-sec-4 .cs-sec4-img1,
.cs-syc-sec-4 .cs-sec4-img2,
.cs-syc-sec-4 img {
  position: static !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  object-fit: contain !important;
}


/* =====================================================================
   DİĞER SAYFALAR — aynı dil
   ===================================================================== */
.cs-about-us-textbox-1,
.cs-about-us-imagebox-1,
.cs-contact-us-sec-1 .cs-speech-info-box-1,
.cs-contact-us-sec-1 .cs-speech-info-box-2,
.cs-vale-form-c-1,
.cs-account-m-row-1 .csamr1-col-2 {
  background: var(--uh-surface) !important;
  border: 1px solid var(--uh-line) !important;
  color: var(--uh-text-soft) !important;
}

.cs-about-us-textbox-1 *,
.cs-contact-us-sec-1 .cs-desc-1,
.cs-contact-us-sec-1 label {
  color: var(--uh-text-soft) !important;
}

.cs-p-blog-sec-1 .cs-blog-box-1,
.cs-p-campaign-sec-1 .cs-campaign-box-1 {
  overflow: hidden !important;
}

.cs-faq-sec-1 .cs-banner-sec-1,
.cs-banner-sec-1 {
  background: linear-gradient(120deg, #0c1929 0%, #1e3a8a 55%, #2563eb 100%) !important;
  border-radius: 0 !important;
}

.cs-banner-sec-1 h1,
.cs-banner-sec-1 .cs-wbg-head-1 {
  color: #fff !important;
}

/* Cookie / modal */
.cs-cookie-fly-d-1,
.modal-content,
.custom-modal .modal-content {
  background: var(--uh-surface) !important;
  color: var(--uh-text-soft) !important;
  border: 1px solid var(--uh-line) !important;
}


/* =====================================================================
   SHARE / HOME — responsive
   ===================================================================== */
@media (max-width: 1023.98px) {
  .cs-syc-sec1 .cs-syc-1-main {
    grid-template-columns: 1fr !important;
  }

  .cs-syc-sec1 .cs-syc-1-imgbox {
    min-height: 280px !important;
    order: -1 !important;
  }

  .cs-syc-sec-2 .cs-syc-2-banner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cs-syc-sec-3 .cs-syc-3-box-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cs-syc-sec-4 .cs-syc-sec4-main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  .cs-syc-sec1 .cs-form-1 .row {
    grid-template-columns: 1fr !important;
  }

  .cs-syc-sec1 .cs-syc-1-imgbox {
    min-height: 220px !important;
  }

  .cs-syc-sec1 .cs-syc-1-imgbox .cs-right-car-img {
    width: min(96%, 360px) !important;
  }

  .cs-syc-sec-2 .cs-syc-2-banner {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .cs-syc-sec-2 .cs-title-banner-1 {
    font-size: 1.35rem !important;
  }

  .cs-syc-sec-3 .cs-syc-3-box-main {
    grid-template-columns: 1fr !important;
  }

  .cs-syc-sec-3 .cs-syc-3-box-content {
    min-height: 0 !important;
    padding: 22px 16px !important;
  }

  .cs-syc-sec-3 .cs-button-group {
    flex-direction: column !important;
  }

  .cs-syc-sec-3 .cs-button-group a {
    width: 100% !important;
  }

  .cs-syc-sec1 .cs-syc-infobox .cs-title-1 {
    flex-wrap: wrap !important;
    font-size: 1.35rem !important;
  }
}

@media (max-width: 389.98px) {
  .cs-syc-sec-2 .cs-syc-2-banner {
    grid-template-columns: 1fr !important;
  }
}