:root {

    --ua-primary: #4a148c;

    --ua-primary-strong: #371064;

    --ua-accent: #f5a623;

    --ua-bg: #f6f3fb;

    --ua-surface: #ffffff;

    --ua-text: #211b2f;

    --ua-muted: #6c6580;

    --ua-border: #e8ddfb;

    --ua-shadow: 0 18px 40px rgba(41, 18, 75, 0.08);

  }

  .inner-page {

    padding: clamp(24px, 4vw, 42px) 0 64px;

    background: linear-gradient(180deg, #f7f4fc 0%, #ffffff 30%);

  }

  .inner-page .content,

  .inner-page .content.padding {

    background: #ffffff;

    border: 1px solid var(--ua-border);

    border-radius: 24px;

    box-shadow: var(--ua-shadow);

    margin-bottom: 0;

    overflow: hidden;

  }

  .page-header {

    margin-bottom: 24px;

  }

  .page-header h1,

  .content h1 {

    font-size: clamp(30px, 4vw, 44px);

    line-height: 1.08;

    letter-spacing: -0.02em;

    color: var(--ua-text);

    margin-bottom: 12px;

  }

  .breadcrumb {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    color: var(--ua-muted);

    font-size: 14px;

  }

  .breadcrumb a {

    color: var(--ua-primary);

    text-decoration: none;

  }

  .breadcrumb .separator {

    opacity: 0.5;

  }

  .ua-page-kicker {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 14px;

    border-radius: 999px;

    background: rgba(74, 20, 140, 0.08);

    color: var(--ua-primary);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.02em;

    text-transform: uppercase;

  }

  .ua-page-kicker::before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 35px;

    background: var(--ua-accent);

  }

  .ua-section {

    margin-top: 24px;

  }

  .ua-section-title {

    font-size: clamp(24px, 3vw, 34px);

    line-height: 1.15;

    color: var(--ua-text);

    margin-bottom: 12px;

  }

  .ua-section-lead {

    color: var(--ua-muted);

    font-size: 17px;

    line-height: 1.7;

    margin-bottom: 0;

  }

  .ua-panel,

  .ua-home-panel,

  .ua-sticky-card,

  .ua-info-card,

  .ua-cta-card,

  .ua-note-card,

  .ua-accordion-item {

    background: var(--ua-surface);

    border: 1px solid var(--ua-border);

    border-radius: 24px;

    box-shadow: var(--ua-shadow);

  }

  .ua-service-shell {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 320px;

    gap: 24px;

    align-items: start;

  }

  .ua-service-main,

  .ua-service-side {

    min-width: 0;

  }

  .ua-service-hero,

  .ua-home-panel {

    padding: clamp(22px, 4vw, 36px);

    position: relative;

    overflow: hidden;

  }

  .ua-service-hero {

    background:

      radial-gradient(circle at top right, rgba(245, 166, 35, 0.18), transparent 34%),

      linear-gradient(135deg, #ffffff 0%, #fbf8ff 58%, #f3ecff 100%);

  }

  .ua-service-subtitle {

    font-size: 18px;

    line-height: 1.7;

    color: var(--ua-muted);

    margin: 14px 0 0;

    max-width: 760px;

  }

  .ua-chip-list {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 20px;

  }

  .ua-chip {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 14px;

    border-radius: 999px;

    background: #f5efff;

    color: var(--ua-primary);

    font-size: 14px;

    font-weight: 600;

  }

  .ua-chip::before {

    content: "•";

    color: var(--ua-accent);

    font-size: 18px;

    line-height: 1;

  }

  .ua-cta-row {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 24px;

  }

  .ua-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 50px;

    padding: 12px 18px;

    border-radius: 14px;

    border: 1px solid transparent;

    background: var(--ua-primary);

    color: #fff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;

  }

  .ua-btn:hover,

  .ua-btn:focus {

    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 10px 22px rgba(74, 20, 140, 0.18);

  }

  .ua-btn--secondary {

    background: #ffffff;

    border-color: rgba(74, 20, 140, 0.16);

    color: var(--ua-primary);

  }

  .ua-btn--secondary:hover,

  .ua-btn--secondary:focus {

    color: var(--ua-primary);

  }

  .ua-btn--ghost {

    background: #f3ecff;

    color: var(--ua-primary);

  }

  .ua-btn--ghost:hover,

  .ua-btn--ghost:focus {

    color: var(--ua-primary);

  }

  .ua-card-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 16px;

  }

  .ua-info-card {

    padding: 18px;

  }

  .ua-card-icon {

    width: 44px;

    height: 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f3ecff;

    color: var(--ua-primary);

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    margin-bottom: 14px;

  }

  .ua-info-card h3 {

    font-size: 19px;

    line-height: 1.25;

    color: var(--ua-text);

    margin-bottom: 8px;

  }

  .ua-info-card p,

  .ua-note-card p,

  .ua-cta-card p,

  .ua-sticky-card p {

    color: var(--ua-muted);

    line-height: 1.7;

    margin-bottom: 0;

  }

  .ua-accordion {

    display: grid;

    gap: 14px;

  }

  .ua-accordion-item {

    overflow: hidden;

  }

  .ua-accordion-item[open] {

    border-color: rgba(74, 20, 140, 0.24);

  }

  .ua-accordion-item summary {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    list-style: none;

    cursor: pointer;

    padding: 18px 20px;

    font-size: 18px;

    font-weight: 700;

    color: var(--ua-text);

  }

  .ua-accordion-item summary::-webkit-details-marker {

    display: none;

  }

  .ua-accordion-item summary::after {

    content: "+";

    width: 32px;

    height: 32px;

    border-radius: 35px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3ecff;

    color: var(--ua-primary);

    font-size: 22px;

    flex-shrink: 0;

  }

  .ua-accordion-item[open] summary::after {

    content: "−";

  }

  .ua-accordion-content {

    padding: 0 20px 20px;

    color: var(--ua-muted);

    line-height: 1.75;

  }

  .ua-accordion-content ul,

  .ua-accordion-content ol {

    margin: 0;

    padding-left: 20px;

  }

  .ua-note-card,

  .ua-cta-card {

    padding: 22px;

  }

  .ua-note-card ul,

  .ua-cta-card ul,

  .ua-sticky-card ul {

    margin: 12px 0 0;

    padding-left: 18px;

    color: var(--ua-muted);

  }

  .ua-note-card li,

  .ua-cta-card li,

  .ua-sticky-card li {

    margin-bottom: 8px;

  }

  .ua-sticky-card {

    position: sticky;

    top: 24px;

    padding: 22px;

  }

  .ua-side-title {

    font-size: 22px;

    margin-bottom: 10px;

    color: var(--ua-text);

  }

  .ua-side-meta {

    display: grid;

    gap: 10px;

    margin-top: 16px;

  }

  .ua-meta-item {

    display: flex;

    gap: 12px;

    align-items: flex-start;

    padding: 12px 14px;

    border-radius: 16px;

    background: #fbf8ff;

    color: var(--ua-muted);

  }

  .ua-meta-item strong {

    display: block;

    color: var(--ua-text);

    margin-bottom: 2px;

  }

  .ua-meta-icon {

    width: 34px;

    height: 34px;

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #f3ecff;

    color: var(--ua-primary);

    font-weight: 800;

    font-size: 12px;

  }

  .ua-rich-toggle .bp-rich-text > :first-child {

    margin-top: 0;

  }

  .ua-rich-toggle .bp-rich-text > :last-child {

    margin-bottom: 0;

  }

  .ua-home-overview {

    margin-top: 32px;

    margin-bottom: 64px;

  }

  .ua-home-grid {

    display: grid;

    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);

    gap: 24px;

    align-items: start;

  }

  .ua-home-facts {

    display: grid;

    gap: 14px;

  }

  .ua-home-fact {

    padding: 18px;

    border-radius: 18px;

    border: 1px solid var(--ua-border);

    background: #fbf8ff;

  }

  .ua-home-fact strong {

    display: block;

    color: var(--ua-text);

    margin-bottom: 6px;

    font-size: 16px;

  }

  .ua-brand-search-panel {
  padding: 24px;
}

.ua-brand-search {
  margin: 22px 0 26px;
}

.ua-brand-search input {
  width: 100%;
  min-height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(91, 29, 168, 0.18);
  padding: 0 18px;
  background: #fff;
  font-size: 16px;
  color: var(--ua-text);
  outline: none;
  box-shadow: 0 12px 34px rgba(91, 29, 168, 0.06);
}

.ua-brand-search input:focus {
  border-color: rgba(91, 29, 168, 0.55);
  box-shadow: 0 0 0 4px rgba(91, 29, 168, 0.08);
}

.ua-brand-search input::placeholder {
  color: var(--ua-muted);
}

.ua-brand-grid,

.ua-home-brand-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

  gap: 16px;

}

.ua-brand-card,

.ua-home-brand-card {

  background: linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%);

  border: 1px solid var(--ua-border);

  border-radius: 24px;

  box-shadow: var(--ua-shadow);

}

.ua-brand-card {

  padding: 22px;

  height: 100%;

}

.ua-brand-card h3,

.ua-home-brand-card strong {

  margin: 0;

  color: var(--ua-text);

  font-size: 22px;

  line-height: 1.15;

}

.ua-brand-card p,

.ua-home-brand-card span {

  color: var(--ua-muted);

  line-height: 1.7;

}

.ua-mini-pill {

  display: inline-flex;

  align-items: center;

  min-height: 36px;

  padding: 0 12px;

  border-radius: 999px;

  background: #f3ecff;

  color: var(--ua-primary);

  font-size: 13px;

  font-weight: 600;

}

.ua-model-badges,

.ua-service-pills {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}

.ua-model-badges {

  margin-top: 16px;

}

.ua-service-pills {

  margin-top: 18px;

}

.ua-service-pill {

  display: inline-flex;

  align-items: center;

  min-height: 34px;

  padding: 0 12px;

  border-radius: 999px;

  background: rgba(74, 20, 140, 0.08);

  color: var(--ua-primary);

  font-size: 13px;

  font-weight: 700;

}

  .ua-brand-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

  .ua-brand-card__models {
    margin: 0;
    color: #667085;
    line-height: 1.55;
    font-size: 15px;
  }

  .ua-btn--sm {
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 13px;
    font-size: 14px;
  }

  .ua-brand-intro p + p {
    margin-top: 14px;
  }

.ua-home-brands {

  margin-bottom: 64px;

}

.ua-home-brand-card {

  display: block;

  padding: 18px;

  text-decoration: none;

  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;

}

.ua-home-brand-card:hover,

.ua-home-brand-card:focus {

  transform: translateY(-2px);

  border-color: rgba(74, 20, 140, 0.2);

  box-shadow: 0 20px 40px rgba(41, 18, 75, 0.12);

}

.ua-home-brand-card small {

  display: block;

  margin-top: 10px;

  color: var(--ua-muted);

  line-height: 1.6;

}

  .ua-brand-card__eyebrow {
  display: inline-flex;
  align-items: center;

  min-height: 30px;

  padding: 0 10px;

  border-radius: 999px;

  background: rgba(245, 166, 35, 0.14);

  color: #8a5600;

  font-size: 12px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;
}

  .ua-cars-hub .ua-brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .ua-cars-hub .ua-brand-card {
    display: flex;
    flex-direction: column;
    min-height: 210px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(91, 29, 168, 0.12);
    background:
      radial-gradient(circle at top right, rgba(91, 29, 168, 0.10), transparent 34%),
      #fff;
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.06);
  }

  .ua-cars-hub .ua-brand-card h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.15;
    color: #111827;
  }

  .ua-cars-hub .ua-brand-card__actions {
    margin-top: auto;
    gap: 10px;
    padding-top: 18px;
  }

  .ua-cars-help-card,
  .ua-cars-services-card {
    margin-top: 28px;
    padding: clamp(22px, 3vw, 34px);
    border-radius: 28px;
    border: 1px solid rgba(91, 29, 168, 0.12);
    background: #fff;
    box-shadow: 0 18px 50px rgba(17, 24, 39, 0.06);
  }

  .ua-cars-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
  }

  .ua-cars-service-grid article {
    padding: 18px;
    border-radius: 18px;
    background: rgba(91, 29, 168, 0.05);
  }

  .ua-cars-service-grid h3 {
    margin: 0 0 8px;
    font-size: 18px;
  }

  .ua-cars-service-grid p,
  .ua-cars-help-card p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
  }

  .ua-cars-faq {
    margin-top: 28px;
  }

  .ua-cars-faq .ua-accordion-item + .ua-accordion-item {
    margin-top: 14px;
  }

@media (max-width: 767px) {
  .ua-brand-card,
  .ua-home-brand-card,
  .ua-brand-search-panel {
    border-radius: 20px;
  }

  .ua-brand-card__actions .ua-btn {
    width: 100%;
  }
}

  @media (max-width: 991px) {

    .ua-service-shell,

    .ua-home-grid {

      grid-template-columns: 1fr;

    }

    .ua-sticky-card {

      position: static;

    }

  }

  @media (max-width: 767px) {
    .inner-page {

      padding: 20px 0 48px;

    }

    .inner-page .content,

    .inner-page .content.padding,

    .ua-panel,

    .ua-home-panel,

    .ua-sticky-card,

    .ua-info-card,

    .ua-cta-card,

    .ua-note-card,

    .ua-accordion-item {

      border-radius: 20px;

    }

    .ua-service-hero,

    .ua-home-panel,

    .ua-sticky-card,

    .ua-note-card,

    .ua-cta-card {

      padding: 20px;

    }

    .ua-cta-row {
      flex-direction: column;
    }

    .ua-btn {

      width: 100%;

    }

    .ua-card-grid,
    .ua-home-facts {
      grid-template-columns: 1fr;
    }

    .ua-cars-hub .ua-brand-grid,
    .ua-cars-service-grid {
      grid-template-columns: 1fr;
    }

    .ua-cars-hub .ua-brand-card {
      min-height: auto;
      padding: 18px;
      border-radius: 20px;
    }

    .ua-cars-hub .ua-brand-card__actions,
    .ua-cars-help-card .ua-cta-row {
      flex-direction: column;
    }

    .ua-cars-hub .ua-brand-card__actions .ua-btn,
    .ua-cars-help-card .ua-btn {
      width: 100%;
      justify-content: center;
    }
  
    .ua-accordion-item summary {
      font-size: 17px;
      padding: 16px 18px;
    }

    .ua-accordion-content {

      padding: 0 18px 18px;

    }

  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .ua-cars-hub .ua-brand-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ua-cars-service-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

/* Ultra Auto — brand → service internal links */
.ua-brand-service-links {
  margin: 28px 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(91, 33, 182, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.13), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 240, 255, 0.92));
  box-shadow: 0 18px 42px rgba(30, 15, 60, 0.08);
}
.ua-brand-service-links h2 {
  margin: 10px 0 10px;
  color: #111827;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}
.ua-brand-service-links p {
  max-width: 860px;
  margin: 0 0 18px;
  color: #5b6477;
  font-size: 16px;
  line-height: 1.65;
}
.ua-brand-service-links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ua-brand-service-links__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(91, 33, 182, 0.16);
  background: #ffffff;
  color: #4c1d95;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(30, 15, 60, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.ua-brand-service-links__link:hover {
  transform: translateY(-1px);
  background: #f5f0ff;
  box-shadow: 0 14px 26px rgba(30, 15, 60, 0.10);
}
@media (max-width: 640px) {
  .ua-brand-service-links { padding: 18px; border-radius: 20px; }
  .ua-brand-service-links__grid { display: grid; grid-template-columns: 1fr; }
  .ua-brand-service-links__link { width: 100%; }
}

/* Ultra Auto — model → service internal links */
.ua-model-service-links {
  margin: 28px 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid rgba(91, 33, 182, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.10), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 245, 255, 0.92));
  box-shadow: 0 18px 42px rgba(30, 15, 60, 0.07);
}

.ua-model-service-links h2 {
  margin: 10px 0 10px;
  color: #111827;
  font-size: clamp(22px, 2.8vw, 34px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.ua-model-service-links p {
  max-width: 860px;
  margin: 0 0 18px;
  color: #5b6477;
  font-size: 16px;
  line-height: 1.65;
}

.ua-model-service-links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ua-model-service-links__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(91, 33, 182, 0.16);
  background: #ffffff;
  color: #1e40af;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(30, 15, 60, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.ua-model-service-links__link:hover {
  transform: translateY(-1px);
  background: #eff6ff;
  box-shadow: 0 14px 26px rgba(30, 15, 60, 0.10);
}

@media (max-width: 640px) {
  .ua-model-service-links {
    padding: 18px;
    border-radius: 20px;
  }

  .ua-model-service-links__grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ua-model-service-links__link {
    width: 100%;
  }
}

  /* FORCE CONTACT MENU VISIBILITY */
  .floating-contact.is-open .floating-contact__panel { 
    opacity: 1 !important; 
    visibility: visible !important; 
    pointer-events: auto !important; 
    transform: translateY(0) scale(1) !important; 
  }