/* ============================================================
   Dark Theme Override for Template1
   Matches the Tuningserver.works design system
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

:root {
  --bg-1: #0a0a0a;
  --bg-2: #111111;
  --bg-3: #1a1a1a;
  --border-1: rgba(255,255,255,.06);
  --border-2: rgba(255,255,255,.1);
  --text-1: #f5f5f5;
  --text-2: rgba(255,255,255,.7);
  --text-3: rgba(255,255,255,.4);
  --accent: #e63329;
  --accent-hover: #ff3e33;
  --accent-glow: rgba(230,51,41,.18);
  --ff-display: 'Barlow Condensed', sans-serif;
  --ff-body: 'DM Sans', sans-serif;
  --ff-mono: 'DM Mono', monospace;
  --radius-md: .5rem;
  --radius-lg: .75rem;
}

/* ── Reset & Global ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background: var(--bg-1) !important;
  color: var(--text-2) !important;
  font-family: var(--ff-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

::selection { background: var(--accent); color: #fff; }

a { color: var(--text-2) !important; text-decoration: none !important; }
a:hover { color: var(--text-1) !important; }

h1, h2, h3, h4, h5, h6 {
  color: var(--text-1) !important;
  font-family: var(--ff-display) !important;
}

p { color: var(--text-2) !important; }

hr { border-color: var(--border-1) !important; opacity: 1 !important; }

.r-wrapper { background: var(--bg-1) !important; }

/* ════════════════════════════════════════════════════════════
   HEADER – Fixed top bar, no overlap
   ════════════════════════════════════════════════════════════ */
.r-header {
  position: relative !important;
}

.r-header .r-header-strip,
.r-header .r-header-strip.r-header-strip-01,
.r-header-strip.r-header-strip-01,
.r-header.r-header-strip-01 .r-header-strip {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: rgba(10,10,10,.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--border-1) !important;
  padding: 0 !important;
  width: 100% !important;
}

.r-header .r-header-strip .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1280px !important;
  padding: 0 2rem !important;
  height: 64px !important;
}

.r-header .r-header-strip .container > .row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}

/* Logo */
.r-logo {
  margin: 0 !important;
  padding: 0 !important;
}
.r-logo a { display: flex !important; align-items: center !important; }
.logo-header,
.r-logo img {
  max-height: 38px !important;
  width: auto !important;
}

/* Nav links */
.r-nav-section { float: none !important; }
.r-nav-section nav > ul {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.r-nav-section nav > ul > li { margin: 0 !important; }
.r-nav-section nav > ul > li > a,
.r-header .r-header-strip .r-nav-section nav > ul > li > a,
.r-header.r-header-strip-01 .r-nav-section nav ul li a {
  font-family: var(--ff-body) !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  color: var(--text-3) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: .5rem .75rem !important;
  border-radius: var(--radius-md) !important;
  transition: color .2s ease, background .2s ease !important;
  text-decoration: none !important;
}
.r-nav-section nav > ul > li > a:hover,
.r-header .r-header-strip .r-nav-section nav > ul > li > a:hover,
.r-header.r-header-strip-01 .r-nav-section nav ul li a:hover {
  color: var(--text-1) !important;
  background: rgba(255,255,255,.05) !important;
}

/* Hide header action buttons (commented out login/register) */
.r-header-action { display: none !important; }

/* Mobile hamburger */
.menu-icon {
  color: var(--text-1) !important;
  font-size: 1.4rem !important;
}

/* ════════════════════════════════════════════════════════════
   SLIDER – Proper spacing below fixed header
   ════════════════════════════════════════════════════════════ */
.r-slider,
.r-slider.owl-carousel {
  margin-top: 64px !important;
  background: var(--bg-1) !important;
}

.r-slider-item {
  position: relative !important;
  background: var(--bg-1) !important;
  overflow: hidden !important;
}

.r-slider-item img {
  opacity: .35 !important;
  object-fit: cover !important;
  width: 100% !important;
  max-height: 500px !important;
}

.r-slider-item .r-slider-top-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  z-index: 10 !important;
  width: 90% !important;
  max-width: 700px !important;
}

.r-slider-item .r-slider-top-content h1 {
  font-family: var(--ff-display) !important;
  font-weight: 900 !important;
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  text-transform: uppercase !important;
  color: var(--text-1) !important;
  line-height: 1.1 !important;
  margin-bottom: 1rem !important;
}
.r-slider-item .r-slider-top-content h1 span {
  color: var(--accent) !important;
}

.r-slider-item .r-slider-top-content p,
.r-slider-item .r-slider-top-content h4 {
  color: var(--text-2) !important;
  font-family: var(--ff-body) !important;
  font-weight: 300 !important;
}

.btn-outlined,
.r-slider-item .r-slider-top-content .btn-outlined {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--ff-body) !important;
  font-weight: 600 !important;
  padding: .75rem 2rem !important;
  text-transform: none !important;
}
.btn-outlined:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.r-slider .owl-dots { bottom: 15px !important; }
.r-slider .owl-dots .owl-dot.active { border-bottom-color: var(--accent) !important; }
.r-slider .owl-dots .owl-dot::before { background: var(--text-3) !important; }
.r-slider .owl-nav .owl-prev,
.r-slider .owl-nav .owl-next {
  background: rgba(10,10,10,.6) !important;
  color: var(--text-1) !important;
}

/* ════════════════════════════════════════════════════════════
   VEHICLE CONFIGURATOR – Not absolute, standalone card
   ════════════════════════════════════════════════════════════ */
.r-header.r-header-strip-01 .r-car-search,
.r-car-search {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: -3rem auto 0 !important;
  background: var(--bg-2) !important;
  border: 1px solid var(--border-1) !important;
  border-radius: var(--radius-lg) !important;
  padding: 2rem 2.5rem !important;
  z-index: 50 !important;
}

.r-car-search .r-top-form-title {
  position: static !important;
  margin-bottom: 1.5rem !important;
}
.r-car-search .r-top-form-title span {
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}
.r-car-search .r-top-form-title h3 {
  color: var(--text-1) !important;
  font-family: var(--ff-display) !important;
  font-weight: 800 !important;
  font-size: 1.6rem !important;
  margin-top: .5rem !important;
}
.r-car-search .r-top-form-title h3::after {
  background-color: var(--accent) !important;
}

.r-car-search .form-group { margin-bottom: .75rem !important; }

.r-car-search label,
.r-car-search .form-label,
.r-header.r-header-strip-01 .r-car-search label {
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .65rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: .35rem !important;
  display: block !important;
}

.r-car-search .form-control,
.r-car-search .form-select,
.r-car-search select {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-2) !important;
  color: var(--text-1) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--ff-body) !important;
  font-size: .9rem !important;
  height: 2.8rem !important;
  padding: 0 .75rem !important;
}
.r-car-search .form-control:focus,
.r-car-search .form-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-glow) !important;
  outline: none !important;
}

.r-car-search .btn-primary,
.r-car-search .btn-dyno,
.r-car-search button[type="submit"] {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--ff-body) !important;
  font-weight: 600 !important;
  height: 2.8rem !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
  margin-top: 1.55rem !important;
}
.r-car-search .btn-primary:hover,
.r-car-search .btn-dyno:hover {
  background: var(--accent-hover) !important;
}

/* Select2 dark */
.select2-container--default .select2-selection--single {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-2) !important;
  border-radius: var(--radius-md) !important;
  height: 2.8rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-1) !important;
  line-height: 2.8rem !important;
  font-family: var(--ff-body) !important;
  font-size: .9rem !important;
  padding-left: .75rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.8rem !important;
}
.select2-container--default .select2-results__option {
  background: var(--bg-2) !important;
  color: var(--text-2) !important;
  font-family: var(--ff-body) !important;
  font-size: .85rem !important;
  padding: .5rem .75rem !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background: var(--accent) !important;
  color: #fff !important;
}
.select2-dropdown {
  background: var(--bg-2) !important;
  border-color: var(--border-2) !important;
  border-radius: var(--radius-md) !important;
}
.select2-search--dropdown .select2-search__field {
  background: var(--bg-3) !important;
  border-color: var(--border-2) !important;
  color: var(--text-1) !important;
  border-radius: var(--radius-md) !important;
}
.select2-container { width: 100% !important; }

/* ════════════════════════════════════════════════════════════
   CTA BANNER – Free slave files message
   ════════════════════════════════════════════════════════════ */
.r-form-strip::before { background: var(--accent) !important; }
.r-counter-section,
.r-counter-section.r-counter-with-bg {
  background-color: var(--bg-2) !important;
}
.r-counter-section.r-counter-with-bg div[class*="col-"] {
  border-right-color: var(--border-1) !important;
}

/* ════════════════════════════════════════════════════════════
   SECTION HEADS – Global section title styling
   ════════════════════════════════════════════════════════════ */
.r-sec-head span {
  font-family: var(--ff-mono) !important;
  color: var(--text-3) !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}
.r-sec-head h2 {
  font-family: var(--ff-display) !important;
  font-weight: 800 !important;
  color: var(--text-1) !important;
  font-size: 2rem !important;
}
.r-sec-head h2 b { color: var(--accent) !important; }
.r-sec-head-line h2::after { background-color: var(--accent) !important; }

/* ════════════════════════════════════════════════════════════
   ABOUT SECTION
   ════════════════════════════════════════════════════════════ */
section#about_us,
.r-about-info {
  background: var(--bg-1) !important;
  padding: 5rem 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.r-about-info .r-about-info-img img {
  border-radius: var(--radius-lg) !important;
}
.r-about-info .r-about-info-content p { color: var(--text-2) !important; }
.r-about-info .r-about-info-content ul li { color: var(--text-2) !important; }
.r-about-info .r-about-info-content ul li i { color: var(--accent) !important; }

/* ════════════════════════════════════════════════════════════
   SERVICES SECTION
   ════════════════════════════════════════════════════════════ */
section#out-services,
.r-best-vehicles {
  background-color: var(--bg-2) !important;
  background-image: none !important;
  padding: 5rem 0 !important;
}

.r-best-offer-list .r-best-offer-single,
.r-best-offer-single,
.iw-content .r-best-offer-single {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-1) !important;
  border-radius: var(--radius-lg) !important;
  transition: border-color .25s ease !important;
  overflow: hidden !important;
  margin-bottom: 1.5rem !important;
}
.r-best-offer-list .r-best-offer-single:hover {
  border-color: var(--accent) !important;
}
.r-best-offer-single .r-best-offer-content { padding: 1.5rem !important; }
.r-best-offer-single .r-best-offer-content h4 { color: var(--text-1) !important; font-size: 1.1rem !important; }
.r-best-offer-single .r-best-offer-content p { color: var(--text-3) !important; font-size: .85rem !important; }
/* Service cards – nuclear override for all white backgrounds */
.r-best-offer-single,
.r-best-offer-single *,
.r-best-offer-single .r-best-offer-in,
.r-best-offer-single .r-best-offer-content,
.r-best-offer-single .r-offer-img,
.r-best-offer-single ul li {
  background-color: var(--bg-3) !important;
  background-image: none !important;
}
.r-best-offer-single .r-best-offer-content a,
.r-best-offer-single .r-best-offer-content a b {
  color: var(--accent) !important;
  font-family: var(--ff-body) !important;
  text-decoration: none !important;
}
.r-best-offer-single .r-offer-img {
  color: var(--text-3) !important;
  font-size: .85rem !important;
  line-height: 1.6 !important;
}
.r-best-offer-single .r-offer-img .r-offer-img-over {
  background-color: rgba(0,0,0,.6) !important;
}
.single-service.r-best-offer-single {
  border: 1px solid var(--border-1) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  transition: border-color .25s ease !important;
}
.single-service.r-best-offer-single:hover {
  border-color: var(--accent) !important;
}
.r-best-offer-single .r-offer-img .r-offer-img-over i { background: var(--accent) !important; }
.r-best-offer-list .r-best-offer-single ul li:hover,
.iw-content .r-best-offer-single ul li:hover { background-color: var(--accent) !important; }

.btn-full,
.r-best-offer-single .r-offer-rewst-this {
  background: var(--accent) !important;
  border-radius: var(--radius-md) !important;
  color: #fff !important;
}

/* ════════════════════════════════════════════════════════════
   REVIEWS SECTION
   ════════════════════════════════════════════════════════════ */
section#reviews,
.r-quote,
.r-quote-sub {
  background: var(--bg-1) !important;
  padding: 5rem 0 !important;
}
.r-quote blockquote,
.r-quote .r-quote-content p { color: var(--text-2) !important; }
.r-quote .r-quote-author,
.r-quote .r-quote-author-name { color: var(--text-1) !important; }

.testimonial,
.testimonial-item,
.inner-review {
  background: var(--bg-2) !important;
  border: 1px solid var(--border-1) !important;
  border-radius: var(--radius-lg) !important;
  color: var(--text-2) !important;
}
.testimonial-text,
.testimonial-text p {
  color: var(--text-2) !important;
}
.testimonial-title h4 {
  color: var(--text-1) !important;
}
.testimonial-title p {
  color: var(--text-3) !important;
}
.testimonial-quote-left i,
.testimonial-quote-right i {
  color: var(--accent) !important;
  opacity: .4;
}

/* Big background letters – all variants transparent */
[class*="r-sec-head"]::after,
[class*="r-quote"]::after,
.r-faq-header::after {
  color: rgba(255,255,255,.03) !important;
  z-index: 0 !important;
}

/* ════════════════════════════════════════════════════════════
   CONTACT SECTION
   ════════════════════════════════════════════════════════════ */
section#contact_us,
.r-get-in-touch {
  background-color: var(--bg-2) !important;
  background-image: none !important;
  padding: 5rem 0 !important;
}
.r-get-in-touch .r-get-header span {
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}
.r-get-in-touch .r-get-header h2 { color: var(--text-1) !important; }
.r-get-in-touch .r-get-form input,
.r-get-in-touch .r-get-form textarea,
.r-get-in-touch .r-get-form select {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-2) !important;
  color: var(--text-1) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--ff-body) !important;
}
.r-get-in-touch .r-get-form input::placeholder,
.r-get-in-touch .r-get-form textarea::placeholder { color: var(--text-3) !important; }
.r-get-in-touch .r-get-form input:focus,
.r-get-in-touch .r-get-form textarea:focus,
.r-get-in-touch .r-get-form select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-glow) !important;
}
.r-get-in-touch .r-get-form .text-center button,
.r-get-in-touch .btn-full {
  background: var(--accent) !important;
  border-radius: var(--radius-md) !important;
  color: #fff !important;
  font-family: var(--ff-body) !important;
  font-weight: 600 !important;
  border: none !important;
  padding: .75rem 2.5rem !important;
}
.r-get-in-touch .r-get-form .text-center button:hover {
  background: var(--accent-hover) !important;
}

/* ════════════════════════════════════════════════════════════
   FAQ SECTION
   ════════════════════════════════════════════════════════════ */
section#r-faq-section,
.r-faq-section,
.r-faq-white-bg {
  background: var(--bg-1) !important;
  padding: 5rem 0 !important;
}
.r-faq-header span {
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}
.r-faq-header h2::before { background: var(--accent) !important; }

.r-accordion .r-accordion-body {
  background: var(--bg-2) !important;
  border: 1px solid var(--border-1) !important;
  border-radius: var(--radius-md) !important;
  margin-bottom: .75rem !important;
  overflow: hidden !important;
}
.r-accordion .r-accordion-body h3 {
  color: var(--text-1) !important;
  font-family: var(--ff-body) !important;
  font-weight: 500 !important;
  font-size: .95rem !important;
}
.r-accordion .r-accordion-body h3.active,
.r-accordion .r-accordion-body h3:hover { color: var(--accent) !important; }
.r-accordion .r-accordion-body .r-accordion-in {
  color: var(--text-2) !important;
  border-top: 1px solid var(--border-1) !important;
}

/* ════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════ */
footer,
.r-footer,
.footer-bg {
  background: var(--bg-2) !important;
  border-top: 1px solid var(--border-1) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.r-footer h6 {
  color: var(--text-2) !important;
  font-family: var(--ff-body) !important;
  font-size: .9rem !important;
}
.r-footer .r-footer-block .r-footer-nav ul li a {
  color: var(--text-3) !important;
  font-family: var(--ff-body) !important;
  font-size: .85rem !important;
}
.r-footer .r-footer-block .r-footer-nav ul li a:hover { color: var(--accent) !important; }
.r-footer .r-footer-block .r-footer-nav ul li::before { color: var(--accent) !important; }
.r-footer .r-footer-block .r-footer-phone span { color: var(--accent) !important; }
.r-footer .r-footer-strip {
  border-top: 1px solid var(--border-1) !important;
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .75rem !important;
}
.r-footer .r-footer-strip a { color: var(--accent) !important; }
.r-footer .r-footer-block-image { background: none !important; }
.r-footer .r-footer-block-image img {
  max-height: 45px !important;
  width: auto !important;
}
.r-footer .r-footer-block .r-newsletter button { background: var(--accent) !important; }

/* ════════════════════════════════════════════════════════════
   DYNO DETAILS PAGE
   ════════════════════════════════════════════════════════════ */
.r-header-inner-banner {
  background: var(--bg-2) !important;
  background-image: none !important;
  padding: 6rem 0 2rem !important;
}
.r-header-inner-banner::before {
  background: none !important;
}
.r-header-inner-banner .r-header-in-over h1 {
  color: var(--text-1) !important;
  font-family: var(--ff-display) !important;
  font-weight: 900 !important;
}
.r-header-inner-banner .r-breadcrum ul li a { color: var(--text-3) !important; }
.r-header-inner-banner .r-breadcrum ul li a:hover { color: var(--accent) !important; }
.r-header-inner-banner .r-breadcrum ul li span { color: var(--text-1) !important; }
.r-header-inner-banner .r-breadcrum ul li::after { color: var(--text-3) !important; }

#service-details {
  background: var(--bg-1) !important;
  color: var(--text-2) !important;
  padding: 3rem 0 !important;
}
#service-details h1 {
  font-family: var(--ff-display) !important;
  font-weight: 800 !important;
}
#service-details table { color: var(--text-2) !important; }
#service-details table th { color: var(--text-1) !important; }
#service-details table td { color: var(--text-2) !important; padding: .5rem !important; }

#service-details .tuning_arrow,
#service-details div[style*="background-color: #e5e5e5"] {
  background-color: var(--bg-3) !important;
  color: var(--text-1) !important;
}
#service-details div[style*="border: 1px solid #e5e5e5"] {
  border-color: var(--border-2) !important;
  background: var(--bg-2) !important;
  border-radius: var(--radius-md) !important;
}
#service-details div[style*="color: #00a7e1"] { color: var(--accent) !important; }
#service-details div[style*="color: #999"] {
  color: var(--text-3) !important;
  font-family: var(--ff-mono) !important;
  font-size: .7rem !important;
  letter-spacing: .1em !important;
}
#service-details .tuning_details h5 {
  color: var(--text-1) !important;
  font-family: var(--ff-body) !important;
  font-weight: 600 !important;
}

/* ════════════════════════════════════════════════════════════
   BUTTONS (Global)
   ════════════════════════════════════════════════════════════ */
.btn-primary,
.btn-full {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  border-radius: var(--radius-md) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-full:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}
.btn-default:hover { background: var(--accent) !important; color: #fff !important; }

/* ════════════════════════════════════════════════════════════
   SCROLL-TO-TOP
   ════════════════════════════════════════════════════════════ */
.r-to-top,
#r-to-top {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-2) !important;
  color: var(--text-2) !important;
  border-radius: 50% !important;
}
.r-to-top:hover,
#r-to-top:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

/* ════════════════════════════════════════════════════════════
   FORM CONTROLS (Generic)
   ════════════════════════════════════════════════════════════ */
.form-control,
.form-select,
select.form-control {
  background: var(--bg-3) !important;
  border: 1px solid var(--border-2) !important;
  color: var(--text-1) !important;
  border-radius: var(--radius-md) !important;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-glow) !important;
}
.form-control::placeholder { color: var(--text-3) !important; }

/* SweetAlert */
.swal-modal { background: var(--bg-2) !important; border: 1px solid var(--border-1) !important; }
.swal-title { color: var(--text-1) !important; }
.swal-text { color: var(--text-2) !important; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .r-nav-section {
    background: var(--bg-2) !important;
    border-top: 1px solid var(--border-1) !important;
  }
  .r-nav-section nav > ul {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 1rem 0 !important;
  }
  .r-nav-section nav > ul > li > a,
  .r-header .r-header-strip .r-nav-section nav > ul > li > a {
    display: block !important;
    padding: .75rem 1.5rem !important;
    border-bottom: 1px solid var(--border-1) !important;
    border-radius: 0 !important;
  }

  .r-car-search {
    margin: 0 auto !important;
    border-radius: 0 !important;
    padding: 1.5rem !important;
  }

  .r-car-search .btn-primary,
  .r-car-search .btn-dyno {
    margin-top: .5rem !important;
  }
}

@media (max-width: 576px) {
  .r-slider-item img { max-height: 300px !important; }

  .r-slider-item .r-slider-top-content h1 {
    font-size: 1.8rem !important;
  }

  #service-details table { font-size: .8rem !important; }
  #service-details div[style*="font-size: 35px"] {
    font-size: 1.5rem !important;
  }
}