/* ============================================================
   OPENDRIVE DESIGN SYSTEM
   Child theme Divi — Weby Lab
   ============================================================ */

:root {
  --od-bg: #FFFFFF;
  --od-bg-alt: #F5F7FA;
  --od-bg-dark: #0A0F1E;
  --od-text: #0F1724;
  --od-text-dim: #64748B;
  --od-text-muted: #94A3B8;
  --od-border: #E5E7EB;
  --od-border-dark: #1F2937;
  --od-blue: #1E5AE8;
  --od-blue-hover: #1546AF;
  --od-blue-soft: #EEF2FF;
  --od-red: #D81F26;
  --od-red-hover: #B01820;
  --od-red-soft: #FEF2F2;
  --od-font-display: 'Space Grotesk', sans-serif;
  --od-font-body: 'Manrope', sans-serif;
  --od-font-mono: 'JetBrains Mono', monospace;
}

.od-home, .od-home *, .od-home *::before, .od-home *::after { box-sizing: border-box; }
.od-home { font-family: var(--od-font-body); color: var(--od-text); line-height: 1.6; font-size: 15px; }
.od-home img { display: block; max-width: 100%; height: auto; }
.od-home a { color: inherit; text-decoration: none; }
.od-home button { font-family: inherit; cursor: pointer; border: none; background: none; padding: 0; }
.od-home ul { list-style: none; padding: 0; margin: 0; }
.od-home svg { vertical-align: middle; flex-shrink: 0; display: inline-block; max-width: 100%; }
.od-home svg:not([width]):not([height]) { width: 1em; height: 1em; }

/* Boutons */
.od-btn-primary { background: var(--od-red); color: white; padding: 12px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; border-radius: 6px; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }
.od-btn-primary:hover { background: var(--od-red-hover); transform: translateY(-1px); color: white; }
.od-btn-outline { background: white; color: var(--od-text); padding: 11px 20px; font-size: 13px; font-weight: 700; border: 1.5px solid var(--od-text); border-radius: 6px; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }
.od-btn-outline:hover { background: var(--od-text); color: white; }

/* Section headers */
.od-section-eyebrow { font-family: var(--od-font-mono); font-size: 11px; font-weight: 600; color: var(--od-red); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 14px; display: inline-flex; align-items: center; gap: 10px; }
.od-section-eyebrow::before { content: ''; width: 20px; height: 1px; background: var(--od-red); }
.od-section-title { font-family: var(--od-font-display); font-weight: 700; font-size: clamp(28px, 3vw, 44px); line-height: 1.05; letter-spacing: -0.02em; color: var(--od-text); margin: 0; }
.od-section-title .accent { color: var(--od-red); }
.od-section-link { font-size: 14px; font-weight: 700; color: var(--od-text); display: inline-flex; align-items: center; gap: 8px; transition: color 0.2s; }
.od-section-link:hover { color: var(--od-blue); }
.od-section-link svg { width: 16px; height: 16px; transition: transform 0.2s; }
.od-section-link:hover svg { transform: translateX(4px); }
.od-section-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; gap: 32px; flex-wrap: wrap; }
.od-section-inner { max-width: 1440px; margin: 0 auto; }
.od-section { padding: 80px 32px; }
.od-section.alt { background: var(--od-bg-alt); }

/* HERO */
.od-hero { position: relative; min-height: 620px; padding: 90px 32px 80px; display: flex; align-items: center; overflow: hidden; }
.od-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: brightness(0.5) contrast(1.1); z-index: 0; }
.od-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10,15,30,0.3) 0%, rgba(10,15,30,0.85) 100%), linear-gradient(90deg, rgba(10,15,30,0.7) 0%, rgba(10,15,30,0.2) 60%); }
.od-hero-content { position: relative; z-index: 2; max-width: 1440px; margin: 0 auto; width: 100%; color: white; }
.od-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); padding: 8px 16px; border-radius: 100px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; margin-bottom: 28px; }
.od-hero-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--od-red); box-shadow: 0 0 8px var(--od-red); flex-shrink: 0; }
.od-hero-title { font-family: var(--od-font-display); font-weight: 700; font-size: clamp(36px, 5.5vw, 72px); line-height: 1; letter-spacing: -0.03em; max-width: 880px; margin: 0 0 22px; color: white; }
.od-hero-title .accent { color: var(--od-red); }
.od-hero-subtitle { font-size: clamp(16px, 1.3vw, 19px); color: rgba(255,255,255,0.85); max-width: 620px; margin: 0 0 40px; line-height: 1.55; font-weight: 400; }

/* SEARCH */
.od-search { background: white; border-radius: 12px; display: grid; grid-template-columns: 1.3fr 1fr 1fr auto; max-width: 920px; box-shadow: 0 20px 60px rgba(0,0,0,0.25); overflow: hidden; }
.od-search-field { padding: 14px 20px; border-right: 1px solid var(--od-border); cursor: pointer; transition: background 0.2s; position: relative; }
.od-search-field:hover { background: var(--od-bg-alt); }
.od-search-field-label { font-size: 11px; font-weight: 700; color: var(--od-text); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; display: block; }
.od-search-field select { width: 100%; border: none; background: transparent; font-size: 14px; color: var(--od-text); font-weight: 500; font-family: inherit; padding: 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; padding-right: 20px; }
.od-search-field::after { content: '▾'; position: absolute; right: 16px; top: 60%; transform: translateY(-50%); color: var(--od-text-dim); pointer-events: none; font-size: 10px; }
.od-search-submit { background: var(--od-red); color: white; padding: 0 32px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; display: flex; align-items: center; justify-content: center; gap: 10px; transition: background 0.2s; border: none; cursor: pointer; font-family: inherit; }
.od-search-submit:hover { background: var(--od-red-hover); }
.od-search-submit svg { width: 18px; height: 18px; }

.od-hero-quick { margin-top: 24px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,0.7); }
.od-hero-quick-label { font-weight: 600; }
.od-hero-quick-tag { background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.15); padding: 6px 14px; border-radius: 100px; color: white; font-weight: 500; font-size: 12px; transition: all 0.2s; cursor: pointer; text-decoration: none; }
.od-hero-quick-tag:hover { background: rgba(30,90,232,0.4); border-color: var(--od-blue); color: white; }

/* RASSURANCE */
.od-reassure { background: white; border-bottom: 1px solid var(--od-border); padding: 28px 32px; }
.od-reassure-inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.od-reassure-item { display: flex; align-items: center; gap: 14px; padding: 12px 8px; }
.od-reassure-icon { width: 44px; height: 44px; border-radius: 10px; background: var(--od-blue-soft); color: var(--od-blue); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.od-reassure-icon.red { background: var(--od-red-soft); color: var(--od-red); }
.od-reassure-icon svg { width: 22px; height: 22px; }
.od-reassure-text { line-height: 1.3; }
.od-reassure-title { font-size: 14px; font-weight: 700; color: var(--od-text); margin-bottom: 2px; }
.od-reassure-sub { font-size: 12px; color: var(--od-text-dim); }

/* DISCIPLINES */
.od-disciplines-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.od-discipline { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 4/5; cursor: pointer; background: var(--od-bg-dark); display: block; }
.od-discipline img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; filter: brightness(0.8); }
.od-discipline:hover img { transform: scale(1.08); }
.od-discipline-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(10,15,30,0.95) 100%); }
.od-discipline-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px; color: white; z-index: 2; }
.od-discipline-count { font-family: var(--od-font-mono); font-size: 11px; color: rgba(255,255,255,0.75); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; }
.od-discipline-title { font-family: var(--od-font-display); font-weight: 700; font-size: 24px; letter-spacing: -0.02em; margin-bottom: 8px; color: white; }
.od-discipline-price { font-size: 13px; color: rgba(255,255,255,0.9); font-weight: 500; }
.od-discipline-price strong { color: var(--od-red); font-weight: 700; }
.od-discipline-tag { position: absolute; top: 16px; left: 16px; background: var(--od-red); color: white; font-size: 10px; font-weight: 700; padding: 5px 10px; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; z-index: 2; }

/* STAGES */
.od-stages-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.od-stage { background: white; border: 1px solid var(--od-border); border-radius: 10px; overflow: hidden; cursor: pointer; transition: all 0.3s; display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.od-stage:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0,0,0,0.08); border-color: var(--od-blue); color: inherit; }
.od-stage-img { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.od-stage-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.od-stage:hover .od-stage-img img { transform: scale(1.06); }
.od-stage-badge { position: absolute; top: 12px; left: 12px; background: var(--od-red); color: white; font-size: 10px; font-weight: 700; padding: 5px 10px; border-radius: 4px; letter-spacing: 0.5px; z-index: 2; }
.od-stage-badge.new { background: var(--od-blue); }
.od-stage-badge.premium { background: #0F1724; }
.od-stage-fav { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s; border: none; cursor: pointer; z-index: 2; }
.od-stage-fav:hover { background: var(--od-red); color: white; }
.od-stage-fav svg { width: 18px; height: 18px; }
.od-stage-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.od-stage-location { font-size: 11px; font-weight: 600; color: var(--od-text-dim); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.od-stage-title { font-family: var(--od-font-display); font-size: 17px; font-weight: 600; color: var(--od-text); line-height: 1.25; letter-spacing: -0.01em; margin: 0 0 12px; flex: 1; }
.od-stage-meta { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; font-size: 12px; color: var(--od-text-dim); }
.od-stage-rating { display: flex; align-items: center; gap: 4px; font-weight: 600; color: var(--od-text); }
.od-stage-rating .star { color: var(--od-red); }
.od-stage-separator { width: 3px; height: 3px; border-radius: 50%; background: var(--od-text-muted); }
.od-stage-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid var(--od-border); }
.od-stage-price { display: flex; flex-direction: column; }
.od-stage-price-label { font-size: 10px; color: var(--od-text-dim); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.od-stage-price-value { display: flex; align-items: baseline; gap: 8px; }
.od-stage-price-old { font-size: 13px; color: var(--od-text-dim); text-decoration: line-through; font-weight: 500; }
.od-stage-price-new { font-family: var(--od-font-display); font-size: 22px; font-weight: 700; color: var(--od-text); letter-spacing: -0.01em; }
.od-stage-price-new .cur { font-size: 14px; color: var(--od-red); margin-left: 2px; }
.od-stage-btn { background: var(--od-text); color: white; padding: 10px 16px; font-size: 12px; font-weight: 700; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px; transition: background 0.2s; border: none; cursor: pointer; }
.od-stage:hover .od-stage-btn { background: var(--od-red); }

/* VEHICULES */
.od-vehicles { background: var(--od-bg-dark); color: white; padding: 80px 32px; position: relative; overflow: hidden; }
.od-vehicles::before { content: ''; position: absolute; top: -200px; right: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(30,90,232,0.15), transparent 70%); pointer-events: none; }
.od-vehicles::after { content: ''; position: absolute; bottom: -200px; left: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(216,31,38,0.1), transparent 70%); pointer-events: none; }
.od-vehicles-inner { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; }
.od-vehicles .od-section-title { color: white; }
.od-vehicles .od-section-link { color: white; }
.od-vehicles .od-section-link:hover { color: var(--od-red); }
.od-vehicles-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.od-vehicle { background: rgba(255,255,255,0.03); border: 1px solid var(--od-border-dark); border-radius: 10px; padding: 24px; cursor: pointer; transition: all 0.3s; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.od-vehicle:hover { background: rgba(30,90,232,0.08); border-color: var(--od-blue); transform: translateY(-4px); color: inherit; }
.od-vehicle-img { height: 100px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 8px; background: rgba(0,0,0,0.2); }
.od-vehicle-img img { width: 100%; height: 100%; object-fit: cover; }
.od-vehicle-name { font-family: var(--od-font-display); font-weight: 700; font-size: 20px; letter-spacing: -0.02em; margin: 0 0 4px; color: white; }
.od-vehicle-name em { font-family: var(--od-font-body); font-style: normal; font-weight: 500; font-size: 13px; color: var(--od-text-muted); letter-spacing: 0; display: block; margin-top: 4px; }
.od-vehicle-count { font-size: 12px; color: var(--od-text-muted); display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--od-border-dark); }
.od-vehicle-count strong { color: var(--od-red); font-weight: 700; }
.od-vehicle-arrow { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.od-vehicle:hover .od-vehicle-arrow { background: var(--od-red); }

/* REGIONS */
.od-regions-layout { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
.od-regions-intro p { font-size: 16px; color: var(--od-text-dim); margin: 0 0 24px; max-width: 480px; line-height: 1.6; }
.od-regions-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 24px; }
.od-region-item { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; background: white; border: 1px solid var(--od-border); border-radius: 8px; font-size: 14px; font-weight: 600; transition: all 0.2s; cursor: pointer; text-decoration: none; color: inherit; }
.od-region-item:hover { border-color: var(--od-blue); background: var(--od-blue-soft); color: inherit; }
.od-region-count { background: var(--od-bg-alt); color: var(--od-text-dim); font-family: var(--od-font-mono); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; }
.od-region-item:hover .od-region-count { background: white; color: var(--od-blue); }
.od-regions-map { position: relative; aspect-ratio: 1; max-width: 540px; margin: 0 auto; background: var(--od-bg-alt); border-radius: 16px; padding: 40px; border: 1px solid var(--od-border); overflow: hidden; }
.od-regions-map svg { width: 100%; height: 100%; }
.od-pin { fill: var(--od-red); cursor: pointer; transition: all 0.2s; transform-origin: center; }
.od-pin:hover { fill: var(--od-blue); transform: scale(1.2); }
.od-pin-ring { fill: none; stroke: var(--od-red); stroke-width: 2; opacity: 0.4; animation: od-pinpulse 2s infinite; transform-origin: center; }
@keyframes od-pinpulse { 0% { r: 4; opacity: 0.8; } 100% { r: 16; opacity: 0; } }

/* BUDGET */
.od-budget-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.od-budget-card { background: white; border: 1px solid var(--od-border); border-radius: 10px; padding: 28px 24px; cursor: pointer; transition: all 0.3s; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.od-budget-card:hover { transform: translateY(-4px); border-color: var(--od-red); box-shadow: 0 16px 32px rgba(216,31,38,0.08); color: inherit; }
.od-budget-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--od-red); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; }
.od-budget-card:hover::before { transform: scaleX(1); }
.od-budget-range { font-family: var(--od-font-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--od-text); margin-bottom: 8px; line-height: 1; }
.od-budget-range .sep { color: var(--od-red); margin: 0 2px; }
.od-budget-range .cur { font-size: 20px; color: var(--od-text-dim); }
.od-budget-label { font-size: 14px; font-weight: 600; color: var(--od-text-dim); margin-bottom: 20px; }
.od-budget-stats { font-size: 13px; color: var(--od-text); font-weight: 600; display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--od-border); }
.od-budget-stats strong { color: var(--od-red); }

/* AVIS */
.od-reviews-header { text-align: center; margin-bottom: 48px; }
.od-reviews-header .od-section-eyebrow { justify-content: center; }
.od-reviews-header .od-section-eyebrow::before { display: none; }
.od-reviews-header .od-section-title { margin-bottom: 20px; }
.od-reviews-score { display: inline-flex; align-items: center; gap: 16px; background: white; border: 1px solid var(--od-border); border-radius: 100px; padding: 12px 24px; }
.od-reviews-stars { color: var(--od-red); font-size: 18px; letter-spacing: 2px; }
.od-reviews-score-num { font-family: var(--od-font-display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; }
.od-reviews-score-text { font-size: 13px; color: var(--od-text-dim); }
.od-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.od-review { background: white; border: 1px solid var(--od-border); border-radius: 10px; padding: 28px; position: relative; }
.od-review-stars { color: var(--od-red); letter-spacing: 2px; margin-bottom: 14px; font-size: 14px; }
.od-review-title { font-family: var(--od-font-display); font-size: 17px; font-weight: 600; color: var(--od-text); margin: 0 0 10px; letter-spacing: -0.01em; line-height: 1.3; }
.od-review-text { font-size: 14px; color: var(--od-text-dim); line-height: 1.6; margin: 0 0 20px; }
.od-review-author { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--od-border); }
.od-review-name { font-size: 13px; font-weight: 700; }
.od-review-meta { font-family: var(--od-font-mono); font-size: 10px; color: var(--od-text-muted); letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; }

/* NEWSLETTER */
.od-newsletter { background: linear-gradient(135deg, var(--od-blue) 0%, var(--od-blue-hover) 100%); color: white; padding: 60px 32px; position: relative; overflow: hidden; }
.od-newsletter::before { content: ''; position: absolute; top: 0; right: 0; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%); border-radius: 50%; transform: translate(30%, -30%); }
.od-newsletter-inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; position: relative; z-index: 1; }
.od-newsletter h3 { font-family: var(--od-font-display); font-weight: 700; font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 10px; color: white; }
.od-newsletter p { font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.5; margin: 0; }
.od-newsletter-form { display: flex; gap: 0; background: white; border-radius: 8px; padding: 6px; max-width: 500px; margin-left: auto; }
.od-newsletter-form input { flex: 1; border: none; padding: 12px 16px; font-size: 14px; background: transparent; color: var(--od-text); outline: none; font-family: inherit; }
.od-newsletter-form button { background: var(--od-red); color: white; padding: 12px 24px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 6px; transition: background 0.2s; border: none; cursor: pointer; }
.od-newsletter-form button:hover { background: var(--od-red-hover); }

/* FOOTER GLOBAL */
.od-footer { background: var(--od-bg-dark); color: var(--od-text-muted); padding: 80px 32px 32px; font-family: var(--od-font-body); }
.od-footer-inner { max-width: 1440px; margin: 0 auto; }
.od-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 60px; border-bottom: 1px solid var(--od-border-dark); }
.od-footer-brand .od-logo { font-size: 26px; margin-bottom: 20px; display: inline-flex; align-items: center; gap: 10px; font-family: var(--od-font-display); font-weight: 700; letter-spacing: -0.01em; text-transform: uppercase; }
.od-footer-brand .od-logo-open { color: var(--od-blue); }
.od-footer-brand .od-logo-drive { color: var(--od-red); }
.od-footer-brand .od-logo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--od-red); box-shadow: 0 0 10px var(--od-red); }
.od-footer-brand p { font-size: 14px; line-height: 1.6; margin: 0 0 20px; max-width: 320px; color: var(--od-text-muted); }
.od-footer-payment { display: flex; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
.od-footer-payment-item { background: rgba(255,255,255,0.05); border: 1px solid var(--od-border-dark); padding: 6px 12px; border-radius: 6px; font-family: var(--od-font-mono); font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.7); letter-spacing: 1px; }
.od-footer-col h4 { font-family: var(--od-font-display); font-weight: 700; font-size: 14px; letter-spacing: -0.01em; color: white; margin: 0 0 18px; text-transform: uppercase; }
.od-footer-col ul { list-style: none; margin: 0; padding: 0; }
.od-footer-col li { padding: 6px 0; }
.od-footer-col a { font-size: 13px; color: var(--od-text-muted); transition: color 0.2s; text-decoration: none; }
.od-footer-col a:hover { color: white; }
.od-footer-bottom { padding-top: 32px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-family: var(--od-font-mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--od-text-muted); }
.od-footer-socials { display: flex; gap: 10px; }
.od-footer-social { width: 36px; height: 36px; border: 1px solid var(--od-border-dark); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--od-text-muted); transition: all 0.2s; text-decoration: none; }
.od-footer-social:hover { background: var(--od-red); border-color: var(--od-red); color: white; }
.od-footer-social svg { width: 16px; height: 16px; }

/* RESPONSIVE */
@media (max-width: 1200px) {
  .od-disciplines-grid { grid-template-columns: repeat(3, 1fr); }
  .od-stages-grid { grid-template-columns: repeat(3, 1fr); }
  .od-stages-grid .od-stage:nth-child(4) { display: none; }
  .od-vehicles-grid { grid-template-columns: repeat(3, 1fr); }
  .od-vehicles-grid .od-vehicle:nth-child(4) { display: none; }
  .od-footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .od-footer-grid > *:nth-child(5) { grid-column: 4; }
}
@media (max-width: 980px) {
  .od-reassure-inner { grid-template-columns: repeat(2, 1fr); }
  .od-reassure-item:nth-child(5) { grid-column: span 2; }
  .od-hero { padding: 60px 24px; min-height: 560px; }
  .od-search { grid-template-columns: 1fr; }
  .od-search-field { border-right: none; border-bottom: 1px solid var(--od-border); }
  .od-section { padding: 60px 24px; }
  .od-section-header { flex-direction: column; align-items: flex-start; }
  .od-disciplines-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .od-stages-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .od-stages-grid .od-stage:nth-child(4) { display: flex; }
  .od-vehicles { padding: 60px 24px; }
  .od-vehicles-grid { grid-template-columns: repeat(2, 1fr); }
  .od-vehicles-grid .od-vehicle:nth-child(4) { display: block; }
  .od-regions-layout { grid-template-columns: 1fr; gap: 40px; }
  .od-budget-grid { grid-template-columns: repeat(2, 1fr); }
  .od-reviews-grid { grid-template-columns: 1fr; }
  .od-newsletter-inner { grid-template-columns: 1fr; text-align: center; }
  .od-newsletter-form { margin: 0 auto; }
  .od-footer { padding: 60px 24px 30px; }
  .od-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .od-footer-brand { grid-column: span 2; }
}
@media (max-width: 600px) {
  .od-hero-title { font-size: 34px; }
  .od-hero-quick { display: none; }
  .od-disciplines-grid { grid-template-columns: 1fr; }
  .od-stages-grid { grid-template-columns: 1fr; }
  .od-vehicles-grid { grid-template-columns: 1fr; }
  .od-budget-grid { grid-template-columns: 1fr; }
  .od-footer-grid { grid-template-columns: 1fr; }
  .od-footer-brand { grid-column: span 1; }
  .od-footer-bottom { flex-direction: column; text-align: center; }
}