/* Gloss showroom experiment for Max Auto Group. Loaded only on gloss.php. */
.site-body--gloss {
    --bg: #f4f7fb;
    --bg-soft: #ffffff;
    --card: rgba(255, 255, 255, 0.82);
    --muted: #65707d;
    --text: #111820;
    --accent: #d71920;
    --accent-strong: #f3352e;
    --line: rgba(17, 24, 32, 0.11);
    --line-strong: rgba(215, 25, 32, 0.22);
    --shadow: 0 18px 44px rgba(31, 43, 58, 0.12);
    --radius: 8px;
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 250, 0.92) 35%, rgba(255, 255, 255, 0.96) 57%, rgba(224, 230, 238, 0.88) 100%),
        repeating-linear-gradient(128deg, rgba(255, 255, 255, 0.16) 0 2px, transparent 2px 94px),
        #f5f7fa;
    color: var(--text);
}

.site-body--gloss::before {
    background:
        linear-gradient(104deg, transparent 0 18%, rgba(255, 255, 255, 0.78) 25%, transparent 34%),
        linear-gradient(96deg, transparent 0 58%, rgba(215, 25, 32, 0.08) 64%, transparent 72%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1;
}

.site-body--gloss .site-header {
    background: rgba(255, 255, 255, 0.78);
    border-bottom: 1px solid rgba(17, 24, 32, 0.1);
    box-shadow: 0 10px 28px rgba(31, 43, 58, 0.1);
    color: #101820;
}

.site-body--gloss .brand__logo {
    background: #0c1118;
    border-color: rgba(215, 25, 32, 0.28);
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(17, 24, 32, 0.14);
}

.site-body--gloss .brand strong,
.site-body--gloss .section h2,
.site-body--gloss .catalog-hero h1,
.site-body--gloss .showcase h1,
.site-body--gloss .vehicle-card__price,
.site-body--gloss .site-footer__column h3,
.site-body--gloss .site-footer__map h3 {
    color: #101820;
    letter-spacing: -0.025em;
}

.site-body--gloss .brand small,
.site-body--gloss .site-nav a,
.site-body--gloss .showcase__lead,
.site-body--gloss .catalog-hero__lead,
.site-body--gloss .landing-copy p,
.site-body--gloss .request-card p,
.site-body--gloss .steps p,
.site-body--gloss .value-card p,
.site-body--gloss .testimonial-card__body p,
.site-body--gloss .site-footer__lead,
.site-body--gloss .site-footer__map p {
    color: #65707d;
}

.site-body--gloss .site-nav a {
    border-radius: 8px;
    padding: 10px 12px;
}

.site-body--gloss .site-nav a:hover,
.site-body--gloss .site-nav a:focus-visible {
    background: rgba(16, 24, 32, 0.07);
    color: #101820;
}

.site-body--gloss .header-call,
.site-body--gloss .button {
    background: linear-gradient(135deg, #101820, #2a313b 52%, #d71920 100%);
    border: 1px solid rgba(16, 24, 32, 0.12);
    border-radius: 8px;
    box-shadow: 0 16px 30px rgba(215, 25, 32, 0.18);
    color: #fff;
}

.site-body--gloss .button--ghost {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(16, 24, 32, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #101820;
}

.site-body--gloss .button--ghost:hover,
.site-body--gloss .button--ghost:focus-visible {
    background: #101820;
    color: #fff;
}

.site-body--gloss .showcase,
.site-body--gloss .section,
.site-body--gloss .catalog-page {
    padding-inline: clamp(16px, 4vw, 72px);
}

.site-body--gloss .showcase__head,
.site-body--gloss .catalog-hero {
    background:
        linear-gradient(132deg, rgba(255, 255, 255, 0.92), rgba(242, 246, 251, 0.86) 42%, rgba(255, 255, 255, 0.98) 70%, rgba(219, 226, 235, 0.8)),
        #fff;
    border: 1px solid rgba(17, 24, 32, 0.12);
    border-radius: 8px;
    box-shadow: 0 26px 70px rgba(31, 43, 58, 0.13);
    color: #101820;
    overflow: hidden;
    position: relative;
}

.site-body--gloss .showcase__head::after,
.site-body--gloss .catalog-hero::after {
    background: linear-gradient(105deg, transparent 0 52%, rgba(255, 255, 255, 0.72) 58%, transparent 68%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.site-body--gloss .showcase__layout,
.site-body--gloss .catalog-hero__grid {
    position: relative;
    z-index: 1;
}

.site-body--gloss .showcase__panel,
.site-body--gloss .catalog-hero__cta,
.site-body--gloss .request-card,
.site-body--gloss .catalog-filter-box,
.site-body--gloss .value-card,
.site-body--gloss .steps article,
.site-body--gloss .testimonial-card,
.site-body--gloss .testimonials-stats__item,
.site-body--gloss .site-footer__brand-block,
.site-body--gloss .site-footer__column,
.site-body--gloss .site-footer__map,
.site-body--gloss .vehicle-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 250, 0.78)),
        rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(17, 24, 32, 0.1);
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(31, 43, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.76);
    color: #101820;
}

.site-body--gloss .showcase__panel {
    border-left: 4px solid #d71920;
    padding: 24px;
}

.site-body--gloss .eyebrow {
    color: #d71920;
    letter-spacing: 0.11em;
}

.site-body--gloss .showcase__meta span,
.site-body--gloss .landing-chips span,
.site-body--gloss .tag,
.site-body--gloss .filter-chip,
.site-body--gloss .vehicle-card__media span,
.site-body--gloss .slide__country {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(16, 24, 32, 0.12);
    border-radius: 6px;
    color: #101820;
}

.site-body--gloss .showcase__list {
    color: #27313d;
}

.site-body--gloss .showcase__contact a:last-child,
.site-body--gloss .section__link,
.site-body--gloss .vehicle-card__cta,
.site-body--gloss .testimonial-card__link {
    color: #d71920;
}

.site-body--gloss .slider {
    border-radius: 8px;
    box-shadow: 0 24px 68px rgba(16, 24, 32, 0.18);
}

.site-body--gloss .slide {
    border: 1px solid rgba(17, 24, 32, 0.12);
    border-radius: 8px;
    min-height: 560px;
}

.site-body--gloss .slide__overlay {
    background: linear-gradient(90deg, rgba(9, 14, 22, 0.82), rgba(9, 14, 22, 0.18) 52%, rgba(244, 247, 251, 0.86));
    min-height: 560px;
}

.site-body--gloss .slide__intro h2,
.site-body--gloss .slide__intro p {
    color: #fff;
}

.site-body--gloss .slide__specs {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(17, 24, 32, 0.12);
    border-radius: 8px;
    color: #101820;
}

.site-body--gloss .slide__specs div:first-child {
    background: linear-gradient(135deg, #101820, #d71920);
    border: 0;
    border-radius: 8px;
    color: #fff;
}

.site-body--gloss .slide__specs span,
.site-body--gloss .vehicle-card__specs dt {
    color: #6c7580;
}

.site-body--gloss .slider__dot {
    border-radius: 4px;
    height: 8px;
}

.site-body--gloss .slider__dot.is-active {
    background: #d71920;
}

.site-body--gloss .section__head {
    border-bottom: 1px solid rgba(17, 24, 32, 0.12);
    padding-bottom: 18px;
}

.site-body--gloss .section-divider {
    height: 32px;
}

.site-body--gloss .section-divider::before {
    background: linear-gradient(90deg, transparent, rgba(16, 24, 32, 0.16), transparent);
}

.site-body--gloss .section-divider::after,
.site-body--gloss .section-divider span {
    display: none;
}

.site-body--gloss .vehicle-card {
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.site-body--gloss .vehicle-card:hover,
.site-body--gloss .vehicle-card:focus-visible {
    border-color: rgba(215, 25, 32, 0.24);
    box-shadow: 0 22px 54px rgba(31, 43, 58, 0.16);
    transform: translateY(-3px);
}

.site-body--gloss .vehicle-card__media {
    background-color: #101820;
    border-radius: 7px 7px 0 0;
    min-height: 226px;
}

.site-body--gloss .vehicle-card__media::after {
    background: linear-gradient(180deg, rgba(9, 14, 22, 0.02), rgba(9, 14, 22, 0.74));
}

.site-body--gloss .vehicle-card__media strong {
    color: #fff;
}

.site-body--gloss .vehicle-card__price {
    color: #101820;
}

.site-body--gloss .vehicle-card__source {
    background: rgba(215, 25, 32, 0.08);
    border-color: rgba(215, 25, 32, 0.18);
    color: #d71920;
}

.site-body--gloss .vehicle-card__specs div {
    border-top-color: rgba(17, 24, 32, 0.1);
}

.site-body--gloss .request-card {
    border-top: 4px solid #d71920;
}

.site-body--gloss .request-form input,
.site-body--gloss .request-form select,
.site-body--gloss .request-form textarea,
.site-body--gloss .catalog-filter-form input,
.site-body--gloss .catalog-filter-form select {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(17, 24, 32, 0.13);
    border-radius: 8px;
    color: #101820;
}

.site-body--gloss .request-form input:focus,
.site-body--gloss .request-form select:focus,
.site-body--gloss .request-form textarea:focus,
.site-body--gloss .catalog-filter-form input:focus,
.site-body--gloss .catalog-filter-form select:focus {
    border-color: rgba(215, 25, 32, 0.45);
    box-shadow: 0 0 0 4px rgba(215, 25, 32, 0.08);
    outline: 0;
}

.site-body--gloss .site-footer {
    background: linear-gradient(135deg, #101820, #1d252f 62%, #291315);
    border-top: 0;
    color: #fff;
    margin-top: 42px;
    padding-top: 36px;
}

.site-body--gloss .site-footer__brand-block,
.site-body--gloss .site-footer__column,
.site-body--gloss .site-footer__map {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.site-body--gloss .site-footer .brand strong,
.site-body--gloss .site-footer__column h3,
.site-body--gloss .site-footer__map h3,
.site-body--gloss .site-footer__list a,
.site-body--gloss .site-footer__list span {
    color: #fff;
}

.site-body--gloss .site-footer__lead,
.site-body--gloss .site-footer__map p,
.site-body--gloss .site-footer__bottom {
    color: #d9dee5;
}

.site-body--gloss .lead-modal__dialog,
.site-body--gloss .video-modal__dialog,
.site-body--gloss .vehicle-modal__dialog {
    background: linear-gradient(145deg, #fff, #f1f5fa);
    border: 1px solid rgba(17, 24, 32, 0.12);
    border-radius: 8px;
    color: #101820;
}

@media (max-width: 980px) {
    .site-body--gloss .slide__overlay {
        background: linear-gradient(180deg, rgba(9, 14, 22, 0.3), rgba(9, 14, 22, 0.9));
    }

    .site-body--gloss .vehicle-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .site-body--gloss .site-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-body--gloss .site-nav a {
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(17, 24, 32, 0.08);
    }

    .site-body--gloss .slide,
    .site-body--gloss .slide__overlay {
        min-height: 540px;
    }

    .site-body--gloss .vehicle-grid,
    .site-body--gloss .catalog-grid {
        grid-template-columns: 1fr;
    }
}
/* Motion layer for gloss experiment. */
.site-body--gloss::before {
    animation: gloss-page-sweep 9s ease-in-out infinite alternate;
}

.site-body--gloss .site-header {
    animation: gloss-header-drop 0.55s ease both;
}

.site-body--gloss .brand__logo {
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.site-body--gloss .brand:hover .brand__logo,
.site-body--gloss .brand:focus-visible .brand__logo {
    box-shadow: 0 16px 34px rgba(215, 25, 32, 0.2);
    transform: translateY(-1px) scale(1.03);
}

.site-body--gloss .showcase__head::after,
.site-body--gloss .catalog-hero::after {
    animation: gloss-panel-sheen 6.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    transform: translateX(-120%);
}

.site-body--gloss .showcase__intro,
.site-body--gloss .showcase__panel,
.site-body--gloss .slider,
.site-body--gloss .section__head,
.site-body--gloss .landing-copy,
.site-body--gloss .request-card,
.site-body--gloss .vehicle-card,
.site-body--gloss .value-card,
.site-body--gloss .steps article,
.site-body--gloss .testimonial-card {
    animation: gloss-rise 0.72s ease both;
}

.site-body--gloss .showcase__panel { animation-delay: 0.08s; }
.site-body--gloss .slider { animation-delay: 0.14s; }
.site-body--gloss .request-card { animation-delay: 0.12s; }
.site-body--gloss .vehicle-card:nth-child(2n) { animation-delay: 0.06s; }
.site-body--gloss .vehicle-card:nth-child(3n) { animation-delay: 0.12s; }
.site-body--gloss .value-card:nth-child(2),
.site-body--gloss .steps article:nth-child(2),
.site-body--gloss .testimonial-card:nth-child(2) { animation-delay: 0.08s; }
.site-body--gloss .value-card:nth-child(3),
.site-body--gloss .steps article:nth-child(3),
.site-body--gloss .testimonial-card:nth-child(3) { animation-delay: 0.16s; }

.site-body--gloss .button,
.site-body--gloss .header-call,
.site-body--gloss .vehicle-card,
.site-body--gloss .value-card,
.site-body--gloss .testimonial-card,
.site-body--gloss .steps article {
    will-change: transform;
}

.site-body--gloss .button {
    position: relative;
    overflow: hidden;
}

.site-body--gloss .button::after {
    background: linear-gradient(105deg, transparent 0 32%, rgba(255, 255, 255, 0.36) 45%, transparent 58%);
    content: "";
    inset: -40% -80%;
    opacity: 0;
    position: absolute;
    transform: translateX(-60%);
    transition: opacity 0.2s ease;
}

.site-body--gloss .button:hover::after,
.site-body--gloss .button:focus-visible::after {
    animation: gloss-button-sheen 0.82s ease;
    opacity: 1;
}

.site-body--gloss .button:hover,
.site-body--gloss .button:focus-visible,
.site-body--gloss .header-call:hover,
.site-body--gloss .header-call:focus-visible {
    transform: translateY(-2px);
}

.site-body--gloss .slide.is-active {
    animation: gloss-slide-in 0.72s ease both;
}

.site-body--gloss .slide__specs {
    animation: gloss-float 4.6s ease-in-out infinite;
}

.site-body--gloss .slider__dot.is-active {
    animation: gloss-dot-pulse 1.8s ease-in-out infinite;
}

.site-body--gloss .vehicle-card__media.has-image {
    transition: background-size 0.45s ease, filter 0.45s ease;
}

.site-body--gloss .vehicle-card:hover .vehicle-card__media.has-image,
.site-body--gloss .vehicle-card:focus-visible .vehicle-card__media.has-image {
    filter: saturate(1.08) contrast(1.04);
}

.site-body--gloss .showcase__meta span,
.site-body--gloss .landing-chips span,
.site-body--gloss .vehicle-card__source,
.site-body--gloss .filter-chip {
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.site-body--gloss .showcase__meta span:hover,
.site-body--gloss .landing-chips span:hover,
.site-body--gloss .filter-chip:hover {
    border-color: rgba(215, 25, 32, 0.28);
    transform: translateY(-1px);
}

.site-body--gloss .section-divider::before {
    animation: gloss-divider-flow 2.8s ease-in-out infinite;
    background-size: 220% 100%;
}

@keyframes gloss-page-sweep {
    0% {
        opacity: 0.48;
        transform: translateX(-2%) skewX(-2deg);
    }
    100% {
        opacity: 0.9;
        transform: translateX(3%) skewX(-2deg);
    }
}

@keyframes gloss-header-drop {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gloss-rise {
    0% {
        opacity: 0;
        transform: translateY(14px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gloss-panel-sheen {
    0%, 42% {
        opacity: 0;
        transform: translateX(-120%);
    }
    55% {
        opacity: 0.88;
    }
    78%, 100% {
        opacity: 0;
        transform: translateX(120%);
    }
}

@keyframes gloss-button-sheen {
    0% { transform: translateX(-64%); }
    100% { transform: translateX(64%); }
}

@keyframes gloss-slide-in {
    0% {
        opacity: 0.72;
        transform: scale(1.012);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes gloss-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@keyframes gloss-dot-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(215, 25, 32, 0.24); }
    50% { box-shadow: 0 0 0 7px rgba(215, 25, 32, 0); }
}

@keyframes gloss-divider-flow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss *,
    .site-body--gloss *::before,
    .site-body--gloss *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

/* Tone-down pass: restrained showroom palette, no loud red-black gradients. */
.site-body--gloss {
    --accent: #c9161d;
    --accent-strong: #c9161d;
    --muted: #68727f;
}

.site-body--gloss .header-call,
.site-body--gloss .button {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
        #151b22;
    border: 1px solid rgba(21, 27, 34, 0.16);
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(21, 27, 34, 0.16);
    color: #fff;
}

.site-body--gloss .button::before,
.site-body--gloss .header-call::before {
    background: #c9161d;
    border-radius: 8px 0 0 8px;
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 4px;
}

.site-body--gloss .header-call {
    position: relative;
    overflow: hidden;
    padding-left: 18px;
}

.site-body--gloss .button:hover,
.site-body--gloss .button:focus-visible,
.site-body--gloss .header-call:hover,
.site-body--gloss .header-call:focus-visible {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)),
        #0f141a;
    box-shadow: 0 14px 28px rgba(21, 27, 34, 0.2);
    transform: translateY(-1px);
}

.site-body--gloss .button--ghost {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(21, 27, 34, 0.14);
    box-shadow: 0 8px 20px rgba(31, 43, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: #151b22;
}

.site-body--gloss .button--ghost::before {
    background: rgba(201, 22, 29, 0.72);
}

.site-body--gloss .button--ghost:hover,
.site-body--gloss .button--ghost:focus-visible {
    background: #f9fbfd;
    border-color: rgba(201, 22, 29, 0.26);
    color: #151b22;
}

.site-body--gloss .showcase__head,
.site-body--gloss .catalog-hero {
    background:
        linear-gradient(130deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.9) 46%, rgba(255, 255, 255, 0.98) 76%),
        #fff;
}

.site-body--gloss .showcase__panel,
.site-body--gloss .request-card {
    border-left: 1px solid rgba(17, 24, 32, 0.1);
    border-top: 3px solid rgba(201, 22, 29, 0.78);
}

.site-body--gloss .slide__specs div:first-child {
    background: #151b22;
}

.site-body--gloss .section__link,
.site-body--gloss .showcase__contact a:last-child,
.site-body--gloss .vehicle-card__cta,
.site-body--gloss .testimonial-card__link,
.site-body--gloss .vehicle-card__source,
.site-body--gloss .eyebrow {
    color: #b8141a;
}

.site-body--gloss .vehicle-card__source {
    background: rgba(201, 22, 29, 0.06);
    border-color: rgba(201, 22, 29, 0.14);
}

.site-body--gloss .button::after {
    background: linear-gradient(105deg, transparent 0 36%, rgba(255, 255, 255, 0.18) 48%, transparent 60%);
}

.site-body--gloss::before,
.site-body--gloss .showcase__head::after,
.site-body--gloss .catalog-hero::after {
    opacity: 0.55;
}

/* BYD-go inspired full-width showroom pass. */
.site-body--gloss .showcase {
    padding-inline: 0;
}

.site-body--gloss .showcase__head {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: clamp(520px, 68vh, 760px);
    padding: clamp(94px, 12vh, 150px) clamp(18px, 6vw, 92px) clamp(44px, 7vh, 76px);
}

.site-body--gloss .showcase__head::before {
    background:
        radial-gradient(circle at 72% 40%, rgba(215, 25, 32, 0.14), transparent 34%),
        linear-gradient(105deg, transparent 0 44%, rgba(255, 255, 255, 0.9) 53%, transparent 64%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.site-body--gloss .showcase__layout {
    align-items: end;
    display: grid;
    gap: clamp(28px, 6vw, 96px);
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.62fr);
    margin: 0 auto;
    max-width: 1480px;
}

.site-body--gloss .showcase__intro h1 {
    font-size: clamp(44px, 6.8vw, 104px);
    letter-spacing: 0;
    line-height: 0.94;
    margin-bottom: 26px;
    max-width: 980px;
    text-transform: uppercase;
}

.site-body--gloss .showcase__lead {
    font-size: clamp(17px, 1.45vw, 22px);
    line-height: 1.6;
    max-width: 780px;
}

.site-body--gloss .showcase__panel {
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.68);
    border-left: 0;
    box-shadow: 0 28px 80px rgba(17, 24, 32, 0.13);
}

.site-body--gloss .slider {
    background:
        linear-gradient(105deg, rgba(246, 248, 252, 0.96), rgba(255, 255, 255, 0.98) 48%, rgba(226, 232, 241, 0.9)),
        #f7f9fc;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: calc(100vh - 74px);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.site-body--gloss .slider::before {
    background:
        linear-gradient(102deg, transparent 0 51%, rgba(255, 255, 255, 0.96) 58%, transparent 69%),
        radial-gradient(circle at 72% 54%, rgba(215, 25, 32, 0.12), transparent 31%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.site-body--gloss .slide {
    background: transparent;
    border: 0;
    border-radius: 0;
    inset: 0;
    min-height: calc(100vh - 74px);
    overflow: hidden;
    position: absolute;
}

.site-body--gloss .slide.is-active {
    position: relative;
}

.site-body--gloss .slide::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0 36%, rgba(255, 255, 255, 0.68) 48%, rgba(255, 255, 255, 0.1) 64%),
        repeating-linear-gradient(115deg, rgba(17, 24, 32, 0.035) 0 1px, transparent 1px 92px);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.site-body--gloss .slide__media-shell {
    align-items: center;
    display: flex;
    height: min(72vh, 760px);
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: clamp(-70px, -4vw, -24px);
    top: 50%;
    transform: translate(24%, -46%) scale(0.96);
    transition: opacity 0.2s ease;
    width: min(66vw, 1040px);
    z-index: 2;
}

.site-body--gloss .slide__media-shell::before {
    background: radial-gradient(ellipse at center, rgba(17, 24, 32, 0.23), transparent 64%);
    bottom: 2%;
    content: "";
    height: 18%;
    left: 13%;
    position: absolute;
    right: 9%;
    transform: skewX(-10deg);
    z-index: -1;
}

.site-body--gloss .slide__media-shell img {
    border-radius: 8px;
    box-shadow: 0 34px 90px rgba(18, 26, 38, 0.24);
    display: block;
    max-height: 100%;
    object-fit: cover;
    width: min(100%, 980px);
}

.site-body--gloss .slide.is-active .slide__media-shell {
    animation: glossCarEnter 900ms cubic-bezier(0.2, 0.86, 0.2, 1) 90ms both;
    opacity: 1;
}

.site-body--gloss .slide__overlay {
    align-items: center;
    background: transparent;
    display: grid;
    gap: clamp(24px, 4vw, 58px);
    grid-template-columns: minmax(0, 0.72fr) minmax(300px, 0.42fr);
    margin: 0 auto;
    max-width: 1520px;
    min-height: calc(100vh - 74px);
    padding: clamp(92px, 11vh, 140px) clamp(18px, 6vw, 96px) clamp(70px, 8vh, 104px);
    position: relative;
    z-index: 3;
}

.site-body--gloss .slide__intro {
    max-width: 720px;
}

.site-body--gloss .slide__intro h2 {
    color: #101820;
    font-size: clamp(48px, 7.2vw, 112px);
    letter-spacing: 0;
    line-height: 0.92;
    margin: 18px 0 22px;
    text-transform: uppercase;
}

.site-body--gloss .slide__intro p {
    color: #52606f;
    font-size: clamp(17px, 1.4vw, 22px);
    line-height: 1.62;
    max-width: 660px;
}

.site-body--gloss .slide__country {
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 10px 28px rgba(31, 43, 58, 0.09);
}

.site-body--gloss .slide__specs {
    align-self: end;
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 30px 88px rgba(31, 43, 58, 0.12);
    max-width: 430px;
    position: relative;
    z-index: 4;
}

.site-body--gloss .slide__actions {
    position: relative;
    z-index: 5;
}

.site-body--gloss .slider__dots {
    bottom: 34px;
    left: clamp(18px, 6vw, 96px);
    right: auto;
    transform: none;
    z-index: 6;
}

.site-body--gloss .slider__dot {
    background: rgba(16, 24, 32, 0.18);
    border-color: rgba(16, 24, 32, 0.2);
    height: 4px;
    width: 54px;
}

.site-body--gloss .slider__dot.is-active {
    background: #d71920;
    border-color: #d71920;
}

@keyframes glossCarEnter {
    0% {
        opacity: 0;
        transform: translate(34%, -46%) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translate(0, -46%) scale(1);
    }
}

@media (max-width: 980px) {
    .site-body--gloss .showcase__layout,
    .site-body--gloss .slide__overlay {
        grid-template-columns: 1fr;
    }

    .site-body--gloss .slider,
    .site-body--gloss .slide,
    .site-body--gloss .slide__overlay {
        min-height: 760px;
    }

    .site-body--gloss .slide__overlay {
        align-content: start;
        padding-top: 86px;
    }

    .site-body--gloss .slide__media-shell {
        bottom: 80px;
        height: 310px;
        right: 50%;
        top: auto;
        transform: translate(50%, 12%) scale(0.96);
        width: min(92vw, 680px);
    }

    .site-body--gloss .slide.is-active .slide__media-shell {
        animation-name: glossCarEnterMobile;
    }

    .site-body--gloss .slide__specs {
        margin-top: 300px;
        max-width: none;
    }
}

@keyframes glossCarEnterMobile {
    0% {
        opacity: 0;
        transform: translate(76%, 12%) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translate(50%, 12%) scale(1);
    }
}

@media (max-width: 620px) {
    .site-body--gloss .showcase__head {
        min-height: auto;
        padding-top: 86px;
    }

    .site-body--gloss .showcase__intro h1,
    .site-body--gloss .slide__intro h2 {
        font-size: clamp(38px, 13vw, 64px);
    }

    .site-body--gloss .slider,
    .site-body--gloss .slide,
    .site-body--gloss .slide__overlay {
        min-height: 820px;
    }

    .site-body--gloss .slide__media-shell {
        height: 260px;
        width: 94vw;
    }

    .site-body--gloss .slide__specs {
        margin-top: 250px;
    }

    .site-body--gloss .slider__dot {
        width: 34px;
    }
}
/* Keep the full-width product slider visible immediately after the header. */
.site-body--gloss .showcase__head {
    min-height: auto;
    padding-bottom: clamp(22px, 4vh, 42px);
    padding-top: clamp(86px, 10vh, 118px);
}

.site-body--gloss .showcase__layout {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.45fr);
}

.site-body--gloss .showcase__intro h1 {
    font-size: clamp(38px, 5vw, 76px);
    max-width: 860px;
}

.site-body--gloss .showcase__lead {
    max-width: 720px;
}

.site-body--gloss .showcase__panel {
    padding: 20px;
}

.site-body--gloss .showcase__panel .showcase__list {
    display: none;
}

@media (max-width: 980px) {
    .site-body--gloss .showcase__layout {
        grid-template-columns: 1fr;
    }

    .site-body--gloss .showcase__panel .showcase__list {
        display: block;
    }
}
/* Sliding entrance for latest offer cards. */
.site-body--gloss #offers {
    overflow: hidden;
}

.site-body--gloss #offers .vehicle-grid {
    perspective: 1400px;
}

.site-body--gloss #offers .vehicle-card {
    backface-visibility: hidden;
    transform-origin: 50% 82%;
}

.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready {
    opacity: 0;
    transform: translate3d(var(--offer-reveal-x, 0), 96px, 0) rotateY(var(--offer-reveal-rotate, 0deg)) scale(0.92);
    transition:
        opacity 620ms cubic-bezier(0.2, 0.86, 0.2, 1) calc(var(--offer-reveal-index, 0) * 120ms),
        transform 1050ms cubic-bezier(0.14, 1, 0.28, 1) calc(var(--offer-reveal-index, 0) * 120ms),
        box-shadow 260ms ease,
        border-color 260ms ease;
    will-change: opacity, transform;
}

.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready:nth-child(odd) {
    --offer-reveal-x: -38vw;
    --offer-reveal-rotate: -9deg;
}

.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready:nth-child(even) {
    --offer-reveal-x: 38vw;
    --offer-reveal-rotate: 9deg;
}

.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready.is-offer-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateY(0deg) scale(1);
}

.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready.is-offer-visible:hover,
.site-body--gloss #offers .vehicle-card.is-offer-reveal-ready.is-offer-visible:focus-visible {
    transform: translate3d(0, -6px, 0) rotateY(0deg) scale(1.01);
}

.site-body--gloss #offers .vehicle-card__media.has-image {
    background-position: center;
    background-size: 112%;
    transform: scale(1.035);
    transition: background-size 1200ms cubic-bezier(0.16, 1, 0.3, 1), filter 420ms ease, transform 1050ms cubic-bezier(0.16, 1, 0.3, 1);
}

.site-body--gloss #offers .vehicle-card.is-offer-visible .vehicle-card__media.has-image {
    background-size: 104%;
    filter: saturate(1.03) contrast(1.02);
    transform: scale(1);
}

@media (max-width: 760px) {
    .site-body--gloss #offers .vehicle-card.is-offer-reveal-ready:nth-child(n) {
        --offer-reveal-x: 42vw;
        --offer-reveal-rotate: 0deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss #offers .vehicle-card.is-offer-reveal-ready {
        transition:
            opacity 620ms cubic-bezier(0.2, 0.86, 0.2, 1) calc(var(--offer-reveal-index, 0) * 120ms) !important,
            transform 1050ms cubic-bezier(0.14, 1, 0.28, 1) calc(var(--offer-reveal-index, 0) * 120ms) !important;
    }

    .site-body--gloss #offers .vehicle-card__media.has-image {
        transition: background-size 1200ms cubic-bezier(0.16, 1, 0.3, 1), transform 1050ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
}
/* Video hero replacing the old top info block and slider. */
.site-body--gloss .showcase--video {
    color: #fff;
    isolation: isolate;
    min-height: clamp(680px, 100vh, 920px);
    overflow: hidden;
    padding: 0;
    position: relative;
}

.site-body--gloss .video-hero__media {
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    transform: scale(1.03);
    width: 100%;
    z-index: -4;
}

.site-body--gloss .video-hero__shade {
    background:
        linear-gradient(90deg, rgba(5, 8, 13, 0.9) 0%, rgba(7, 10, 16, 0.62) 42%, rgba(7, 10, 16, 0.32) 72%, rgba(5, 8, 13, 0.76) 100%),
        linear-gradient(180deg, rgba(4, 7, 12, 0.76) 0%, rgba(4, 7, 12, 0.18) 44%, rgba(4, 7, 12, 0.86) 100%);
    inset: 0;
    position: absolute;
    z-index: -3;
}

.site-body--gloss .video-hero__gloss {
    background:
        linear-gradient(112deg, transparent 0 38%, rgba(255, 255, 255, 0.18) 45%, transparent 54%),
        radial-gradient(circle at 76% 28%, rgba(215, 25, 32, 0.22), transparent 28%);
    inset: 0;
    opacity: 0.78;
    position: absolute;
    z-index: -2;
}

.site-body--gloss .video-hero__content {
    align-items: end;
    display: grid;
    gap: clamp(28px, 6vw, 92px);
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
    margin: 0 auto;
    max-width: 1520px;
    min-height: clamp(680px, 100vh, 920px);
    padding: clamp(112px, 15vh, 170px) clamp(18px, 6vw, 92px) clamp(42px, 8vh, 86px);
}

.site-body--gloss .video-hero__main {
    align-self: center;
    max-width: 980px;
}

.site-body--gloss .video-hero__eyebrow {
    animation: videoHeroRise 760ms cubic-bezier(0.16, 1, 0.3, 1) 80ms both;
    color: rgba(255, 255, 255, 0.82);
}

.site-body--gloss .showcase--video h1 {
    animation: videoHeroRise 900ms cubic-bezier(0.16, 1, 0.3, 1) 180ms both;
    color: #fff;
    font-size: clamp(44px, 7vw, 112px);
    letter-spacing: 0;
    line-height: 0.94;
    margin: 18px 0 24px;
    max-width: 980px;
    text-shadow: 0 18px 54px rgba(0, 0, 0, 0.42);
    text-transform: uppercase;
}

.site-body--gloss .video-hero__lead {
    animation: videoHeroRise 940ms cubic-bezier(0.16, 1, 0.3, 1) 320ms both;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(17px, 1.35vw, 22px);
    line-height: 1.62;
    max-width: 760px;
}

.site-body--gloss .video-hero__actions {
    animation: videoHeroRise 920ms cubic-bezier(0.16, 1, 0.3, 1) 470ms both;
    margin-top: 30px;
}

.site-body--gloss .showcase--video .button {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    color: #101820;
}

.site-body--gloss .showcase--video .button::before {
    background: #d71920;
}

.site-body--gloss .showcase--video .button--ghost {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.32);
    color: #fff;
}

.site-body--gloss .video-hero__side {
    animation: videoHeroSideIn 980ms cubic-bezier(0.16, 1, 0.3, 1) 560ms both;
    align-self: end;
    border-left: 1px solid rgba(255, 255, 255, 0.34);
    display: grid;
    gap: 18px;
    padding-left: clamp(22px, 3vw, 38px);
}

.site-body--gloss .video-hero__side-kicker {
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.site-body--gloss .video-hero__meta span {
    animation: videoHeroChip 700ms cubic-bezier(0.16, 1, 0.3, 1) both;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.26);
    color: #fff;
}

.site-body--gloss .video-hero__meta span:nth-child(2) { animation-delay: 0.12s; }
.site-body--gloss .video-hero__meta span:nth-child(3) { animation-delay: 0.2s; }
.site-body--gloss .video-hero__meta span:nth-child(4) { animation-delay: 0.28s; }

.site-body--gloss .video-hero__steps {
    color: rgba(255, 255, 255, 0.78);
    list-style: none;
    padding-left: 0;
}

.site-body--gloss .video-hero__steps li {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    padding-top: 12px;
}

.site-body--gloss .video-hero__steps li::before {
    background: #d71920;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 10px;
    transform: translateY(-1px);
    width: 8px;
}

.site-body--gloss .video-hero__contact .header-call {
    background: rgba(255, 255, 255, 0.95);
    color: #101820;
}

.site-body--gloss .video-hero__contact a:last-child {
    color: #fff;
}

.site-body--gloss .landing-grid {
    padding-top: clamp(42px, 7vw, 88px);
}

@keyframes videoHeroRise {
    0% {
        opacity: 0;
        transform: translateY(34px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes videoHeroSideIn {
    0% {
        opacity: 0;
        transform: translateX(42px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes videoHeroChip {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 980px) {
    .site-body--gloss .showcase--video,
    .site-body--gloss .video-hero__content {
        min-height: 860px;
    }

    .site-body--gloss .video-hero__content {
        align-content: end;
        grid-template-columns: 1fr;
        padding-top: 104px;
    }

    .site-body--gloss .video-hero__side {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.26);
        padding-left: 0;
        padding-top: 22px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .showcase--video,
    .site-body--gloss .video-hero__content {
        min-height: 820px;
    }

    .site-body--gloss .showcase--video h1 {
        font-size: clamp(36px, 12vw, 58px);
    }

    .site-body--gloss .video-hero__lead {
        font-size: 16px;
    }

    .site-body--gloss .video-hero__actions,
    .site-body--gloss .video-hero__contact {
        display: grid;
    }

    .site-body--gloss .video-hero__actions .button,
    .site-body--gloss .video-hero__contact a {
        justify-content: center;
        width: 100%;
    }
}
/* Final polish for the video-first opening screen. */
.site-body--gloss .site-header {
    background: rgba(7, 10, 15, 0.62);
    border-bottom-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
    color: #fff;
}

.site-body--gloss .site-header .brand strong,
.site-body--gloss .site-header .brand small,
.site-body--gloss .site-header .site-nav a {
    color: rgba(255, 255, 255, 0.86);
}

.site-body--gloss .site-header .site-nav a:hover,
.site-body--gloss .site-header .site-nav a:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.site-body--gloss .site-header .header-call {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.28);
    color: #101820;
}

.site-body--gloss .showcase--video .button:hover,
.site-body--gloss .showcase--video .button:focus-visible,
.site-body--gloss .video-hero__contact .header-call:hover,
.site-body--gloss .video-hero__contact .header-call:focus-visible {
    background: #fff;
    color: #101820;
    transform: translateY(-2px);
}

.site-body--gloss .showcase--video .button--ghost:hover,
.site-body--gloss .showcase--video .button--ghost:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss .video-hero__eyebrow,
    .site-body--gloss .showcase--video h1,
    .site-body--gloss .video-hero__lead,
    .site-body--gloss .video-hero__actions,
    .site-body--gloss .video-hero__side,
    .site-body--gloss .video-hero__meta span {
        animation-duration: 900ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* Header over video and Mercedes-style section overlap. */
.site-body--gloss main {
    position: relative;
}

.site-body--gloss .site-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 80;
}

.site-body--gloss .showcase--video {
    margin-top: 0;
    position: sticky;
    top: 0;
    z-index: 0;
}

.site-body--gloss .video-hero__content {
    padding-top: clamp(118px, 16vh, 178px);
}

.site-body--gloss .landing-grid {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.96) 44%, rgba(255, 255, 255, 0.99)),
        #fff;
    border-top: 1px solid rgba(17, 24, 32, 0.1);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -34px 80px rgba(0, 0, 0, 0.28);
    margin-top: -74px;
    padding-top: clamp(66px, 8vw, 112px);
    position: relative;
    z-index: 4;
}

.site-body--gloss .landing-grid::before {
    background: linear-gradient(90deg, transparent, rgba(201, 22, 29, 0.42), transparent);
    content: "";
    height: 2px;
    left: clamp(18px, 6vw, 92px);
    position: absolute;
    right: clamp(18px, 6vw, 92px);
    top: 0;
}

.site-body--gloss .landing-grid + .section-divider {
    position: relative;
    z-index: 5;
}

.site-body--gloss .landing-grid ~ .section,
.site-body--gloss .landing-grid ~ .section-divider,
.site-body--gloss .landing-grid ~ .site-footer {
    position: relative;
    z-index: 5;
}

@media (max-width: 980px) {
    .site-body--gloss .video-hero__content {
        padding-top: 112px;
    }

    .site-body--gloss .landing-grid {
        margin-top: -52px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .video-hero__content {
        padding-top: 118px;
    }

    .site-body--gloss .landing-grid {
        border-radius: 14px 14px 0 0;
        margin-top: -34px;
    }
}
/* Matte cover after the second block overtakes the video hero. */
.site-body--gloss .showcase--video::after {
    backdrop-filter: blur(10px) saturate(0.72);
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.58), rgba(246, 248, 251, 0.82)),
        rgba(236, 240, 245, 0.72);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 420ms ease;
    z-index: -1;
}

.site-body--gloss.is-video-matted .showcase--video::after {
    opacity: 1;
}

.site-body--gloss.is-video-matted .video-hero__media {
    filter: saturate(0.72) contrast(0.9) brightness(1.04);
}

.site-body--gloss.is-video-matted .video-hero__shade {
    opacity: 0.48;
}

.site-body--gloss.is-video-matted .video-hero__gloss,
.site-body--gloss.is-video-matted .video-hero__content {
    opacity: 0.22;
    transition: opacity 420ms ease;
}

.site-body--gloss .video-hero__media,
.site-body--gloss .video-hero__shade,
.site-body--gloss .video-hero__gloss,
.site-body--gloss .video-hero__content {
    transition: opacity 420ms ease, filter 420ms ease;
}
/* Stronger staged text flights on the video hero. */
.site-body--gloss .video-hero__eyebrow {
    animation: videoHeroFlyLeft 820ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
}

.site-body--gloss .showcase--video h1 {
    animation: videoHeroFlyLeft 1080ms cubic-bezier(0.14, 1, 0.28, 1) 260ms both;
}

.site-body--gloss .video-hero__lead {
    animation: videoHeroFlyRight 980ms cubic-bezier(0.16, 1, 0.3, 1) 520ms both;
}

.site-body--gloss .video-hero__actions {
    animation: videoHeroFlyBottom 900ms cubic-bezier(0.16, 1, 0.3, 1) 760ms both;
}

.site-body--gloss .video-hero__side {
    animation: videoHeroFlyRightPanel 980ms cubic-bezier(0.14, 1, 0.28, 1) 880ms both;
}

.site-body--gloss .video-hero__side-kicker {
    animation: videoHeroFlyRight 780ms cubic-bezier(0.16, 1, 0.3, 1) 1060ms both;
}

.site-body--gloss .video-hero__meta span {
    animation: videoHeroChipPop 620ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.site-body--gloss .video-hero__meta span:nth-child(1) { animation-delay: 1220ms; }
.site-body--gloss .video-hero__meta span:nth-child(2) { animation-delay: 1340ms; }
.site-body--gloss .video-hero__meta span:nth-child(3) { animation-delay: 1460ms; }
.site-body--gloss .video-hero__meta span:nth-child(4) { animation-delay: 1580ms; }

.site-body--gloss .video-hero__steps li {
    animation: videoHeroFlyBottom 680ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.site-body--gloss .video-hero__steps li:nth-child(1) { animation-delay: 1380ms; }
.site-body--gloss .video-hero__steps li:nth-child(2) { animation-delay: 1520ms; }
.site-body--gloss .video-hero__steps li:nth-child(3) { animation-delay: 1660ms; }

.site-body--gloss .video-hero__contact {
    animation: videoHeroFlyBottom 760ms cubic-bezier(0.16, 1, 0.3, 1) 1820ms both;
}

@keyframes videoHeroFlyLeft {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: translate3d(-82px, 0, 0) scale(0.98);
    }

    72% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(7px, 0, 0) scale(1);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes videoHeroFlyRight {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: translate3d(74px, 0, 0) scale(0.985);
    }

    72% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(-6px, 0, 0) scale(1);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes videoHeroFlyBottom {
    0% {
        filter: blur(8px);
        opacity: 0;
        transform: translate3d(0, 44px, 0) scale(0.985);
    }

    76% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, -4px, 0) scale(1);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes videoHeroFlyRightPanel {
    0% {
        opacity: 0;
        transform: translate3d(98px, 18px, 0);
    }

    78% {
        opacity: 1;
        transform: translate3d(-6px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes videoHeroChipPop {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0) scale(0.88);
    }

    70% {
        opacity: 1;
        transform: translate3d(0, -3px, 0) scale(1.035);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (max-width: 760px) {
    .site-body--gloss .video-hero__lead,
    .site-body--gloss .video-hero__side,
    .site-body--gloss .video-hero__side-kicker {
        animation-name: videoHeroFlyBottom;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss .video-hero__eyebrow,
    .site-body--gloss .showcase--video h1,
    .site-body--gloss .video-hero__lead,
    .site-body--gloss .video-hero__actions,
    .site-body--gloss .video-hero__side,
    .site-body--gloss .video-hero__side-kicker,
    .site-body--gloss .video-hero__meta span,
    .site-body--gloss .video-hero__steps li,
    .site-body--gloss .video-hero__contact {
        animation-duration: 900ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* Slower, calmer hero motion and a shorter first screen. */
.site-body--gloss .site-header {
    background: rgba(7, 10, 15, 0.5);
    backdrop-filter: blur(18px) saturate(1.15);
}

.site-body--gloss .showcase--video,
.site-body--gloss .video-hero__content {
    min-height: min(760px, 100svh);
}

.site-body--gloss .video-hero__content {
    align-items: center;
    gap: clamp(24px, 4.5vw, 70px);
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    padding-bottom: clamp(28px, 5vh, 54px);
    padding-top: clamp(92px, 12vh, 128px);
}

.site-body--gloss .showcase--video h1 {
    font-size: clamp(38px, 5.8vw, 86px);
    line-height: 0.96;
    margin: 14px 0 18px;
    max-width: 880px;
}

.site-body--gloss .video-hero__lead {
    font-size: clamp(16px, 1.18vw, 19px);
    line-height: 1.55;
    max-width: 690px;
}

.site-body--gloss .video-hero__actions {
    margin-top: 22px;
}

.site-body--gloss .video-hero__side {
    gap: 14px;
    padding-left: clamp(18px, 2.4vw, 30px);
}

.site-body--gloss .video-hero__side-kicker {
    font-size: clamp(18px, 1.55vw, 25px);
}

.site-body--gloss .video-hero__steps {
    gap: 8px;
}

.site-body--gloss .video-hero__steps li {
    font-size: 14px;
    line-height: 1.45;
    padding-top: 9px;
}

.site-body--gloss .video-hero__eyebrow {
    animation: videoHeroDriftLeft 1500ms cubic-bezier(0.19, 1, 0.22, 1) 180ms both;
}

.site-body--gloss .showcase--video h1 {
    animation: videoHeroDriftLeft 1700ms cubic-bezier(0.19, 1, 0.22, 1) 420ms both;
}

.site-body--gloss .video-hero__lead {
    animation: videoHeroDriftRight 1600ms cubic-bezier(0.19, 1, 0.22, 1) 760ms both;
}

.site-body--gloss .video-hero__actions {
    animation: videoHeroDriftUp 1450ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms both;
}

.site-body--gloss .video-hero__side {
    animation: videoHeroPanelCalm 1600ms cubic-bezier(0.19, 1, 0.22, 1) 1220ms both;
}

.site-body--gloss .video-hero__side-kicker {
    animation: videoHeroDriftRight 1300ms cubic-bezier(0.19, 1, 0.22, 1) 1480ms both;
}

.site-body--gloss .video-hero__meta span {
    animation: videoHeroSoftPop 1050ms cubic-bezier(0.19, 1, 0.22, 1) both;
}

.site-body--gloss .video-hero__meta span:nth-child(1) { animation-delay: 1680ms; }
.site-body--gloss .video-hero__meta span:nth-child(2) { animation-delay: 1860ms; }
.site-body--gloss .video-hero__meta span:nth-child(3) { animation-delay: 2040ms; }
.site-body--gloss .video-hero__meta span:nth-child(4) { animation-delay: 2220ms; }

.site-body--gloss .video-hero__steps li {
    animation: videoHeroDriftUp 1100ms cubic-bezier(0.19, 1, 0.22, 1) both;
}

.site-body--gloss .video-hero__steps li:nth-child(1) { animation-delay: 1880ms; }
.site-body--gloss .video-hero__steps li:nth-child(2) { animation-delay: 2080ms; }
.site-body--gloss .video-hero__steps li:nth-child(3) { animation-delay: 2280ms; }

.site-body--gloss .video-hero__contact {
    animation: videoHeroDriftUp 1200ms cubic-bezier(0.19, 1, 0.22, 1) 2520ms both;
}

@keyframes videoHeroDriftLeft {
    0% {
        filter: blur(8px);
        opacity: 0;
        transform: translate3d(-42px, 0, 0);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes videoHeroDriftRight {
    0% {
        filter: blur(8px);
        opacity: 0;
        transform: translate3d(42px, 0, 0);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes videoHeroDriftUp {
    0% {
        filter: blur(7px);
        opacity: 0;
        transform: translate3d(0, 28px, 0);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes videoHeroPanelCalm {
    0% {
        opacity: 0;
        transform: translate3d(52px, 12px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes videoHeroSoftPop {
    0% {
        opacity: 0;
        transform: translate3d(0, 14px, 0) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (max-width: 980px) {
    .site-body--gloss .showcase--video,
    .site-body--gloss .video-hero__content {
        min-height: auto;
    }

    .site-body--gloss .video-hero__content {
        padding-bottom: 70px;
        padding-top: 104px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .video-hero__content {
        padding-bottom: 58px;
        padding-top: 106px;
    }

    .site-body--gloss .showcase--video h1 {
        font-size: clamp(34px, 10vw, 48px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss .video-hero__eyebrow,
    .site-body--gloss .showcase--video h1,
    .site-body--gloss .video-hero__lead,
    .site-body--gloss .video-hero__actions,
    .site-body--gloss .video-hero__side,
    .site-body--gloss .video-hero__side-kicker,
    .site-body--gloss .video-hero__meta span,
    .site-body--gloss .video-hero__steps li,
    .site-body--gloss .video-hero__contact {
        animation-duration: 1300ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* Fix hero placement and keep text stable while scrolling. */
.site-body--gloss .site-header {
    background: rgba(7, 10, 15, 0.54);
    backdrop-filter: blur(18px) saturate(1.12);
}

.site-body--gloss .showcase--video,
.site-body--gloss .video-hero__content {
    min-height: min(820px, 100svh);
}

.site-body--gloss .video-hero__content {
    align-items: center;
    padding-bottom: clamp(58px, 8vh, 92px);
    padding-top: clamp(132px, 18vh, 168px);
}

.site-body--gloss .showcase--video h1 {
    font-size: clamp(36px, 5.15vw, 76px);
    line-height: 0.98;
    max-width: 840px;
}

.site-body--gloss .video-hero__lead {
    max-width: 680px;
}

.site-body--gloss.is-video-matted .video-hero__content,
.site-body--gloss.is-video-matted .video-hero__gloss {
    opacity: 1;
}

.site-body--gloss.is-video-matted .video-hero__eyebrow,
.site-body--gloss.is-video-matted .showcase--video h1,
.site-body--gloss.is-video-matted .video-hero__lead,
.site-body--gloss.is-video-matted .video-hero__actions,
.site-body--gloss.is-video-matted .video-hero__side,
.site-body--gloss.is-video-matted .video-hero__side-kicker,
.site-body--gloss.is-video-matted .video-hero__meta span,
.site-body--gloss.is-video-matted .video-hero__steps li,
.site-body--gloss.is-video-matted .video-hero__contact {
    transform: translate3d(0, 0, 0) scale(1);
}

.site-body--gloss .video-hero__media,
.site-body--gloss .video-hero__shade,
.site-body--gloss .video-hero__gloss,
.site-body--gloss .video-hero__content {
    transition: opacity 420ms ease, filter 420ms ease;
}

@media (max-width: 980px) {
    .site-body--gloss .showcase--video,
    .site-body--gloss .video-hero__content {
        min-height: auto;
    }

    .site-body--gloss .video-hero__content {
        padding-bottom: 78px;
        padding-top: 128px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .video-hero__content {
        padding-bottom: 66px;
        padding-top: 124px;
    }

    .site-body--gloss .showcase--video h1 {
        font-size: clamp(32px, 9.2vw, 44px);
    }
}
/* Lower hero and fly copy away during overlap scroll. */
.site-body--gloss .showcase--video,
.site-body--gloss .video-hero__content {
    min-height: min(880px, 100svh);
}

.site-body--gloss .video-hero__content {
    align-items: center;
    padding-bottom: clamp(42px, 6vh, 68px);
    padding-top: clamp(166px, 23vh, 218px);
}

.site-body--gloss .showcase--video h1 {
    font-size: clamp(34px, 4.85vw, 70px);
    max-width: 800px;
}

.site-body--gloss.is-video-matted .video-hero__content,
.site-body--gloss.is-video-matted .video-hero__gloss {
    opacity: 1;
}

.site-body--gloss .video-hero__main,
.site-body--gloss .video-hero__side {
    transition: opacity 720ms cubic-bezier(0.19, 1, 0.22, 1), filter 720ms cubic-bezier(0.19, 1, 0.22, 1), transform 820ms cubic-bezier(0.19, 1, 0.22, 1);
    will-change: opacity, transform, filter;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main {
    filter: blur(8px);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-96px, -20px, 0);
}

.site-body--gloss.is-video-copy-hidden .video-hero__side {
    filter: blur(8px);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(96px, 22px, 0);
}

@media (max-width: 980px) {
    .site-body--gloss .showcase--video,
    .site-body--gloss .video-hero__content {
        min-height: auto;
    }

    .site-body--gloss .video-hero__content {
        padding-bottom: 74px;
        padding-top: 154px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .video-hero__content {
        padding-bottom: 64px;
        padding-top: 142px;
    }

    .site-body--gloss.is-video-copy-hidden .video-hero__main,
    .site-body--gloss.is-video-copy-hidden .video-hero__side {
        transform: translate3d(0, -42px, 0);
    }
}
/* Slower staggered copy exit and lighter matte curtain. */
.site-body--gloss .showcase--video::after {
    backdrop-filter: blur(7px) saturate(0.86);
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.32), rgba(246, 248, 251, 0.52)),
        rgba(236, 240, 245, 0.42);
}

.site-body--gloss.is-video-matted .video-hero__media {
    filter: saturate(0.82) contrast(0.94) brightness(1.02);
}

.site-body--gloss.is-video-matted .video-hero__shade {
    opacity: 0.34;
}

.site-body--gloss .video-hero__eyebrow,
.site-body--gloss .showcase--video h1,
.site-body--gloss .video-hero__lead,
.site-body--gloss .video-hero__actions,
.site-body--gloss .video-hero__side-kicker,
.site-body--gloss .video-hero__meta,
.site-body--gloss .video-hero__steps,
.site-body--gloss .video-hero__contact {
    transition: opacity 1050ms cubic-bezier(0.19, 1, 0.22, 1), filter 1050ms cubic-bezier(0.19, 1, 0.22, 1), transform 1150ms cubic-bezier(0.19, 1, 0.22, 1);
    will-change: opacity, transform, filter;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main,
.site-body--gloss.is-video-copy-hidden .video-hero__side {
    filter: none;
    opacity: 1;
    transform: none;
}

.site-body--gloss.is-video-copy-hidden .video-hero__eyebrow {
    filter: blur(7px);
    opacity: 0;
    transform: translate3d(-78px, -12px, 0);
    transition-delay: 0ms;
}

.site-body--gloss.is-video-copy-hidden .showcase--video h1 {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(-96px, -18px, 0);
    transition-delay: 120ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__lead {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(-72px, 18px, 0);
    transition-delay: 260ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__actions {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(0, 44px, 0);
    transition-delay: 420ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__side-kicker {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(86px, -12px, 0);
    transition-delay: 180ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__meta {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(76px, 6px, 0);
    transition-delay: 320ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__steps {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(72px, 22px, 0);
    transition-delay: 480ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__contact {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(42px, 44px, 0);
    transition-delay: 640ms;
}

@media (max-width: 620px) {
    .site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
    .site-body--gloss.is-video-copy-hidden .showcase--video h1,
    .site-body--gloss.is-video-copy-hidden .video-hero__lead,
    .site-body--gloss.is-video-copy-hidden .video-hero__actions,
    .site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
    .site-body--gloss.is-video-copy-hidden .video-hero__meta,
    .site-body--gloss.is-video-copy-hidden .video-hero__steps,
    .site-body--gloss.is-video-copy-hidden .video-hero__contact {
        transform: translate3d(0, -38px, 0);
    }
}
/* Exact scroll behavior: quick simultaneous exit, slightly higher copy, lighter curtain. */
.site-body--gloss .video-hero__content {
    padding-bottom: clamp(96px, 13vh, 140px);
    padding-top: clamp(128px, 17vh, 168px);
}

.site-body--gloss .showcase--video h1 {
    font-size: clamp(34px, 4.7vw, 68px);
    max-width: 790px;
}

.site-body--gloss .showcase--video::after {
    backdrop-filter: blur(6px) saturate(0.9);
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.24), rgba(246, 248, 251, 0.42)),
        rgba(236, 240, 245, 0.32);
}

.site-body--gloss.is-video-matted .video-hero__media {
    filter: saturate(0.88) contrast(0.96) brightness(1.02);
}

.site-body--gloss.is-video-matted .video-hero__shade {
    opacity: 0.28;
}

.site-body--gloss .video-hero__eyebrow,
.site-body--gloss .showcase--video h1,
.site-body--gloss .video-hero__lead,
.site-body--gloss .video-hero__actions,
.site-body--gloss .video-hero__side-kicker,
.site-body--gloss .video-hero__meta,
.site-body--gloss .video-hero__steps,
.site-body--gloss .video-hero__contact {
    transition: opacity 430ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 430ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: 0ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main,
.site-body--gloss.is-video-copy-hidden .video-hero__side {
    filter: none;
    opacity: 1;
    transform: none;
}

.site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
.site-body--gloss.is-video-copy-hidden .showcase--video h1,
.site-body--gloss.is-video-copy-hidden .video-hero__lead,
.site-body--gloss.is-video-copy-hidden .video-hero__actions {
    filter: blur(7px);
    opacity: 0;
    transform: translate3d(-92px, -18px, 0);
    transition-delay: 0ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
.site-body--gloss.is-video-copy-hidden .video-hero__meta,
.site-body--gloss.is-video-copy-hidden .video-hero__steps,
.site-body--gloss.is-video-copy-hidden .video-hero__contact {
    filter: blur(7px);
    opacity: 0;
    transform: translate3d(92px, -18px, 0);
    transition-delay: 0ms;
}

@media (max-width: 980px) {
    .site-body--gloss .video-hero__content {
        padding-bottom: 104px;
        padding-top: 128px;
    }
}

@media (max-width: 620px) {
    .site-body--gloss .video-hero__content {
        padding-bottom: 88px;
        padding-top: 120px;
    }

    .site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
    .site-body--gloss.is-video-copy-hidden .showcase--video h1,
    .site-body--gloss.is-video-copy-hidden .video-hero__lead,
    .site-body--gloss.is-video-copy-hidden .video-hero__actions,
    .site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
    .site-body--gloss.is-video-copy-hidden .video-hero__meta,
    .site-body--gloss.is-video-copy-hidden .video-hero__steps,
    .site-body--gloss.is-video-copy-hidden .video-hero__contact {
        transform: translate3d(0, -46px, 0);
    }
}
/* Hard guard: hero copy must not be visible under lower sections. */
.site-body--gloss .video-hero__content {
    transition: opacity 420ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 420ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 500ms;
}

.site-body--gloss.is-video-copy-hidden .video-hero__content {
    filter: blur(8px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(0, -34px, 0) !important;
    visibility: hidden !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main,
.site-body--gloss.is-video-copy-hidden .video-hero__side,
.site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
.site-body--gloss.is-video-copy-hidden .showcase--video h1,
.site-body--gloss.is-video-copy-hidden .video-hero__lead,
.site-body--gloss.is-video-copy-hidden .video-hero__actions,
.site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
.site-body--gloss.is-video-copy-hidden .video-hero__meta,
.site-body--gloss.is-video-copy-hidden .video-hero__steps,
.site-body--gloss.is-video-copy-hidden .video-hero__contact {
    opacity: 0 !important;
    pointer-events: none !important;
}

.site-body--gloss .landing-grid,
.site-body--gloss .landing-grid ~ .section,
.site-body--gloss .landing-grid ~ .section-divider {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.985), rgba(244, 247, 251, 0.975) 46%, rgba(255, 255, 255, 0.99)),
        #fff;
}

.site-body--gloss .landing-grid ~ .section {
    margin-top: 0;
    padding-top: clamp(42px, 6vw, 76px);
}

.site-body--gloss #offers {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.98) 48%, rgba(255, 255, 255, 0.995)),
        #fff;
}

.site-body--gloss .section-divider {
    background: #fff;
}

.site-body--gloss .showcase--video::after {
    backdrop-filter: blur(5px) saturate(0.92);
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.2), rgba(246, 248, 251, 0.34)),
        rgba(236, 240, 245, 0.24);
}
/* Visible fly-away animation with translucent lower panels. */
.site-body--gloss.is-video-copy-hidden .video-hero__content {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

.site-body--gloss .video-hero__eyebrow,
.site-body--gloss .showcase--video h1,
.site-body--gloss .video-hero__lead,
.site-body--gloss .video-hero__actions,
.site-body--gloss .video-hero__side-kicker,
.site-body--gloss .video-hero__meta,
.site-body--gloss .video-hero__steps,
.site-body--gloss .video-hero__contact {
    transition: opacity 520ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 520ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 580ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    transition-delay: 0ms !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
.site-body--gloss.is-video-copy-hidden .showcase--video h1,
.site-body--gloss.is-video-copy-hidden .video-hero__lead,
.site-body--gloss.is-video-copy-hidden .video-hero__actions {
    filter: blur(8px) !important;
    opacity: 0 !important;
    transform: translate3d(-118px, -22px, 0) !important;
    visibility: visible !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
.site-body--gloss.is-video-copy-hidden .video-hero__meta,
.site-body--gloss.is-video-copy-hidden .video-hero__steps,
.site-body--gloss.is-video-copy-hidden .video-hero__contact {
    filter: blur(8px) !important;
    opacity: 0 !important;
    transform: translate3d(118px, -22px, 0) !important;
    visibility: visible !important;
}

.site-body--gloss .landing-grid,
.site-body--gloss #offers,
.site-body--gloss .landing-grid ~ .section {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.72), rgba(244, 247, 251, 0.66) 48%, rgba(255, 255, 255, 0.74)),
        rgba(255, 255, 255, 0.66) !important;
    backdrop-filter: blur(10px) saturate(0.94);
}

.site-body--gloss .landing-grid ~ .section-divider,
.site-body--gloss .section-divider {
    background: rgba(255, 255, 255, 0.64) !important;
    backdrop-filter: blur(10px) saturate(0.94);
}

.site-body--gloss .showcase--video::after {
    backdrop-filter: blur(4px) saturate(0.96);
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.14), rgba(246, 248, 251, 0.24)),
        rgba(236, 240, 245, 0.16) !important;
}

.site-body--gloss.is-video-matted .video-hero__media {
    filter: saturate(0.94) contrast(0.98) brightness(1.02) !important;
}

.site-body--gloss.is-video-matted .video-hero__shade {
    opacity: 0.22 !important;
}

@media (max-width: 620px) {
    .site-body--gloss.is-video-copy-hidden .video-hero__eyebrow,
    .site-body--gloss.is-video-copy-hidden .showcase--video h1,
    .site-body--gloss.is-video-copy-hidden .video-hero__lead,
    .site-body--gloss.is-video-copy-hidden .video-hero__actions,
    .site-body--gloss.is-video-copy-hidden .video-hero__side-kicker,
    .site-body--gloss.is-video-copy-hidden .video-hero__meta,
    .site-body--gloss.is-video-copy-hidden .video-hero__steps,
    .site-body--gloss.is-video-copy-hidden .video-hero__contact {
        transform: translate3d(0, -54px, 0) !important;
    }
}
/* Real fly-away: move whole copy groups instead of fading inner text first. */
.site-body--gloss .video-hero__main,
.site-body--gloss .video-hero__side {
    transition: opacity 620ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 620ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 680ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    will-change: opacity, transform, filter;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main *,
.site-body--gloss.is-video-copy-hidden .video-hero__side * {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__main {
    filter: blur(9px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-180px, -28px, 0) !important;
    visibility: visible !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__side {
    filter: blur(9px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(180px, -28px, 0) !important;
    visibility: visible !important;
}

.site-body--gloss.is-video-copy-hidden .video-hero__content {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

@media (max-width: 620px) {
    .site-body--gloss.is-video-copy-hidden .video-hero__main,
    .site-body--gloss.is-video-copy-hidden .video-hero__side {
        transform: translate3d(0, -72px, 0) !important;
    }
}
/* New glossy footer: navigation and contacts. */
.site-body--gloss .site-footer {
    background:
        linear-gradient(125deg, rgba(8, 12, 18, 0.98), rgba(18, 24, 32, 0.96) 48%, rgba(34, 14, 18, 0.94)),
        #090d13;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 -28px 90px rgba(0, 0, 0, 0.34);
    color: #fff;
    margin-top: 0;
    overflow: hidden;
    padding: clamp(42px, 6vw, 76px) clamp(18px, 5vw, 72px) 24px;
    position: relative;
}

.site-body--gloss .site-footer::before {
    background:
        linear-gradient(105deg, transparent 0 34%, rgba(255, 255, 255, 0.12) 45%, transparent 56%),
        radial-gradient(circle at 82% 10%, rgba(201, 22, 29, 0.22), transparent 28%);
    content: "";
    inset: 0;
    opacity: 0.9;
    pointer-events: none;
    position: absolute;
}

.site-body--gloss .site-footer__grid,
.site-body--gloss .site-footer__bottom {
    margin-inline: auto;
    max-width: 1480px;
    position: relative;
    z-index: 1;
}

.site-body--gloss .site-footer__grid {
    align-items: stretch;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(280px, 1.08fr) minmax(220px, 0.72fr) minmax(220px, 0.72fr) minmax(320px, 1.12fr);
}

.site-body--gloss .site-footer__brand-block,
.site-body--gloss .site-footer__column,
.site-body--gloss .site-footer__map {
    backdrop-filter: blur(18px) saturate(1.08);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 22px;
}

.site-body--gloss .site-footer .brand {
    color: #fff;
}

.site-body--gloss .site-footer .brand strong,
.site-body--gloss .site-footer__column h3,
.site-body--gloss .site-footer__map h3 {
    color: #fff;
    letter-spacing: 0;
}

.site-body--gloss .site-footer .brand small,
.site-body--gloss .site-footer__lead,
.site-body--gloss .site-footer__map p,
.site-body--gloss .site-footer__bottom {
    color: rgba(255, 255, 255, 0.68);
}

.site-body--gloss .site-footer__lead {
    font-size: 15px;
    line-height: 1.62;
    margin: 18px 0 0;
}

.site-body--gloss .site-footer .eyebrow {
    color: #ff4a4f;
    margin-bottom: 10px;
}

.site-body--gloss .site-footer__column h3,
.site-body--gloss .site-footer__map h3 {
    font-size: clamp(22px, 1.8vw, 30px);
    line-height: 1.08;
    margin-bottom: 16px;
}

.site-body--gloss .site-footer__list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-body--gloss .site-footer__list a,
.site-body--gloss .site-footer__list span {
    align-items: center;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.82);
    display: flex;
    min-height: 42px;
    padding: 10px 12px;
}

.site-body--gloss .site-footer__list a {
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.site-body--gloss .site-footer__list a:hover,
.site-body--gloss .site-footer__list a:focus-visible {
    background: rgba(201, 22, 29, 0.18);
    border-color: rgba(255, 74, 79, 0.36);
    color: #fff;
    transform: translateX(4px);
}

.site-body--gloss .site-footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.site-body--gloss .site-footer__actions .button {
    min-height: 42px;
    padding: 10px 14px;
}

.site-body--gloss .site-footer__map-frame {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
    height: 230px;
    margin-top: 16px;
    overflow: hidden;
}

.site-body--gloss .site-footer__map-frame iframe {
    filter: grayscale(0.15) contrast(1.04) saturate(0.92);
    height: 100%;
    width: 100%;
}

.site-body--gloss .site-footer__bottom {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 18px;
}

@media (max-width: 1180px) {
    .site-body--gloss .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-body--gloss .site-footer__map {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .site-body--gloss .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-body--gloss .site-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* White footer panels and readability pass. */
.site-body--gloss .site-footer {
    background:
        linear-gradient(125deg, rgba(6, 9, 14, 0.99), rgba(13, 18, 25, 0.98) 52%, rgba(30, 10, 14, 0.95)),
        #070a0f !important;
    color: #f7f9fc !important;
}

.site-body--gloss .site-footer__brand-block,
.site-body--gloss .site-footer__column,
.site-body--gloss .site-footer__map {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 252, 0.96) 54%, rgba(255, 255, 255, 0.98)) !important;
    border: 1px solid rgba(218, 225, 234, 0.98) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    color: #101820 !important;
}

.site-body--gloss .site-footer .brand,
.site-body--gloss .site-footer .brand strong,
.site-body--gloss .site-footer__column h3,
.site-body--gloss .site-footer__map h3 {
    color: #101820 !important;
}

.site-body--gloss .site-footer .brand small,
.site-body--gloss .site-footer__lead,
.site-body--gloss .site-footer__map p {
    color: #4b5563 !important;
}

.site-body--gloss .site-footer .eyebrow {
    color: #c9161d !important;
}

.site-body--gloss .site-footer__list a,
.site-body--gloss .site-footer__list span {
    background: rgba(16, 24, 32, 0.045) !important;
    border-color: rgba(16, 24, 32, 0.09) !important;
    color: #17202a !important;
    font-weight: 750;
}

.site-body--gloss .site-footer__list a:hover,
.site-body--gloss .site-footer__list a:focus-visible {
    background: rgba(201, 22, 29, 0.08) !important;
    border-color: rgba(201, 22, 29, 0.28) !important;
    color: #a70f15 !important;
}

.site-body--gloss .site-footer__actions .button {
    background: linear-gradient(180deg, #1a222d, #0f151d) !important;
    border-color: rgba(16, 24, 32, 0.72) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.site-body--gloss .site-footer__actions .button--ghost {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(16, 24, 32, 0.18) !important;
    color: #101820 !important;
}

.site-body--gloss .site-footer__map-frame {
    background: #eef2f7 !important;
    border-color: rgba(16, 24, 32, 0.12) !important;
}

.site-body--gloss .site-footer__bottom {
    color: rgba(255, 255, 255, 0.76) !important;
}

.site-body--gloss .section-heading h2,
.site-body--gloss .landing-copy h2,
.site-body--gloss .request-card h3,
.site-body--gloss .value-card h3,
.site-body--gloss .steps h3,
.site-body--gloss .vehicle-card__price {
    color: #101820 !important;
}

.site-body--gloss .section-heading p,
.site-body--gloss .landing-copy p,
.site-body--gloss .request-card p,
.site-body--gloss .value-card p,
.site-body--gloss .steps p,
.site-body--gloss .vehicle-card__specs dt {
    color: #56616f !important;
}

.site-body--gloss .vehicle-card,
.site-body--gloss #offers .vehicle-card {
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border: 1px solid rgba(215, 222, 232, 0.98) !important;
    color: #101820 !important;
}

.site-body--gloss .vehicle-card__body,
.site-body--gloss .vehicle-card__specs dd {
    color: #101820 !important;
}

.site-body--gloss .vehicle-card__media span {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #101820 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14) !important;
}

.site-body--gloss .vehicle-card__media strong {
    color: #ffffff !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.62), 0 1px 2px rgba(0, 0, 0, 0.72) !important;
}

.site-body--gloss .vehicle-card__source {
    background: rgba(201, 22, 29, 0.08) !important;
    border-color: rgba(201, 22, 29, 0.16) !important;
    color: #b31319 !important;
}

.site-body--gloss .vehicle-card__cta {
    color: #a70f15 !important;
    font-weight: 850 !important;
}

.site-body--gloss .vehicle-modal__dialog,
.site-body--gloss .lead-modal__dialog,
.site-body--gloss .video-modal__dialog {
    background: linear-gradient(180deg, #ffffff, #f7f9fc) !important;
    color: #101820 !important;
}

.site-body--gloss .vehicle-modal__header h3,
.site-body--gloss .vehicle-modal__price,
.site-body--gloss .vehicle-modal__specs dd,
.site-body--gloss .vehicle-modal__additional,
.site-body--gloss .lead-modal__dialog h3,
.site-body--gloss .video-modal__dialog h3 {
    color: #101820 !important;
}

.site-body--gloss .vehicle-modal__specs dt,
.site-body--gloss .lead-modal__lead {
    color: #5b6675 !important;
}

.site-body--gloss .vehicle-modal__chips .tag {
    background: rgba(16, 24, 32, 0.06) !important;
    border-color: rgba(16, 24, 32, 0.1) !important;
    color: #17202a !important;
}

.site-body--gloss .vehicle-modal__actions .button--ghost,
.site-body--gloss .lead-modal__dialog .button--ghost {
    color: #101820 !important;
}
/* Vehicle modal white info panels. */
.site-body--gloss .vehicle-modal__specs,
.site-body--gloss .vehicle-modal__additional {
    background: linear-gradient(180deg, #ffffff, #f8fafc) padding-box !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 42px rgba(16, 24, 32, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    color: #101820 !important;
}

.site-body--gloss .vehicle-modal__specs div {
    border-top-color: rgba(16, 24, 32, 0.1) !important;
}

.site-body--gloss .vehicle-modal__specs dt,
.site-body--gloss .vehicle-modal__additional li {
    color: #596575 !important;
}

.site-body--gloss .vehicle-modal__specs dd,
.site-body--gloss .vehicle-modal__additional h4 {
    color: #101820 !important;
}

.site-body--gloss .vehicle-modal__additional li::marker {
    color: #c9161d !important;
}
/* Button hover sweep stripe. */
.site-body--gloss .button,
.site-body--gloss button.button,
.site-body--gloss a.button {
    isolation: isolate !important;
    overflow: hidden !important;
    position: relative !important;
}

.site-body--gloss .button::before,
.site-body--gloss button.button::before,
.site-body--gloss a.button::before {
    background: linear-gradient(180deg, #ff3941, #c9161d 58%, #9f0f15) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 18px rgba(201, 22, 29, 0.34) !important;
    content: "" !important;
    height: calc(100% + 2px) !important;
    left: 0 !important;
    opacity: 1 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: -1px !important;
    transform: none !important;
    transition: left 520ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    width: 6px !important;
    z-index: 2 !important;
}

.site-body--gloss .button::after,
.site-body--gloss button.button::after,
.site-body--gloss a.button::after {
    display: none !important;
}

.site-body--gloss .button:hover::before,
.site-body--gloss .button:focus-visible::before,
.site-body--gloss button.button:hover::before,
.site-body--gloss button.button:focus-visible::before,
.site-body--gloss a.button:hover::before,
.site-body--gloss a.button:focus-visible::before {
    left: calc(100% - 6px) !important;
    box-shadow: 0 0 22px rgba(201, 22, 29, 0.5) !important;
}

.site-body--gloss .button:hover,
.site-body--gloss .button:focus-visible {
    transform: translateY(-1px) !important;
}

@media (prefers-reduced-motion: reduce) {
    .site-body--gloss .button::before,
    .site-body--gloss button.button::before,
    .site-body--gloss a.button::before {
        transition: none !important;
    }
}
/* Light footer continuation. */
.site-body--gloss .section-divider--before-footer {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(10px) saturate(0.95) !important;
}

.site-body--gloss .site-footer {
    background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 252, 0.96) 48%, rgba(255, 255, 255, 0.98)),
        #ffffff !important;
    border-top: 0 !important;
    box-shadow: none !important;
    color: #101820 !important;
    padding-top: clamp(34px, 5vw, 64px) !important;
}

.site-body--gloss .site-footer::before {
    background:
        linear-gradient(105deg, transparent 0 34%, rgba(255, 255, 255, 0.78) 46%, transparent 58%),
        radial-gradient(circle at 78% 8%, rgba(201, 22, 29, 0.08), transparent 28%) !important;
    opacity: 1 !important;
}

.site-body--gloss .site-footer__brand-block,
.site-body--gloss .site-footer__column,
.site-body--gloss .site-footer__map {
    background: linear-gradient(145deg, #ffffff, #f8fafc 58%, #ffffff) !important;
    border-color: rgba(213, 221, 231, 0.98) !important;
    box-shadow: 0 18px 48px rgba(16, 24, 32, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.site-body--gloss .site-footer__bottom {
    border-top-color: rgba(16, 24, 32, 0.1) !important;
    color: #5b6675 !important;
}
/* Catalog refresh and nav underline. */
.site-body--gloss .site-nav {
    gap: clamp(10px, 1.8vw, 30px) !important;
}

.site-body--gloss .site-nav a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: clamp(92px, 7vw, 128px) !important;
    padding: 10px 18px 12px !important;
    position: relative !important;
    transform: none !important;
    transition: color 240ms ease !important;
}

.site-body--gloss .site-nav a::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 18%, #ffffff 82%, rgba(255, 255, 255, 0)) !important;
    bottom: 3px !important;
    content: "" !important;
    height: 1px !important;
    left: 18px !important;
    opacity: 0 !important;
    position: absolute !important;
    right: 18px !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease !important;
}

.site-body--gloss .site-nav a:hover::after,
.site-body--gloss .site-nav a:focus-visible::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

.site-body--catalog-gloss {
    background: #f6f8fb !important;
}

.site-body--catalog-gloss .site-header {
    background: linear-gradient(100deg, rgba(7, 10, 15, 0.96), rgba(14, 18, 25, 0.92) 58%, rgba(36, 12, 16, 0.9)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    position: sticky !important;
}

.site-body--catalog-gloss .catalog-page {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.96) 50%, rgba(255, 255, 255, 0.98)),
        #ffffff !important;
    color: #101820 !important;
    padding-top: clamp(34px, 5vw, 64px) !important;
}

.site-body--catalog-gloss .catalog-hero,
.site-body--catalog-gloss .catalog-filter-box,
.site-body--catalog-gloss .catalog-hero__cta,
.site-body--catalog-gloss .catalog-empty {
    background: linear-gradient(145deg, #ffffff, #f8fafc 58%, #ffffff) !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 48px rgba(16, 24, 32, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    color: #101820 !important;
}

.site-body--catalog-gloss .catalog-hero::after {
    display: none !important;
}

.site-body--catalog-gloss .catalog-hero h1,
.site-body--catalog-gloss .catalog-hero__cta h3,
.site-body--catalog-gloss .catalog-empty h3,
.site-body--catalog-gloss .catalog-metrics__item strong {
    color: #101820 !important;
}

.site-body--catalog-gloss .catalog-hero__lead,
.site-body--catalog-gloss .catalog-hero p,
.site-body--catalog-gloss .catalog-empty p,
.site-body--catalog-gloss .catalog-metrics__item span {
    color: #596575 !important;
}

.site-body--catalog-gloss .catalog-metrics__item,
.site-body--catalog-gloss .filter-chip,
.site-body--catalog-gloss .catalog-filter-box__summary {
    background: rgba(16, 24, 32, 0.045) !important;
    border: 1px solid rgba(16, 24, 32, 0.09) !important;
    color: #17202a !important;
}

.site-body--catalog-gloss .filter-chip.is-active,
.site-body--catalog-gloss .filter-chip:hover,
.site-body--catalog-gloss .filter-chip:focus-visible,
.site-body--catalog-gloss .catalog-filter-box__summary:hover,
.site-body--catalog-gloss .catalog-filter-box__summary:focus-visible {
    background: rgba(201, 22, 29, 0.08) !important;
    border-color: rgba(201, 22, 29, 0.24) !important;
    color: #a70f15 !important;
}

.site-body--catalog-gloss .catalog-filter-form label {
    color: #101820 !important;
}

.site-body--catalog-gloss .catalog-filter-form span {
    color: #596575 !important;
}

.site-body--catalog-gloss .catalog-filter-form input,
.site-body--catalog-gloss .catalog-filter-form select {
    background: #ffffff !important;
    border-color: rgba(16, 24, 32, 0.12) !important;
    color: #101820 !important;
}

.site-body--catalog-gloss .catalog-grid {
    align-items: stretch !important;
}

.site-body--catalog-gloss .site-footer {
    margin-top: 0 !important;
}
/* Main rollout: shared header, reviews and admin polish. */
.site-body--gloss .site-header,
.site-body--catalog-gloss .site-header,
.site-body--reviews-gloss .site-header {
    background: linear-gradient(100deg, rgba(7, 10, 15, 0.96), rgba(14, 18, 25, 0.92) 58%, rgba(36, 12, 16, 0.9)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18) !important;
}

.site-body--gloss .brand,
.site-body--catalog-gloss .brand,
.site-body--reviews-gloss .brand {
    min-width: 310px !important;
}

.site-body--reviews-gloss .reviews-page {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.96) 50%, rgba(255, 255, 255, 0.98)),
        #ffffff !important;
    color: #101820 !important;
    padding-top: clamp(34px, 5vw, 64px) !important;
}

.site-body--reviews-gloss .review-card {
    background: linear-gradient(145deg, #ffffff, #f8fafc 58%, #ffffff) !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 48px rgba(16, 24, 32, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    color: #101820 !important;
}

.site-body--reviews-gloss .review-card h2,
.site-body--reviews-gloss .review-card h3 {
    color: #101820 !important;
}

.site-body--reviews-gloss .review-card p,
.site-body--reviews-gloss .review-card__meta {
    color: #596575 !important;
}

.site-body--admin-gloss .admin-page {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.96) 50%, rgba(255, 255, 255, 0.98)),
        #ffffff !important;
    color: #101820 !important;
    min-height: 100vh !important;
    padding: clamp(18px, 3vw, 32px) clamp(16px, 3vw, 28px) !important;
}

.site-body--admin-gloss .admin-shell {
    max-width: 1440px !important;
}

.site-body--admin-gloss .admin-topbar {
    background: linear-gradient(100deg, rgba(7, 10, 15, 0.96), rgba(14, 18, 25, 0.92) 58%, rgba(36, 12, 16, 0.9)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18) !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
}

.site-body--admin-gloss .admin-topbar .brand,
.site-body--admin-gloss .admin-topbar .brand strong {
    color: #ffffff !important;
}

.site-body--admin-gloss .admin-topbar .brand small {
    color: rgba(255, 255, 255, 0.72) !important;
}

.site-body--admin-gloss .admin-login-card,
.site-body--admin-gloss .admin-card,
.site-body--admin-gloss .admin-modal__dialog {
    background: linear-gradient(145deg, #ffffff, #f8fafc 58%, #ffffff) !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 48px rgba(16, 24, 32, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    color: #101820 !important;
}

.site-body--admin-gloss .admin-login-card h1,
.site-body--admin-gloss .admin-card h1,
.site-body--admin-gloss .admin-card h2,
.site-body--admin-gloss .admin-card h3,
.site-body--admin-gloss .admin-table__title strong,
.site-body--admin-gloss .admin-stats strong {
    color: #101820 !important;
}

.site-body--admin-gloss .admin-subtitle,
.site-body--admin-gloss .admin-login-card p,
.site-body--admin-gloss .admin-card p,
.site-body--admin-gloss .admin-table th,
.site-body--admin-gloss .admin-table__title span,
.site-body--admin-gloss .admin-table__additional,
.site-body--admin-gloss .admin-stats span,
.site-body--admin-gloss .admin-form-grid label span,
.site-body--admin-gloss .request-form label span {
    color: #596575 !important;
}

.site-body--admin-gloss .admin-table th,
.site-body--admin-gloss .admin-table td {
    border-bottom-color: rgba(16, 24, 32, 0.1) !important;
}

.site-body--admin-gloss .admin-table tbody tr:hover {
    background: rgba(201, 22, 29, 0.035) !important;
}

.site-body--admin-gloss .admin-filter-bar,
.site-body--admin-gloss .admin-stats div {
    background: rgba(16, 24, 32, 0.035) !important;
    border: 1px solid rgba(16, 24, 32, 0.08) !important;
    border-radius: 10px !important;
    padding: 12px !important;
}

.site-body--admin-gloss .admin-filter-bar input[type="search"],
.site-body--admin-gloss .admin-filter-bar select,
.site-body--admin-gloss .admin-form-grid input[type="text"],
.site-body--admin-gloss .admin-form-grid input[type="url"],
.site-body--admin-gloss .admin-form-grid input[type="number"],
.site-body--admin-gloss .admin-form-grid input[type="datetime-local"],
.site-body--admin-gloss .admin-form-grid select,
.site-body--admin-gloss .admin-form-grid textarea,
.site-body--admin-gloss .request-form input,
.site-body--admin-gloss .request-form select,
.site-body--admin-gloss .request-form textarea {
    background: #ffffff !important;
    border-color: rgba(16, 24, 32, 0.12) !important;
    color: #101820 !important;
}

.site-body--admin-gloss .admin-table__title a {
    color: #a70f15 !important;
}

.site-body--admin-gloss .admin-modal__close {
    background: rgba(16, 24, 32, 0.06) !important;
    color: #101820 !important;
}
/* Modal layer fix: every popup must stay above the transparent header. */
.site-body--gloss .lead-modal,
.site-body--gloss .vehicle-modal,
.site-body--gloss .vehicle-gallery-modal,
.site-body--gloss .video-modal,
.site-body--catalog-gloss .lead-modal,
.site-body--catalog-gloss .vehicle-modal,
.site-body--catalog-gloss .vehicle-gallery-modal,
.site-body--catalog-gloss .video-modal,
.site-body--reviews-gloss .lead-modal,
.site-body--reviews-gloss .vehicle-modal,
.site-body--reviews-gloss .vehicle-gallery-modal,
.site-body--reviews-gloss .video-modal,
.site-body--admin-gloss .admin-modal {
    z-index: 10000 !important;
}

.site-body--gloss .lead-modal__dialog,
.site-body--gloss .vehicle-modal__dialog,
.site-body--gloss .vehicle-gallery-modal__dialog,
.site-body--gloss .video-modal__dialog,
.site-body--catalog-gloss .lead-modal__dialog,
.site-body--catalog-gloss .vehicle-modal__dialog,
.site-body--catalog-gloss .vehicle-gallery-modal__dialog,
.site-body--catalog-gloss .video-modal__dialog,
.site-body--reviews-gloss .lead-modal__dialog,
.site-body--reviews-gloss .vehicle-modal__dialog,
.site-body--reviews-gloss .vehicle-gallery-modal__dialog,
.site-body--reviews-gloss .video-modal__dialog,
.site-body--admin-gloss .admin-modal__dialog {
    position: relative;
    z-index: 10001 !important;
}
/* Phone links: plain white chopped text, no button plate. */
.site-body--gloss .header-call,
.site-body--catalog-gloss .header-call,
.site-body--reviews-gloss .header-call,
.site-body--gloss .site-header .header-call,
.site-body--catalog-gloss .site-header .header-call,
.site-body--reviews-gloss .site-header .header-call,
.site-body--gloss .video-hero__contact .header-call,
.site-body--gloss .showcase__contact .header-call {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-size: clamp(18px, 1.35vw, 26px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
}

.site-body--gloss .header-call::before,
.site-body--catalog-gloss .header-call::before,
.site-body--reviews-gloss .header-call::before,
.site-body--gloss .site-header .header-call::before,
.site-body--catalog-gloss .site-header .header-call::before,
.site-body--reviews-gloss .site-header .header-call::before,
.site-body--gloss .video-hero__contact .header-call::before,
.site-body--gloss .showcase__contact .header-call::before {
    display: none !important;
    content: none !important;
}

.site-body--gloss .header-call:hover,
.site-body--gloss .header-call:focus-visible,
.site-body--catalog-gloss .header-call:hover,
.site-body--catalog-gloss .header-call:focus-visible,
.site-body--reviews-gloss .header-call:hover,
.site-body--reviews-gloss .header-call:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    opacity: 0.78 !important;
    transform: none !important;
}

.site-body--gloss .video-hero__contact {
    gap: 0 !important;
}
/* Light form controls across public pages and admin. */
.site-body--gloss select,
.site-body--catalog-gloss select,
.site-body--reviews-gloss select,
.site-body--admin-gloss select,
.site-body--gloss select option,
.site-body--catalog-gloss select option,
.site-body--reviews-gloss select option,
.site-body--admin-gloss select option {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #101820 !important;
}

.site-body--gloss select:checked,
.site-body--catalog-gloss select:checked,
.site-body--reviews-gloss select:checked,
.site-body--admin-gloss select:checked,
.site-body--gloss select option:checked,
.site-body--catalog-gloss select option:checked,
.site-body--reviews-gloss select option:checked,
.site-body--admin-gloss select option:checked {
    background: #eef4ff !important;
    color: #101820 !important;
}

.site-body--gloss .request-form__captcha .g-recaptcha,
.site-body--catalog-gloss .request-form__captcha .g-recaptcha,
.site-body--admin-gloss .request-form__captcha .g-recaptcha,
.site-body--admin-gloss .admin-login__captcha .g-recaptcha {
    background: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Invisible reCAPTCHA: keep protection active without a visible checkbox block. */
.site-body--gloss .request-form__captcha--invisible,
.site-body--catalog-gloss .request-form__captcha--invisible,
.site-body--admin-gloss .request-form__captcha--invisible {
    display: none !important;
}
/* Modal close buttons must stay clickable above modal content. */
.site-body--gloss .lead-modal__close,
.site-body--catalog-gloss .lead-modal__close,
.site-body--reviews-gloss .lead-modal__close,
.site-body--admin-gloss .admin-modal__close {
    pointer-events: auto !important;
    z-index: 10002 !important;
}
/* Testimonials readability pass: stronger contrast on light glossy cards. */
.site-body--gloss .section--testimonials .testimonials-copy__lead,
.site-body--gloss .section--testimonials .testimonial-card__body p,
.site-body--gloss .section--testimonials .testimonials-stats__item span {
    color: #465260 !important;
    opacity: 1 !important;
}

.site-body--gloss .section--testimonials .testimonials-stats__item {
    background: linear-gradient(145deg, #ffffff, #f7f9fc) !important;
    border-color: rgba(16, 24, 32, 0.16) !important;
    box-shadow: 0 18px 42px rgba(31, 43, 58, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.site-body--gloss .section--testimonials .testimonials-stats__item strong {
    color: #101820 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.site-body--gloss .section--testimonials .testimonials-stats__item small,
.site-body--gloss .section--testimonials .testimonial-card__kicker {
    color: #c9161d !important;
    opacity: 1 !important;
}

.site-body--gloss .section--testimonials .testimonial-card__body h3 {
    color: #101820 !important;
}

.site-body--gloss .section--testimonials .testimonial-card__body {
    background: linear-gradient(145deg, #ffffff, #f8fafc) !important;
}
/* Telegram testimonial cards can be links when the source post has no direct video. */
.site-body--gloss a.testimonial-card__video {
    color: #ffffff !important;
    text-decoration: none !important;
}
.site-body--gloss .testimonials-head__actions {
    align-self: end;
    justify-self: end;
}

.site-body--gloss .testimonials-head__actions .button {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .site-body--gloss .testimonials-head__actions {
        justify-self: start;
    }
}

.site-body--reviews-gloss .testimonials-page {
    background: linear-gradient(118deg, #ffffff, #f4f7fa 54%, #ffffff) !important;
}

.site-body--reviews-gloss .testimonials-page .catalog-hero__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr) !important;
    gap: clamp(24px, 4vw, 64px) !important;
    align-items: end !important;
}

.site-body--reviews-gloss .testimonials-page .catalog-hero__panel {
    background: linear-gradient(145deg, #ffffff, #f8fafc) !important;
    border: 1px solid rgba(213, 221, 231, 0.95) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 46px rgba(16, 24, 32, 0.08) !important;
    color: #101820 !important;
    padding: clamp(22px, 3vw, 34px) !important;
}

.site-body--reviews-gloss .testimonials-page .catalog-hero__panel p,
.site-body--reviews-gloss .testimonials-page .catalog-hero__lead {
    color: #526070 !important;
}

.site-body--reviews-gloss .testimonials-page .reviews-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2.4vw, 30px) !important;
}

.site-body--reviews-gloss .testimonial-page-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #ffffff, #f8fafc 62%, #ffffff) !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 52px rgba(16, 24, 32, 0.09) !important;
    color: #101820 !important;
}

.site-body--reviews-gloss .testimonial-page-card .review-card__media {
    aspect-ratio: 16 / 10 !important;
    min-height: 0 !important;
    background: #e9eef4 !important;
}

.site-body--reviews-gloss .testimonial-page-card .review-card__media img,
.site-body--reviews-gloss .testimonial-page-card .review-card__media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.site-body--reviews-gloss .testimonial-page-card .review-card__content {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    padding: clamp(22px, 2.4vw, 32px) !important;
}

.site-body--reviews-gloss .testimonial-page-card .review-card__meta {
    color: #5c6878 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.site-body--reviews-gloss .testimonial-page-card h2 {
    color: #101820 !important;
    font-size: clamp(24px, 2.3vw, 36px) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
}

.site-body--reviews-gloss .testimonial-page-card p {
    color: #526070 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

.site-body--reviews-gloss .testimonial-page-card .review-card__actions {
    margin-top: auto !important;
}

@media (max-width: 1100px) {
    .site-body--reviews-gloss .testimonials-page .reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .site-body--reviews-gloss .testimonials-page .catalog-hero__inner,
    .site-body--reviews-gloss .testimonials-page .reviews-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Mobile top-screen rescue: compact header and readable video hero. */
@media (max-width: 760px) {
    .site-body--gloss .site-header,
    .site-body--catalog-gloss .site-header,
    .site-body--reviews-gloss .site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand phone"
            "nav nav" !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 14px 16px 12px !important;
        background: linear-gradient(100deg, rgba(5, 9, 14, 0.86), rgba(20, 4, 8, 0.78)) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
        backdrop-filter: blur(16px) !important;
        box-shadow: none !important;
        z-index: 80 !important;
    }

    .site-body--gloss .site-header .brand,
    .site-body--catalog-gloss .site-header .brand,
    .site-body--reviews-gloss .site-header .brand {
        grid-area: brand !important;
        min-width: 0 !important;
        gap: 10px !important;
    }

    .site-body--gloss .site-header .brand__logo,
    .site-body--catalog-gloss .site-header .brand__logo,
    .site-body--reviews-gloss .site-header .brand__logo {
        width: 48px !important;
        height: 48px !important;
        flex: 0 0 48px !important;
        border-radius: 10px !important;
    }

    .site-body--gloss .site-header .brand strong,
    .site-body--catalog-gloss .site-header .brand strong,
    .site-body--reviews-gloss .site-header .brand strong {
        display: block !important;
        max-width: 150px !important;
        font-size: 17px !important;
        line-height: 1.05 !important;
        white-space: normal !important;
    }

    .site-body--gloss .site-header .brand small,
    .site-body--catalog-gloss .site-header .brand small,
    .site-body--reviews-gloss .site-header .brand small {
        display: none !important;
    }

    .site-body--gloss .site-header .header-call,
    .site-body--catalog-gloss .site-header .header-call,
    .site-body--reviews-gloss .site-header .header-call {
        grid-area: phone !important;
        justify-self: end !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #ffffff !important;
        font-size: clamp(16px, 4.3vw, 21px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-shadow: 0 10px 22px rgba(0, 0, 0, 0.38) !important;
    }

    .site-body--gloss .site-header .header-call::before,
    .site-body--catalog-gloss .site-header .header-call::before,
    .site-body--reviews-gloss .site-header .header-call::before {
        display: none !important;
    }

    .site-body--gloss .site-header .site-nav,
    .site-body--catalog-gloss .site-header .site-nav,
    .site-body--reviews-gloss .site-header .site-nav {
        grid-area: nav !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: calc(100vw - 32px) !important;
        max-width: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 0 4px !important;
        margin: 0 !important;
        justify-content: flex-start !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .site-body--gloss .site-header .site-nav::-webkit-scrollbar,
    .site-body--catalog-gloss .site-header .site-nav::-webkit-scrollbar,
    .site-body--reviews-gloss .site-header .site-nav::-webkit-scrollbar {
        display: none !important;
    }

    .site-body--gloss .site-header .site-nav a,
    .site-body--catalog-gloss .site-header .site-nav a,
    .site-body--reviews-gloss .site-header .site-nav a {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        padding: 9px 12px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        background: rgba(255, 255, 255, 0.055) !important;
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .site-body--gloss .showcase--video {
        min-height: 100svh !important;
        height: auto !important;
        padding-top: 126px !important;
        padding-bottom: 54px !important;
        overflow: hidden !important;
    }

    .site-body--gloss .video-hero__content {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: start !important;
        gap: 22px !important;
        width: 100% !important;
        max-width: none !important;
        min-height: calc(100svh - 180px) !important;
        padding: 28px 20px 72px !important;
        margin: 0 !important;
    }

    .site-body--gloss .video-hero__main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .site-body--gloss .video-hero__eyebrow {
        margin-bottom: 12px !important;
        font-size: 12px !important;
        letter-spacing: 0.12em !important;
    }

    .site-body--gloss .showcase--video h1 {
        width: 100% !important;
        max-width: 96vw !important;
        margin: 0 0 18px !important;
        font-size: clamp(34px, 10.2vw, 50px) !important;
        line-height: 0.96 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        text-wrap: balance !important;
    }

    .site-body--gloss .video-hero__lead {
        width: min(100%, 360px) !important;
        max-width: 360px !important;
        color: rgba(255, 255, 255, 0.78) !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .site-body--gloss .video-hero__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: min(100%, 340px) !important;
        margin-top: 22px !important;
    }

    .site-body--gloss .video-hero__actions .button {
        width: 100% !important;
        min-height: 50px !important;
        padding: 0 16px !important;
        font-size: 15px !important;
    }

    .site-body--gloss .video-hero__side {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .site-body--gloss .site-header,
    .site-body--catalog-gloss .site-header,
    .site-body--reviews-gloss .site-header {
        padding-inline: 12px !important;
    }

    .site-body--gloss .site-header .brand strong,
    .site-body--catalog-gloss .site-header .brand strong,
    .site-body--reviews-gloss .site-header .brand strong {
        max-width: 112px !important;
        font-size: 15px !important;
    }

    .site-body--gloss .site-header .header-call,
    .site-body--catalog-gloss .site-header .header-call,
    .site-body--reviews-gloss .site-header .header-call {
        font-size: 15px !important;
    }

    .site-body--gloss .site-header .site-nav,
    .site-body--catalog-gloss .site-header .site-nav,
    .site-body--reviews-gloss .site-header .site-nav {
        width: calc(100vw - 24px) !important;
    }

    .site-body--gloss .showcase--video h1 {
        font-size: clamp(31px, 9.8vw, 42px) !important;
    }
}

/* Local experiment: make the space between homepage blocks 100% transparent. */
.site-body--gloss {
    background-color: transparent !important;
}

.site-body--gloss::before,
.site-body--gloss .section-divider,
.site-body--gloss .section-divider::before,
.site-body--gloss .section-divider::after,
.site-body--gloss .section-divider span,
.site-body--gloss .section-divider--before-footer {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.site-body--gloss .section-divider {
    min-height: clamp(34px, 5vw, 72px) !important;
}

.site-body--gloss .landing-grid ~ .section-divider,
.site-body--gloss .landing-grid ~ .section,
.site-body--gloss .section.process,
.site-body--gloss .section--testimonials,
.site-body--gloss .reviews-preview {
    background-color: transparent !important;
}

/* Photo popup readability fix. */
.site-body--gloss .vehicle-gallery-modal__backdrop,
.site-body--catalog-gloss .vehicle-gallery-modal__backdrop,
.site-body--reviews-gloss .vehicle-gallery-modal__backdrop {
    background: rgba(5, 7, 10, 0.78) !important;
    backdrop-filter: blur(10px) !important;
}

.site-body--gloss .vehicle-gallery-modal__dialog,
.site-body--catalog-gloss .vehicle-gallery-modal__dialog,
.site-body--reviews-gloss .vehicle-gallery-modal__dialog {
    background: linear-gradient(180deg, #ffffff, #f5f7fa) !important;
    border: 1px solid rgba(220, 227, 234, 0.96) !important;
    border-radius: 18px !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38) !important;
    color: #101820 !important;
    max-height: calc(100vh - 28px) !important;
    overflow: auto !important;
    padding: clamp(16px, 2.2vw, 28px) !important;
}

.site-body--gloss .vehicle-gallery-modal__meta,
.site-body--catalog-gloss .vehicle-gallery-modal__meta,
.site-body--reviews-gloss .vehicle-gallery-modal__meta {
    padding-right: 72px !important;
}

.site-body--gloss .vehicle-gallery-modal__meta .eyebrow,
.site-body--catalog-gloss .vehicle-gallery-modal__meta .eyebrow,
.site-body--reviews-gloss .vehicle-gallery-modal__meta .eyebrow {
    color: #c9161d !important;
    opacity: 1 !important;
}

.site-body--gloss .vehicle-gallery-modal__meta h3,
.site-body--catalog-gloss .vehicle-gallery-modal__meta h3,
.site-body--reviews-gloss .vehicle-gallery-modal__meta h3 {
    color: #101820 !important;
    font-size: clamp(26px, 3.2vw, 48px) !important;
    line-height: 1.02 !important;
    text-shadow: none !important;
}

.site-body--gloss .vehicle-gallery-modal__frame,
.site-body--catalog-gloss .vehicle-gallery-modal__frame,
.site-body--reviews-gloss .vehicle-gallery-modal__frame {
    background: #ffffff !important;
    border: 1px solid rgba(213, 221, 231, 0.98) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
    margin-top: clamp(14px, 2vw, 22px) !important;
}

.site-body--gloss .vehicle-gallery-modal__frame img,
.site-body--catalog-gloss .vehicle-gallery-modal__frame img,
.site-body--reviews-gloss .vehicle-gallery-modal__frame img {
    background: #ffffff !important;
    max-height: calc(100vh - 190px) !important;
}

.site-body--gloss .vehicle-gallery-modal .lead-modal__close,
.site-body--catalog-gloss .vehicle-gallery-modal .lead-modal__close,
.site-body--reviews-gloss .vehicle-gallery-modal .lead-modal__close {
    background: #eef2f6 !important;
    border: 1px solid rgba(203, 212, 224, 0.96) !important;
    color: #101820 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    z-index: 10003 !important;
}

.site-body--gloss .vehicle-gallery-modal .lead-modal__close:hover,
.site-body--catalog-gloss .vehicle-gallery-modal .lead-modal__close:hover,
.site-body--reviews-gloss .vehicle-gallery-modal .lead-modal__close:hover,
.site-body--gloss .vehicle-gallery-modal .lead-modal__close:focus-visible,
.site-body--catalog-gloss .vehicle-gallery-modal .lead-modal__close:focus-visible,
.site-body--reviews-gloss .vehicle-gallery-modal .lead-modal__close:focus-visible {
    background: #101820 !important;
    color: #ffffff !important;
}

.site-body--gloss .vehicle-gallery-modal__arrow,
.site-body--catalog-gloss .vehicle-gallery-modal__arrow,
.site-body--reviews-gloss .vehicle-gallery-modal__arrow {
    background: rgba(16, 24, 32, 0.86) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24) !important;
}

@media (max-width: 760px) {
    .site-body--gloss .vehicle-gallery-modal__dialog,
    .site-body--catalog-gloss .vehicle-gallery-modal__dialog,
    .site-body--reviews-gloss .vehicle-gallery-modal__dialog {
        max-width: calc(100vw - 16px) !important;
        padding: 14px !important;
    }

    .site-body--gloss .vehicle-gallery-modal__meta,
    .site-body--catalog-gloss .vehicle-gallery-modal__meta,
    .site-body--reviews-gloss .vehicle-gallery-modal__meta {
        padding-right: 58px !important;
    }

    .site-body--gloss .vehicle-gallery-modal__meta h3,
    .site-body--catalog-gloss .vehicle-gallery-modal__meta h3,
    .site-body--reviews-gloss .vehicle-gallery-modal__meta h3 {
        font-size: 24px !important;
    }
}

/* Invisible reCAPTCHA must stay renderable: do not use display:none. */
.site-body--gloss .request-form__captcha--invisible,
.site-body--catalog-gloss .request-form__captcha--invisible,
.site-body--admin-gloss .request-form__captcha--invisible {
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0.01 !important;
    pointer-events: none !important;
    position: absolute !important;
}

.site-body--gloss .request-form__captcha--invisible .request-form__captcha-box,
.site-body--catalog-gloss .request-form__captcha--invisible .request-form__captcha-box,
.site-body--admin-gloss .request-form__captcha--invisible .request-form__captcha-box {
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Pointer cursor for every interactive control in the glossy site/admin. */
a[href],
button,
[role="button"],
summary,
label[for],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
.button,
.header-call,
.vehicle-card--interactive,
[data-open-lead-modal],
[data-lead-modal-close],
[data-vehicle-modal-close],
[data-vehicle-image-modal-close],
[data-video-modal-close],
.admin-action,
.admin-modal__close {
    cursor: pointer !important;
}

button:disabled,
.button[aria-disabled="true"],
input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed !important;
}
/* Lead form hard fix: no horizontal scroll and no hover jumping. */
.site-body--gloss .lead-modal,
.site-body--catalog-gloss .lead-modal,
.site-body--reviews-gloss .lead-modal {
    overflow-x: hidden !important;
}

.site-body--gloss .lead-modal__dialog,
.site-body--catalog-gloss .lead-modal__dialog,
.site-body--reviews-gloss .lead-modal__dialog {
    box-sizing: border-box !important;
    max-width: min(1120px, calc(100vw - 24px)) !important;
    overflow-x: hidden !important;
}

.site-body--gloss .request-form,
.site-body--catalog-gloss .request-form,
.site-body--reviews-gloss .request-form,
.site-body--gloss .request-form *,
.site-body--catalog-gloss .request-form *,
.site-body--reviews-gloss .request-form * {
    box-sizing: border-box !important;
}

.site-body--gloss .request-form,
.site-body--catalog-gloss .request-form,
.site-body--reviews-gloss .request-form {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.site-body--gloss .request-form label,
.site-body--catalog-gloss .request-form label,
.site-body--reviews-gloss .request-form label {
    min-width: 0 !important;
}

.site-body--gloss .request-form input,
.site-body--gloss .request-form select,
.site-body--gloss .request-form textarea,
.site-body--catalog-gloss .request-form input,
.site-body--catalog-gloss .request-form select,
.site-body--catalog-gloss .request-form textarea,
.site-body--reviews-gloss .request-form input,
.site-body--reviews-gloss .request-form select,
.site-body--reviews-gloss .request-form textarea {
    max-width: 100% !important;
}

.site-body--gloss .button,
.site-body--gloss .button:hover,
.site-body--gloss .button:focus-visible,
.site-body--catalog-gloss .button,
.site-body--catalog-gloss .button:hover,
.site-body--catalog-gloss .button:focus-visible,
.site-body--reviews-gloss .button,
.site-body--reviews-gloss .button:hover,
.site-body--reviews-gloss .button:focus-visible,
.site-body--admin-gloss .button,
.site-body--admin-gloss .button:hover,
.site-body--admin-gloss .button:focus-visible {
    transform: none !important;
}

.site-body--gloss .button::before,
.site-body--catalog-gloss .button::before,
.site-body--reviews-gloss .button::before,
.site-body--admin-gloss .button::before,
.site-body--gloss .button::after,
.site-body--catalog-gloss .button::after,
.site-body--reviews-gloss .button::after,
.site-body--admin-gloss .button::after {
    pointer-events: none !important;
}
/* Hero title spacing: +10% between lines. */
.site-body--gloss .showcase--video h1 {
    line-height: 1.08 !important;
}

@media (max-width: 760px) {
    .site-body--gloss .showcase--video h1 {
        line-height: 1.06 !important;
    }
}
/* Admin site text editor. */
.site-body--admin-gloss .admin-form-grid--texts {
    grid-template-columns: 1fr 1fr !important;
}

.site-body--admin-gloss .admin-text-group {
    border-top: 1px solid rgba(213, 221, 231, 0.9);
    margin-top: 12px;
    padding-top: 18px;
}

.site-body--admin-gloss .admin-text-group h3 {
    color: #101820;
    font-size: 22px;
    margin: 0;
}

.site-body--admin-gloss .admin-form-grid--texts small {
    color: #8a95a3;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
}

@media (max-width: 900px) {
    .site-body--admin-gloss .admin-form-grid--texts {
        grid-template-columns: 1fr !important;
    }
}
.site-body--admin-gloss .admin-text-field-form {
    align-items: end;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(213, 221, 231, 0.95);
    border-radius: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.site-body--admin-gloss .admin-text-field-form label {
    margin: 0;
}

.site-body--admin-gloss .admin-text-field-form .button {
    min-height: 48px;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .site-body--admin-gloss .admin-text-field-form {
        grid-template-columns: 1fr;
    }
}

.site-body--admin-gloss .admin-tabs {
    background: rgba(16, 24, 32, 0.035) !important;
    border: 1px solid rgba(16, 24, 32, 0.08) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 42px rgba(31, 43, 58, 0.08) !important;
}/* Admin tabs: separate from public button styling. */
.site-body--admin-gloss .admin-filter-bar {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.site-body--admin-gloss .admin-tab {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    border: 0;
    border-right: 1px solid rgba(16, 24, 32, 0.1);
    color: #101820;
    display: flex;
    font-size: 18px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.15;
    min-height: 64px;
    padding: 16px 18px;
    text-align: center;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease;
}

.site-body--admin-gloss .admin-tab:hover,
.site-body--admin-gloss .admin-tab:focus-visible {
    background: #eef2f6;
    color: #101820;
}

.site-body--admin-gloss .admin-tab.is-active {
    background: linear-gradient(135deg, #101820, #202932);
    color: #fff;
}

.site-body--admin-gloss .admin-tab:last-child {
    border-right: 0;
}

@media (max-width: 760px) {
    .site-body--admin-gloss .admin-filter-bar {
        grid-template-columns: 1fr 1fr !important;
    }

    .site-body--admin-gloss .admin-tab {
        font-size: 15px;
        min-height: 54px;
        padding: 12px;
    }
}
/* Admin sync actions alignment. */
.site-body--admin-gloss .admin-actions--sync {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 980px;
}

.site-body--admin-gloss .admin-actions--sync .admin-row-actions {
    align-items: stretch !important;
    display: contents !important;
}

.site-body--admin-gloss .admin-actions--sync form {
    display: contents !important;
}

.site-body--admin-gloss .admin-actions--sync .button {
    align-items: center !important;
    display: flex !important;
    font-size: 16px !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 14px 18px !important;
    text-align: center !important;
    width: 100% !important;
}

@media (max-width: 900px) {
    .site-body--admin-gloss .admin-actions--sync {
        grid-template-columns: 1fr !important;
    }
}
/* Admin mobile usability pass. */
.site-body--admin-gloss,
.site-body--admin-gloss .admin-page {
    overflow-x: hidden;
}

.site-body--admin-gloss .admin-table {
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    max-width: 100%;
}

.site-body--admin-gloss .admin-table table {
    min-width: 860px;
}

@media (max-width: 760px) {
    .site-body--admin-gloss .admin-page {
        padding: 10px !important;
    }

    .site-body--admin-gloss .admin-shell {
        gap: 14px !important;
        max-width: 100% !important;
    }

    .site-body--admin-gloss .admin-topbar {
        align-items: stretch !important;
        display: grid !important;
        gap: 12px !important;
        grid-template-columns: 1fr !important;
        padding: 12px !important;
    }

    .site-body--admin-gloss .admin-topbar .brand {
        min-width: 0 !important;
    }

    .site-body--admin-gloss .admin-topbar .brand img,
    .site-body--admin-gloss .brand__logo {
        height: 50px !important;
        width: 50px !important;
    }

    .site-body--admin-gloss .admin-topbar .brand strong {
        font-size: 18px !important;
        line-height: 1.1 !important;
    }

    .site-body--admin-gloss .admin-topbar .brand small {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    .site-body--admin-gloss .admin-topbar > .admin-row-actions {
        align-items: stretch !important;
        display: grid !important;
        gap: 8px !important;
        grid-template-columns: 1fr auto !important;
    }

    .site-body--admin-gloss .admin-topbar > .admin-row-actions .tag {
        align-items: center !important;
        display: flex !important;
        justify-content: center !important;
        min-height: 44px !important;
        text-align: center !important;
    }

    .site-body--admin-gloss .admin-topbar > .admin-row-actions form,
    .site-body--admin-gloss .admin-topbar > .admin-row-actions .button {
        width: 100% !important;
    }

    .site-body--admin-gloss .admin-dashboard {
        gap: 14px !important;
    }

    .site-body--admin-gloss .admin-filter-bar {
        border-radius: 10px !important;
        grid-template-columns: 1fr 1fr !important;
    }

    .site-body--admin-gloss .admin-tab {
        font-size: 14px !important;
        min-height: 48px !important;
        padding: 10px 8px !important;
    }

    .site-body--admin-gloss .admin-card,
    .site-body--admin-gloss .admin-login-card {
        border-radius: 10px !important;
        padding: 18px 14px !important;
    }

    .site-body--admin-gloss .admin-card h1,
    .site-body--admin-gloss .admin-login-card h1 {
        font-size: 30px !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere;
    }

    .site-body--admin-gloss .admin-card h2 {
        font-size: 24px !important;
        line-height: 1.12 !important;
    }

    .site-body--admin-gloss .section__head {
        align-items: stretch !important;
        display: grid !important;
        gap: 12px !important;
        grid-template-columns: 1fr !important;
    }

    .site-body--admin-gloss .section__head .admin-row-actions,
    .site-body--admin-gloss .admin-form-actions,
    .site-body--admin-gloss .admin-load-more {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .site-body--admin-gloss .button,
    .site-body--admin-gloss button.button,
    .site-body--admin-gloss a.button {
        min-height: 46px !important;
        width: 100% !important;
    }

    .site-body--admin-gloss .admin-grid,
    .site-body--admin-gloss .admin-stats,
    .site-body--admin-gloss .admin-form-grid,
    .site-body--admin-gloss .admin-form-grid--texts {
        grid-template-columns: 1fr !important;
    }

    .site-body--admin-gloss .admin-actions--sync {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }

    .site-body--admin-gloss .admin-filter-bar input[type="search"],
    .site-body--admin-gloss .admin-filter-bar select,
    .site-body--admin-gloss .admin-form-grid input,
    .site-body--admin-gloss .admin-form-grid select,
    .site-body--admin-gloss .admin-form-grid textarea {
        font-size: 16px !important;
        max-width: 100% !important;
    }

    .site-body--admin-gloss .admin-text-field-form {
        padding: 12px !important;
    }

    .site-body--admin-gloss .admin-table {
        margin-left: -4px;
        margin-right: -4px;
        padding-bottom: 4px;
    }

    .site-body--admin-gloss .admin-table th,
    .site-body--admin-gloss .admin-table td {
        padding: 12px 10px !important;
    }

    .site-body--admin-gloss .admin-modal {
        align-items: stretch !important;
        padding: 8px !important;
    }

    .site-body--admin-gloss .admin-modal__dialog {
        border-radius: 12px !important;
        max-height: calc(100vh - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        padding: 18px 14px !important;
        width: 100% !important;
    }

    .site-body--admin-gloss .admin-modal__close {
        height: 46px !important;
        right: 10px !important;
        top: 10px !important;
        width: 46px !important;
    }
}

@media (max-width: 390px) {
    .site-body--admin-gloss .admin-filter-bar {
        grid-template-columns: 1fr !important;
    }

    .site-body--admin-gloss .admin-card h1,
    .site-body--admin-gloss .admin-login-card h1 {
        font-size: 26px !important;
    }
}
/* Admin tabs and filters final mobile separation. */
.site-body--admin-gloss .admin-tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.site-body--admin-gloss form.admin-filter-bar {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 180px auto auto !important;
    overflow: visible !important;
    padding: 12px !important;
}

.site-body--admin-gloss form.admin-filter-bar .button {
    min-height: 48px !important;
}

@media (max-width: 760px) {
    .site-body--admin-gloss .admin-tabs {
        grid-template-columns: 1fr 1fr !important;
    }

    .site-body--admin-gloss form.admin-filter-bar {
        grid-template-columns: 1fr !important;
        padding: 10px !important;
    }
}

@media (max-width: 390px) {
    .site-body--admin-gloss .admin-tabs {
        grid-template-columns: 1fr !important;
    }
}