.floating-contact {

    position: fixed;

    bottom: 25px;

    right: 25px;

    z-index: 99999;

    display: grid;

    gap: 12px;

    justify-items: end;

    max-width: calc(100vw - 32px);

  }

  .floating-contact__panel { display: grid; gap: 10px; width: min(320px, calc(100vw - 32px)); padding: 14px; border-radius: 24px; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.15); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease; z-index: 999999; }

  .floating-contact.is-open .floating-contact__panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }

  .floating-contact__toggle {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    min-height: 56px;

    padding: 14px 18px;

    border: 0;

    border-radius: 999px;

    background: linear-gradient(135deg, #6d28d9, #4f46e5);

    color: #fff;

    font: inherit;

    cursor: pointer;

    box-shadow: 0 18px 36px rgba(76, 29, 149, 0.28);

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

  }

  .floating-contact__toggle:hover {

    transform: translateY(-1px);

    box-shadow: 0 22px 42px rgba(76, 29, 149, 0.34);

  }

  .floating-contact__toggle-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 26px;

    height: 26px;

    font-size: 17px;

    flex: 0 0 auto;

  }

  .floating-contact__toggle-text {

    font-weight: 700;

    font-size: 0.96rem;

    letter-spacing: 0.01em;

    white-space: nowrap;

  }

  .floating-contact:not(.is-open) .floating-contact__toggle-icon--close,
  .floating-contact.is-open .floating-contact__toggle-icon--open {

    display: none;

  }

  .floating-contact__action { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 12px; border-radius: 20px; color: #1e293b !important; text-decoration: none; font-size: 16px; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s, box-shadow 0.2s, background 0.2s; border: 1px solid rgba(0,0,0,0.05); background: #f8fafc !important; }

  .floating-contact__action-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    border-radius: 14px;

    font-size: 20px;

    flex: 0 0 auto;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);

  }

  .floating-contact__action-copy { display: flex; flex-direction: column; gap: 4px; color: #1e293b !important; }

  .floating-contact__action-copy strong {

    display: block;

    font-size: 0.95rem;

    font-weight: 800;

    line-height: 1.2;

  }

  .floating-contact__action-copy span { font-size: 13px; font-weight: 500; opacity: 0.7; color: #64748b !important; }

  .floating-contact__action:hover { transform: scale(1.02); background: #f1f5f9 !important; }

  .floating-contact .btn-request .floating-contact__action-icon {

    background: linear-gradient(135deg, #8b5cf6, #4f46e5);

  }

  .floating-contact .btn-whatsapp .floating-contact__action-icon {

    background: linear-gradient(135deg, #25D366, #128C7E);

  }

  .floating-contact .btn-phone .floating-contact__action-icon {

    background: linear-gradient(135deg, #7b1fa2, #4a148c);

  }

  .floating-contact .btn-telegram .floating-contact__action-icon {

    background: linear-gradient(135deg, #29b6f6, #0088cc);

  }

  /* Home / reviews / footer refresh */

  .ua-section-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: 12px;

    font-weight: 800;

    letter-spacing: 0.04em;

    text-transform: uppercase;

  }

  .ua-section-kicker::before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 35px;

    background: var(--ua-accent);

  }

  .ua-section-header {

    display: grid;

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

    align-items: end;

    gap: 20px;

    margin-bottom: 24px;

  }

  .ua-section-header h2 {

    margin: 12px 0 8px;

    font-size: clamp(28px, 3vw, 40px);

    line-height: 1.08;

    letter-spacing: -0.03em;

    color: #111827;

  }

  .ua-section-header p {

    max-width: 720px;

    margin: 0;

    color: #475569;

    font-size: 17px;

    line-height: 1.75;

  }

  .btn-all-services {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 48px;

    padding: 0 18px;

    border-radius: 999px;

    background: #fff;

    color: #5b21b6 !important;

    text-decoration: none !important;

    font-weight: 700;

    border: 1px solid rgba(91, 33, 182, 0.14);

    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);

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

  }

  .btn-all-services:hover,

  .btn-all-services:focus {

    transform: translateY(-2px);

    border-color: rgba(91, 33, 182, 0.24);

    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);

  }

  .ua-home-hero {

    margin-bottom: clamp(32px, 5vw, 56px);

  }

  .ua-home-hero__slide {

    position: relative;

    min-height: clamp(520px, 70vh, 760px);

    overflow: hidden;

  }

  .ua-home-hero__image {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .ua-home-hero__overlay {

    position: absolute;

    inset: 0;

    background:

      linear-gradient(115deg, rgba(9, 12, 24, 0.84) 0%, rgba(18, 22, 39, 0.74) 46%, rgba(18, 22, 39, 0.32) 100%);

  }

  .ua-home-hero__mesh {

    position: absolute;

    inset: 0;

    background:

      radial-gradient(circle at 18% 24%, rgba(124, 58, 237, 0.34), transparent 32%),

      radial-gradient(circle at 78% 18%, rgba(245, 166, 35, 0.2), transparent 26%);

    pointer-events: none;

  }

  .ua-home-hero__content {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: clamp(520px, 70vh, 760px);

    padding-block: clamp(48px, 8vw, 92px);

    padding-inline: clamp(16px, 4vw, 32px);

    box-sizing: border-box;

  }

  .ua-home-hero__inner {

    display: grid;

    justify-items: center;

    width: min(100%, 920px);

    margin-inline: auto;

    padding-right: 0;

    gap: clamp(10px, 1.4vw, 18px);

    color: #fff;

    text-align: center;

    box-sizing: border-box;

  }

  .ua-home-hero__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 9px 14px;

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.18);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    backdrop-filter: blur(10px);

  }

  .ua-home-hero__eyebrow::before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 35px;

    background: #f5a623;

  }

  .ua-home-hero__brand {

    max-width: 10.5ch;

    margin: 18px 0 14px;

    font-size: clamp(40px, 6.3vw, 72px);

    line-height: 1.02;

    letter-spacing: -0.05em;

    color: #fff;

    text-wrap: balance;

  }

  .ua-home-hero__brand span {

    display: block;

    max-width: 100%;

    text-wrap: balance;

    text-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);

  }

  .ua-home-hero__inner p {

    max-width: 58ch;

    margin: 0;

    color: rgba(255, 255, 255, 0.86);

    font-size: clamp(17px, 1.9vw, 22px);

    line-height: 1.65;

  }

  .ua-home-hero__facts {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 12px;

    margin-top: 26px;

  }

  .ua-home-hero__facts span {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    min-height: 42px;

    padding: 0 16px;

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.16);

    color: #fff;

    backdrop-filter: blur(10px);

  }

  .ua-home-hero__facts span::before {

    content: "•";

    color: #f5a623;

    font-size: 20px;

  }

  .ua-home-hero__buttons {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 12px;

    width: min(100%, 560px);

    margin-inline: auto;

  }

  .ua-home-hero__buttons .ua-btn {

    flex: 1 1 220px;

    max-width: 100%;

    min-height: 50px;

  }

  .ua-home-hero__gallery {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    width: min(100%, 880px);

    margin-top: 24px;

  }

  .ua-home-hero__gallery-card {

    position: relative;

    min-height: 118px;

    overflow: hidden;

    border-radius: 22px;

    border: 1px solid rgba(255, 255, 255, 0.18);

    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);

    background: rgba(255, 255, 255, 0.06);

    text-decoration: none;

    animation: uaHeroFloat 6.5s ease-in-out infinite;

  }

  .ua-home-hero__gallery-card:nth-child(2) {

    animation-delay: 0.8s;

  }

  .ua-home-hero__gallery-card:nth-child(3) {

    animation-delay: 1.6s;

  }

  .ua-home-hero__gallery-card:nth-child(4) {

    animation-delay: 2.4s;

  }

  .ua-home-hero__gallery-card img {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .ua-home-hero__gallery-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.72) 100%);

  }

  .ua-home-hero__gallery-card span {

    position: absolute;

    left: 14px;

    right: 14px;

    bottom: 12px;

    z-index: 1;

    color: #fff;

    font-size: 14px;

    font-weight: 800;

    line-height: 1.2;

    text-align: left;

    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);

  }

  @keyframes uaHeroFloat {

    0%, 100% {

      transform: translateY(0);

    }

    50% {

      transform: translateY(-8px);

    }

  }

  .ua-home-services .services-container > [class*="col-"] {

    display: flex;

    margin-bottom: 18px;

  }

  .ua-home-services {

    padding-bottom: 52px;

  }

  .ua-hidden {

    display: none !important;

  }

  .ua-promo-showcase {

    padding: 0 0 56px;

  }

  .ua-promo-showcase--page {

    padding-top: 12px;

  }

  .ua-promo-hero {

    padding: clamp(28px, 4vw, 40px);

    margin-bottom: 24px;

    border-radius: 32px;

    background:

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

      linear-gradient(135deg, #ffffff 0%, #f8f4ff 58%, #f4efff 100%);

    border: 1px solid rgba(124, 58, 237, 0.08);

    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.08);

  }

  .ua-promo-hero h1,

  .ua-promo-hero h2 {

    margin: 16px 0 12px;

    font-size: clamp(32px, 4vw, 52px);

    line-height: 1.04;

    letter-spacing: -0.03em;

    color: #111827;

  }

  .ua-promo-hero p {

    max-width: 820px;

    margin: 0;

    color: #475569;

    font-size: 17px;

    line-height: 1.75;

  }

  .ua-promo-filter {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 22px;

  }

  .ua-promo-filter__btn {

    min-height: 42px;

    padding: 0 16px;

    border-radius: 999px;

    border: 1px solid rgba(91, 33, 182, 0.14);

    background: #fff;

    color: #5b21b6;

    font-weight: 700;

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

  }

  .ua-promo-filter__btn:hover,

  .ua-promo-filter__btn:focus {

    transform: translateY(-2px);

    border-color: rgba(91, 33, 182, 0.24);

    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);

  }

  .ua-promo-filter__btn.is-active {

    background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);

    color: #fff;

    border-color: transparent;

  }

  .ua-promo-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;

  }

  .ua-promo-grid--page {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .ua-promo-card {

    display: flex;

    flex-direction: column;

    gap: 12px;

    min-height: 100%;

    padding: 24px;

    border-radius: 28px;

    border: 1px solid rgba(148, 163, 184, 0.14);

    background:

      radial-gradient(circle at top right, rgba(255, 255, 255, 0.26), transparent 28%),

      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);

  }

  .ua-promo-card--compact {

    padding: 22px;

  }

  .ua-promo-card__badge {

    display: inline-flex;

    align-self: flex-start;

    min-height: 30px;

    padding: 0 12px;

    align-items: center;

    border-radius: 999px;

    background: rgba(91, 33, 182, 0.08);

    color: #5b21b6;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.04em;

    text-transform: uppercase;

  }

  .ua-promo-card h2,

  .ua-promo-card h3 {

    margin: 0;

    color: #111827;

    line-height: 1.14;

    font-size: clamp(22px, 2vw, 28px);

  }

  .ua-promo-card h3 {

    font-size: 24px;

  }

  .ua-promo-card p {

    margin: 0;

    color: #475569;

    line-height: 1.72;

  }

  .ua-promo-card__lead {

    color: #1f2937 !important;

    font-weight: 600;

  }

  .ua-promo-card__terms {

    font-size: 14px;

  }

  .ua-promo-card__actions {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: auto;

    padding-top: 6px;

  }

  .ua-promo-card__link {

    margin-top: auto;

    padding-top: 8px;

    color: #5b21b6 !important;

    font-weight: 700;

    text-decoration: none !important;

  }

  .ua-service-card {

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 16px;

    padding: 22px;

    border-radius: 28px;

    border: 1px solid rgba(148, 163, 184, 0.14);

    background:

      radial-gradient(circle at top right, rgba(255, 255, 255, 0.24), transparent 30%),

      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);

    color: inherit !important;

    text-decoration: none !important;

    overflow: hidden;

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

  }

  .ua-service-card:hover,

  .ua-service-card:focus {

    transform: translateY(-4px);

    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.12);

    border-color: rgba(124, 58, 237, 0.18);

  }

  .ua-service-card__badge {

    display: inline-flex;

    align-self: flex-start;

    padding: 7px 12px;

    border-radius: 999px;

    background: rgba(91, 33, 182, 0.08);

    color: #5b21b6;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.03em;

    text-transform: uppercase;

  }

  .ua-service-card__body {

    display: grid;

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

    gap: 18px;

    align-items: center;

  }

  .ua-service-card__copy {

    display: grid;

    align-content: start;

  }

  .ua-service-card__copy h3,

  .ua-service-card h3 {

    margin: 0;

    font-size: 24px;

    line-height: 1.15;

    color: #111827;

  }

  .ua-service-card__copy p {

    margin: 12px 0 0;

    color: #475569;

    line-height: 1.7;

  }

  .ua-service-card__media {

    aspect-ratio: 4 / 3;

    border-radius: 20px;

    overflow: hidden;

    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);

  }

  .ua-service-card__media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    display: block;

  }

  .ua-service-card__cta {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #5b21b6;

    font-weight: 700;

  }

  .ua-service-card__cta::after {

    content: "→";

  }

  .ua-article-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

    margin-top: 24px;

  }

  .ua-article-card {

    display: grid;

    gap: 14px;

    padding: 24px;

    border-radius: 24px;

    border: 1px solid rgba(148, 163, 184, 0.16);

    background:

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

      linear-gradient(180deg, #ffffff 0%, #faf7ff 100%);

    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);

  }

  .ua-article-card__meta {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

  }

  .ua-article-chip {

    display: inline-flex;

    align-items: center;

    min-height: 32px;

    padding: 0 12px;

    border-radius: 999px;

    background: rgba(91, 33, 182, 0.08);

    color: #5b21b6;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.03em;

    text-transform: uppercase;

  }

  .ua-article-card h2,

  .ua-article-card h3 {

    margin: 0;

    font-size: 24px;

    line-height: 1.14;

    color: #111827;

  }

  .ua-article-card p {

    margin: 0;

    color: #475569;

    line-height: 1.7;

  }

  .ua-article-card__actions {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 6px;

  }

  .ua-table-wrap {

    margin-top: 18px;

    overflow-x: auto;

    border-radius: 24px;

    border: 1px solid rgba(148, 163, 184, 0.16);

    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.06);

    background: #fff;

  }

  .ua-price-table {

    width: 100%;

    min-width: 760px;

    border-collapse: collapse;

  }

  .ua-price-table th,

  .ua-price-table td {

    padding: 18px 16px;

    border-bottom: 1px solid rgba(226, 232, 240, 0.9);

    vertical-align: top;

  }

  .ua-price-table th {

    background: #f8f4ff;

    color: #3b215d;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 0.03em;

    text-transform: uppercase;

  }

  .ua-price-table td strong {

    display: block;

    color: #111827;

    margin-bottom: 6px;

  }

  .ua-inline-links {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 18px;

  }

  .ua-inline-links a {

    color: #5b21b6;

    font-weight: 700;

    text-decoration: none;

  }

  .masonry__card {

    border-radius: 28px !important;

    border: 1px solid rgba(148, 163, 184, 0.14);

    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);

    overflow: hidden;

    transition: transform 0.22s ease, box-shadow 0.22s ease;

  }

  .masonry__card:hover,

  .masonry__card:focus {

    transform: translateY(-3px);

    box-shadow: 0 26px 56px rgba(15, 23, 42, 0.12);

  }

  .remont-cars-all .brand-container a {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 140px;

    padding: 18px 12px;

    border-radius: 24px;

    border: 1px solid rgba(148, 163, 184, 0.14);

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

    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);

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

  }

  .remont-cars-all .brand-container a:hover,

  .remont-cars-all .brand-container a:focus {

    transform: translateY(-3px);

    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.1);

  }

  .ua-home-video-cta .body-cta-container {

    position: relative;

    overflow: hidden;

    border-radius: 32px;

    max-width: min(100%, 1320px);

    margin-inline: auto;

  }

  .ua-home-video-cta .body-cta-container::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(135deg, rgba(9, 12, 24, 0.78) 0%, rgba(24, 24, 48, 0.5) 100%);

    pointer-events: none;

  }

  .ua-home-video-cta {

    padding-inline: clamp(12px, 2.6vw, 24px);

    margin: 0 auto clamp(32px, 5vw, 56px);

    box-sizing: border-box;

  }

  .ua-home-video-cta__content {

    position: relative;

    z-index: 2;

    display: grid;

    justify-items: start;

    gap: 14px;

    color: #fff;

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

  }

  .ua-home-video-cta__content h1,

  .ua-home-video-cta__content h2 {

    color: #fff;

    margin: 0;

    max-width: 14ch;

    font-size: clamp(32px, 5vw, 56px);

    line-height: 1.02;

    letter-spacing: -0.04em;

  }

  .ua-home-video-cta__content p {

    max-width: 680px;

    margin: 0;

    color: rgba(255, 255, 255, 0.8);

    line-height: 1.75;

  }

  .ua-home-video-cta__content .ua-btn {

    min-width: clamp(210px, 24vw, 280px);

  }

  .contact-widget {

    padding: 0 0 64px;

  }

  .ua-contact-panel {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;

    gap: 24px;

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

    border-radius: 32px;

    background:

      radial-gradient(circle at top right, rgba(124, 58, 237, 0.14), transparent 30%),

      linear-gradient(135deg, #ffffff 0%, #faf7ff 58%, #f5f3ff 100%);

    border: 1px solid rgba(124, 58, 237, 0.08);

    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.08);

  }

  .ua-contact-panel__intro h2 {

    margin: 16px 0 14px;

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

    line-height: 1.08;

    color: #111827;

    letter-spacing: -0.03em;

  }

  .ua-contact-panel__intro p {

    margin: 0;

    color: #475569;

    font-size: 17px;

    line-height: 1.8;

  }

  .ua-contact-panel__facts {

    display: grid;

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

    gap: 14px;

    margin-top: 24px;

  }

  .ua-contact-mini-card {

    padding: 18px;

    border-radius: 22px;

    background: rgba(255, 255, 255, 0.84);

    border: 1px solid rgba(148, 163, 184, 0.14);

    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);

  }

  .ua-contact-mini-card strong {

    display: block;

    color: #111827;

    font-size: 16px;

    margin-bottom: 8px;

  }

  .ua-contact-mini-card span {

    display: block;

    color: #64748b;

    line-height: 1.6;

    font-size: 14px;

  }

  .ua-contact-panel__links {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 24px;

  }

  
  .ua-contact-panel__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
  }
  .ua-contact-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(124, 58, 237, 0.14);
    color: #4c1d95;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .ua-contact-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(76, 29, 149, 0.1);
  }
  .ua-contact-branch-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
  }
  .ua-contact-branch-card {
    padding: 18px;
    border-radius: 22px;
    background: rgba(76, 29, 149, 0.05);
    border: 1px solid rgba(124, 58, 237, 0.14);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
  }
  .ua-contact-branch-card strong {
    display: block;
    color: #111827;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .ua-contact-branch-card p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
  }
  .ua-contact-branch-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }
.ua-contact-form-card {

    padding: 24px;

    border-radius: 28px;

    background: #fff;

    border: 1px solid rgba(148, 163, 184, 0.14);

    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);

  }

  .ua-contact-form-card h3 {

    margin: 0 0 10px;

    font-size: 28px;

    line-height: 1.15;

    color: #111827;

  }

  .ua-contact-form-card > p {

    color: #64748b;

    line-height: 1.7;

    margin-bottom: 18px;

  }

  .ua-contact-form-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 20px;
  }

  .ua-contact-form-badge {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.08);
    color: #5b21b6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .ua-form-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;

    margin-bottom: 18px;

  }

  .form-group--wide {

    grid-column: 1 / -1;

  }

  .ua-contact-form-card label {

    display: block;

    margin-bottom: 8px;

    font-size: 14px;

    font-weight: 600;

    color: #334155;

  }

  .ua-contact-form-card .form-control {

    min-height: 54px;

    border-radius: 16px;

    border: 1px solid rgba(148, 163, 184, 0.24);

    box-shadow: none;

  }

  .ua-contact-select-native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .ua-contact-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .ua-contact-choice-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ua-contact-choice {
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
  }

  .ua-contact-choice:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(76, 29, 149, 0.08);
  }

  .ua-contact-choice.is-active {
    background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 18px 32px rgba(76, 29, 149, 0.22);
  }

  .ua-contact-branch-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .ua-contact-branch-choice {
    min-height: 100%;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #f8fafc;
    text-align: left;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  }

  .ua-contact-branch-choice strong {
    display: block;
    margin-bottom: 8px;
    color: #111827;
    font-size: 15px;
  }

  .ua-contact-branch-choice span {
    display: block;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
  }

  .ua-contact-branch-choice:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(76, 29, 149, 0.08);
  }

  .ua-contact-branch-choice.is-active {
    background: linear-gradient(135deg, rgba(76, 29, 149, 0.08) 0%, rgba(109, 40, 217, 0.12) 100%);
    border-color: rgba(109, 40, 217, 0.35);
    box-shadow: 0 18px 34px rgba(76, 29, 149, 0.1);
  }

  .ua-contact-smart-link {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
  }

  .ua-contact-smart-link a {
    color: #4c1d95;
    font-weight: 700;
    text-decoration: none;
  }

  .ua-contact-lead-summary {
    display: grid;
    gap: 6px;
    margin: 0 0 16px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(76, 29, 149, 0.05);
    border: 1px solid rgba(124, 58, 237, 0.14);
  }

  .ua-contact-lead-summary strong {
    color: #111827;
    font-size: 14px;
  }

  .ua-contact-lead-summary span {
    color: #475569;
    font-size: 14px;
    line-height: 1.65;
  }

  
  .ua-contact-form-card textarea.form-control {
    min-height: 126px;
    padding-top: 14px;
    resize: vertical;
  }
  .ua-contact-form-actions {
    display: grid;
    gap: 10px;
    margin-bottom: 8px;
  }
  .ua-contact-inline-note {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
  }
.ua-contact-form-card .note,

  .ua-contact-form-card .checkbox-group {

    margin-top: 14px;

    color: #64748b;

    font-size: 13px;

  }

  .ua-contact-form-card .checkbox-group label {

    display: inline;

    font-weight: 400;

  }

  .footer-compact { padding: 0 0 20px 0 !important; }

  /* UA footer visual restore */
  .footer.footer-compact {
    margin-top: clamp(36px, 6vw, 72px);
    padding: clamp(28px, 4vw, 40px) 0 20px !important;
    color: #fff;
    background:
      radial-gradient(circle at top right, rgba(245, 166, 35, 0.18), transparent 26%),
      linear-gradient(180deg, #3a1b68 0%, #4b257d 56%, #3f1f6e 100%);
    position: relative;
    overflow: hidden;
  }

  .footer.footer-compact::before {
    content: "";
    position: absolute;
    inset: auto -12% -28% auto;
    width: 280px;
    height: 280px;
    border-radius: 35px;
    background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 68%);
    pointer-events: none;
  }

  .footer.footer-compact .container {
    position: relative;
    z-index: 1;
  }

  .footer.footer-compact,
  .footer.footer-compact .footer__item,
  .footer.footer-compact .footer__item a,
  .footer.footer-compact .footer-bottom-copy {
    color: rgba(255,255,255,0.88);
  }

  .footer.footer-compact .footer__item a:hover,
  .footer.footer-compact .footer-socials a:hover {
    color: #ffffff;
  }

  .footer.footer-compact .footer__title,
  .footer.footer-compact .footer-brand,
  .footer.footer-compact .footer-bottom a {
    color: #fff;
  }

  @media (max-width: 767px) {
    .footer.footer-compact {
      padding-top: 24px !important;
    }
  }

  .footer-compact .footer__title { font-size: 15px; margin-bottom: 10px; color: #f5a623; text-transform: uppercase; letter-spacing: 0.5px; }

  .footer-compact .footer__item { font-size: 13px; margin-bottom: 4px; line-height: 1.6; }

  .footer-compact .footer__item a { opacity: 0.85; transition: opacity 0.2s; }

  .footer-compact .footer__item a:hover { opacity: 1; }

  .footer-compact ul { list-style: none; padding-left: 0; margin-bottom: 0; }

  .footer-trust-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; text-align: center; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,0.15); margin-bottom: 28px; }

  .footer-trust-bar > div { padding: 16px 12px; border-radius: 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); }

  .footer-trust-bar .trust-num { font-size: 26px; font-weight: 700; color: #f5a623; }

  .footer-trust-bar .trust-label { font-size: 11px; opacity: 0.75; margin-top: 4px; }

  .footer-brand { font-size: 22px; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; }

  .footer-loc { font-size: 12px; opacity: 0.84; margin-bottom: 4px; }

  .footer-loc a { color: inherit !important; }

  .footer-reviews {

    padding: 0 0 28px;

  }

  .footer-reviews__header {

    margin-bottom: 18px;

  }

  .footer-reviews__header h2 {

    margin: 0;

    font-size: clamp(28px, 3.2vw, 38px);

    line-height: 1.08;

    color: #fff;

  }

  .footer-rating-lead {

    max-width: 720px;

    color: rgba(255,255,255,0.72);

    font-size: 14px;

    line-height: 1.7;

    margin: 10px 0 0;

  }

  .footer-rating-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 12px;

  }

  .footer-rating-card {

    display: flex;

    flex-direction: column;

    gap: 8px;

    min-height: 100%;

    text-decoration: none !important;

    color: inherit !important;

    padding: 20px;

    border-radius: 24px;

    border: 1px solid rgba(255,255,255,0.12);

    background: rgba(255,255,255,0.06);

    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);

    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;

  }

  .footer-rating-card:hover,

  .footer-rating-card:focus {

    transform: translateY(-2px);

    background: rgba(255,255,255,0.1);

    border-color: rgba(255,255,255,0.18);

  }

  .footer-rating-card[data-rating-source="yandex"]{border-color:rgba(252,63,29,.38)}
  .footer-rating-card[data-rating-source="yandex"]:hover,.footer-rating-card[data-rating-source="yandex"]:focus{border-color:rgba(252,63,29,.62)}
  .footer-rating-card[data-rating-source="yandex"] .footer-rating-card__source{color:#ff7a63}
  .footer-rating-card[data-rating-source="yandex"] .footer-rating-card__stars{color:#fc3f1d}
  .footer-rating-card[data-rating-source="yandex"] .footer-rating-card__link{color:#ff8a73}
  .footer-rating-card[data-rating-source="2gis"]{border-color:rgba(37,194,110,.38)}
  .footer-rating-card[data-rating-source="2gis"]:hover,.footer-rating-card[data-rating-source="2gis"]:focus{border-color:rgba(37,194,110,.65)}
  .footer-rating-card[data-rating-source="2gis"] .footer-rating-card__source{color:#52d97e}
  .footer-rating-card[data-rating-source="2gis"] .footer-rating-card__stars{color:#2ec26e}
  .footer-rating-card[data-rating-source="2gis"] .footer-rating-card__link{color:#6ee29a}
  .footer-rating-card[data-rating-source="avito"]{border-color:rgba(0,170,255,.38)}
  .footer-rating-card[data-rating-source="avito"]:hover,.footer-rating-card[data-rating-source="avito"]:focus{border-color:rgba(0,170,255,.62)}
  .footer-rating-card[data-rating-source="avito"] .footer-rating-card__source{color:#5cc6ff}
  .footer-rating-card[data-rating-source="avito"] .footer-rating-card__stars{color:#2fb7ff}
  .footer-rating-card[data-rating-source="avito"] .footer-rating-card__link{color:#7ad0ff}
  .footer-rating-card__platform {

    display: block;

    color: rgba(255,255,255,0.78);

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.06em;

    font-weight: 700;

    margin-bottom: 8px;

  }

  .footer-rating-card__value {

    display: block;

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

    line-height: 1.08;

    color: #fff;

    font-weight: 800;

    letter-spacing: -0.03em;

  }

  .footer-rating-card__value--metric {

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

    line-height: 0.98;

  }

  .footer-rating-card__meta {

    display: block;

    margin-top: 4px;

    color: rgba(255,255,255,0.72);

    font-size: 13px;

    line-height: 1.65;

  }

  .footer-rating-card__hint {

    display: block;

    margin-top: auto;

    padding-top: 10px;

    color: #f5a623;

    font-size: 12px;

    font-weight: 700;

  }

  .footer-districts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 15px; }

  .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 20px; padding-top: 15px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }

  .footer-bottom-copy { font-size: 11px; opacity: 0.5; }

  .footer-socials a { color: #fff; font-size: 20px; margin-left: 12px; opacity: 0.6; transition: opacity 0.2s; }

  .footer-socials a:hover { opacity: 1; }

  /* UA header and cars icon restore */
  .top-bar {
    position: relative;
    z-index: 30;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(90deg, #0fd3c1 0%, #14c9a6 100%);
  }

  .top-bar .bar.container {
    min-height: 44px;
    gap: 14px;
    padding-block: 8px;
  }

  .top-bar .left-menu,
  .top-bar .right-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
  }

  .top-bar .left-menu a,
  .top-bar .right-menu a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  }

  .top-bar .left-menu a:hover,
  .top-bar .left-menu a:focus,
  .top-bar .right-menu a:hover,
  .top-bar .right-menu a:focus {
    color: #f8fbff;
    opacity: 0.92;
  }

  .main-bar {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(91, 33, 182, 0.08);
    backdrop-filter: blur(10px);
  }

  .main-bar .container {
    min-height: 84px;
    gap: 18px;
    padding-block: 12px;
  }

  .logo {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  .logo__link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    color: var(--ua-text);
    text-decoration: none;
  }

  .logo__image {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    object-fit: contain;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
    padding: 6px;
  }

  .logo__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  .logo__title {
    display: block;
    color: var(--ua-text);
    font-size: clamp(24px, 2.2vw, 30px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }

  .logo__subtitle {
    display: block;
    color: var(--ua-muted);
    font-size: 13px;
    line-height: 1.25;
    white-space: nowrap;
  }

  .menu__title a {
    color: inherit;
    text-decoration: none;
  }

  .ua-cars-hub .ua-brand-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .ua-brand-card__head {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
  }

  .ua-brand-card__logo-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
  }

  .ua-brand-card__logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }

  .ua-brand-card__copy {
    min-width: 0;
    display: grid;
    gap: 8px;
  }

  .ua-brand-card__copy h3,
  .ua-brand-card__copy .ua-brand-card__models {
    margin: 0;
  }

  .remont-cars-all .brand-logo {
    width: 70px;
    height: 70px;
    object-fit: contain;
  }

  /* MOBILE FIX: cap brand logo size so wide landscape images don't overflow */
  @media (max-width: 767px) {
    .remont-cars-all .brand-logo {
      max-width: 58px !important;
      max-height: 40px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
    }
    .remont-cars-all .brand-container a {
      padding: 8px 6px !important;
      min-width: 0 !important;
    }
    .remont-cars-all .brand-name {
      font-size: 0.58rem !important;
    }
  }

  .remont-cars-all .brand-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
  }

  @media (max-width: 991px) {
    .top-bar .bar.container {
      justify-content: center !important;
    }

    .main-bar .container {
      min-height: 76px;
    }

    .logo__subtitle {
      display: none;
    }
  }

  @media (max-width: 767px) {
    .top-bar .left-menu,
    .top-bar .right-menu {
      justify-content: center;
      width: 100%;
    }

    .logo__image {
      width: 50px;
      height: 50px;
      flex-basis: 50px;
    }

    .logo__title {
      font-size: 22px;
    }

    .ua-brand-card__head {
      align-items: flex-start;
    }

    .ua-brand-card__logo-box {
      width: 64px;
      height: 64px;
      flex-basis: 64px;
    }

    .ua-brand-card__logo {
      width: 42px;
      height: 42px;
    }
  }

  /* UA header refinements 20260517 */
  .top-bar {
    background: linear-gradient(90deg, #4c1d95 0%, #6d28d9 52%, #7c3aed 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .main-bar {
    background: linear-gradient(90deg, #4c1d95 0%, #6d28d9 52%, #7c3aed 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 18px 40px rgba(76, 29, 149, 0.18);
  }

  .main-bar .container {
    min-height: 88px;
  }

  .logo__link {
    color: #ffffff;
  }

  .logo__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 18px;
    padding: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18);
  }

  .logo__badge-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 12px;
  }

  .logo__title {
    color: #ffffff;
  }

  .logo__subtitle {
    color: rgba(255, 255, 255, 0.82);
  }

  .header-menu {
    background: linear-gradient(90deg, #4c1d95 0%, #6d28d9 52%, #7c3aed 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .header-menu .navbar {
    background: transparent;
  }

  .header-menu .menu__inner > .menu__item > .menu__link,
  .header-menu .menu__inner > .menu__item > .menu__link i,
  .header-menu .menu__title a {
    color: #ffffff !important;
  }

  .header-menu .menu__inner > .menu__item:hover > .menu__link,
  .header-menu .menu__inner > .menu__item:hover > .menu__link i,
  .header-menu .menu__inner > .menu__item > .menu__link:focus,
  .header-menu .menu__inner > .menu__item > .menu__link:focus i {
    color: #f5ecff !important;
  }

  .header-menu .navbar__right,
  .header-menu .switch {
    display: none !important;
  }

  @media (min-width: 768px) {
    .header-menu .navbar__left,
    .header-menu .burger {
      display: none !important;
    }

    .header-menu .navbar__center {
      flex: 1 1 auto;
      width: 100%;
    }
  }

  @media (max-width: 767px) {
    .logo__badge {
      width: 50px;
      height: 50px;
      flex-basis: 50px;
      font-size: 22px;
    }
  }

  
  /* ===== ABOUT PAGE redesign 2026-05 ===== */
  .ua-about-page{padding-bottom:0}
  .ua-about-hero{background:linear-gradient(135deg,#3b0764 0%,#6d28d9 60%,#7c3aed 100%);border-radius:20px;padding:48px 40px;color:#fff;display:flex;gap:40px;align-items:center;margin-bottom:48px;flex-wrap:wrap}
  .ua-about-hero__logo{width:150px;height:150px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.12);padding:10px;flex-shrink:0}
  .ua-about-hero__body{flex:1;min-width:260px}
  .ua-about-hero__kicker{display:inline-block;background:rgba(255,255,255,.18);border-radius:6px;padding:4px 12px;font-size:13px;letter-spacing:.04em;margin-bottom:14px}
  .ua-about-hero__title{font-size:clamp(20px,2.8vw,30px);font-weight:700;line-height:1.25;margin-bottom:14px}
  .ua-about-hero__lead{font-size:16px;opacity:.88;margin-bottom:22px;line-height:1.6}
  .ua-about-stats{display:flex;gap:28px;flex-wrap:wrap}
  .ua-about-stat{text-align:center}
  .ua-about-stat strong{display:block;font-size:34px;font-weight:800;line-height:1}
  .ua-about-stat span{font-size:13px;opacity:.8;white-space:nowrap}
  .ua-about-usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
  .ua-about-usp-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:16px;padding:28px 22px;box-shadow:0 2px 12px rgba(109,40,217,.06);transition:box-shadow .2s,transform .2s}
  .ua-about-usp-card:hover{box-shadow:0 8px 32px rgba(109,40,217,.14);transform:translateY(-3px)}
  .ua-about-usp-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:14px}
  .ua-about-usp-card h3{font-size:17px;font-weight:700;margin-bottom:8px}
  .ua-about-usp-card p{font-size:14px;line-height:1.6;opacity:.75;margin:0}
  .ua-about-history{background:var(--card-bg,#fff);border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:20px;padding:40px;margin-bottom:48px;box-shadow:0 2px 12px rgba(109,40,217,.05)}
  .ua-about-history h2{font-size:24px;font-weight:700;margin-bottom:24px}
  .ua-about-milestones{display:flex;flex-direction:column;gap:0}
  .ua-about-milestone{display:flex;gap:24px;padding-bottom:28px}
  .ua-about-milestone:last-child{padding-bottom:0}
  .ua-about-milestone__year{flex-shrink:0;width:72px;font-size:20px;font-weight:800;color:#6d28d9;padding-top:2px}
  .ua-about-milestone__line{flex-shrink:0;width:2px;background:linear-gradient(to bottom,#6d28d9,#c4b5fd);position:relative}
  .ua-about-milestone__line::before{content:'';position:absolute;top:4px;left:-5px;width:12px;height:12px;border-radius:50%;background:#6d28d9}
  .ua-about-milestone__body strong{display:block;font-size:16px;font-weight:700;margin-bottom:4px}
  .ua-about-milestone__body p{font-size:14px;opacity:.75;margin:0;line-height:1.6}
  .ua-about-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:48px}
  .ua-about-process-step{text-align:center;padding:22px 14px;background:var(--card-bg,#fff);border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:16px;box-shadow:0 2px 8px rgba(109,40,217,.04);position:relative}
  .ua-about-process-step::after{content:'\2192';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:#6d28d9;font-size:18px;z-index:1}
  .ua-about-process-step:last-child::after{display:none}
  .ua-about-process-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
  .ua-about-process-step h3{font-size:14px;font-weight:700;margin-bottom:5px}
  .ua-about-process-step p{font-size:12px;opacity:.7;margin:0;line-height:1.5}
  .ua-about-cta-block{background:linear-gradient(135deg,#3b0764 0%,#6d28d9 100%);border-radius:20px;padding:48px 40px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:48px}
  .ua-about-cta-block h2{font-size:clamp(18px,2.5vw,26px);font-weight:700;margin-bottom:10px}
  .ua-about-cta-block p{font-size:15px;opacity:.85;margin:0}
  .ua-about-cta-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
  .ua-about-cta-btn{padding:13px 24px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:opacity .2s,transform .2s;white-space:nowrap}
  .ua-about-cta-btn:hover{opacity:.9;transform:translateY(-1px);text-decoration:none}
  .ua-about-cta-btn--primary{background:#fff;color:#6d28d9}
  .ua-about-cta-btn--secondary{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35)}
  /* HOME logo wrap */
  .ua-home-logo-wrap{display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#3b0764,#6d28d9);border-radius:20px;margin-bottom:20px}
  .ua-home-logo-img{width:190px;height:190px;object-fit:contain;border-radius:14px}
  @media(max-width:991px){.ua-about-usp-grid{grid-template-columns:repeat(2,1fr)}.ua-about-process-grid{grid-template-columns:repeat(2,1fr)}.ua-about-process-step::after{display:none}.ua-about-hero{padding:28px 20px;gap:20px}}
  @media(max-width:575px){.ua-about-usp-grid{grid-template-columns:1fr}.ua-about-process-grid{grid-template-columns:1fr}.ua-about-hero__logo{width:100px;height:100px}.ua-about-stat strong{font-size:26px}.ua-about-cta-block{padding:24px 20px}}
  /* ===== END ABOUT PAGE ===== */

/* UA header menu hotfix start */
  .header-menu .menu,
  .header-menu .menu__inner,
  .header-menu .submenu__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }

  .header-menu .menu__item {
    list-style: none;
    position: relative;
  }

  .header-menu .menu__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #211b2f;
    text-decoration: none;
    font-weight: 700;
  }

  .header-menu .menu__link-row {
    display: block;
  }

  .header-menu .menu__dropdown-toggle {
    display: none;
  }

  .header-menu .menu__link:hover,
  .header-menu .menu__link:focus {
    color: var(--ua-primary);
  }

  .header-menu .menu__link i {
    color: var(--ua-primary);
  }

  .header-menu .submenu {
    display: none;
  }

  @media (min-width: 768px) {
    .header-menu .navbar,
    .header-menu .navbar__center,
    .header-menu .menu,
    .header-menu .menu__inner,
    .header-menu .menu__dropdown {
      overflow: visible;
    }

        .header-menu .menu__dropdown > .submenu {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      width: max-content;
      max-width: min(960px, calc(100vw - 48px));
      padding: 18px;
      border: 1px solid rgba(74, 20, 140, 0.14);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.98);
      box-shadow: 0 24px 60px rgba(33, 27, 47, 0.18);
      backdrop-filter: blur(12px);
      z-index: 80;
      gap: 14px;
    }

    .header-menu .menu__dropdown > .submenu::before {
      content: "";
      position: absolute;
      top: -30px;
      left: -50px;
      right: -50px;
      height: 30px;
      background: transparent;
    }

    .header-menu .menu__dropdown:hover > .submenu,
    .header-menu .menu__dropdown:focus-within > .submenu,
    .header-menu .menu__dropdown.is-active > .submenu {
      display: grid;
    }

    .header-menu .menu__dropdown-toggle {
      display: none !important;
    }

    .header-menu .submenu.megamenu__text {
      grid-template-columns: repeat(3, minmax(220px, 1fr));
    }

    .header-menu .submenu.megamenu__image {
      grid-template-columns: repeat(4, minmax(180px, 1fr));
    }

    .header-menu .submenu__inner {
      min-width: 0;
    }

    .header-menu .submenu__title {
      display: block;
      margin: 0 0 10px;
      color: var(--ua-text);
      font-size: 20px;
      line-height: 1.2;
      font-weight: 800;
      text-decoration: none;
    }

    .header-menu .submenu__list {
      display: grid;
      gap: 8px;
      padding-left: 0 !important;
    }

    .header-menu .submenu__list li {
      list-style: none;
      margin: 0;
    }

    .header-menu .submenu__list a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      border-radius: 12px;
      color: var(--ua-primary);
      text-decoration: none;
      font-size: 14px;
      line-height: 1.4;
    }

    .header-menu .submenu__list a:hover,
    .header-menu .submenu__list a:focus {
      background: #f5efff;
      color: var(--ua-primary-strong);
    }

    .header-menu .submenu__list i {
      width: 16px;
      color: var(--ua-accent);
      text-align: center;
    }

    .header-menu .submenu.megamenu__image .submenu__inner > a {
      display: block;
      color: inherit;
      text-decoration: none;
    }

    .header-menu .submenu-image {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      border-radius: 18px;
      box-shadow: 0 12px 28px rgba(33, 27, 47, 0.16);
    }

    .header-menu .submenu.megamenu__image .submenu__title {
      margin-top: 12px;
      margin-bottom: 0;
      font-size: 16px;
      line-height: 1.35;
    }
  }
    /* UA desktop header cleanup */
  @media (min-width: 768px) {
    .header-menu .navbar__left,
    .header-menu .burger,
    .header-menu .menu__header,
    .header-menu .overlay {
      display: none !important;
    }
  }

  @media (max-width: 767px) {
    body.ua-mobile-menu-open {
      overflow: hidden;
      touch-action: none;
    }

    html body.ua-mobile-menu-open .floating-contact {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .header-menu {
      position: sticky;
      top: 0;
      z-index: 1000;
    }

    .header-menu .navbar {
      min-height: 60px;
      display: flex;
      align-items: center;
    }

    .header-menu .navbar__left {
      display: flex;
      align-items: center;
    }

    .header-menu .burger {
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 4px;
      width: 46px;
      height: 46px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.22);
      cursor: pointer;
      z-index: 1003;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .header-menu.ua-mobile-open .burger {
      opacity: 0;
      pointer-events: none;
      transform: translateX(-10px);
    }

    .header-menu .burger-line {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 999px;
      background: #ffffff;
    }

    .header-menu .overlay {
      position: fixed;
      inset: 0;
      display: block !important;
      background: rgba(18, 11, 34, 0.56);
      backdrop-filter: blur(2px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.24s ease, visibility 0.24s ease;
      z-index: 1000;
    }

    .header-menu .menu {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      width: min(86vw, 380px);
      max-width: calc(100vw - 34px);
      display: block;
      overflow-y: auto;
      background: linear-gradient(180deg, #2d1150 0%, #4c1d95 48%, #6d28d9 100%);
      box-shadow: 0 24px 64px rgba(18, 11, 34, 0.35);
      transform: translateX(-112%);
      transition: transform 0.28s ease, box-shadow 0.28s ease;
      z-index: 1002;
      padding-bottom: 28px;
    }

    .header-menu.ua-mobile-open .menu {
      transform: translateX(0);
    }

    .header-menu.ua-mobile-open .overlay {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .header-menu .menu__header {
      position: sticky;
      top: 0;
      display: flex !important;
      align-items: center;
      gap: 12px;
      justify-content: flex-start;
      padding: 16px 18px;
      background: rgba(34, 10, 65, 0.96);
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      z-index: 2;
    }

    .header-menu .menu__arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
      cursor: pointer;
      flex: 0 0 auto;
    }

    .header-menu .menu__title {
      min-width: 0;
    }

    .header-menu .menu__title a {
      color: #ffffff !important;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.01em;
    }

    .header-menu .menu__inner {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 16px;
      margin: 0;
      overflow: visible;
    }

    .header-menu .menu__inner .menu__item {
      display: block;
      width: 100%;
      padding-right: 0;
    }

    .header-menu .menu__link-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
    }

    .header-menu .menu__link {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      min-height: 52px;
      padding: 14px 16px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff !important;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    }

    .header-menu .menu__dropdown-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      min-width: 52px;
      min-height: 52px;
      padding: 0;
      border: 0;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
      cursor: pointer;
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .header-menu .menu__dropdown-toggle:hover,
    .header-menu .menu__dropdown-toggle:focus {
      background: rgba(255, 255, 255, 0.14);
      outline: none;
    }

    .header-menu .menu__dropdown-toggle .bx-chevron-right {
      transition: transform 0.2s ease;
    }

    .header-menu .menu__link i {
      color: #f5ecff !important;
      flex: 0 0 auto;
    }

    .header-menu .menu__dropdown.is-active > .menu__link-row > .menu__dropdown-toggle .bx-chevron-right {
      transform: rotate(90deg);
    }

        .header-menu .menu__dropdown > .submenu {
      position: static;
      width: 100%;
      max-width: none;
      margin-top: 8px;
      padding: 12px;
      border: 1px solid rgba(124, 58, 237, 0.12);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.98);
      box-shadow: none;
    }

    .header-menu .menu__dropdown.is-active > .submenu {
      display: grid;
      gap: 12px;
    }

    .header-menu .submenu.megamenu__text,
    .header-menu .submenu.megamenu__image {
      grid-template-columns: 1fr;
    }

    .header-menu .submenu__inner {
      min-width: 0;
    }

    .header-menu .submenu__title {
      display: block;
      margin: 0 0 10px;
      color: #3b0764;
      font-size: 15px;
      line-height: 1.35;
      font-weight: 800;
      text-decoration: none;
    }

    .header-menu .submenu__list {
      display: grid;
      gap: 8px;
    }

    .header-menu .submenu__list a,
    .header-menu .submenu.megamenu__image .submenu__inner > a {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      background: #f6f1ff;
      color: #4c1d95 !important;
      text-decoration: none;
      font-size: 14px;
      line-height: 1.45;
    }

    .header-menu .submenu__list i {
      color: #6d28d9 !important;
    }

    .header-menu .submenu-image {
      border-radius: 14px;
      margin-bottom: 10px;
    }
  }
/* UA header menu hotfix end */

  @media (min-width: 767px) {

    .header-menu .navbar {

      height: auto;

      min-height: 55px;

      flex-wrap: nowrap;

      align-items: center;

      column-gap: 16px;

    }

    .header-menu .navbar__left,

    .header-menu .navbar__right {

      flex: 0 0 auto;

      min-width: 0;

    }

    .header-menu .navbar__center {

      flex: 1 1 auto;

      min-width: 0;

      display: flex;

      align-items: center;

    }

    .header-menu .menu {

      width: 100%;

      min-width: 0;

    }

    .header-menu .menu__inner {

      display: flex;

      align-items: center;

      justify-content: flex-start;

      flex-wrap: wrap;

      row-gap: 6px;

      margin: 0;

      padding-left: 0 !important;

    }

    .header-menu .menu__inner .menu__item {

      display: flex;

      padding-right: 18px;

    }

  }

  @media (min-width: 1200px) {

    .top-bar .bar.container,

    .main-bar .container,

    .header-menu .navbar.container {

      max-width: min(1420px, calc(100vw - 28px));

      padding-inline: clamp(12px, 1.4vw, 22px);

    }

    .header-menu .menu__inner {

      flex-wrap: nowrap;

      column-gap: 4px;

    }

    .header-menu .menu__inner .menu__item {

      padding-right: 0;

    }

    .header-menu .menu__link {

      display: inline-flex;

      align-items: center;

      min-height: 42px;

      padding: 0 12px;

      font-size: 14px;

      line-height: 1.2;

      white-space: nowrap;

    }

  }

  @media (min-width: 768px) and (max-width: 1199px) {

    .header-menu .navbar {

      column-gap: 10px;

    }

    .header-menu .menu__inner {

      column-gap: 2px;

    }

    .header-menu .menu__inner .menu__item {

      padding-right: 0;

    }

    .header-menu .menu__link {

      display: inline-flex;

      align-items: center;

      min-height: 40px;

      padding: 0 9px;

      font-size: 13px;

      line-height: 1.2;

      white-space: nowrap;

    }

  }

  @media (max-width: 1199px) {

    .ua-home-hero__inner {

      width: min(100%, 820px);

    }

    .ua-home-hero__gallery {

      grid-template-columns: repeat(2, minmax(0, 1fr));

      width: min(100%, 520px);

    }

    .ua-promo-grid {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .footer-rating-grid {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }

  @media (max-width: 991px) {

    .ua-home-hero__slide,

    .ua-home-hero__content {

      min-height: clamp(480px, 64vh, 620px);

    }

    .ua-home-hero__brand {

      max-width: 11ch;

      font-size: clamp(38px, 6.8vw, 60px);

    }

    .ua-home-hero__facts {

      gap: 10px;

    }

    .ua-home-hero__gallery {

      width: min(100%, 460px);

    }

    .ua-promo-grid--page {

      grid-template-columns: 1fr;

    }

  }

  @media (max-width: 767px) {

    .ua-service-card__body,

    .ua-contact-panel {

      grid-template-columns: 1fr;

    }

    
    .ua-contact-branch-grid {
      grid-template-columns: 1fr;
    }

    .ua-contact-choice-grid,
    .ua-contact-choice-grid--compact,
    .ua-contact-branch-choice-grid {
      grid-template-columns: 1fr;
    }

    .ua-contact-choice,
    .ua-contact-branch-choice {
      text-align: left;
    }

.ua-section-header {

      grid-template-columns: 1fr;

      align-items: start;

      gap: 14px;

    }

    .btn-all-services {

      width: 100%;

    }

    .ua-home-hero__slide,

    .ua-home-hero__content {

      min-height: auto;

    }

    .ua-home-hero__content {

      align-items: center;

      padding-block: clamp(48px, 12vw, 82px);

      padding-inline: clamp(16px, 5vw, 24px);

    }

    .ua-home-hero__inner {

      width: 100%;

      padding-right: 0;

      gap: 12px;

    }

    .ua-home-hero__eyebrow {

      max-width: min(100%, 320px);

      padding: 8px 12px;

      font-size: 11px;

      text-align: center;

    }

    .ua-home-hero__brand {

      max-width: none;

      font-size: clamp(34px, 12vw, 54px);

      line-height: 0.98;

      margin: 0;

    }

    .ua-home-hero__inner p {

      max-width: 32ch;

      font-size: clamp(16px, 4.4vw, 18px);

      line-height: 1.55;

    }

    .ua-home-hero__gallery {

      width: 100%;

      margin-top: 16px;

      grid-template-columns: 1fr;

      gap: 10px;

    }

    .ua-home-hero__gallery-card {

      min-height: 164px;

      border-radius: 18px;

    }

    .ua-home-hero__gallery-card:nth-child(n+2) {

      display: none;

    }

    .ua-home-hero__gallery-card span {

      left: 12px;

      right: 12px;

      bottom: 10px;

      font-size: 13px;

    }

    .ua-home-hero__facts span,

    .ua-home-hero__buttons .ua-btn {

      width: 100%;

      justify-content: center;

    }

    .ua-home-hero__facts {

      gap: 8px;

      width: min(100%, 420px);

      margin-top: 8px;

    }

    .ua-home-hero__facts span {

      min-height: 44px;

      padding: 10px 14px;

      font-size: 14px;

      text-align: center;

      white-space: normal;

    }

    .ua-home-hero__buttons {

      width: min(100%, 420px);

      margin-top: 18px;

      flex-direction: column;

      align-items: stretch;

    }

    .ua-home-hero__buttons .ua-btn {

      flex: 0 0 auto;

      min-height: 48px;

    }

    .ua-home-services .services-container > [class*="col-"] {

      margin-bottom: 0;

      padding-inline: 0;

    }

    .ua-service-card {

      padding: 18px;

      border-radius: 24px;

      gap: 14px;

    }

    .ua-service-card__body {

      grid-template-columns: minmax(0, 1fr) !important;

      gap: 14px;

      align-items: start;

    }

    .ua-service-card__copy h3,

    .ua-service-card h3 {

      font-size: 21px;

    }

    .ua-service-card__copy p {

      margin-top: 10px;

      font-size: 15px;

      line-height: 1.6;

    }

    .ua-service-card__media {

      order: 2;

      grid-column: 1 / -1;

      justify-self: stretch;

      width: 100%;

      min-width: 0;

      min-height: 180px;

      aspect-ratio: 16 / 10;

      border-radius: 18px;

    }

    .ua-service-card__media img {

      width: 100%;

      height: 100%;

      display: block;

      object-fit: cover;

    }

    .ua-service-card__cta {

      margin-top: 2px;

    }

    .ua-article-grid {

      grid-template-columns: 1fr;

    }

    .ua-article-card {

      padding: 20px;

      border-radius: 22px;

    }

    .ua-promo-grid {

      grid-template-columns: 1fr;

    }

    .ua-promo-filter__btn,

    .ua-promo-card__actions .ua-btn {

      width: 100%;

      justify-content: center;

    }

    .footer-rating-grid {

      grid-template-columns: 1fr;

    }

    .ua-form-grid {

      grid-template-columns: 1fr;

    }

    .footer-trust-bar { grid-template-columns: repeat(2, 1fr); gap: 15px; }

    .bp-main {

      padding-bottom: 96px;

    }

    .ua-home-video-cta {

      padding-inline: 16px;

      margin-bottom: 40px;

    }

    .ua-home-video-cta .body-cta-container {

      border-radius: 24px;

    }

    .ua-home-video-cta__content {

      padding: 34px 0 30px;

      gap: 12px;

    }

    .ua-home-video-cta__content h1,

    .ua-home-video-cta__content h2 {

      max-width: 10.5ch;

      font-size: clamp(28px, 9vw, 42px);

    }

    .ua-home-video-cta__content p {

      font-size: 15px;

      line-height: 1.6;

    }

    .ua-home-video-cta__content .ua-btn {

      min-width: 0;

      width: auto;

      max-width: 100%;

      justify-self: start;

    }

    .floating-contact {

      left: auto;

      right: 14px;

      bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);

      transform: none;

      gap: 10px;

      padding: 0;

      border-radius: 0;

      background: transparent;

      box-shadow: none;

      backdrop-filter: none;

    }

    .floating-contact__panel { display: grid; gap: 10px; width: min(320px, calc(100vw - 32px)); padding: 14px; border-radius: 24px; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.15); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease; z-index: 999999; }

    .floating-contact__toggle {

      min-height: 48px;

      padding: 12px 16px;

    }

    .floating-contact__action { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 12px; border-radius: 20px; color: #1e293b !important; text-decoration: none; font-size: 16px; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s, box-shadow 0.2s, background 0.2s; border: 1px solid rgba(0,0,0,0.05); background: #f8fafc !important; }

    .floating-contact__action-icon {

      width: 40px;

      height: 40px;

      font-size: 18px;

    }

    .ua-home-hero .swiper-button-next,

    .ua-home-hero .swiper-button-prev {

      display: none;

    }

  }

  /* ULTRA AUTO — banner responsive wave */

  .ua-home-hero,

  .ua-home-hero .swiper-wrapper,

  .ua-home-hero .swiper-slide {

    height: auto !important;

  }

  .ua-home-hero__content,

  .ua-home-hero__inner,

  .ua-home-hero__copy,

  .ua-home-hero__visual,

  .ua-home-video-cta,

  .ua-home-video-cta__shell,

  .ua-home-video-cta__content {

    box-sizing: border-box;

    min-width: 0;

  }

  .ua-home-hero {

    position: relative;

    overflow: hidden;

  }

  .ua-home-hero__slide {

    display: flex;

    align-items: stretch;

  }

  .ua-home-hero__content {

    width: min(1180px, calc(100% - 32px));

    max-width: none;

    margin-inline: auto;

    min-height: clamp(520px, 72vh, 760px);

    padding-block: clamp(42px, 7vw, 96px);

    padding-inline: 0 !important;

  }

  .ua-home-hero__inner {

    width: 100%;

    display: grid;

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

    align-items: center;

    justify-items: stretch;

    gap: clamp(20px, 4vw, 56px);

    text-align: left;

  }

  .ua-home-hero__copy {

    max-width: 680px;

    display: grid;

    align-content: center;

    justify-items: start;

    gap: clamp(10px, 1.4vw, 18px);

    color: #fff;

  }

  .ua-home-hero__eyebrow {

    align-self: flex-start;

  }

  .ua-home-hero__brand {

    max-width: 10.5ch;

    margin: 0;

  }

  .ua-home-hero__inner p {

    max-width: 34em;

  }

  .ua-home-hero__facts {

    width: 100%;

    margin-top: 0;

    justify-content: flex-start;

  }

  .ua-home-hero__buttons {

    width: 100%;

    margin-top: 0;

    margin-inline: 0;

    justify-content: flex-start;

  }

  .ua-home-hero__buttons .ua-btn {

    flex: 0 1 auto;

    width: auto;

    min-width: 220px;

    max-width: 280px;

    white-space: normal;

    text-align: center;

    line-height: 1.15;

  }

  .ua-home-hero__visual {

    width: 100%;

    display: flex;

    justify-content: flex-end;

  }

  .ua-home-hero__gallery {

    width: min(100%, 520px);

    max-width: 100%;

    margin: 0 0 0 auto;

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .ua-home-hero__gallery-card {

    min-height: 156px;

  }

  .ua-home-hero__gallery-card img {

    width: 100%;

    height: 100%;

    max-width: none;

    display: block;

    object-fit: cover;

    object-position: center;

  }

  .ua-cta-row {

    width: 100%;

    align-items: stretch;

  }

  .ua-cta-row .ua-btn {

    min-width: 190px;

    white-space: normal;

    text-align: center;

    line-height: 1.15;

  }

  .ua-home-video-cta {

    padding-inline: 0;

  }

  .ua-home-video-cta .body-cta-container {

    width: min(1180px, calc(100% - 32px));

    max-width: none;

    margin-inline: auto;

  }

  .ua-home-video-cta__shell {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1180px;

    margin-inline: auto;

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

  }

  .ua-home-video-cta__content {

    max-width: 720px;

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

  }

  .ua-home-video-cta__content .ua-btn {

    width: auto;

    min-width: clamp(210px, 24vw, 280px);

    max-width: 100%;

    white-space: normal;

    text-align: center;

    line-height: 1.15;

  }

  .ua-service-card__media img,

  .ua-service-card__image {

    width: 100% !important;

    min-width: 100% !important;

    max-width: none !important;

    height: 100% !important;

    display: block;

    object-fit: cover;

    object-position: center;

  }

  .floating-contact {

    right: max(14px, env(safe-area-inset-right, 0px));

    bottom: max(14px, env(safe-area-inset-bottom, 0px));

    z-index: 40;

  }

  /* MOBILE FIX: footer background purple on mobile */
  @media (max-width: 767px) {
    footer.footer-compact,
    .footer-compact,
    footer {
      background: linear-gradient(135deg, #3d1a6e 0%, #6f42c1 100%) !important;
      color: #fff !important;
    }
    .footer-bottom {
      background: rgba(0,0,0,0.25) !important;
      color: rgba(255,255,255,0.8) !important;
    }
    .footer-bottom-copy,
    .footer-bottom a {
      color: rgba(255,255,255,0.75) !important;
    }
    .footer__title {
      color: #fff !important;
    }
    .footer__item a {
      color: rgba(255,255,255,0.85) !important;
    }
    .footer__item a:hover {
      color: #fff !important;
    }
  }

  /* MOBILE FIX: floating contact button position */
  @media (max-width: 767px) {
    .floating-contact {
      bottom: calc(env(safe-area-inset-bottom, 0px) + 78px) !important;
      right: max(12px, env(safe-area-inset-right, 12px)) !important;
      z-index: 9999 !important;
    }
    .floating-contact__toggle {
      width: 50px !important;
      height: 50px !important;
      font-size: 1.1rem !important;
    }
    .floating-contact__toggle-text {
      display: none !important;
    }
    .floating-contact__panel { display: grid; gap: 10px; width: min(320px, calc(100vw - 32px)); padding: 14px; border-radius: 24px; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.15); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease; z-index: 999999; }
    .floating-contact__panel a,
    .floating-contact__panel button {
      padding: 10px 14px !important;
      font-size: 0.88rem !important;
    }
  }

  @media (max-width: 991px) {

    .ua-home-hero__content {

      width: min(100%, 720px);

    }

    .ua-home-hero__inner {

      grid-template-columns: 1fr;

      justify-items: center;

      text-align: center;

      gap: 24px;

    }

    .ua-home-hero__copy {

      width: 100%;

      max-width: 620px;

      justify-items: center;

    }

    .ua-home-hero__eyebrow {

      align-self: center;

    }

    .ua-home-hero__facts,

    .ua-home-hero__buttons {

      justify-content: center;

      margin-inline: auto;

    }

    .ua-home-hero__visual {

      justify-content: center;

    }

    .ua-home-hero__gallery {

      width: min(100%, 560px);

      margin-inline: auto;

    }

  }

  @media (max-width: 767px) {

    .ua-home-hero__content {

      width: calc(100% - 24px);

      min-height: auto;

      padding-block: 34px 28px;

    }

    .ua-home-hero__inner {

      width: 100%;

      gap: 22px;

    }

    .ua-home-hero__copy {

      width: 100%;

      max-width: 560px;

      gap: 12px;

    }

    .ua-home-hero__brand {

      max-width: 11ch;

      font-size: clamp(38px, 12vw, 64px);

      line-height: 0.92;

    }

    .ua-home-hero__inner p {

      max-width: 34em;

      text-align: center;

      font-size: clamp(15px, 4vw, 18px);

    }

    .ua-home-hero__facts {

      width: min(100%, 420px);

      gap: 10px;

    }

    .ua-home-hero__buttons {

      display: grid;

      grid-template-columns: 1fr;

      width: min(100%, 420px);

      gap: 10px;

    }

    .ua-home-hero__buttons .ua-btn {

      width: 100%;

      min-width: 0;

      max-width: none;

      min-height: 48px;

      padding: 13px 18px;

      border-radius: 16px;

    }

    .ua-home-hero__visual {

      width: 100%;

    }

    .ua-home-hero__gallery {

      width: 100%;

      max-width: 560px;

      margin-inline: auto;

      grid-template-columns: 1fr;

      gap: 10px;

    }

    .ua-home-hero__gallery-card {

      min-height: 180px;

    }

    .ua-home-hero__gallery-card:nth-child(n+2) {

      display: none;

    }

    .ua-cta-row .ua-btn {

      width: 100%;

      min-width: 0;

    }

    .ua-home-video-cta .body-cta-container {

      width: calc(100% - 24px);

      border-radius: 24px;

    }

    .ua-home-video-cta__shell {

      padding: 18px;

    }

    .ua-home-video-cta__content {

      padding: 16px 0 12px;

      gap: 12px;

      justify-items: stretch;

      text-align: left;

    }

    .ua-home-video-cta__content .ua-btn {

      width: 100%;

      min-width: 0;

    }

    .ua-service-card,

    .ua-home-services .ua-service-card {

      display: grid;

      grid-template-columns: 1fr;

    }

    .ua-service-card__media,

    .ua-home-services .ua-service-card__media {

      width: 100%;

      min-height: 180px;

      aspect-ratio: 16 / 10;

      grid-column: 1 / -1;

      overflow: hidden;

    }

    .floating-contact {

      right: 14px;

      bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);

    }

    .floating-contact__toggle {

      min-height: 48px;

      min-width: 0;

    }

    .floating-contact__toggle-text {

      font-size: 0.9rem;

    }

    .floating-contact__action { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 12px; border-radius: 20px; color: #1e293b !important; text-decoration: none; font-size: 16px; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s, box-shadow 0.2s, background 0.2s; border: 1px solid rgba(0,0,0,0.05); background: #f8fafc !important; }

    .floating-contact__action-icon {

      width: 40px;

      height: 40px;

      min-width: 40px;

      min-height: 40px;

    }

  }

  @media (max-width: 430px) {

    .ua-home-hero__content {

      width: calc(100% - 20px);

      padding-block: 28px 24px;

    }

    .ua-home-hero__brand {

      font-size: clamp(34px, 13vw, 52px);

    }

    .ua-home-hero__buttons {

      width: 100%;

    }

  }

  /* ULTRA AUTO — home banner clipping fix */
  .ua-home-video-cta,

  .ua-home-video-cta .body-cta-container,

  .ua-home-video-cta .body-cta-content,

  .ua-home-video-cta .ua-cta-card {

    box-sizing: border-box;

  }

  .ua-home-video-cta {

    padding-inline: 0;

  }

  .ua-home-video-cta .body-cta-container {

    position: relative;

    width: min(1180px, calc(100% - 32px));

    min-height: auto;

    height: auto !important;

    min-height: 560px;

    margin-inline: auto;

    padding: clamp(42px, 6vw, 76px) clamp(28px, 5vw, 64px);

    border-radius: clamp(24px, 3vw, 34px);

    display: grid !important;

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

    align-items: start !important;

    justify-items: start !important;

    gap: clamp(24px, 4vw, 56px);

    overflow: hidden;

  }

  .ua-home-video-cta .background-video {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

  }

  .ua-home-video-cta__shell {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 760px;

    min-width: 0;

    align-self: start;

    justify-self: start;

    padding: 0;

  }

  .ua-home-video-cta .body-cta-content,

  .ua-home-video-cta__content {

    min-width: 0;

    max-width: 760px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 0;

    padding: 0;

  }

  .ua-home-video-cta .body-cta-title,

  .ua-home-video-cta .body-cta-content h2,

  .ua-home-video-cta .body-cta-content h3,

  .ua-home-video-cta__content h2,

  .ua-home-video-cta__content h3 {

    margin: 0;

    max-width: 17ch;

    font-size: clamp(34px, 4vw, 60px);

    line-height: 0.98;

    letter-spacing: -0.045em;

    text-wrap: balance;

  }

  .ua-home-video-cta .body-cta-text,

  .ua-home-video-cta .body-cta-content p,

  .ua-home-video-cta__content p {

    max-width: 620px;

    margin-top: clamp(18px, 2vw, 28px);

    font-size: clamp(16px, 1.25vw, 21px);

    line-height: 1.55;

    text-wrap: pretty;

  }

  .ua-home-video-cta .body-cta-button,

  .ua-home-video-cta .body-cta-container .ua-btn,

  .ua-home-video-cta .body-cta-container a[class*="btn"],

  .ua-home-video-cta .body-cta-container button {

    margin-top: clamp(22px, 2.5vw, 34px);

    min-height: 54px;

    min-width: 260px;

    padding: 15px 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    white-space: normal;

    text-align: center;

    line-height: 1.15;

    border-radius: 16px;

  }

  @media (max-width: 1024px) {

    .ua-home-video-cta .body-cta-container {

      grid-template-columns: 1fr;

      justify-items: start;

      min-height: 480px;

      padding: 42px 34px;

    }

    .ua-home-video-cta__shell,

    .ua-home-video-cta .body-cta-content,

    .ua-home-video-cta__content {

      width: 100%;

      max-width: 720px;

    }

    .ua-home-video-cta .body-cta-title,

    .ua-home-video-cta .body-cta-content h2,

    .ua-home-video-cta .body-cta-content h3,

    .ua-home-video-cta__content h2,

    .ua-home-video-cta__content h3 {

      max-width: 16ch;

      font-size: clamp(36px, 5.8vw, 56px);

    }

  }

  @media (max-width: 640px) {

    .ua-home-video-cta .body-cta-container {

      width: calc(100% - 24px);

      min-height: 420px;

      padding: 30px 20px 24px;

      border-radius: 24px;

      gap: 18px;

    }

    .ua-home-video-cta__shell,

    .ua-home-video-cta .body-cta-content,

    .ua-home-video-cta__content {

      width: 100%;

      max-width: none;

    }

    .ua-home-video-cta .body-cta-title,

    .ua-home-video-cta .body-cta-content h2,

    .ua-home-video-cta .body-cta-content h3,

    .ua-home-video-cta__content h2,

    .ua-home-video-cta__content h3 {

      max-width: 14ch;

      font-size: clamp(30px, 8.8vw, 42px);

      line-height: 0.99;

      letter-spacing: -0.04em;

    }

    .ua-home-video-cta .body-cta-text,

    .ua-home-video-cta .body-cta-content p,

    .ua-home-video-cta__content p {

      max-width: none;

      margin-top: 16px;

      font-size: 16px;

      line-height: 1.5;

    }

    .ua-home-video-cta .body-cta-button,

    .ua-home-video-cta .body-cta-container .ua-btn,

    .ua-home-video-cta .body-cta-container a[class*="btn"],

    .ua-home-video-cta .body-cta-container button {

      width: 100%;

      min-width: 0;

      min-height: 50px;

      margin-top: 18px;

    }

  }

  @media (max-width: 360px) {

    .ua-home-video-cta .body-cta-title,

    .ua-home-video-cta .body-cta-content h2,

    .ua-home-video-cta .body-cta-content h3,

    .ua-home-video-cta__content h2,

    .ua-home-video-cta__content h3 {

      font-size: clamp(28px, 9vw, 36px);

      max-width: 12.5ch;

    }

    .ua-home-video-cta .body-cta-container {

      min-height: 400px;

      padding-inline: 18px;

    }

  }

/* ULTRA AUTO — brand depth commercial block */
.ua-brand-depth {
  margin: clamp(28px, 5vw, 56px) 0;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(36, 22, 60, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(255, 210, 87, 0.20), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 255, 0.96));
  box-shadow: 0 18px 48px rgba(30, 20, 55, 0.10);
}

.ua-brand-depth__intro {
  max-width: 980px;
  margin-bottom: clamp(18px, 3vw, 28px);
}

.ua-brand-depth__intro p {
  margin: 0;
  color: #332448;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.65;
}

.ua-brand-depth__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.ua-brand-depth__card {
  min-width: 0;
  padding: clamp(18px, 2.3vw, 26px);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(36, 22, 60, 0.10);
  box-shadow: 0 10px 28px rgba(30, 20, 55, 0.07);
}

.ua-brand-depth__card h3 {
  margin: 0 0 14px;
  color: #24163c;
  font-size: clamp(17px, 1.4vw, 22px);
  line-height: 1.22;
  letter-spacing: -0.01em;
}

.ua-brand-depth__card ul {
  margin: 0;
  padding-left: 1.1em;
  color: #4b3d5f;
  font-size: 15.5px;
  line-height: 1.62;
}

.ua-brand-depth__card li + li {
  margin-top: 7px;
}

.ua-brand-depth__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: clamp(18px, 3vw, 28px);
}

.ua-brand-depth__links .ua-btn {
  min-height: 44px;
  white-space: normal;
  text-align: center;
}

@media (max-width: 1024px) {
  .ua-brand-depth__grid {
    grid-template-columns: 1fr;
  }

  .ua-brand-depth {
    border-radius: 24px;
  }
}

@media (max-width: 560px) {
  .ua-brand-depth {
    margin: 28px 0;
    padding: 18px;
    border-radius: 20px;
  }

  .ua-brand-depth__card {
    padding: 16px;
    border-radius: 18px;
  }

  .ua-brand-depth__links {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ua-brand-depth__links .ua-btn {
    width: 100%;
  }
}
/* END ULTRA AUTO — brand depth commercial block */

/* ULTRA AUTO — service brand links block */
.ua-service-brand-links {
  margin: clamp(28px, 5vw, 56px) 0;
  padding: clamp(22px, 4vw, 36px);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(54, 26, 91, 0.96), rgba(25, 18, 45, 0.96));
  color: #fff;
  box-shadow: 0 18px 50px rgba(21, 12, 40, 0.18);
}
.ua-service-brand-links__head {
  max-width: 860px;
  margin-bottom: 120px;
}
.ua-service-brand-links__head h2 {
  margin: 6px 0 10px;
  font-size: clamp(24px, 3.2vw, 42px);
  line-height: 1.08;
  color: #fff;
}
.ua-service-brand-links__head p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}
.ua-service-brand-links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ua-service-brand-links__grid a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.16);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.ua-service-brand-links__grid a:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}
@media (max-width: 575px) {
  .ua-service-brand-links { padding: 20px 16px; border-radius: 22px; }
  .ua-service-brand-links__grid { gap: 8px; }
  .ua-service-brand-links__grid a { flex: 1 1 calc(50% - 8px); min-width: 132px; padding: 10px 12px; }
}

/* ── UA Reviews UI Wave ─────────────────────────────────────────── */
.ua-reviews-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(32px, 5vw, 72px) 16px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

/* Hero */
.ua-reviews-hero {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: clamp(28px, 5vw, 64px);
  background:
    radial-gradient(circle at top right, rgba(92,31,166,.22), transparent 42%),
    linear-gradient(135deg, #140b24 0%, #251044 55%, #3a136f 100%);
  color: #fff;
  box-shadow: 0 24px 70px rgba(26,11,54,.22);
}
.ua-reviews-hero__title {
  max-width: 760px;
  margin: 12px 0 16px;
  font-size: clamp(30px, 5vw, 64px);
  line-height: 1;
  letter-spacing: -.03em;
}
.ua-reviews-hero__sub {
  max-width: 640px;
  margin: 0;
  color: rgba(255,255,255,.8);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.55;
}

/* Section */
.ua-reviews-section__title {
  font-size: clamp(22px, 3vw, 36px);
  margin: 0 0 10px;
  color: #140b24;
  letter-spacing: -.02em;
}
.ua-reviews-section__sub {
  color: rgba(20,11,36,.64);
  font-size: 16px;
  margin: 0 0 28px;
  max-width: 660px;
}

/* Platform grid */
.ua-platform-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ua-platform-card {
  border: 1px solid rgba(92,31,166,.12);
  border-radius: 24px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(41,18,75,.08);
  display: flex;
  flex-direction: column;
}
.ua-platform-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ua-platform-card__name {
  font-weight: 800;
  font-size: 18px;
  color: #180b2d;
}
.ua-platform-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #f5edff;
  color: #5c1fa6;
  font-weight: 900;
  font-size: 14px;
}
.ua-platform-card__caption {
  margin: 14px 0 0;
  font-size: 14px;
  color: rgba(20,11,36,.8);
  flex: 1;
}
.ua-platform-card__meta {
  margin: 6px 0 0;
  font-size: 13px;
  color: rgba(20,11,36,.5);
  font-style: italic;
}
.ua-platform-card__link {
  display: inline-flex;
  align-items: center;
  margin-top: 18px;
  font-weight: 800;
  font-size: 14px;
  color: #5c1fa6;
  text-decoration: none;
  transition: opacity .18s;
}
.ua-platform-card__link:hover { opacity: .75; }

/* Reviews empty state */
.ua-reviews-empty {
  border: 1px dashed rgba(92,31,166,.28);
  border-radius: 24px;
  padding: 36px 28px;
  background: #fbf8ff;
  text-align: center;
}
.ua-reviews-empty__icon {
  font-size: 40px;
  margin: 0 0 12px;
}
.ua-reviews-empty__text {
  color: rgba(20,11,36,.7);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

/* Trust block */
.ua-reviews-trust {
  background: #fff;
  border: 1px solid rgba(92,31,166,.1);
  border-radius: 28px;
  padding: clamp(24px, 4vw, 40px);
  box-shadow: 0 10px 30px rgba(41,18,75,.06);
}
.ua-reviews-trust__title {
  font-size: clamp(20px, 2.5vw, 28px);
  margin: 0 0 20px;
  color: #140b24;
  letter-spacing: -.02em;
}
.ua-reviews-trust__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ua-reviews-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  color: rgba(20,11,36,.82);
  line-height: 1.5;
}
.ua-reviews-trust__icon { font-size: 20px; flex-shrink: 0; }

/* Bottom CTA */
.ua-reviews-bottom-cta {
  background:
    radial-gradient(circle at bottom left, rgba(92,31,166,.18), transparent 40%),
    linear-gradient(135deg, #1a0b36 0%, #2e1260 100%);
  border-radius: 32px;
  padding: clamp(28px, 5vw, 56px);
  color: #fff;
  box-shadow: 0 20px 60px rgba(26,11,54,.2);
}
.ua-reviews-bottom-cta__title {
  font-size: clamp(24px, 3.5vw, 42px);
  margin: 0 0 12px;
  letter-spacing: -.03em;
}
.ua-reviews-bottom-cta__sub {
  color: rgba(255,255,255,.78);
  font-size: 16px;
  margin: 0 0 28px;
  max-width: 560px;
  line-height: 1.55;
}

/* Actions shared */
.ua-reviews-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.ua-btn--ghost-light {
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
.ua-btn--ghost-light:hover {
  border-color: #fff;
  background: rgba(255,255,255,.1);
}
.ua-btn--outline {
  border: 1.5px solid rgba(255,255,255,.45);
  color: #fff;
  background: transparent;
  border-radius: 12px;
  padding: 12px 22px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  transition: background .18s, border-color .18s;
}
.ua-btn--outline:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.8);
}

/* Responsive */
@media (max-width: 900px) {
  .ua-platform-grid { grid-template-columns: 1fr; }
  .ua-reviews-hero { border-radius: 24px; }
  .ua-reviews-bottom-cta { border-radius: 24px; }
}
@media (max-width: 520px) {
  .ua-reviews-shell { padding-left: 12px; padding-right: 12px; gap: 36px; }
  .ua-reviews-actions .ua-btn,
  .ua-reviews-actions .ua-btn--outline { width: 100%; justify-content: center; }
}
/* ── /UA Reviews UI Wave ────────────────────────────────────────── */

/* ── ECC UI Polish (Typography & Performance) ───────────────────────── */
h1, h2, h3, h4, h5, h6, .ua-section-title, .ua-about-hero__title {
  text-wrap: balance;
}
p, li, .ua-section-lead, .ua-service-card__copy p, .ua-about-hero__lead, .ua-hero-subtitle {
  text-wrap: pretty;
}
.price, .counter, .timer, [data-price], .ua-about-stat strong, .ua-price {
  font-variant-numeric: tabular-nums;
}
/* ────────────────────────────────────────────────────────────────── */

  /* 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; 
  }


/* ua: div.submenu__title keeps heading typography */
.submenu__title{text-wrap:balance}