:root {
    --pink: #c8017d;
    --blue: #00a0df;
    --blue-lt: #51abe4;
    --navy: #152139;
    --muted: rgba(21, 33, 57, .8);
    --muted-2: rgba(21, 33, 57, .6);
    --border: #e0e0e0;
    --bg: #fafafa;
    --shadow: 0 11px 21px rgba(21, 33, 57, .10);
    --grad-brand: linear-gradient(90deg, var(--pink), var(--blue-lt));
}

.grad_text {
    color: var(--pink);
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .grad_text {
        background: var(--grad-brand);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

html {
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    padding-top: 82px;
    font-family: "Raleway", sans-serif;
    color: var(--navy);
    background: var(--bg);
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "pnum"on, "lnum"on, "liga"off;
}

* {
    box-sizing: border-box;
    outline: none;
    font-variant-numeric: lining-nums;
}

:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 2px;
}

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

button,
a {
    cursor: pointer;
    transition: .3s;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

p {
    margin-top: 0;
}

img {
    display: block;
    max-width: 100%;
}

iconify-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: none;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

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

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 28px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.btn:disabled {
    pointer-events: none;
    opacity: .8;
}

.is-loading {
    pointer-events: none;
    opacity: .7;
}

.is-loading > iconify-icon {
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    font-size: 0 !important;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: upload_spin .7s linear infinite;
}

.is-loading:not(:has(> iconify-icon))::after {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: upload_spin .7s linear infinite;
}

.btn--pink {
    background: var(--pink);
}

.btn--lg {
    padding: 24px 32px;
}

.btn--pink,
.header_cta,
.infobar_btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

.btn--pink::before,
.header_cta::before,
.infobar_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad-brand);
    opacity: 0;
    transition: opacity .25s ease;
}

@media (hover: hover) {

    .btn--pink:hover,
    .header_cta:hover,
    .infobar_btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(200, 1, 125, .35);
    }
}

@media (hover: hover) {

    .btn--pink:hover::before,
    .header_cta:hover::before,
    .infobar_btn:hover::before {
        opacity: 1;
    }
}

.btn--pink:active,
.header_cta:active,
.infobar_btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(200, 1, 125, .3);
}

.section_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.section_title {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
}

.section_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--pink);
    text-decoration: underline;
}

.section_link iconify-icon {
    font-size: 13px;
}

@media (hover: hover) {
    .section_link:hover {
        text-decoration: none;
    }
}

.site_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 82px;
    background: #fff;
    border-bottom: 1px solid var(--border);
    transition: transform .3s ease;
}

.site_header.is-hidden {
    transform: translateY(-100%);
}

body.nav-open .site_header.is-hidden {
    transform: none;
}

.site_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 82px;
}

.site_header_left {
    display: flex;
    align-items: center;
    gap: 64px;
    height: 100%;
}

.site_logo {
    display: inline-flex;
    align-items: center;
}

.site_logo img {
    height: 22px;
    width: auto;
}

.site_logo--dual {
    gap: 16px;
}

.site_logo--dual .site_logo_partner {
    height: 34px;
    max-width: 190px;
    object-fit: contain;
    object-position: left center;
}

.site_logo--dual .site_logo_brand {
    height: 14px;
    padding-left: 16px;
    border-left: 1px solid var(--border);
    box-sizing: content-box;
}

.main_nav {
    display: flex;
    align-items: stretch;
    gap: 32px;
    height: 100%;
}

.main_nav_link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.main_nav_link:first-child {
    font-weight: 700;
}

.main_nav_link .ico_chevron_down {
    font-size: 14px;
}

@media (hover: hover) {
    .main_nav_link:hover {
        color: var(--pink);
    }
}

.main_nav_link.is-current {
    color: var(--pink);
}

.main_nav_link.is-active {
    height: auto;
    align-self: center;
    padding: 11px 16px;
    border-radius: 5px;
    border: 2px solid transparent;
    background: linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box;
}

.main_nav_item.is-open .main_nav_link.is-active,
.main_nav_item:focus-within .main_nav_link.is-active {
    color: var(--navy);
    background:
        linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(120deg, var(--pink), #51abe4) border-box;
}

@media (hover: hover) {
    .main_nav_item:hover .main_nav_link.is-active {
        color: var(--navy);
        background:
            linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(120deg, var(--pink), #51abe4) border-box;
    }
}

.site_header_right {
    display: flex;
    align-items: center;
    gap: 31px;
}

.header_util {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
}

.header_util iconify-icon {
    font-size: 16px;
}

@media (hover: hover) {
    .header_util:hover {
        color: var(--pink);
    }
}

.header_util--stack {
    flex-direction: column;
    gap: 2px;
}

.header_util--stack iconify-icon {
    font-size: 24px;
}

.header_divider {
    width: 1px;
    height: 44px;
    background: var(--border);
}

.header_cta {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 18px;
    border-radius: 5px;
    background: var(--pink);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.top_wedge_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 507px;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.top_wedge {
    position: absolute;
    top: -340px;
    left: 0;
    width: 100%;
    max-width: none;
    height: 847px;
}

.hero {
    background: transparent;
}

.hero_inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 534px;
}

.hero_actions .btn {
    width: 180px;
    padding: 24px 32px;
}

.hero_copy {
    flex: 0 0 440px;
    padding-right: 40px;
}

.hero_tag {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 20px;
}

.hero_title {
    margin: 0;
    max-width: 400px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.05;
    color: var(--navy);
}

.hero_title_grad {

    background-image: linear-gradient(90deg, var(--pink) 61.54%, var(--blue-lt) 95.19%);
}

.hero_text b {
    font-weight: 700;
}

.hero_text {
    margin: 20px 0 0;
    max-width: 320px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.hero_actions {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 34px;
}

.hero_link {
    font-size: 14px;
    font-weight: 700;
    color: var(--pink);
    text-decoration: underline;
}

@media (hover: hover) {
    .hero_link:hover {
        text-decoration: none;
    }
}

.hero_cards {
    position: relative;
    flex: 1;
    min-width: 0;
}

.hero_swiper,
.hero_swiper .swiper-wrapper,
.hero_swiper .swiper-slide {
    overflow: visible;
}

.hero_swiper .swiper-slide {
    width: 300px;
}

.hero_card {
    position: relative;
    display: block;
    height: 436px;
    color: #fff;
    transition: transform .35s ease;
}

.hero_card_img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    width: auto;
    max-width: none;
    z-index: 1;
    pointer-events: none;
    width: calc(100% + 32px);
    transition: transform .5s ease, filter .35s ease;
}

.hero_card_title {
    position: absolute;
    left: 19px;
    top: 23px;
    right: 19px;
    z-index: 3;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.hero_card--dark .hero_card_title {
    color: #fff;
}

.hero_card_title--wide {
    max-width: 256px;
}

.hero_card_desc {
    position: absolute;
    left: 19px;
    top: 62px;
    width: 276px;
    z-index: 3;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.hero_card--dark .hero_card_desc {
    color: #fff;
}

.hero_card_price {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    color: #fff;
}

.hero_card_from,
.hero_card_vat {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
}

.hero_card_price b {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
}

.hero_card_arrow {
    position: absolute;
    right: 25px;
    bottom: 20px;
    z-index: 3;
    width: 47px;
    height: 44px;
    border-radius: 5px;
    background: var(--pink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.hero_card_arrow iconify-icon {
    font-size: 14px;
}

.hero_card_cta {
    position: absolute;
    left: 23px;
    right: 25px;
    bottom: 20px;
    z-index: 3;
    height: 44px;
    border-radius: 5px;
    background: var(--pink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.hero_card_cta iconify-icon {
    font-size: 14px;
}

.hero_card_arrow,
.hero_card_cta {
    isolation: isolate;
    overflow: hidden;
    transition: box-shadow .3s ease;
}

.hero_card_arrow::before,
.hero_card_cta::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad-brand);
    opacity: 0;
    transition: opacity .3s ease;
}

@media (hover: hover) {
    .hero_card:hover {
        transform: translateY(-6px);
    }
}

@media (hover: hover) {
    .hero_card:hover .hero_card_img {
        transform: translateX(-50%) scale(1.04);
        filter: drop-shadow(0 22px 44px rgba(21, 33, 57, .22));
    }
}

@media (hover: hover) {

    .hero_card:hover .hero_card_arrow,
    .hero_card:hover .hero_card_cta {
        box-shadow: 0 8px 18px rgba(200, 1, 125, .35);
    }
}

@media (hover: hover) {

    .hero_card:hover .hero_card_arrow::before,
    .hero_card:hover .hero_card_cta::before {
        opacity: 1;
    }
}

.hero_solo {
    position: relative;
    flex: 1;
    min-width: 0;
}

.hero_solo_img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-position: right center;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.hero_solo_panel {
    width: 340px;
    max-width: 60%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    color: #fff;
    gap: 20px;
    position: relative;
    z-index: 10;
}

.hero_solo_top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero_solo_title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
}

.hero_solo_desc {
    max-width: 300px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.hero_feats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hero_feat {
    padding: 4px 10px;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}

.hero_solo_bottom {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero_solo_price {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.hero_solo_price b {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
}

.hero_solo_cta {
    width: 100%;
    gap: 10px;
    padding: 24px 32px;
    font-size: 14px;
    font-weight: 800;
}

.hero_solo_cta iconify-icon {
    font-size: 14px;
}

.nav_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 44px;
    padding: 0;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    box-shadow: var(--shadow);
    color: var(--navy);
}

.nav_arrow iconify-icon {
    font-size: 14px;
}

@media (hover: hover) {
    .nav_arrow:hover {
        background: var(--navy);
        color: #fff;
        border-color: var(--navy);
    }
}

.nav_arrow.swiper-button-disabled,
.nav_arrow.swiper-button-lock {
    opacity: 0;
    pointer-events: none;
}

.hero_next {
    right: -22px;
    z-index: 5;
}

.picks {
    padding: 56px 0 66px;
    background: linear-gradient(90deg, rgba(200, 1, 125, 0.09) 0%, rgba(0, 160, 223, 0.09) 100%), #FFFFFF;
}

.picks_grid {
    display: flex;
    gap: 20px;
}

.pick_tile {
    flex: 1;
    min-width: 0;
    height: 148px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1.5px solid #fff;
    background:
        linear-gradient(#fff, #fff) padding-box,
        var(--grad-brand) border-box;
    border-radius: 5px;
    box-shadow: 0 2px 14px rgba(21, 33, 57, .045);
    transition: .3s;
}

@media (hover: hover) {
    .pick_tile:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 26px rgba(21, 33, 57, .10);
        border-color: transparent;
    }
}

.pick_img {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pick_img img {
    max-height: 100px;
    max-width: 180px;
    width: auto;
    object-fit: contain;
}

.pick_label {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
    text-align: center;
}

.brands {
    padding: 63px 0 83px;
}

.brands_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 32px 40px;
}

.brand_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    transition: .3s;
}

.brand_logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand_logo img {
    width: auto;
    height: auto;
    max-width: 90px;
    object-fit: contain;
}

.brand_name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--navy);
    text-align: center;
}

@media (hover: hover) {
    .brand_item:hover {
        transform: translateY(-3px);
    }
}

.cars_section {
    padding: 70px 0 100px;
    border-top: 1px solid var(--border);
}

.cars_head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
}

.cars_title {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
    text-align: center;
}

.cars_head .section_link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cars_carousel {
    position: relative;
    padding-top: 22px;
    padding-left: max(24px, calc((100% - 1440px) / 2));
    overflow: hidden;
    margin-bottom: -180px;
}

.cars_swiper {
    overflow: visible;
}

.cars_swiper .swiper-slide {
    width: 345px;
    height: auto;
    padding-bottom: 90px;
}

.cars_fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 220px;
    pointer-events: none;
    z-index: 2;
    transition: opacity .3s;
}

.cars_fade--right {
    right: 0;
    background: linear-gradient(90deg, rgba(250, 250, 250, 0), var(--bg) 72%);
}

.cars_fade--left {
    left: 0;
    background: linear-gradient(270deg, rgba(250, 250, 250, 0), var(--bg) 72%);
}

.cars_prev {
    left: max(24px, calc((100% - 1480px) / 2));
    z-index: 3;
}

.cars_next {
    right: max(24px, calc((100% - 1480px) / 2));
    z-index: 3;
}

.cars_carousel:has(.cars_prev.swiper-button-disabled) .cars_fade--left,
.cars_carousel:has(.cars_next.swiper-button-disabled) .cars_fade--right {
    opacity: 0;
}

.car_card {
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    width: 345px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    transition: box-shadow .3s, transform .3s;
}

.car_card--sale {
    border: 1.5px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        var(--grad-brand) border-box;
}

.cars_section .car_card--sale {
    border: 1px solid var(--border);
    background: #fff;
}

.car_card--skeleton {
    min-height: 540px;
    background: linear-gradient(100deg, #fff 40%, #f2f4f8 50%, #fff 60%) 0 0 / 200% 100%;
    animation: car_card_shimmer 1.4s linear infinite;
}

@keyframes car_card_shimmer {
    to {
        background-position: -200% 0;
    }
}

@media (hover: hover) {
    .car_card:hover {
        box-shadow: 0 14px 30px rgba(21, 33, 57, .07), 0 40px 60px rgba(21, 33, 57, .05);
    }
}

@media (hover: hover) {
    .car_card:hover .car_card_title {
        color: var(--pink);
    }
}

.car_card_media {
    position: relative;
    padding: 16px 14px 0;
}

.car_card_photo {
    width: 100%;
    height: 206px;
    object-fit: cover;
    border-radius: 5px;
    transform: scale(1.25);
}

.car_card_photo--placeholder {
    object-fit: contain;
    transform: none;
}

.car_card_promo {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px 8px 8px;
    border-radius: 5px;
    background: linear-gradient(90deg, #b51d8e, #658fd3);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.car_card_promo_ico {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
}

.spec_wheel {
    flex: none;
    width: 24px;
    height: 24px;
}

.car_card_body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 30px 24px;
    flex: 1;
}

.car_card_head {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.car_card_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
    transition: color .3s;
}

.car_card_sub {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    min-height: 1.4em;
    color: var(--navy);
}

.car_card_stock {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px 4px 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #d6f6eb, #caffce);
    color: var(--navy);
    font-size: 12px;
    font-weight: 700;
}

.car_card_stock iconify-icon {
    font-size: 22px;
    color: inherit;
}

.car_card_stock--ready {
    padding-left: 9px;
}

.car_card_stock--ready iconify-icon {
    font-size: 15px;
    stroke-width: 2.5;
}

.car_card_stock--order {
    background: #f0f2f7;
    color: var(--muted);
}

.car_card_stock--preprod {
    background: #e7f3fc;
    color: var(--navy);
}

.price_from {
    margin-right: 4px;
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

.car_card_specs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 4px;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.car_card_specs .spec {
    flex: 0 0 calc(50% - 2px);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.car_card_specs .spec iconify-icon {
    font-size: 24px;
    color: var(--navy);
}

.car_card_price {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    justify-content: flex-end;
}

.car_card_old {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    min-height: 16px;
    color: var(--pink);
    text-decoration: line-through;
}

.car_card_now {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 5px;
    margin: 0;
}

.car_card_now b {
    font-size: 24px;
    font-weight: 800;
    color: var(--navy);
    white-space: nowrap;
}

.car_card_now span {
    font-size: 12px;
    font-weight: 500;
    color: var(--navy);
}

.car_card_vat {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    min-height: 16px;
    color: var(--muted-2);
}

.lease {
    position: relative;
    padding: 78px 0 68px;
}

.lease_wedge {
    position: absolute;
    left: 0;
    right: 0;
    top: -132px;
    height: 846px;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(72deg, #fff 70%, #f3f4f5 100%);
    clip-path: polygon(0 2%, 0 100%, 100% 50%);
}

.lease_inner {
    position: relative;
    z-index: 2;
}

.compare {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 71px;
}

.compare_intro {
    width: 340px;
    flex: none;
    padding-top: 40px;
}

.compare_intro_title {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.compare_intro_text {
    margin: 26px 0 34px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
    max-width: 287px;
}

.compare_card {
    flex: none;
    display: flex;
    flex-direction: column;
    height: 610px;
    padding: 42px 46px;
    border-radius: 5px;
}

.compare_card--plain {
    width: 466px;
    background: #f3f4f5;
}

.compare_card--go {
    width: 431px;
    margin-left: -91px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 30px 60px rgba(21, 33, 57, .10);
    position: relative;
    z-index: 2;
}

.compare_icon {
    width: 92px;
    height: 92px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.compare_icon img {
    width: 46px;
    height: auto;
}

.compare_icon--x {
    background: #e7eaed;
}

.compare_icon--mark {
    background: #f3f4f5;
}

.compare_tag {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: var(--muted);
}

.compare_card_title {
    margin: 6px 0 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--navy);
}

.compare_card_title--grad {
    font-weight: 800;
}

.compare_card_perex {
    margin: 12px 0 22px;
    max-width: 220px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.compare_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.compare_list li {
    display: flex;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--navy);
}

.compare_list li iconify-icon {
    flex: none;
    margin-top: 2px;
    font-size: 16px;
}

.compare_list--x li iconify-icon {
    color: #c9d2da;
}

.compare_list--check li iconify-icon {
    color: var(--pink);
}

.lease_dark_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 309px;
    height: 1553px;
    z-index: 0;
    pointer-events: none;
}

.lease_accent,
.lease_dark {
    position: absolute;
    inset: 0;
}

.lease_dark {
    background: linear-gradient(158deg, #0a5a94 0%, #073a6b 38%, #070328 100%);
    clip-path: polygon(0 330px, 100% 0, 100% 100%, 0 calc(100% - 315px));
}

.lease_accent {
    background: var(--grad-brand);
    clip-path: polygon(0 330px, 100% 0, 100% 9px, 0 339px);
}

.lease_car {
    position: absolute;
    left: calc((100% - 1440px) / 2 - 105px);
    top: 329px;
    width: 851px;
    max-width: none;
    pointer-events: none;
    z-index: 100;
}

.included {
    position: relative;
    z-index: 2;
    margin-top: 259px;
    padding-bottom: 110px;
    text-align: center;
    color: #fff;
}

.included_cta {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.included_cta .btn {
    padding: 24px 32px;
}

.included_title {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

.included_sub {
    margin: 14px auto 60px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.included_grid {
    display: flex;
    gap: 90px 30px;
    text-align: left;
}

.included_item {
    flex: 1;
    text-align: center;
}

.included_ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .10);
    margin-bottom: 40px;
}

.included_ico iconify-icon {
    font-size: 26px;
}

.included_item_title {
    margin: 0 0 17px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

.included_item_text {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: rgba(255, 255, 255, .8);
}

.steps {
    position: relative;
    z-index: 3;
    margin-top: 0;
    display: flex;
    gap: 26px;
    align-items: stretch;
}

.steps_video {
    position: relative;
    flex: none;
    width: 906px;
    height: 586px;
    border-radius: 5px;
    overflow: hidden;
    background: #152139 url(../img/dark/video.png) center/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.steps_video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(62% 62% at 50% 50%, rgba(21, 33, 57, .55), rgba(21, 33, 57, .12));
}

.steps_play {
    position: relative;
    z-index: 1;
    width: 78px;
    height: 78px;
    border: none;
    border-radius: 50%;
    background: var(--grad-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s;
}

.steps_play iconify-icon {
    font-size: 30px;
    color: #fff;
    margin-left: 3px;
}

@media (hover: hover) {
    .steps_play:hover {
        transform: scale(1.06);
    }
}

.steps_video_tag {
    position: relative;
    z-index: 1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2.4px;
    color: #fff;
    margin-top: 8px;
}

.steps_video_caption {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 240px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.steps_card {
    flex: 1;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.steps_title {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
}

.steps_sub {
    margin: 14px 0 26px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.steps_list {
    display: flex;
    flex-direction: column;
}

.step {
    border-top: 1px solid var(--border);
}

.step:first-child {
    border-top: none;
}

.step_head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    background: none;
    border: none;
    text-align: left;
}

.step_num {
    font-size: 20px;
    font-weight: 500;
    color: #94a3b8;
    transition: color .3s;
}

.step_name {
    flex: 1;
    font-size: 20px;
    font-weight: 700;
    color: var(--navy);
}

.step_toggle {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--pink);
    flex: none;
}

.step_toggle::before,
.step_toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--pink);
}

.step_toggle::before {
    width: 10px;
    height: 2px;
}

.step_toggle::after {
    width: 2px;
    height: 10px;
}

.step_body {
    overflow: hidden;
    max-height: 0;
    padding-left: 56px;
    transition: max-height .3s ease;
}

.step_body>p {
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--muted-2);
}

.step.is-open .step_num {
    color: var(--pink);
}

.step.is-open .step_body {
    max-height: 300px;
}

.step.is-open .step_body>p {
    padding-bottom: 20px;
}

.step.is-open .step_toggle {
    border-color: #cfd6de;
}

.step.is-open .step_toggle::before {
    background: #94a3b8;
}

.step.is-open .step_toggle::after {
    display: none;
}

section.blog {
    padding: 56px 0;
}

.blog_title {
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
}

.blog_grid {
    display: flex;
    gap: 30px;
}

.blog_card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog_media {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    line-height: 0;
}

.blog_media--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 259px;
    background: linear-gradient(135deg, #edf0f5, #dee3eb);
    color: #aab2c0;
}

.blog_media--empty iconify-icon {
    font-size: 46px;
}

.blog_media img {
    width: 100%;
    height: 259px;
    object-fit: cover;
    transition: transform .4s;
}

@media (hover: hover) {
    .blog_card:hover .blog_media img {
        transform: scale(1.04);
    }
}

.blog_pill {
    margin: 20px 0 14px;
    padding: 4px 9px;
    border-radius: 5px;
    background: #ffe6f6;
    color: var(--pink);
    font-size: 12px;
    font-weight: 700;
}

.article_meta .blog_pill {
    margin: 20px 0;
}

.blog_card_title {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--navy);
    transition: color .3s;
}

@media (hover: hover) {
    .blog_card:hover .blog_card_title {
        color: var(--pink);
    }
}

.blog_card_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--navy);
}

.benefits {
    padding: 40px 0;
}

.benefits:has(+ .site_footer) {
    padding-bottom: 0px;
}

.benefits_bar {
    background: linear-gradient(90deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09));
    padding: 52px 24px 60px;
    text-align: center;
}

.benefits_title {
    margin: 0 0 44px;
    font-size: 30px;
    font-weight: 800;
    color: var(--navy);
}

.benefits_items {
    display: flex;
    justify-content: center;
    gap: 60px;
    max-width: 1320px;
    margin: 0 auto;
}

.benefits_item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 285px;
    text-align: left;
}

.benefits_ico {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits_ico iconify-icon {
    font-size: 24px;
    color: #fff;
}

.benefits_ico--1 {
    background: var(--pink);
}

.benefits_ico--2 {
    background: #a03aa0;
}

.benefits_ico--3 {
    background: #7a71c1;
}

.benefits_ico--4 {
    background: var(--blue-lt);
}

.benefits_item p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--navy);
}

.benefits_item p b {
    font-weight: 800;
}

.reviews {
    padding: 60px 0;
}

.reviews_inner {
    display: flex;
    align-items: center;
    gap: 40px;
}

.reviews_aside {
    flex: 0 0 308px;
}

.reviews_stat {
    margin: 0;
    font-size: 64px;
    font-weight: 800;
    line-height: 1;
    color: var(--navy);
}

.reviews_stat_label {
    margin: 10px 0 0;
    font-size: 25px;
    font-weight: 700;
    color: var(--navy);
}

.reviews_carousel {
    position: relative;
    flex: 1;
    min-width: 0;
}

.reviews_swiper {
    overflow: hidden;
}

.reviews_swiper .swiper-slide {
    width: 350px;
    height: auto;
}

.review_card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    padding: 40px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.review_quote {
    width: 28px;
    height: 21px;
    flex: none;
}

.review_text {
    margin: 0;
    flex: 1;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.review_author {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review_avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
}

.review_meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review_name {
    font-size: 16px;
    font-weight: 700;
    color: var(--navy);
}

.review_model {
    font-size: 16px;
    font-weight: 500;
    color: var(--muted);
}

.reviews_next {
    right: -20px;
    z-index: 10;
}

.footer_dark {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, #005187, #070328);
    color: #fff;
    padding: 90px 0 62px;
    padding-bottom: 0;
}

.footer_dark>.container {
    position: relative;
    z-index: 1;
}

.footer_watermark {
    position: absolute;
    left: 50%;
    top: 232px;
    transform: translateX(-50%);
    z-index: 0;
    width: 95%;
    max-width: 1723px;
    pointer-events: none;
    user-select: none;
}

.footer_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.footer_col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_col_title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.footer_col_links {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_col a {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
}

@media (hover: hover) {
    .footer_col a:hover {
        color: #fff;
    }
}

.footer_contact {
    min-width: 322px;
}

.footer_phone {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.footer_phone_ico {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_phone_ico iconify-icon {
    font-size: 24px;
}

.footer_phone_text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer_phone_num {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.footer_phone_pre {
    font-weight: 400;
}

.hours {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.hours_dot {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #01ae5c;
}

.hours_dot.is-closed {
    background: #e02b2b;
}

.footer_phone .hours {
    color: rgba(255, 255, 255, .8);
}

.footer_address {
    margin: 0 0 22px;
    font-style: normal;
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
}

.footer_social {
    display: flex;
    gap: 14px;
}

.footer_social a {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (hover: hover) {
    .footer_social a:hover {
        background: rgba(255, 255, 255, .2);
    }
}

.footer_social iconify-icon {
    font-size: 24px;
}

.footer_brands {
    flex: 1 1 100%;
    margin-top: 85px;
    padding: 55px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer_brands .footer_col_title {
    display: none;
}

.footer_brands_grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.footer_brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: opacity .2s;
}

@media (hover: hover) {
    .footer_brand:hover {
        opacity: .7;
    }
}

.footer_brand_logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_brand_logo img {
    width: auto;
    height: auto;
    max-width: 70px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.footer_brand_name {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.footer_bottom {
    background: #fff;
    padding: 26px 0;
}

.footer_bottom_inner {
    display: flex;
    align-items: center;
    gap: 24px;
}

.footer_mark {
    height: 42px;
    width: auto;
    flex: none;
}

.footer_legal {
    flex: 1;
}

.footer_copy {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-2);
}

.footer_legal_links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.footer_legal_links a {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-2);
    text-decoration: underline;
}

@media (hover: hover) {
    .footer_legal_links a:hover {
        color: var(--pink);
        text-decoration: none;
    }
}

.footer_co2 {
    display: inline-flex;
    flex: none;
}

.footer_co2 img {
    display: block;
    height: 44px;
    width: auto;
}

.main_nav_item {
    display: flex;
    align-items: center;
    height: 100%;
}

.megamenu {
    position: absolute;
    top: 82px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s;
    z-index: 999;
}

.megamenu_veil {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(21, 33, 57, .8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    pointer-events: none;
}

.megamenu_panel {
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg, #fce9f2 0%, #eef0f6 52%, #e7f2fb 100%);
    border-top: 1px solid var(--border);
    box-shadow: 0 24px 40px rgba(21, 33, 57, .12);
    transform: translateY(-8px);
    transition: transform .22s ease;
}

.main_nav_item.is-open .megamenu,
.main_nav_item:focus-within .megamenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (hover: hover) {
    .main_nav_item:hover .megamenu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.main_nav_item.is-open .megamenu_panel,
.main_nav_item:focus-within .megamenu_panel {
    transform: translateY(0);
}

@media (hover: hover) {
    .main_nav_item:hover .megamenu_panel {
        transform: translateY(0);
    }
}

.site_header.is-hidden .megamenu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.main_nav_item.is-open .ico_chevron_down,
.main_nav_item:focus-within .ico_chevron_down {
    transform: rotate(180deg);
}

@media (hover: hover) {
    .main_nav_item:hover .ico_chevron_down {
        transform: rotate(180deg);
    }
}

.ico_chevron_down {
    transition: transform .22s ease;
}

.megamenu_inner {
    display: flex;
    gap: 44px;
    align-items: stretch;
    padding: 32px 0 40px;
}

.megamenu_main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.megamenu_head {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 28px;
}

.megamenu_title {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--navy);
}

.megamenu_cols {
    display: flex;
    gap: 37px;
    align-items: flex-start;
}

.mega_col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.megamenu_cols>.mega_col:first-child {
    width: 192px;
}

.megamenu_cols>.mega_col:last-child {
    width: 213px;
}

.mega_col--brands {
    flex: 1;
}

.mega_col_title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.mega_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mega_link,
.mega_brand {
    display: flex;
    align-items: center;
    gap: 3px;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    transition: color .2s, box-shadow .2s;
}

.mega_ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 100%;
    flex: none;
}

.mega_ico img {
    max-width: 87px;
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.mega_brands {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 9px;
}

.mega_brands .mega_brand {
    flex: 0 0 calc(33.333% - 6px);
}

.mega_brand_logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 100%;
    flex: none;
}

.mega_brand_logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media (hover: hover) {

    .mega_link:hover,
    .mega_brand:hover {
        color: var(--pink);
        box-shadow: 0 6px 14px rgba(21, 33, 57, .08);
    }
}

.mega_promo.hero_card {
    flex: none;
    min-height: 436px;
    width: 302px;
}

.search_overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 92px 24px 40px;
    background: transparent;
}

.search_overlay::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(21, 33, 57, .8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.search_overlay[hidden] {
    display: none;
}

.search_dialog {
    position: relative;
    width: 840px;
    max-width: 100%;
}

.search_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100vh - 132px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 30px 60px rgba(21, 33, 57, .35);
    overflow: hidden;
}

.search_close {
    position: absolute;
    top: 16px;
    right: -52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
}

.search_close iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .search_close:hover {
        opacity: .8;
    }
}

.search_bar {
    display: flex;
    flex: none;
    align-items: center;
    gap: 14px;
    padding: 16px 16px 16px 22px;
    background: #fff;
}

.search_ico {
    font-size: 22px;
    color: var(--navy);
    flex: none;
}

.search_input {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    color: var(--navy);
}

.search_input::placeholder {
    color: var(--muted-2);
}

.search_input:focus-visible {
    outline: none;
}

.search_submit {
    flex: none;
    padding: 13px 24px;
}

.search_body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 16px 16px;
    background: linear-gradient(135deg, rgba(200, 1, 125, .07) 0%, rgba(0, 160, 223, .05) 100%);
}

.search_panel.is-compact .search_body {
    padding-top: 8px;
}

.sr_head {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 8px 12px;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.sr_head iconify-icon {
    font-size: 18px;
    color: var(--navy);
}

.sr_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sr_row {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px 22px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(21, 33, 57, .05);
}

.sr_thumb {
    flex: none;
    width: 84px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sr_thumb img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.sr_info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sr_title {
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
    transition: color .2s;
}

.sr_spec {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted);
}

@media (hover: hover) {
    .sr_row:hover .sr_title {
        color: var(--pink);
    }
}

.sr_row:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 2px;
}

.sr_row:focus-visible .sr_title {
    color: var(--pink);
}

.sr_price {
    flex: none;
    text-align: right;
}

.sr_price b {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--navy);
}

.sr_price span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-2);
}

.sr_more {
    display: flex;
    justify-content: center;
    padding: 16px 8px 6px;
}

.sr_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 6px;
    background: var(--navy);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.sr_more_btn iconify-icon {
    font-size: 14px;
}

.sr_empty {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 22px 8px 14px;
}

.sr_empty_ico {
    position: relative;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    border-radius: 12px;
    background: #18305b;
}

.sr_empty_glass {
    font-size: 40px;
    color: #fff;
}

.sr_empty_badge {
    position: absolute;
    top: 20px;
    right: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--pink);
}

.sr_empty_badge iconify-icon {
    font-size: 12px;
    color: #fff;
}

.sr_empty_txt {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sr_empty_txt b {
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.sr_empty_txt span {
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.catalog_head {
    padding: 20px 0 0;
}

.crumbs {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
}

.crumbs a {
    display: inline-block;
    color: var(--navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (hover: hover) {
    .crumbs a:hover {
        color: var(--pink);
        text-decoration: none;
    }
}

.crumbs iconify-icon {
    font-size: 16px;
}

.crumbs .crumbs_sep {
    font-size: 11px;
    color: var(--muted-2);
}

.catalog_title {
    margin: 22px 0 30px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
    text-align: center;
}

.catalog {
    padding-bottom: 40px;
}

.catalog_grid {
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

.filters {
    flex: none;
    width: 278px;
}

.catalog_main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.filters_list {
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.filters_head,
.filters_foot,
.filters_toggle {
    display: none;
}

.filters_toggle {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    border: none;
    border-radius: 5px;
    background: var(--pink);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.filters_toggle>span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.filters_toggle iconify-icon {
    font-size: 16px;
}

.filters_head {
    align-items: center;
    justify-content: space-between;
    flex: none;
    height: 52px;
    padding: 0 20px;
    background: var(--pink);
    color: #fff;
}

.filters_head_title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 800;
}

.filters_head_title iconify-icon {
    font-size: 16px;
}

.filters_close {
    display: inline-flex;
    padding: 4px;
    margin: -4px;
    border: none;
    background: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.filters_foot {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex: none;
    padding: 14px 20px;
    border-top: 1px solid var(--border);
    background: #fff;
}

.filters_clear {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
}

.filters_clear iconify-icon {
    font-size: 16px;
}

.filters_apply {
    padding: 12px 20px;
    font-size: 13px;
}

.filters_scrim {
    position: fixed;
    inset: 0;
    z-index: 1999;
    background: rgba(21, 33, 57, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.filters_scrim[hidden] {
    display: none;
}

@keyframes filtersIn {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.filter_group {
    position: relative;
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 20px;
    background: #fff;
}

.filter_group:not(.is-collapsed) {
    padding-bottom: 27px;
}

.filter_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.filter_head h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.filter_head iconify-icon {
    font-size: 15px;
    color: var(--navy);
    transition: transform .2s;
}

.filter_group.is-collapsed .filter_head iconify-icon {
    transform: rotate(-90deg);
}

.filter_body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.filter_group.is-collapsed .filter_body {
    display: none;
}

.filter_opt {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
}

.filter_opt input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid var(--navy);
    border-radius: 3px;
    background: #f3f4f5;
    position: relative;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}

.filter_opt input[type="checkbox"]:checked {
    background: var(--pink);
    border-color: var(--pink);
}

.filter_opt input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter_opt input[type="checkbox"]:disabled {
    opacity: .45;
    cursor: default;
}

.filter_option_logo {
    flex: none;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter_option_logo img {
    max-width: 34px;
    max-height: 34px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.filter_option_name {
    flex: 1;
    min-width: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.filter_opt input[type="checkbox"]:checked~.filter_option_name {
    font-weight: 700;
    text-decoration: none;
}

.filter_opt.is-disabled .filter_option_name,
.filter_opt input[type="checkbox"]:disabled~.filter_option_name {
    text-decoration: line-through;
}

.filter_brand .filter_opt--brand {
    cursor: pointer;
}

.brand_caret {
    flex: none;
    font-size: 15px;
    color: var(--navy);
    transition: transform .2s;
    cursor: pointer;
    padding: 4px;
    margin: -4px;
}

.filter_brand:not(.is-open) .brand_caret {
    transform: rotate(-90deg);
}

.filter_sub {
    display: none;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    padding-left: 26px;
}

.filter_brand.is-open .filter_sub {
    display: flex;
}

.filter_more {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 5px 12px;
    border: 1px solid var(--border);
    border-radius: 40px;
    background: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
    white-space: nowrap;
}

.filter_more iconify-icon {
    font-size: 14px;
    transition: transform .2s;
}

.filter_group.is-expanded .filter_more iconify-icon {
    transform: rotate(180deg);
}

@media (hover: hover) {
    .filter_more:hover {
        border-color: var(--pink);
        color: var(--pink);
    }
}

.filter_opt--extra {
    display: none;
}

.filter_group.is-expanded .filter_opt--extra {
    display: flex;
}

.catalog_bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.chip_row {
    display: contents;
}

.catalog_bar_label {
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
    margin-right: 4px;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px 4px 12px;
    border: 1px solid var(--navy);
    border-radius: 42px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    white-space: nowrap;
}

.chip iconify-icon {
    font-size: 20px;
}

@media (hover: hover) {
    .chip:hover {
        border-color: var(--pink);
        color: var(--pink);
    }
}

.catalog_active {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09));
}

.catalog_active[hidden] {
    display: none;
}

.chip--active {
    border: none;
    background: #fff;
    box-shadow: 0 2px 6px rgba(21, 33, 57, .06);
}

.active_head,
.active_chips {
    display: contents;
}

.catalog_clear {
    margin-left: auto;
    order: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.catalog_clear iconify-icon {
    font-size: 15px;
}

@media (hover: hover) {
    .catalog_clear:hover {
        color: var(--pink);
    }
}

.catalog_sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.catalog_count {
    font-size: 14px;
    font-weight: 500;
    color: var(--muted-2);
}

.catalog_sortby {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.select {
    position: relative;
}

.select_native {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.select_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: none;
    font: inherit;
    font-weight: 700;
    color: var(--navy);
    cursor: pointer;
}

.select_btn iconify-icon {
    font-size: 14px;
    color: var(--navy);
    transition: transform .2s;
}

.select.is-open .select_btn iconify-icon {
    transform: rotate(180deg);
}

.select_menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    min-width: 200px;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(21, 33, 57, .12);
    display: none;
    flex-direction: column;
    gap: 2px;
}

.select.is-open .select_menu {
    display: flex;
}

.select_opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
    white-space: normal;
    transition: background .12s;
}

.select_opt.is-active {
    background: #f3f4f5;
}

@media (hover: hover) {
    .select_opt:hover {
        background: #f3f4f5;
    }
}

.select_opt[aria-selected="true"] {
    font-weight: 700;
}

.select_check {
    flex: none;
    font-size: 16px;
    color: var(--pink);
    opacity: 0;
}

.select_opt[aria-selected="true"] .select_check {
    opacity: 1;
}

.car_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 34px 30px;
    align-items: stretch;
}

.car_grid>.car_card,
.car_grid>.hero_card {
    flex: 0 0 calc((100% - 60px) / 3);
    min-width: 0;
}

.car_grid>.empty_inner {
    flex: 1 1 100%;
}

.car_grid>.promo_wide {
    flex: 0 0 100%;
}

.car_grid .car_card {
    width: auto;
    margin-bottom: 0;
}

.car_grid .hero_card {
    position: relative;
}

.promo_wide {
    display: block;
    line-height: 0;
    transition: transform .3s, filter .3s;
    position: relative;
}

@media (hover: hover) {
    .promo_wide:hover {
        transform: translateY(-4px);
        filter: drop-shadow(0 14px 22px rgba(21, 33, 57, .18));
    }
}

.promo_wide .promo_head,
.promo_wide .promo_offer {
    position: absolute;
    line-height: normal;
    color: #fff;
    text-decoration: none;
    z-index: 100;
}

.promo_head {
    left: 4.2%;
    top: 34%;
    max-width: 30%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.promo_title {
    font-size: 24px;
    font-weight: 800;
}

.promo_desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.promo_offer {
    right: 2.6%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 34px;
}

.promo_price {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.promo_from,
.promo_note {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
}

.promo_amount {
    font-size: 24px;
    font-weight: 800;
}

.promo_arrow {
    flex: none;
    width: 46px;
    height: 44px;
    border-radius: 5px;
    background: var(--pink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.promo_wide img {
    width: 100%;
    height: auto;
    display: block;
}

.pagination {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.pagination::before {
    content: "";
    flex: 1;
}

.pager_more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    border-radius: 5px;
    background: var(--navy);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.pager_more iconify-icon {
    font-size: 14px;
}

.pager {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.pager a {
    font-size: 14px;
    font-weight: 500;
    color: var(--pink);
    text-decoration: underline;
}

.pager .is-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 32px;
    padding: 0 6px;
    border-radius: 5px;
    background: #ffe6f6;
    color: var(--navy);
    text-decoration: none;
}

.pager .pager_dots {
    color: var(--navy);
    font-size: 16px;
}

.pager .pager_next {
    color: var(--pink);
    font-weight: 700;
    text-decoration: underline;
}

.pager .pager_next iconify-icon {
    font-size: 13px;
    margin-left: 6px;
    vertical-align: middle;
}

.cta_promo {
    position: relative;
    display: block;
    line-height: 0;
}

.cta_promo img {
    width: calc(100% + 18px);
    height: auto;
    display: block;
    max-width: inherit;
    margin-left: -18px;
}

.cta_promo_text {
    position: absolute;
    top: 50%;
    right: 8%;
    width: 100%;
    line-height: normal;
    max-width: 320px;
    transform: translateY(-43%);
}

.cta_promo_text h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #fff;
}

.cta_promo_text p {
    margin: 22px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}

.cta_promo_btn {
    padding: 14px 24px;
    font-size: 12px;
}

.search_empty {
    padding: 20px 0 4px;
}

.empty_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 0 4px;
}

.empty_icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 5px;
    background: #18305b;
    color: #fff;
    font-size: 36px;
}

.empty_badge {
    position: absolute;
    top: 15px;
    right: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--pink);
    color: #fff;
    font-size: 11px;
    box-shadow: 0 0 0 3px #18305b;
}

.empty_title {
    max-width: 660px;
    margin: 28px 0 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.empty_text {
    max-width: 610px;
    margin: 18px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--muted-2);
}

.empty_more {
    margin-top: 20px;
    max-width: 610px;
}

.empty_more_toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: var(--pink);
    text-decoration: underline;
    text-underline-offset: 3px;
    list-style: none;
}

.empty_more_toggle::-webkit-details-marker {
    display: none;
}

.empty_more_toggle iconify-icon {
    font-size: 18px;
    transition: transform .2s ease;
}

.empty_more[open] .empty_more_toggle iconify-icon {
    transform: rotate(180deg);
}

.empty_more_body {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 500;
    color: var(--muted-2);
}

.empty_more_body p {
    margin: 0;
}

.catalog_seo {
    padding-top: 28px;
    border-top: 1px solid var(--border);
}

.catalog_seo_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.catalog_seo_text {
    max-width: 760px;
    margin: 12px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--muted-2);
}

.empty_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 480px;
    margin-top: 34px;
    margin-bottom: 40px;
    padding: 30px 24px 34px;
    border-radius: 5px;
    background: linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09));
}

.search_empty+.empty_banner {
    max-width: 1200px;
    margin: 0 auto;
}

.empty_contact_title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.empty_contact_btn {
    padding: 14px 22px;
    font-size: 12px;
}

.empty_contact_row {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.empty_phone_ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
    font-size: 20px;
}

.empty_phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.empty_phone_num {
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

@media (hover: hover) {
    .empty_phone_num:hover {
        color: var(--pink);
    }
}

.empty_phone .hours {
    margin-top: 4px;
    color: var(--muted-2);
}

.novehicle_car {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 370px;
    line-height: 0;
}

.novehicle_car img {
    width: 100%;
    height: auto;
}

.novehicle_badge {
    position: absolute;
    top: 30px;
    left: 22%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--pink);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 6px 14px rgba(200, 1, 125, .35);
}

.novehicle_lower {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 8px 0 56px;
}

body.is-search-empty .catalog_title,
body.is-search-empty .filters,
body.is-search-empty .filters_scrim,
body.is-search-empty .filters_toggle,
body.is-search-empty .catalog_bar,
body.is-search-empty .catalog_active,
body.is-search-empty .catalog_sort,
body.is-search-empty .catalog_pager {
    display: none;
}

.empty_banner {
    padding: 8px 0 48px;
}

.empty_banner .cta_promo img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}

.faq {
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 48px;
    background: #fff;
}

.faq_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px;
}

.faq_head h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.faq_head .section_link {
    font-size: 14px;
    font-weight: 700;
}

.faq_cols {
    display: flex;
    gap: 20px;
}

.faq_col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq_item {
    position: relative;
    border-radius: 5px;
    background: #f3f4f5;
    overflow: hidden;
    transition: background .2s;
}

.faq_q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 30px;
    background: none;
    border: none;
    text-align: left;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
}

.faq_q iconify-icon {
    flex: none;
    font-size: 21px;
    transition: transform .2s;
}

.faq_a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}

.faq_a p {
    margin: 0;
    padding: 0 30px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.faq_item.is-open {
    background: #fff;
    box-shadow: 0 14px 26px rgba(21, 33, 57, .03), 0 34px 47px rgba(21, 33, 57, .04);
}

.faq_item.is-open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--grad-brand);
}

.faq_item.is-open>.faq_q {
    font-weight: 700;
}

.faq_item.is-open>.faq_a {
    max-height: 400px;
}

.car_grid .hero_card.hero_card--light {
    aspect-ratio: 314/436;
    height: auto;
}

.car_grid .hero_card.hero_card--light>img {
    height: 100%;
}

.filter_head::before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    width: calc(100% + 40px);
    left: -20px;
    height: calc(100% + 28px);
}

.offer {
    padding: 40px 0 96px;
}

.offer .crumbs {
    margin-bottom: 66px;
}

.page_title {
    margin: 0 0 48px;
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.18;
    color: var(--navy);
}

.notfound_inner .page_title {
    margin-bottom: 16px;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 27px;
    max-width: 384px;
    margin: 0 auto;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field_label {
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.field_opt {
    font-weight: 500;
    color: var(--muted-2);
}

.field_req {
    color: var(--pink);
}
.field_input {
    height: 52px;
    padding: 15px 17px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    transition: border-color .15s;
}

.field_input::placeholder {
    color: var(--muted-2);
}

.field_input:focus {
    outline: none;
    border-color: var(--pink);
}

.field_input:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 2px;
}

.field_input--area {
    height: auto;
    min-height: 52px;
    resize: vertical;
    line-height: 1.4;
}

.phone_group {
    display: flex;
}

.phone_group .phone_prefix {
    flex: 0 0 auto;
    width: auto;
    height: 52px;
    padding: 0 38px 0 15px;
    border: 1px solid var(--border);
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23152139' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 15px center;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.phone_group .phone_prefix[data-cc] {
    display: none;
}

.phone_group .field_input {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 0 5px 5px 0;
}

.phone_group .field_input:focus-visible {
    outline: none;
}

.phone_cc {
    position: relative;
    flex: 0 0 auto;
}

.phone_cc_btn {
    height: 52px;
    padding: 0 38px 0 15px;
    border: 1px solid var(--border);
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23152139' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 15px center;
    font-family: "Twemoji Country Flags", "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .15s;
}

.phone_cc_btn:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 2px;
}

.field.is-invalid .phone_cc_btn,
.field.is-invalid .phone_group .phone_prefix {
    border-color: #f45542;
}

.phone_cc_panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 50;
    width: 300px;
    max-width: calc(100vw - 60px);
    padding: 10px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.phone_cc_search {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size: 15px;
    color: var(--navy);
    margin-bottom: 8px;
}

.phone_cc_search:focus {
    outline: none;
    border-color: var(--pink);
}

.phone_cc_list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
}

.phone_cc_list li {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 15px;
    color: var(--navy);
    cursor: pointer;
}

.phone_cc_list li[hidden] {
    display: none;
}

.phone_cc_list li:hover,
.phone_cc_list li.is-active {
    background: rgba(21, 33, 57, .07);
}

.phone_cc_flag {
    flex: 0 0 auto;
    font-family: "Twemoji Country Flags", "Raleway", sans-serif;
}

.phone_cc_name {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.phone_cc_dial {
    flex: 0 0 auto;
    color: var(--muted-2);
}

.field_upload {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    height: 44px;
    padding: 0 22px;
    border: 1px dashed var(--border);
    border-radius: 5px;
    background: #fff;
    color: var(--navy);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .15s;
}

@media (hover: hover) {
    .field_upload:hover {
        border-color: var(--navy);
    }
}

.field_upload iconify-icon {
    font-size: 18px;
}

.form_consent {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.form_legal {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.form_legal a {
    color: var(--navy);
    text-decoration: underline;
}

@media (hover: hover) {
    .form_legal a:hover {
        color: var(--pink);
    }
}

.form_check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
}

.form_check input[type="checkbox"] {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--pink);
    cursor: pointer;
}

.form_more {
    align-self: center;
    text-align: center;
}

.form_more>summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
    color: var(--pink);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.form_more>summary::-webkit-details-marker {
    display: none;
}

.form_more>summary iconify-icon {
    font-size: 14px;
    transition: transform .2s;
}

.form_more[open]>summary iconify-icon {
    transform: rotate(180deg);
}

.form_more_body {
    margin-top: 14px;
    max-width: 384px;
}

.form_more_body p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--muted);
}

.notfound {
    padding: 40px 0;
}

.notfound .crumbs {
    margin-bottom: 44px;
}

.notfound_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.notfound_img {
    width: 233px;
    max-width: 66%;
    margin-bottom: 6px;
}

.notfound_text {
    max-width: 610px;
    margin: 0 0 28px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.infobar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 1001;
    font-size: 14px;
    font-weight: 500;
}

.infobar--yellow {
    background: linear-gradient(100deg, #fcd34d, #fbbf24);
    color: #3f2a02;
}

.infobar--navy {
    background: linear-gradient(90deg, #0f172a, #1e3a5f);
    color: #e2e8f0;
}

.infobar--green {
    background: linear-gradient(100deg, #065f46, #0f172a);
    color: #d1fae5;
}

.infobar--red {
    background: linear-gradient(100deg, #fecaca, #fca5a5);
    color: #7f1d1d;
}

.infobar_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.infobar_main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.infobar_tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.infobar_tag iconify-icon {
    font-size: 16px;
}

.infobar_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infobar_btn {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 16px;
    border-radius: 5px;
    background: var(--pink);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.infobar_close {
    position: absolute;
    right: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
}

body.has-infobar {
    padding-top: 112px;
}

body.has-infobar .site_header {
    top: 30px;
}

body.has-infobar .megamenu_veil {
    top: 112px;
}

.detail_hero {
    padding: 26px 0 60px;
}

.detail_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.detail_back {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 40px;
    background: linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09));
    font-size: 14px;
    font-weight: 700;
    color: var(--pink);
}

.detail_back iconify-icon {
    font-size: 15px;
}

@media (hover: hover) {
    .detail_back:hover {
        background: linear-gradient(120deg, rgba(200, 1, 125, .16), rgba(0, 160, 223, .16));
    }
}

.detail_top {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.gallery {
    position: relative;
}

.detail_why {
    display: flex;
    align-items: center;
    gap: 100px;
    padding: 36px;
    border-radius: 1px solid var(--border);
    background: linear-gradient(120deg, rgba(200, 1, 125, .07), rgba(0, 160, 223, .07));
}

.detail_why_title {
    flex: none;
    width: 190px;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.detail_why_items {
    display: flex;
    flex: 1;
    min-width: 0;
    gap: 16px;
}

.detail_why_item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.detail_why_ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pink);
    font-size: 24px;
}

.detail_why_item p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.detail_why_item p b {
    font-weight: 800;
}

.offer_tag {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: rgba(21, 33, 57, .8);
}

.offer_title {
    margin: 8px 0 4px;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.05;
    padding: 5px 0;
}

.offer_sub {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--muted);
}

.spec_chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.spec_chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--navy);
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.spec_chip iconify-icon {
    font-size: 15px;
    color: var(--navy);
}

.offer_speclink {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    margin: 22px 0 20px;
    color: var(--navy);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.offer_speclink::before,
.offer_speclink::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border);
}

.offer_speclink_txt {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: underline;
    white-space: nowrap;
}

.offer_speclink iconify-icon {
    font-size: 14px;
    color: var(--navy);
}

@media (hover: hover) {
    .offer_speclink:hover {
        color: var(--pink);
    }
}

@media (hover: hover) {
    .offer_speclink:hover iconify-icon {
        color: var(--pink);
    }
}

.offer_headnow {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 2px 0;
}

.offer_headnow b {
    font-size: 28px;
    font-weight: 800;
    white-space: nowrap;
}

.offer_headnow span {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-2);
}

.offer_stock {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px 4px 5px;
    border-radius: 5px;
    background: linear-gradient(90deg, #d6f6eb, #caffce);
    font-size: 13px;
    font-weight: 600;
    color: var(--navy);
    white-space: nowrap;
}

.offer_stock iconify-icon {
    font-size: 17px;
    color: #009c44;
}

.offer_stock--preprod {
    flex-basis: 100%;
    order: -1;
    justify-content: center;
    background: #e7f3fc;
    white-space: normal;
    padding: 8px 12px;
}

.offer_stock--preprod iconify-icon {
    color: var(--blue);
}

.offer_field {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.offer_label {
    font-size: 15px;
    font-weight: 700;
}

.select--box {
    width: 100%;
}

.select--box .select_menu {
    left: 0;
    right: auto;
    width: 100%;
    min-width: 0;
    padding: 8px;
}

.select--box .select_check {
    display: none;
}

.select--box .select_opt {
    padding: 12px 14px;
}

.select--box .select_opt.is-active {
    background: #fdeaf5;
}

@media (hover: hover) {
    .select--box .select_opt:hover {
        background: #fdeaf5;
    }
}

.select_price {
    font-weight: 700;
    color: var(--navy);
}

.select--disabled .select_btn {
    border-color: var(--border);
    background: #f3f4f5;
    color: var(--muted-2);
    cursor: not-allowed;
}

.select--disabled .select_btn iconify-icon {
    color: var(--muted-2);
}

.offer_h_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-top: 28px;
}

.offer_h {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
}

.addon_group .offer_h,
.offer_box>.offer_h {
    margin-top: 28px;
    margin-bottom: 0;
}

.offer_compare {
    flex: none;
    font-weight: 700;
}

.package_group {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.package {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px 16px;
    border: 1px solid var(--border);
    border-radius: 5px;
    cursor: pointer;
    transition: border-color .2s, background .2s;
}

.package input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.package_radio {
    flex: none;
    width: 22px;
    height: 22px;
    border: 2px solid #c7ccd6;
    border-radius: 50%;
    transition: border-color .2s;
}

.package:has(input:checked) {
    border: 2px solid transparent;
    background:
        linear-gradient(120deg, #fbebf5, #f0f9fd) padding-box,
        linear-gradient(120deg, var(--pink), var(--blue)) border-box;
}

.package:has(input:checked) .package_radio {
    border-color: var(--pink);
    background: radial-gradient(circle at center, var(--pink) 0 6px, #fff 7px 100%);
}

.package_body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.package_badge {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 6px;
    background: linear-gradient(120deg, #00bf99, #34cd3e);
    font-size: 12px;
    font-weight: 800;
    color: #fff;
}

.package_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.package_name_wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.package_name {
    font-size: 18px;
    font-weight: 800;
}

.package_price {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.package_price b {
    font-size: 18px;
    font-weight: 800;
}

.package_price span {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-2);
}

.package_desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
    line-height: 1.4;
}

.package_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.package_feat {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
}

.addon_group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.addon input[type="checkbox"] {
    flex: none;
    width: 22px;
    height: 22px;
    accent-color: var(--pink);
    cursor: pointer;
}

.addon_price {
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
}

.offer_total {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid var(--border);
}

.offer_total_main {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0;
}

.offer_total_now {
    font-size: 32px;
    font-weight: 800;
}

.offer_total_main span {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.offer_total_vat {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.offer_actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 22px;
}

.btn--dark {
    background: var(--navy);
    color: #fff;
}

.btn--dark,
.sr_more_btn,
.pager_more {
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

@media (hover: hover) {

    .btn--dark:hover,
    .sr_more_btn:hover,
    .pager_more:hover {
        background: #0d1526;
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(21, 33, 57, .30);
    }
}

.btn--dark:active,
.sr_more_btn:active,
.pager_more:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(21, 33, 57, .28);
}

.btn--text {
    background: none;
    color: var(--pink);
    font-weight: 800;
}

@media (hover: hover) {
    .btn--text:hover {
        opacity: .7;
    }
}

.offer_demand,
.offer_order {
    width: 100%;
}

.offer_order {
    padding-bottom: 0;
}

.offer_order_note {
    position: relative;
    align-self: center;
    display: inline-flex;
    align-items: center;
    margin-top: 2px;
    padding: 3px 10px;
    border-radius: 5px;
    background: var(--blue);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.offer_order_note span {
    position: relative;
    z-index: 10;
}

.offer_order_note::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 10px;
    height: 10px;
    background: var(--blue);
    border-radius: 2px;
    transform: translateX(-50%) rotate(45deg);
}

.offer_pdf {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--pink);
    text-decoration: underline;
}

.offer_pdf iconify-icon {
    font-size: 24px;
}

.offer_demand iconify-icon,
.offer_order iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .offer_pdf:hover {
        text-decoration: none;
    }
}

.soldout {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    text-align: center;
    padding: 40px 32px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .03), 0 54px 47px rgba(0, 0, 0, .04);
}

.soldout_head {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.soldout_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.soldout_text {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.soldout_actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.soldout_cta {
    width: 100%;
}

.soldout_cta iconify-icon {
    font-size: 24px;
}

.tip {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.offer_field_tip {
    display: block;
}

.tip_btn {
    display: inline-flex;
    padding: 0;
    background: none;
    border: none;
    color: var(--blue-lt);
    font-size: 18px;
    line-height: 1;
}

.package_name_wrap .tip_btn {
    color: var(--blue-lt);
}

.tip_pop {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    z-index: 50;
    width: 360px;
    max-width: calc(100vw - 24px);
    padding: 22px 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(21, 33, 57, .18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .16s, transform .16s;
}

.tip.is-open .tip_pop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tip_pop::before {
    content: "";
    position: absolute;
    top: -7px;
    left: var(--arrow-x, 22px);
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -3px -3px 8px rgba(21, 33, 57, .06);
}

.tip_title {
    margin: 0 30px 8px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.tip_pop p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--muted);
}

.tip_close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    padding: 0;
    background: none;
    border: none;
    color: var(--navy);
    font-size: 18px;
}

@media (hover: hover) {
    .tip_close:hover {
        color: var(--pink);
    }
}

.services {
    padding: 40px 0;
}

.package_block--premium {
    border-bottom: 1px solid var(--border);
}

.package_intro {
    flex: none;
    width: 374px;
}

.package_logo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 44px;
    font-weight: 400;
    color: var(--navy);
}

.package_logo_badge {
    flex: none;
    width: 60px;
    height: auto;
    position: relative;
    top: -12px;
    margin-left: 2px;
}

.package_intro p {
    max-width: 224px;
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    line-height: 1.4;
}

.package_feats {
    flex: 1;
    min-width: 0;
}

.package_feats h3 {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 800;
}

.feat_ico {
    flex: none;
    font-size: 16px;
    color: var(--pink);
}

.feat_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.params {
    padding: 40px 0;
}

.params_cols {
    display: flex;
    gap: 60px;
    margin-top: 28px;
}

.params_col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.param_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
}

.param_row[hidden] {
    display: none;
}

.param_k {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    color: var(--navy);
}

.param_v {
    font-size: 17px;
    font-weight: 600;
    color: var(--navy);
}

.param_link {
    color: var(--pink);
    text-decoration: underline;
}

@media (hover: hover) {
    .param_link:hover {
        text-decoration: none;
    }
}

.params_more {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.params_more iconify-icon {
    transition: transform .2s ease;
}

.params_more.is-open iconify-icon {
    transform: rotate(180deg);
}

.equip {
    padding: 40px 0;
}

.equip_sub {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 800;
}

.equip_pdf {
    margin-top: 28px;
}

.equip_pdf iconify-icon {
    font-size: 18px;
}

.howto_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 20px 0 0;
    counter-reset: none;
}

.howto_step {
    display: flex;
    align-items: center;
    gap: 20px;
}

.howto_step .step_num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 36px;
    height: 36px;
    background: #f3f4f5;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--pink);
}

.howto_body h3 {
    margin: 0 0 2px;
    font-size: 16px;
    font-weight: 800;
}

.howto_body p {
    margin: 0;
    max-width: 760px;
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
    line-height: 1.4;
    padding-left: 0;
    padding-bottom: 0;
}

.qa {
    padding: 20px 0 40px;
}

.detail_cta {
    margin: 40px 0;
}

.detail_side {
    flex: none;
    width: 460px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail_head {
    display: flex;
    flex-direction: column;
}

.spec_grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: 14px;
}

.spec_grid .spec {
    flex: 0 0 50%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    color: var(--navy);
}

.spec_grid .spec iconify-icon {
    flex: none;
    font-size: 20px;
    color: var(--navy);
}

.detail_head .spec_chips {
    margin-bottom: 0;
}

.offer_headprice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: none;
}

.offer_box {
    flex: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 22px 24px 23px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .03), 0 54px 47px rgba(0, 0, 0, .04);
}

.offer_fields {
    display: flex;
    gap: 14px;
}

.select--box .select_btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 16px 17px;
    border: 1px solid var(--border);
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
}

.addon {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 5px;
    transition: border-color .2s, background .2s;
}

.addon:has(input:checked) {
    border: 2px solid transparent;
    background:
        linear-gradient(120deg, #fbebf5, #f0f9fd) padding-box,
        linear-gradient(120deg, var(--pink), var(--blue)) border-box;
}

.addon.is-included:has(input:checked),
.addon.is-included {
    border: 1px solid var(--border);
    background: #f4f5f7;
}

.addon_name {
    flex: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
}

.package_block {
    display: flex;
    gap: 16px;
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 48px;
    margin-bottom: 20px;
    background-color: #fff;
}

.equip_card {
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 36px;
    margin: 20px 0;
    background-color: #fff;
}

.qa .container {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.qa_item {
    background: none;
    border: none;
    border-radius: 0;
    border-top: 1px solid var(--border);
    box-shadow: none;
}

.qa_item:last-child {
    border-bottom: 1px solid var(--border);
}

.qa_item.is-open {
    background: none;
    box-shadow: none;
}

.qa_item.is-open::before {
    display: none;
}

.qa_head {
    padding: 26px 0;
    font-size: 24px;
    font-weight: 500;
}

.qa_item.is-open .qa_head {
    font-size: 26px;
    font-weight: 800;
}

.qa_toggle {
    display: inline-flex;
    flex: none;
    font-size: 24px;
    color: var(--pink);
}

.qa_item.is-open .qa_toggle {
    color: #94a3b8;
}

.qa_minus {
    display: none;
}

.qa_item.is-open .qa_plus {
    display: none;
}

.qa_item.is-open .qa_minus {
    display: inline-flex;
}

.qa_item .qa_toggle iconify-icon {
    transform: none;
}

.qa_item>.faq_a {
    max-height: 0;
}

.qa_item.is-open>.faq_a {
    max-height: 3000px;
}

.qa_body .howto_list {
    margin: 0;
    padding: 0 36px 30px;
    gap: 32px;
}

.qa_body .faq_list {
    padding: 0 0 34px;
}

.qa_about {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 0 0 34px;
}

.qa_about_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.qa_about .qa_about_desc {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    color: var(--navy);
}

.qa_about_link {
    color: var(--pink);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.qa_about_group {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.qa_about_label {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--navy);
}

.qa_about_links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.qa_about_btn {
    display: inline-flex;
    align-items: center;
    padding: 13px 24px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    color: var(--navy);
    text-decoration: none;
    transition: border-color .2s, background .2s, color .2s;
}

@media (hover: hover) {
    .qa_about_btn:hover {
        border-color: var(--navy);
        background: var(--navy);
        color: #fff;
    }
}

.step_num {
    flex: none;
    width: 34px;
    font-size: 20px;
    font-weight: 700;
    color: #94a3b8;
    transition: color .3s;
}

.detail_main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.detail_sec {
    width: 100%;
    padding: 0;
}

.detail_sec.qa {
    display: flex;
    flex-direction: column;
}

.feat_list li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 2px;
    flex: 0 0 100%;
    padding-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.feat_lbl {
    white-space: nowrap;
}

.equip_list {
    gap: 14px 24px;
}

.equip_list li {
    flex: 0 0 calc((100% - 48px) / 3);
    flex-wrap: nowrap;
    align-items: flex-start;
}

.equip_list .feat_ico {
    margin-top: 2px;
}

.services_title {
    font-size: 36px;
    margin-bottom: 20px;
}

.gallery_main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 520px;
    padding: 20px;
    background: #f3f4f5;
    border: none;
    border-radius: 8px;
}

.gallery_main_img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    object-fit: contain;
    cursor: zoom-in;
}

.gallery_main_play {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
}

.gallery_main.is-video .gallery_main_play {
    display: flex;
}

.gallery_main_play .gallery_play {
    width: 64px;
    height: 64px;
    font-size: 26px;
}

.gallery_badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 8px;
    background: linear-gradient(90deg, #B51D8E 0%, #658FD3 100%);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.gallery_badge img {
    width: 12px;
}

.gallery_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 44px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    color: var(--navy);
    font-size: 20px;
}

.gallery_main .gallery_prev {
    left: -23px;
}

.gallery_main .gallery_next {
    right: -23px;
}

@media (hover: hover) {
    .gallery_nav:hover {
        color: var(--pink);
    }
}

.gallery_caption {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .85);
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.gallery_wheel {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.gallery_thumbs {
    position: relative;
    margin-top: 18px;
}

.gallery_thumbs .swiper-slide {
    height: auto;
}

.gallery_thumbs::before,
.gallery_thumbs::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 96px;
    z-index: 2;
    pointer-events: none;
    transition: opacity .25s ease;
}

.gallery_thumbs::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    opacity: 1;
}

.gallery_thumbs::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    opacity: 1;
}

.gallery_thumbs.is-beginning::before {
    opacity: 0;
}

.gallery_thumbs.is-end::after {
    opacity: 0;
}

.gallery_thumb {
    flex: 1;
    width: 100%;
    height: 118px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.gallery_thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.gallery_thumb.is-active {
    border: 2px solid var(--navy);
}

.gallery_thumb--video {
    position: relative;
    padding: 0;
    border: none;
    background-size: cover;
    background-position: center;
}

.gallery_play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
    font-size: 18px;
}

.gallery_thumb--video .gallery_play {
    width: 30px;
    height: 30px;
    font-size: 13px;
}

.lightbox {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #152139cc;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.lightbox[hidden] {
    display: none;
}

.lightbox_dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 1160px;
    max-width: 94vw;
    max-height: 92vh;
    padding: 24px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .04), 0 54px 47px rgba(0, 0, 0, .05);
}

.lightbox_close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 4;
    display: inline-flex;
    padding: 4px;
    background: none;
    border: none;
    color: var(--navy);
    font-size: 24px;
    cursor: pointer;
}

@media (hover: hover) {
    .lightbox_close:hover {
        color: var(--pink);
    }
}

.lightbox_stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox_main {
    position: relative;
    flex: 1;
    min-width: 0;
}

.lightbox_main .swiper-slide {
    display: flex;
}

.lightbox_view {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64vh;
    padding: 20px;
    background: #f3f4f5;
    border-radius: 5px;
    overflow: hidden;
}

.lightbox_media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lightbox_img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    object-fit: contain;
}

.lightbox_img.is-hidden {
    display: none;
}

.lightbox_poster {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.lightbox_poster .gallery_play {
    width: 64px;
    height: 64px;
    font-size: 26px;
}

.lightbox_media video,
.lightbox_media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.lightbox_caption {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .85);
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.lightbox_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 44px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    color: var(--navy);
    font-size: 20px;
    cursor: pointer;
}

.lightbox_prev {
    left: 12px;
}

.lightbox_next {
    right: 12px;
}

@media (hover: hover) {
    .lightbox_nav:hover {
        color: var(--pink);
    }
}

.lightbox_thumbs {
    position: relative;
}

.lightbox_thumbs .swiper-slide {
    width: 172px;
    height: 100px;
}

.lightbox_thumbs .gallery_thumb {
    width: 100%;
    height: 100%;
}

.lightbox_thumbs::before,
.lightbox_thumbs::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
    transition: opacity .25s ease;
}

.lightbox_thumbs::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    opacity: 1;
}

.lightbox_thumbs::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    opacity: 1;
}

.lightbox_thumbs.is-beginning::before {
    opacity: 0;
}

.lightbox_thumbs.is-end::after {
    opacity: 0;
}

.lightbox_thumbs .swiper-slide-thumb-active .gallery_thumb {
    border: 2px solid var(--navy);
}

.contact_intro {
    margin-bottom: 48px;
    text-align: center;
}

.contact_title {
    margin: 0 0 10px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.18;
    color: var(--navy);
}

.contact_lead {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--muted);
}

.ico_tile {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
    font-size: 20px;
}

.client_note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 40px;
    border-radius: 5px;
    background: linear-gradient(135deg, rgba(200, 1, 125, .09), rgba(81, 171, 228, .09));
}

.client_note_body {
    display: flex;
    align-items: center;
    gap: 16px;
}

.client_note_title {
    margin: 0 0 3px;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.client_note_title--regular {
    font-weight: 500;
}

.client_note_title b {
    font-weight: 800;
}

.client_note_desc {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.client_note_desc a {
    color: var(--pink);
    font-weight: 700;
}

.client_note_link {
    flex: none;
}

.contact_row {
    display: flex;
    align-items: center;
    gap: 72px;
    padding: 40px 48px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.contact_row_title {
    flex: none;
    width: 260px;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--navy);
}

.contact_methods {
    display: flex;
    gap: 48px;
}

.contact_method {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--navy);
}

.contact_method_body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact_method_main {
    font-size: 18px;
    font-weight: 500;
    color: var(--navy);
    transition: color .2s;
}

.contact_method_main b {
    font-weight: 800;
}

@media (hover: hover) {
    .contact_method:not(:has(.contact_method_sub--link)):hover .contact_method_main {
        color: var(--pink);
    }

    .contact_method:hover .contact_method_sub--link {
        text-decoration: none;
    }
}

.contact_method_sub {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
}

.contact_method_sub--link {
    color: var(--pink);
    font-weight: 700;
    text-decoration: underline;
}

.contact_method .hours {
    gap: 7px;
    color: var(--muted);
}

.contact_method .hours_dot {
    width: 8px;
    height: 8px;
}

.contact_info {
    display: flex;
    align-items: center;
    gap: 48px;
    padding-top: 8px;
}

.contact_company {
    flex: none;
    width: 260px;
}

.contact_company_title {
    margin: 0 0 24px;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.contact_company_address {
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--navy);
}

.contact_map {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.contact_map_canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.faq_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faqpage {
    padding: 40px 0 96px;
}

.faqpage .crumbs {
    margin-bottom: 40px;
}

.contact_lead a {
    color: var(--pink);
    font-weight: 500;
    text-decoration: underline;
}

.faqpage_stack {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faqpage_narrow {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.topics {
    text-align: center;
}

.topics_title {
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 800;
    color: var(--navy);
}

.topics_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.topic_card {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 40px 20px 20px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
    text-align: left;
}

.topics_grid .topic_card {
    flex: 0 0 calc((100% - 40px) / 3);
}

.topic_card_title iconify-icon {
    font-size: 14px;
    margin-left: 6px;
    vertical-align: -1px;
}

.topic_ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 102px;
    border-radius: 5px;
    background: #f3f4f5;
}

.topic_ico_img {
    width: auto;
    height: 50px;
}

.topic_card_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.topic_card_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--pink);
    text-decoration: underline;
}

@media (hover: hover) {
    .topic_card:hover .topic_card_title {
        text-decoration: none;
    }
}

.topic_card_desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.driver_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.driver_list .topic_card {
    width: 100%;
}

.driverpass {
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 40px 0;
}

.driverpass_text {
    flex: 0 0 470px;
    max-width: 470px;
}

.driverpass_title {
    margin: 0 0 20px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.driverpass_lead {
    margin: 0 0 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.driverpass_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 30px;
}

.driverpass_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.driverpass_list iconify-icon {
    flex: none;
    font-size: 18px;
    color: var(--pink);
}

.driverpass_media {
    flex: 1;
    min-width: 0;
}

.driverpass_media img {
    width: 100%;
    border-radius: 5px;
}

.doc_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc_item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.doc_ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 5px;
    background: #f3f4f5;
    color: var(--navy);
    font-size: 24px;
}

.doc_item_title {
    flex: 1;
    min-width: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--pink);
    text-decoration: underline;
}

@media (hover: hover) {
    .doc_item:hover .doc_item_title {
        text-decoration: none;
    }
}

.doc_item_dl {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pink);
    font-size: 14px;
    font-weight: 700;
}

.doc_item_dl iconify-icon {
    font-size: 20px;
}

.content {
    color: var(--navy);
}

.content>*:first-child {
    margin-top: 0;
}

.content h2 {
    margin: 40px 0 16px;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--navy);
}

.content h3 {
    margin: 36px 0 14px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--navy);
}

.content h4 {
    margin: 32px 0 12px;
    font-size: 18px;
    font-weight: 800;
    color: var(--navy);
}

.content h5 {
    margin: 28px 0 10px;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.content p {
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--muted);
}

.content a {
    color: var(--pink);
    font-weight: 600;
    text-decoration: underline;
}

.content strong {
    font-weight: 800;
    color: var(--navy);
}

.content em {
    font-style: italic;
}

.content ul,
.content ol {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.content li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--navy);
}

.content ul li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: .5em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pink);
}

.content ul.content_checks li::before {
    content: "\2713";
    left: 4px;
    top: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    color: var(--pink);
    font-size: 14px;
    font-weight: 800;
}

.content ol {
    counter-reset: item;
}

.content ol li {
    counter-increment: item;
}

.content ol li::before {
    content: counter(item, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: .15em;
    color: var(--pink);
    font-size: 12px;
    font-weight: 700;
}

.content blockquote {
    margin: 0 0 24px;
    padding: 16px 24px;
    border-left: 3px solid var(--pink);
    border-radius: 0 5px 5px 0;
    background: #f3f4f5;
}

.content blockquote p {
    margin: 0;
    font-style: italic;
    font-size: 16px;
    color: var(--navy);
}

.content figure {
    margin: 0 0 24px;
}

.content img {
    width: 100%;
    border-radius: 5px;
}

.content figcaption {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
    text-align: center;
}

.content table {
    width: 100%;
    margin: 0 0 24px;
    border-collapse: collapse;
    font-size: 14px;
}

.content th,
.content td {
    padding: 12px 16px;
    border: 1px solid var(--border);
    text-align: left;
}

.content thead th {
    background: #f3f4f5;
    font-weight: 700;
    color: var(--navy);
}

.content tbody td {
    font-weight: 500;
    color: var(--navy);
}

.blog_page {
    padding: 40px 0 80px;
}

.blog_page .crumbs {
    margin-bottom: 40px;
}

.blog_tabs_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 44px;
}

.blog_tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    padding: 5px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.blog_tab {
    padding: 11px 22px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    color: var(--navy);
    transition: background .2s, color .2s;
}

@media (hover: hover) {
    .blog_tab:hover {
        color: var(--pink);
    }
}

.blog_tab.is-active {
    background: var(--navy);
    color: #fff;
}

.blog_grid--page {
    flex-wrap: wrap;
    gap: 30px;
}

.blog_grid--page .blog_card {
    flex: 0 0 calc((100% - 60px) / 3);
}

.blog_grid--page .blog_promo.hero_card {
    flex: 0 0 calc((100% - 60px) / 3);
    width: auto;
    height: auto;
    align-self: stretch;
    aspect-ratio: 492 / 512;
    overflow-y: clip;
}

.blog_grid--page .blog_promo.hero_card:hover img {
    box-shadow: none;
    filter: none;
}

.blog_grid--page .blog_promo .hero_card_img {
    top: 0;
}

.blog_promo .hero_card_desc {
    width: calc(100% - 32px);
}

.blog_meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0 14px;
}

.blog_meta .blog_pill {
    margin: 0;
}

.blog_date {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.blog_foot {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

.blog_foot .pager_more {
    margin: 0;
    gap: 8px;
}

.blog_foot .pager {
    position: absolute;
    right: 0;
    margin: 0;
}

.blog_foot .pager_more iconify-icon {
    font-size: 14px;
}

.article {
    padding: 40px 0 64px;
}

.article .crumbs {
    margin-bottom: 40px;
}

.article_meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.article_hero {
    margin: 0 0 32px;
}

.article_hero img {
    width: 100%;
    border-radius: 5px;
}

.content .quote {
    display: flex;
    gap: 20px;
    margin: 0 0 24px;
    padding: 24px 28px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.content .quote_mark {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
    font-size: 22px;
}

.content .quote_body {
    flex: 1;
    min-width: 0;
}

.content .quote_text {
    margin: 0 0 14px;
    font-style: italic;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--navy);
}

.content .quote_author {
    display: block;
    font-style: normal;
}

.content .quote_author b {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: var(--navy);
}

.content .quote_author span {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-2);
}

.content .btn {
    margin-top: 12px;
    gap: 8px;
    color: #fff;
    text-decoration: none;
}

@media (hover: hover) {
    .content .btn:hover {
        color: #fff;
        text-decoration: none;
    }
}

.page_hero {
    position: relative;
    isolation: isolate;
    color: #fff;
    --hero-wedge: 300px;
    --hero-copy: 560px;
}

.page_hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -5;
    pointer-events: none;
    background: linear-gradient(131deg, #ffffff 40%, #f3f4f5 90%);
    mix-blend-mode: multiply;
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0 85%);
    height: calc(100% + 130px);
}

.page_hero + * {
    position: relative;
    z-index: 100;
}

.page_hero--media {
    --hero-copy: 620px;
}

.page_hero_accent,
.page_hero_dark,
.page_hero_photo,
.page_hero_veil {
    position: absolute;
    inset: 0;
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--hero-wedge)), 0 100%);
}

.page_hero_accent {
    z-index: -4;
    background: var(--grad-brand);
    transform: translateY(12px);
}

.page_hero_dark {
    z-index: -3;
    background: linear-gradient(118deg, #060527 0%, #0c2e5b 52%, #0a5187 100%);
}

.page_hero_photo {
    z-index: -2;
    background: top right / auto 100% no-repeat;
    mix-blend-mode: lighten;
}

.page_hero_veil {
    z-index: -1;
    background: linear-gradient(90deg, #08163a 0%, rgba(8, 22, 58, .9) 22%, rgba(8, 22, 58, 0) 46%);
}

.page_hero_inner {
    position: relative;
    z-index: 1;
}

.page_hero .crumbs {
    padding-top: 26px;
    color: rgba(255, 255, 255, .7);
}

.page_hero .crumbs a,
.page_hero .crumbs span,
.page_hero .crumbs iconify-icon {
    color: rgba(255, 255, 255, .7);
}

@media (hover: hover) {
    .page_hero .crumbs a:hover {
        color: #fff;
    }
}

.page_hero_row {
    display: flex;
    align-items: center;
    gap: 40px;
    min-height: 540px;
    padding-bottom: 120px;
}

.page_hero_copy {
    flex: 0 0 var(--hero-copy);
    padding-right: 40px;
}

.page_hero_tag {
    display: block;
    margin-bottom: 22px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
}

.page_hero_title {
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.08;
    color: #fff;
}

.page_hero--bg .page_hero_title {
    max-width: 500px;
}

.page_hero_text {
    margin: 22px 0 0;
    max-width: 520px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(255, 255, 255, .85);
}

.page_hero_text b {
    font-weight: 700;
    color: #fff;
}

.page_hero_actions {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 36px;
}

.page_hero_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.page_hero_link iconify-icon {
    font-size: 13px;
}

@media (hover: hover) {
    .page_hero_link:hover {
        text-decoration: none;
    }
}

.page_hero_media {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    position: relative;
}

.page_hero_media_img {
    display: block;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 26px 30px rgba(0, 0, 0, .35));
}

.origin {
    padding: 80px 0;
}

.origin_inner {
    display: flex;
    align-items: center;
    gap: 87px;
    position: relative;
    z-index: 10;
}

.origin_copy {
    flex: 0 0 554px;
}

.origin_title {
    margin: 0 0 24px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.origin_text {
    margin: 0 0 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--muted);
}

.origin_text b {
    font-weight: 700;
    color: var(--navy);
}

.origin_copy .btn {
    margin-top: 14px;
}

.origin_chart {
    flex: 1;
    min-width: 0;
    max-width: 801px;
}

.origin_chart img {
    display: block;
    width: 100%;
    height: auto;
}

.milestones {
    padding: 40px 0 110px;
}

.milestone {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding-left: 116px;
}

.milestone+.milestone {
    margin-top: 80px;
}

.milestone--2 {
    padding-left: 487px;
}

.milestone_num {
    flex: none;
    font-size: 248px;
    font-weight: 800;
    line-height: 1;
    color: var(--pink);
    opacity: .1;
    margin-right: -70px;
    position: relative;
    top: -30px;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .milestone_num {
        background: linear-gradient(120deg, var(--pink), var(--blue-lt));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

.milestone_body {
    flex: 1;
    min-width: 0;
    max-width: 554px;
    padding-top: 70px;
}

.milestone_title {
    margin: 0 0 28px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--navy);
}

.milestone_text {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.milestone_text b {
    font-weight: 700;
    color: var(--navy);
}

.wall {
    padding: 30px 0 90px;
    text-align: center;
}

.wall_title {
    margin: 0 0 12px;
    font-size: 36px;
    font-weight: 800;
    color: var(--navy);
}

.wall_sub {
    margin: 0 auto 44px;
    font-size: 16px;
    font-weight: 500;
    color: var(--muted);
}

.wall_grid {
    column-count: 3;
    column-gap: 20px;
    text-align: left;
}

.wall_grid .review_card {
    height: auto;
    gap: 22px;
    margin-bottom: 20px;
    break-inside: avoid;
}

.wall_grid .review_text {
    flex: none;
    font-size: 20px;
}

.covers {
    padding: 90px 0;
    text-align: center;
}

.covers_title {
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 800;
    color: var(--navy);
}

.covers_sub {
    margin: 0 auto 56px;
    max-width: 1015px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--muted);
}

.covers_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 48px 61px;
    max-width: 1260px;
    margin: 0 auto;
    text-align: left;
}

.covers_item {
    flex: 0 0 calc((100% - 61px) / 2);
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.covers_ico {
    flex: none;
    width: 84px;
    height: 84px;
    border-radius: 5px;
    background: #f3f4f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.covers_ico iconify-icon {
    font-size: 24px;
    color: var(--navy);
}

.covers_item_title {
    margin: 0 0 9px;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.covers_item_text {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--muted);
}

.covers_cta,
.plans_cta {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}

.covers_cta .btn,
.plans_cta .btn {
    padding: 24px 32px;
}

.plans {
    padding: 20px 0 90px;
}

.plans_head {
    text-align: center;
    margin-bottom: 48px;
}

.plans_title {
    margin: 0 0 14px;
    font-size: 36px;
    font-weight: 800;
    color: var(--navy);
}

.plans_sub {
    margin: 0 auto;
    max-width: 1048px;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.plans .package_block {
    max-width: 954px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.plans_cta {
    margin-top: 48px;
}

.qa_section {
    padding: 20px 0 96px;
}

.qa_card {
    max-width: 954px;
    margin: 0 auto;
    padding: 48px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.qa_intro {
    text-align: center;
    margin-bottom: 42px;
}

.qa_title {
    margin: 0 0 14px;
    font-size: 36px;
    font-weight: 800;
    color: var(--navy);
}

.qa_sub {
    margin: 0 auto;
    max-width: 720px;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.compare--solo {
    justify-content: center;
    align-items: stretch;
    gap: 24px;
}

.compare--solo .compare_card--go {
    margin-left: 0;
}

.steps_section {
    padding: 20px 0 90px;
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 92px 24px 40px;
    background: rgba(21, 33, 57, .8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    overflow-y: auto;
}

@supports not selector(::-webkit-scrollbar) {
    .modal {
        scrollbar-color: #00a0df transparent;
    }
}

.modal::-webkit-scrollbar {
    width: 10px;
}

.modal::-webkit-scrollbar-track {
    background: rgba(21, 33, 57, .8);
}

.modal::-webkit-scrollbar-thumb {
    background: #00a0df;
    border-radius: 5px;
}

.modal[hidden] {
    display: none;
}

.modal_dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 577px;
    max-width: 100%;
    padding: 44px 53px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .03), 0 54px 47px rgba(0, 0, 0, .04);
}

.modal_close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--navy);
}

.modal_close iconify-icon {
    font-size: 20px;
}

@media (hover: hover) {
    .modal_close:hover {
        color: var(--pink);
    }
}

.modal_title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
}

.modal_sub {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: var(--navy);
}

.modal_actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.modal_form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.modal_fields {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.field[hidden] {
    display: none;
}

.field_input.is-invalid {
    border-color: #f45542;
}

.field_error {
    display: none;
    font-size: 13px;
    font-weight: 500;
    color: #f45542;
}

.field.is-invalid .field_error {
    display: block;
}

.form_status {
    margin: 0;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}

.form_status--ok {
    background: #e7f6ec;
    color: #1c7a3f;
}

.form_status--err {
    background: #fdecea;
    color: #c0392b;
}

.code_row {
    display: flex;
    gap: 24px;
}

.code_input {
    flex: 1;
    min-width: 0;
    height: 68px;
    padding: 0;
    border: 1px solid var(--navy);
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
    transition: border-color .15s;
}

.code_input:focus {
    outline: none;
    border-color: var(--pink);
}

.code_input:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 2px;
}

.code_input.is-invalid {
    border-color: #f45542;
}

.resend_note {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.resend_note_title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.resend_note_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.resend_note_text a {
    color: var(--pink);
    text-decoration: underline;
}

@media (hover: hover) {
    .resend_note_text a:hover {
        text-decoration: none;
    }
}

.secure_note {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 40px;
    border-radius: 5px;
    background: linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(81, 171, 228, .09));
    text-align: center;
}

.secure_note iconify-icon {
    font-size: 36px;
    color: var(--navy);
}

.secure_note p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.modal--vyber .modal_dialog {
    padding: 44px 36px 36px;
}

.modal--vyber .modal_title {
    max-width: 350px;
    margin: 0 auto;
}

.modal_accounts {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.modal_account {
    justify-content: space-between;
    height: 52px;
    padding: 0 20px;
    font-size: 14px;
}

.modal_help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--pink);
    text-decoration: underline;
}

.modal_help iconify-icon {
    font-size: 22px;
    color: var(--pink);
}

@media (hover: hover) {
    .modal_help:hover {
        text-decoration: none;
    }
}

.reveal {
    display: flex;
    flex-direction: column;
}

.reveal_head {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
}

.reveal_head::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--border);
}

.reveal_label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.reveal--page .reveal_label {
    background: var(--bg);
}

.reveal_label iconify-icon {
    font-size: 14px;
    transition: transform .2s;
}

.reveal.is-open .reveal_label iconify-icon {
    transform: rotate(180deg);
}

@media (hover: hover) {
    .reveal_head:hover .reveal_label {
        color: var(--pink);
    }
}

.reveal_body {
    display: none;
    margin-top: -10px;
    padding: 32px 24px 24px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.reveal_narrow {
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
}

.reveal--demand {
    width: 710px;
    max-width: 100%;
    margin: 0 auto 48px;
}

.form[hidden] {
    display: none;
}

.reveal.is-open .reveal_head::before {
    display: none;
}

.reveal.is-open .reveal_body {
    display: block;
}

.flow {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.flow_item {
    display: flex;
    gap: 20px;
}

.flow_num {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background: #f3f4f5;
    font-size: 16px;
    font-weight: 500;
    color: var(--pink);
}

.flow_body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.flow_title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.flow_text {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--navy);
}

.radio_group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.radio_group--center {
    justify-content: center;
    gap: 46px;
}

.radio_opt {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
    cursor: pointer;
}

.radio_opt input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.radio_opt_dot {
    flex: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--navy);
    border-radius: 50%;
    background: #fff;
    transition: background .15s;
}

.radio_opt:has(input:checked) {
    font-weight: 700;
}

.radio_opt:has(input:checked) .radio_opt_dot {
    background: radial-gradient(circle at center, var(--pink) 0 4px, #fff 5px 100%);
}

.recap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.recap--card {
    flex-wrap: wrap;
    padding: 20px 22px 24px 23px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.recap_detail {
    display: none;
    flex: 1 1 100%;
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.recap--card.is-open .recap_detail {
    display: block;
}

.recap_main {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.recap_img {
    flex: none;
    width: 135px;
    height: 88px;
    object-fit: cover;
    border-radius: 5px;
    background: #fff;
}

.recap_head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.recap_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.recap_sub {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.recap_toggle {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.recap_toggle iconify-icon {
    font-size: 14px;
    transition: transform .2s;
}

@media (hover: hover) {
    .recap_toggle:hover {
        color: var(--pink);
    }
}

.recap--card.is-open .recap_toggle iconify-icon {
    transform: rotate(180deg);
}

.recap_meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    font-size: 13px;
    font-weight: 500;
    color: var(--muted);
}

.sent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    text-align: center;
}

.sent_icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 91px;
    height: 91px;
    border-radius: 5px;
    background: linear-gradient(135deg, #00bf99, #34cd3e);
    color: #fff;
}

.sent_icon iconify-icon {
    font-size: 34px;
}

.sent_head {
    display: flex;
    flex-direction: column;
    gap: 11px;
    max-width: 650px;
}

.sent_title {
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.18;
    color: var(--navy);
}

.sent_text {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
    text-wrap: balance;
}

.sent_text strong {
    font-weight: 800;
}

.choice {
    display: flex;
    flex-direction: column;
    gap: 31px;
}

.choice_heading {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
}

.choice_cards {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

.choice_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 467px;
    max-width: 100%;
    padding: 32px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    text-align: center;
}

.choice_card[hidden] {
    display: none;
}

.choice_icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
}

.choice_icon iconify-icon {
    font-size: 24px;
}

.choice_icon--dark {
    background: linear-gradient(135deg, #005187, #070328);
}

.choice_icon--green {
    background: linear-gradient(135deg, #00bf99, #34cd3e);
}

.choice_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.choice_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.choice_slots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
}

.choice_slot {
    padding: 4px 10px;
    border: 1px solid var(--navy);
    border-radius: 25px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

@media (hover: hover) {
    .choice_slot:hover {
        background: #ffe6f6;
    }
}

.choice_slot.is-selected {
    background: var(--navy);
    color: #fff;
}

.choice_confirm {
    height: 44px;
    padding: 0 24px;
    font-size: 12px;
}

.choice_confirm[hidden] {
    display: none;
}

.choice_card .btn {
    margin-top: auto;
}

.stepper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

.stepper_item {
    display: flex;
    align-items: center;
    gap: 13px;
}

.stepper_num {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background: #ededed;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.stepper_num iconify-icon {
    font-size: 24px;
}

.stepper_num.is-active {
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--pink), var(--blue-lt)) border-box;
}

.stepper_num.is-done {
    background: linear-gradient(135deg, var(--pink), var(--blue-lt));
    color: #fff;
}

.stepper_label {
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.stepper_line {
    flex: none;
    width: 80px;
    height: 1px;
    background: var(--border);
}

.wizard {
    padding: 42px 0 80px;
}

.wizard_inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

.wizard_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.wizard_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
}

.wizard_card {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.wizard_card_head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
}

.wizard_card_title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.wizard_card_intro {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.wizard_form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wizard_section {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wizard_section+.wizard_section {
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.wizard_group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wizard_group[hidden] {
    display: none;
}

.wizard_group>.wizard_section:first-child,
.wizard_group+.wizard_section {
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.wizard_section_head {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.wizard_row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wizard_row .field {
    flex: 0 0 calc((100% - 10px) / 2);
    min-width: 0;
}

.wizard_row_sep {
    flex: none;
    align-self: flex-start;
    padding-top: 44px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
}

.wizard_row--bank .field {
    flex: 1 1 0;
    min-width: 0;
}

.wizard_row--address .field {
    flex: 1 1 calc((100% - 20px) / 4);
}

.wizard_row--address .field:first-child {
    flex: 2 1 calc(50% - 10px);
}

.wizard_row--address .field_label {
    min-height: 2.9em;
}

.wizard_row--date .field {
    flex: 1 1 0;
    min-width: 0;
}

.wizard_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.wizard_info p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--navy);
}

.wizard_actions {
    display: flex;
    gap: 24px;
}

.wizard_back {
    flex: none;
    width: 54px;
    padding: 24px 0;
}

.wizard_actions .btn--pink {
    flex: 1;
}

.wizard_note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--navy);
}

.wizard_note iconify-icon {
    flex: none;
    font-size: 24px;
}

.wizard_legal {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
    white-space: pre-line;
}

.wizard_card_h {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    color: var(--navy);
}

.wizard_card_cta {
    align-self: center;
}

.wizard_card_cta iconify-icon {
    font-size: 26px;
    margin: -8px 0;
}

.wizard_divider {
    flex: none;
    height: 1px;
    background: var(--border);
}

.upload_zone .upload_list {
    width: 100%;
    text-align: left;
}

.upload_pair {
    display: flex;
    gap: 10px;
}

.upload_pair .upload_zone {
    flex: 1;
    min-width: 0;
}

.upload_zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 16px 17px 20px;
    border: 1px solid var(--navy);
    border-radius: 5px;
    background: #fff;
    text-align: center;
    transition: border-color .15s, background .15s;
}

.upload_zone.is-dragover {
    border-color: var(--pink);
    background: #fdeaf5;
}

.upload_zone_head {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.upload_zone>iconify-icon {
    font-size: 36px;
    color: var(--navy);
}

.upload_btn {
    font-size: 14px;
}

.upload_hint {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 273px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.upload_hint span {
    color: var(--muted);
}

.upload_desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.upload_desc .btn {
    flex: none;
}

.wizard_card .flow_text {
    font-size: 14px;
}

.upload_desc p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.upload_warn {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 5px;
    background: linear-gradient(120deg, rgba(255, 229, 3, .12), rgba(244, 85, 66, .09));
}

.upload_warn_ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: linear-gradient(135deg, #ffe503, #f97827);
    color: var(--navy);
}

.upload_warn_ico iconify-icon {
    font-size: 24px;
}

.upload_warn p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.upload_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.upload_list[hidden] {
    display: none;
}

.upload_file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 6px 16px;
    border-radius: 5px;
    background: #ededed;
}

.upload_file--done {
    background: rgba(1, 174, 92, .09);
}

.upload_file--error {
    background: rgba(244, 85, 66, .09);
}

.upload_file_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.upload_file_info>iconify-icon {
    flex: none;
    font-size: 15px;
    color: var(--navy);
}

.upload_file--done .upload_file_info>iconify-icon {
    color: #01ae5c;
}

.upload_file--error .upload_file_info>iconify-icon {
    color: #f45542;
}

.upload_file--uploading .upload_file_info>iconify-icon {
    animation: upload_spin 1s linear infinite;
}

@keyframes upload_spin {
    to {
        transform: rotate(360deg);
    }
}

.upload_file_err {
    font-size: 13px;
    font-weight: 500;
    color: #f45542;
}

.upload_file_pct {
    padding: 1px 5px;
    border-radius: 5px;
    background: var(--navy);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.upload_remove {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--navy);
}

.upload_remove iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .upload_remove:hover {
        color: #f45542;
    }
}

.ares_result {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--navy);
}

.wizard .page_title {
    margin-bottom: 0;
}

.order_section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order_form .radio_group {
    margin-bottom: 12px;
}

.order_section .offer_h_row {
    margin-top: 0;
}

.order_section .package_group {
    margin-top: 0;
}

.order_section .addon_group {
    margin-top: 0;
}

.order_section #order_firma {
    margin-top: 12px;
}

.order_form .offer_h {
    font-size: 16px;
}

.order_form .offer_label {
    font-size: 14px;
    font-weight: 500;
}

.order_summary {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order_summary_row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.order_summary_row b {
    font-weight: 700;
}

.order_total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.order_total_label {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--navy);
}

.order_total_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.order_total_main {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--navy);
}

.order_total_main span {
    font-size: 12px;
    font-weight: 500;
}

.order_total_vat {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted);
}

.order_next {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order_next h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.order_next p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.site_header--app .site_header_inner {
    justify-content: space-between;
}

.site_header--app .site_header_left {
    gap: 20px;
}

.header_back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.header_back iconify-icon {
    font-size: 14px;
}

@media (hover: hover) {
    .header_back:hover {
        color: var(--pink);
    }
}

.header_user_wrap {
    position: relative;
}

.header_user {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 12px;
    border: 2px solid transparent;
    border-radius: 5px;
    white-space: nowrap;
    background: linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    cursor: pointer;
}

.header_user>iconify-icon {
    flex-shrink: 0;
    font-size: 20px;
}

.header_user>span {
    overflow: hidden;
    max-width: 110px;
    text-overflow: ellipsis;
}

.header_user .header_user_caret {
    font-size: 14px;
    transition: transform .2s;
}

@media (hover: hover) {
    .header_user:hover {
        box-shadow: var(--shadow);
    }
}

.header_user_wrap.is-open .header_user {
    position: relative;
    z-index: 2;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding-bottom: 16px;
    background:
        linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, var(--pink), var(--blue-lt)) border-box;
    box-shadow: none;
}

.header_user_wrap.is-open .header_user_caret {
    transform: rotate(180deg);
}

.header_user_menu {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 273px;
    padding: 14px;
    border: 2px solid transparent;
    border-radius: 5px 0 5px 5px;
    background:
        linear-gradient(120deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, var(--pink), var(--blue-lt)) border-box;
    box-shadow: 0 24px 40px rgba(21, 33, 57, .14);
}

.header_user_menu[hidden] {
    display: none;
}

.header_user_card {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 13px 18px;
    border-radius: 5px;
    background: #fff;
}

.header_user_name {
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.header_user_email {
    font-size: 13px;
    font-weight: 400;
    color: var(--muted);
}

.header_user_links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.header_user_link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.header_user_link iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .header_user_link:hover {
        color: var(--pink);
    }
}

.header_user_logout {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--pink);
}

.header_user_logout iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .header_user_logout:hover {
        text-decoration: underline;
    }
}

.header_user_wrap--impersonating .header_user {
    border-color: #e9a210;
    background: #fff3d1;
}

.header_user_wrap--impersonating.is-open .header_user {
    border-color: #e9a210;
    background: #fff3d1;
}

.header_user_wrap--impersonating .header_user_menu {
    border-color: #e9a210;
    background: #fffaea;
}

.header_user_acting {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 5px;
    background: #fff3d1;
    font-size: 12px;
    line-height: 1.4;
    color: #6b4a00;
}

.header_user_acting iconify-icon {
    flex-shrink: 0;
    font-size: 18px;
}

.header_user_acting b {
    display: block;
    font-size: 13px;
}

.sent_section {
    padding: 60px 0 90px;
}

.sent_inner {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 1002px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

.divider {
    flex: none;
    height: 1px;
    background: var(--border);
}

.account_nav {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 73px;
}

.site_header--app .site_header_inner {
    position: relative;
}

.account_nav_link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--navy);
}

.account_nav_link>iconify-icon {
    font-size: 24px;
}

@media (hover: hover) {
    .account_nav_link:hover {
        color: var(--pink);
    }
}

.account_nav_link.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--grad-brand);
}

.account_nav_count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 1px 5px;
    border: 1px solid var(--border);
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    color: var(--muted);
}

.account {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 42px 0 90px;
}

.account>.container {
    width: 100%;
}

.account .driverpass,
.account .topics {
    padding: 0;
}

.account_inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 1001px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

.account .page_title {
    margin-bottom: 0;
}

.account_h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.account_legal {
    margin: 0 auto;
    max-width: 760px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: var(--navy);
}

.account_legal a {
    text-decoration: underline;
}

@media (hover: hover) {
    .account_legal a:hover {
        color: var(--pink);
    }
}

.alert {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}

.alert[hidden] {
    display: none;
}

.alert iconify-icon {
    flex: none;
    font-size: 15px;
}

.alert--danger {
    background: rgba(244, 85, 66, .09);
    color: #f45542;
}

.alert--success {
    background: rgba(1, 174, 92, .09);
    color: #01ae5c;
}

.btn--success {
    background: linear-gradient(120deg, #00bf99, #34cd3e);
}

.btn--success iconify-icon {
    animation: upload_spin 1s linear infinite;
}

.login_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
    padding: 0 24px;
}

.login_form {
    display: flex;
    flex-direction: column;
    gap: 27px;
    width: 466px;
    max-width: 100%;
}

.login_hint {
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
}

.login_cars {
    max-width: 380px;
    margin-top: 4px;
}

.help {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.help_item {
    position: relative;
    border-radius: 5px;
}

.help_q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 20px 30px;
    border: none;
    border-radius: 5px;
    background: #f3f4f5;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    text-align: left;
}

.help_q iconify-icon {
    flex: none;
    font-size: 14px;
    transition: transform .2s;
}

.help_item.is-open {
    background: #fff;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .06);
}

.help_item.is-open::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--grad-brand);
}

.help_item.is-open .help_q {
    background: transparent;
    font-weight: 700;
}

.help_item.is-open .help_q iconify-icon {
    transform: rotate(180deg);
}

.help_a {
    display: none;
    margin: 0;
    padding: 0 30px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.help_item.is-open .help_a {
    display: block;
}

.help_foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: 8px;
}

.help_foot_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.help_foot .btn {
    height: 44px;
    padding: 0 32px;
    font-size: 12px;
}

.account_filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.account_filter_chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 24px;
    border: none;
    border-radius: 55px;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
}

@media (hover: hover) {
    .account_filter_chip:hover {
        background: #f3f4f5;
    }
}

.account_filter_chip.is-active {
    border-radius: 5px;
    background: var(--navy);
    color: #fff;
}

.account_filter_count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 1px 5px;
    border: 1px solid var(--border);
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    color: var(--muted);
}

.account_filter_chip.is-active .account_filter_count {
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .8);
}

.order_group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.order_group[hidden] {
    display: none;
}

.order_card {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 20px 22px 28px 23px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.order_card_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.order_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 32px;
    font-size: 13px;
    font-weight: 500;
    color: var(--muted);
}

.order_foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.order_cancel {
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

@media (hover: hover) {
    .order_cancel:hover {
        color: #f45542;
    }
}

.order_detail_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    color: var(--pink);
}

.order_detail_link iconify-icon {
    font-size: 14px;
}

@media (hover: hover) {
    .order_detail_link:hover {
        text-decoration: underline;
    }
}

.order_steps {
    position: relative;
    padding: 36px 0 4px;
}

.order_steps_track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 17px;
}

.order_steps_track::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 50%;
    height: 1px;
    background: var(--border);
}

.order_steps_bar {
    position: absolute;
    left: 8px;
    top: 50%;
    height: 3px;
    transform: translateY(-50%);
    border-radius: 2px;
}

.order_steps_dot {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: #fff;
}

.order_steps_pill {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: inline-flex;
    padding: 2px 10px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
    white-space: nowrap;
}

.order_steps_pill::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 9px;
    height: 9px;
    transform: translateX(-50%) rotate(45deg);
    background: #fff;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.order_steps--danger .order_steps_bar {
    background: #f45542;
}

.order_steps--danger .order_steps_dot.is-done {
    border-color: #f45542;
    background: #f45542;
}

.order_steps--warning .order_steps_bar {
    background: #dd8800;
}

.order_steps--warning .order_steps_dot.is-done {
    border-color: #dd8800;
    background: #dd8800;
}

.order_steps--info .order_steps_bar {
    background: #00a0df;
}

.order_steps--info .order_steps_dot.is-done {
    border-color: #00a0df;
    background: #00a0df;
}

.order_steps_num {
    font-weight: 700;
}

.order_steps--danger .order_steps_num {
    color: #f45542;
}

.order_steps--warning .order_steps_num {
    color: #dd8800;
}

.order_steps--info .order_steps_num {
    color: #00a0df;
}

.stav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border-radius: 5px;
    background: #fafafa;
}

.stav_main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.stav_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}

.stav_title iconify-icon {
    flex: none;
    font-size: 24px;
}

.stav_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.stav .btn {
    flex: none;
    height: 44px;
    padding: 0 24px;
    font-size: 12px;
}

.stav--danger {
    background: rgba(244, 85, 66, .09);
}

.stav--danger .stav_title {
    color: #f45542;
}

.stav--warning {
    background: rgba(255, 229, 3, .09);
}

.stav--warning .stav_title {
    color: #dd8800;
}

.stav--info {
    background: rgba(79, 176, 231, .09);
}

.stav--info .stav_title {
    color: #00a0df;
}

.stav--success {
    background: rgba(1, 174, 92, .09);
}

.stav--success .stav_title {
    color: #01ae5c;
}

.order_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.order_head_main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.order_back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}

.order_back iconify-icon {
    font-size: 14px;
}

@media (hover: hover) {
    .order_back:hover {
        color: var(--pink);
    }
}

.order_title {
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--navy);
}

.order_sub {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.order_head_img {
    flex: none;
    width: 215px;
    border-radius: 5px;
}

.order_band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px 40px;
    padding: 20px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.order_band .order_meta {
    flex: 1 1 auto;
    min-width: 0;
}

.order_band:has(.plate) .order_meta>span {
    flex: 0 0 calc(50% - 16px);
    min-width: 0;
}

.order_band .plate {
    flex: none;
}

.plate {
    display: inline-flex;
    align-items: stretch;
    height: 58px;
    border: 1px solid #111;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}

.plate_eu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 30px;
    background: #003399;
    color: #fff;
}

.plate_eu iconify-icon {
    font-size: 22px;
}

.plate_eu span {
    font-family: "Bebas Neue", sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .5px;
}

.plate_num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0 22px;
    background: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 46px;
    letter-spacing: 4px;
    line-height: 1;
    color: #111;
    white-space: pre;
}

.timeline {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 787px;
}

.timeline_list {
    display: flex;
    flex-direction: column;
}

.timeline_item {
    position: relative;
    display: flex;
    gap: 19px;
    padding-bottom: 27px;
}

.timeline_item:last-child {
    padding-bottom: 0;
}

.timeline_item::before {
    content: "";
    position: absolute;
    left: 27px;
    top: 54px;
    bottom: 0;
    width: 1px;
    background: var(--border);
}

.timeline_item:last-child::before {
    display: none;
}

.timeline_box {
    position: relative;
    z-index: 1;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
}

.timeline_box iconify-icon {
    font-size: 18px;
}

.timeline_item.is-done .timeline_box {
    border: none;
    background: linear-gradient(120deg, #00bf99, #34cd3e);
    color: #fff;
}

.timeline_body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 2px;
    min-width: 0;
}

.timeline_title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}

.timeline_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--navy);
}

.timeline_item.is-done .timeline_title {
    font-weight: 500;
    color: var(--muted);
}

.timeline_item.is-done .timeline_text {
    color: var(--muted);
}

.order_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order_info_item {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.order_info_q {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 24px 36px;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
    color: var(--navy);
    text-align: left;
}

.order_info_q>iconify-icon:first-child {
    flex: none;
    font-size: 24px;
    color: var(--pink);
}

.order_info_chev {
    margin-left: auto;
    font-size: 14px;
    transition: transform .2s;
}

.order_info_item.is-open .order_info_chev {
    transform: rotate(180deg);
}

.order_info_a {
    display: none;
    margin: 0;
    padding: 0 36px 24px 76px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--muted);
}

.order_info_item.is-open .order_info_a {
    display: block;
}

.profile_card {
    display: flex;
    gap: 172px;
    padding: 40px 40px 36px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.profile_card_title {
    flex: none;
    width: 253px;
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.profile_rows {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.profile_row {
    display: flex;
    align-items: baseline;
    gap: 32px;
}

.profile_row_label {
    flex: none;
    width: 159px;
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    color: var(--navy);
}

.profile_row_value {
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    color: var(--navy);
    overflow-wrap: anywhere;
}

.profile_row--spacer {
    height: 28px;
}

.lista_wrap {
    padding-top: 24px;
}

.lista {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 21px;
    min-height: 71px;
    padding: 12px 56px;
    border-radius: 5px;
    background: linear-gradient(180deg, #005187, #070328);
}

.lista_text {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

.lista .btn {
    flex: none;
    height: 44px;
    padding: 0 24px;
    font-size: 12px;
}

.lista_close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    font-size: 24px;
}

@media (hover: hover) {
    .lista_close:hover {
        opacity: .8;
    }
}

.order_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.order_actions .topic_card {
    flex: 1 1 calc(50% - 5px);
    min-width: 300px;
    width: auto;
}

.order_actions .topic_card_title {
    font-size: 16px;
}

.swiper .car_card {
    margin: 0;
    height: 100%;
}

.cars_section+.cars_section {
    margin-top: 80px;
}

.compare_solo {
    padding-top: 90px;
    position: relative;
    z-index: 10;
}

.pillar {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 960px;
    margin: 0 auto 56px;
}

.pillar_heading {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: var(--navy);
}

.pillar_intro p {
    font-size: 17px;
    font-weight: 500;
    color: var(--muted);
}

.pillar_benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pillar_benefit {
    flex: 1 1 calc((100% - 40px) / 3);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: #fff;
}

.pillar_benefit iconify-icon {
    font-size: 28px;
    color: var(--pink);
}

.pillar_benefit_title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--navy);
}

.pillar_benefit_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--muted);
}

.pillar_links_block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pillar_links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pillar_links .topic_card {
    flex: 1 1 calc((100% - 20px) / 2);
}

.pillar_faq .faq_head h2 {
    margin: 0;
}

.pillar_cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 48px 40px;
    border-radius: 5px;
    background: var(--navy);
    text-align: center;
}

.pillar_cta_title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #fff;
}

.pillar_cta_text {
    margin: 0;
    max-width: 560px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
}

.pillar_cta .btn {
    margin-top: 10px;
}

.article_back {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.article_back_link,
.article_back_money {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--pink);
}

@media (hover: hover) {

    .article_back_link:hover,
    .article_back_money:hover {
        text-decoration: underline;
    }
}

:root {
    --cc-font-family: "Raleway", sans-serif;

    --cc-bg: #fff;
    --cc-primary-color: #112954;
    --cc-secondary-color: #112954;

    --cc-btn-primary-bg: linear-gradient(135deg, #C8017D, #00A0DF);
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: linear-gradient(135deg, #810050, #0079A8);
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: none;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-btn-secondary-hover-color: #000;

    --cc-cookie-category-expanded-block-bg: #f0f4f7;
    --cc-cookie-category-expanded-block-hover-bg: #e9eff4;

    --cc-overlay-bg: rgba(0, 0, 0, .65);

    --cc-toggle-on-bg: #C8017D;
    --cc-toggle-off-bg: #18305B;
    --cc-toggle-readonly-bg: #de66b1;
    --cc-toggle-readonly-knob-bg: #fff;

    --cc-separator-border-color: transparent;

    --cc-footer-border-color: #f1f3f5;
    --cc-footer-bg: var(--cc-bg);
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
    border: solid 1px #b6bbc2;
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: #d5dee2;
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    overflow: unset !important;
    overflow-x: clip!important;
}