.purchase-check,
.european-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9vw;
  align-items: end;
  margin: 0 3vw;
  padding: 85px 6vw;
  background: #e3e8ef;
}

.privacy-page { padding: 90px 0 0; }
.privacy-document { width: min(900px, 86vw); margin: auto; }
.privacy-document header { padding-bottom: 45px; border-bottom: 1px solid var(--line); }
.privacy-document h1 { font: 300 clamp(48px, 7vw, 84px)/1 'Manrope', sans-serif; letter-spacing: -.05em; margin: 18px 0; }
.privacy-document h2 { font: 400 25px/1.3 'Manrope', sans-serif; margin: 0 0 14px; }
.privacy-document section { padding: 34px 0; border-bottom: 1px solid var(--line); }
.privacy-document p, .privacy-document li { color: var(--muted); font-size: 15px; line-height: 1.8; }
.privacy-document li + li { margin-top: 8px; }
.privacy-document a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.privacy-date { font-weight: 600; }
.privacy-ar { display: none; }
.privacy-ar h1, .privacy-ar h2 { font-family: Tahoma, Arial, sans-serif; letter-spacing: 0; }
html[lang="ar"] .privacy-en { display: none; }
html[lang="ar"] .privacy-ar { display: block; }
html[lang="en"] .privacy-ar { display: none; }

html { background: var(--paper); overscroll-behavior-y: none; }
body { background: var(--paper); overflow-x: hidden; overscroll-behavior-y: none; }
main { background: var(--paper); }
footer { padding-bottom: 35px; }

footer .cookie-settings { padding: 0; border: 0; background: none; color: inherit; text-align: inherit; cursor: pointer; font-size: 13px; }
.consent-banner { position: fixed; z-index: 1000; left: 22px; right: 22px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: space-between; gap: 32px; max-width: 1040px; margin: auto; padding: 22px 24px; color: #fff; background: #080d0e; border: 1px solid #34403e; box-shadow: 0 18px 50px rgba(0,0,0,.3); }
.consent-banner strong { font: 600 17px 'Manrope', sans-serif; }
.consent-banner p { max-width: 650px; margin: 7px 0; color: #abb4b1; font-size: 13px; line-height: 1.55; }
.consent-banner a { color: var(--blue-light); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.consent-actions { display: flex; gap: 9px; flex-shrink: 0; }
.consent-actions button { padding: 12px 15px; border: 1px solid #57625f; color: #fff; background: transparent; cursor: pointer; white-space: nowrap; }
.consent-actions .consent-accept { border-color: var(--blue); background: var(--blue); }
@media (max-width: 720px) { .consent-banner { display: block; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); padding: 20px; } .consent-actions { margin-top: 16px; } .consent-actions button { flex: 1; } }

.reviews-section { padding: 70px 0; background: #e9e9e3; }
.reviews-section[hidden] { display: none; }
.reviews-summary { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; margin-bottom: 32px; }
.reviews-summary h2 { max-width: 620px; margin: 10px 0 0; font: 300 clamp(30px, 3.2vw, 44px)/1.12 'Manrope', sans-serif; letter-spacing: -.035em; }
.rating-block { min-width: 170px; padding-left: 24px; border-left: 1px solid #c5cac3; }
.rating-block strong { display: block; font: 300 38px/1 'Manrope', sans-serif; }
.rating-block .review-stars, .review-card .review-stars { color: #1556a3; letter-spacing: .12em; }
.rating-block small { display: block; margin-top: 8px; color: var(--muted); }
.review-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.review-card { min-height: 220px; padding: 24px; background: #efefe9; }
.review-card-head { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; }
.review-card-head img, .review-avatar { width: 42px; height: 42px; border-radius: 50%; background: #c8ced2; object-fit: cover; }
.review-card-head a { font-weight: 600; }
.review-card-head small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.review-card .review-stars { font-size: 10px; white-space: nowrap; }
.review-card blockquote { margin: 32px 0 0; color: #4d5654; font: 400 15px/1.7 'Manrope', sans-serif; }
.reviews-source { display: flex; justify-content: space-between; gap: 25px; margin-top: 24px; color: var(--muted); font-size: 12px; }
.reviews-source a { color: #1556a3; font-weight: 600; }
[dir="rtl"] .reviews-summary h2, [dir="rtl"] .review-card blockquote { font-family: Tahoma, Arial, sans-serif; letter-spacing: 0; }
[dir="rtl"] .rating-block { padding-right: 28px; padding-left: 0; border-right: 1px solid #bbc0b9; border-left: 0; }
@media (max-width: 800px) { .reviews-section { padding: 75px 0; } .reviews-summary { grid-template-columns: 1fr; } .rating-block { padding: 20px 0 0; border-left: 0; border-top: 1px solid #bbc0b9; } [dir="rtl"] .rating-block { padding: 20px 0 0; border-right: 0; border-top: 1px solid #bbc0b9; } .review-grid { grid-template-columns: 1fr; } .review-card { min-height: 0; } .reviews-source { display: block; } .reviews-source a { display: inline-block; margin-top: 10px; } }

.purchase-check h2,
.european-note h2 {
  margin: 14px 0 0;
  font: 300 clamp(36px, 4.5vw, 64px)/1.08 'Manrope', sans-serif;
  letter-spacing: -.045em;
}

.purchase-check > div:last-child p,
.european-note > p {
  color: var(--muted);
  line-height: 1.75;
}

.purchase-check .button { margin-top: 20px; }

.european-note { margin-bottom: 0; }

[dir="rtl"] .purchase-check h2,
[dir="rtl"] .european-note h2 {
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.3;
}

@media (max-width: 800px) {
  .purchase-check,
  .european-note {
    grid-template-columns: 1fr;
    padding: 65px 7vw;
  }
}

/* Interim visual direction: capable, established workshop rather than showroom. */
.hero {
  background-image: linear-gradient(90deg, rgba(8,14,16,.92) 0%, rgba(8,14,16,.70) 42%, rgba(8,14,16,.08) 78%), url('assets/images/workshop-hero-v4.webp');
}

.legacy-image {
  background-image: url('assets/images/diagnostics-workshop-v4.webp');
}

/* Light-theme review: same information architecture, warmer and more approachable. */
:root {
  --ink: #173044;
  --paper: #ffffff;
  --blue: #1556a3;
  --blue-light: #2673bd;
  --muted: #62707a;
  --line: #d9e0e4;
}

html { background: #173044; }
body { background: #173044; }
main { background: #fff; }

.site-header,
.site-header.solid {
  position: absolute;
  color: var(--ink);
  background: rgba(255,255,255,.96);
  border-bottom-color: rgba(23,48,68,.12);
  backdrop-filter: blur(10px);
}

.site-header nav > a:not(.nav-cta) { opacity: .78; }
.site-header nav > a.active, .site-header nav > a:hover { color: var(--blue); opacity: 1; }
.site-header .brand small { opacity: .68; }
.site-header .nav-cta { color: var(--blue); border-color: var(--blue); }

.hero {
  min-height: 820px;
  color: var(--ink);
  background-image: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.91) 39%, rgba(255,255,255,.35) 69%, rgba(255,255,255,.05) 100%), url('assets/images/hero-mercedes-light-v7.webp');
}

.hero .lede { color: #4f606b; }
.hero-metrics { border-color: #c7d1d7; }
.hero-metrics > div { border-color: #c7d1d7; }
.hero-metrics span { color: #687780; }
.hero h1 em { color: var(--blue); }
.button.blue { box-shadow: 0 10px 22px rgba(21,86,163,.16); }
.button.outline { color: var(--ink); border-color: #80909b; }

.intro { padding-top: 120px; padding-bottom: 120px; }
.services-home, .values { background: #f4f7f8; }
.service-grid article { background: #fff; }
.service-grid article:hover { background: #f8fbfd; }

.purchase-check, .european-note {
  background: #eaf3fb;
}

/* A single visual pause for the otherwise deliberately scan-friendly service list. */
.service-list::after {
  content: '';
  display: block;
  height: 410px;
  margin-top: 56px;
  background: url('assets/images/services-diagnostics-v1.webp') center / cover no-repeat;
}

.legacy-split { background: #eef4f7; }
.legacy-copy { background: #173044; }
.legacy-image { background-position: center; }

.page-hero, .story-hero {
  color: var(--ink);
  background: #eef4f7;
}
.page-hero > p:last-child { color: #52636e; }
.dark-section { background: #173044; }
.visit { color: var(--ink); background: #eaf3fb; }
.visit p { color: #52636e; }
.cta-band { background: #1556a3; }

.booking-form { background: #eef4f7; }
.booking-form input, .booking-form textarea { border-color: #b8c7d0; }

footer {
  color: #f7fbff;
  background: #173044;
}
footer p { color: #c7d2da; }
footer > small { color: #aab9c3; border-top-color: #395269; }

@media (max-width: 800px) {
  .site-header, .site-header.solid { position: absolute; }
  .site-header nav { color: #fff; background: #173044; }
  .hero { min-height: 760px; background-position: 65% center; }
  .hero-copy { padding-top: 62px; }
  .hero-metrics { margin-top: 45px; }
  .service-list::after { height: 270px; margin-top: 36px; }
}