.nav_toggle,
.nav_cta,
.nav_utils,
.nav_toggle_ico--close,
.cta_short {
    display: none;
}

.detail_sticky {
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
    .site_header_inner {
        gap: 24px;
    }

    .site_header_left {
        gap: 36px;
    }

    .main_nav {
        gap: 22px;
    }

    .site_header_right {
        gap: 18px;
    }

    .main_nav_link {
        font-size: 16px;
    }

    .header_util {
        font-size: 15px;
    }

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

    .header_user {
        font-size: 16px;
    }

    .header_cta {
        font-size: 16px;
    }

    .megamenu_title {
        font-size: 26px;
    }

    .mega_col_title {
        font-size: 18px;
    }

    .mega_link,
    .mega_brand {
        font-size: 16px;
    }

    .footer_col_title {
        font-size: 18px;
    }

    .footer_col a {
        font-size: 16px;
    }

    .footer_address {
        font-size: 14px;
    }

    .hours {
        font-size: 16px;
    }

    .footer_copy {
        font-size: 14px;
    }

    .footer_legal_links a {
        font-size: 14px;
    }

    .footer_brand_name {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .car_grid {
        gap: 24px;
    }

    .car_grid>.car_card,
    .car_grid>.hero_card {
        flex-basis: calc((100% - 24px) / 2);
    }

    .equip_list li {
        flex: 0 0 calc((100% - 24px) / 2);
    }

    .filters_toggle {
        display: flex;
    }

    .filters {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2000;
        display: none;
        flex-direction: column;
        width: 400px;
        max-width: 100%;
        height: 100vh;
        height: 100dvh;
        background: #fff;
    }

    .filters.is-open {
        display: flex;
        animation: filtersIn .3s ease;
    }

    .filters_head,
    .filters_foot {
        display: flex;
    }

    .filters_list {
        flex: 1;
        gap: 20px;
        padding: 20px;
        overflow-y: auto;
    }

    body.nav-open {
        overflow: hidden;
    }

    .container {
        padding: 0 32px;
    }

    .search_close {
        top: auto;
        right: 0;
        bottom: 100%;
        margin-bottom: 10px;
    }

    .nav_toggle {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 5px 16px 6px;
        border: none;
        border-radius: 5px;
        background: linear-gradient(155deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09));
        font-size: 12px;
        font-weight: 700;
        color: var(--navy);
        transition: transform .25s ease;
        border: 2px solid transparent;
    }

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

    body.nav-open .nav_toggle_ico--open {
        display: none;
    }

    body.nav-open .nav_toggle_ico--close {
        display: inline-flex;
    }

    body.nav-open .nav_toggle {
        border: 2px solid transparent;
        background:
            linear-gradient(155deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(135deg, var(--pink), #51abe4) border-box;
    }

    .site_header_left {
        gap: 14px;
    }

    .nav_toggle,
    .site_logo,
    .site_header_right {
        position: relative;
        z-index: 2;
    }

    .main_nav {
        position: fixed;
        top: 82px;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 24px 28px 40px;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transition: opacity .28s ease, visibility .28s;
        z-index: 1;
    }

    body.nav-open .main_nav {
        opacity: 1;
        visibility: visible;
    }

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

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

    .main_nav_link {
        height: auto;
        width: 100%;
        padding: 16px 0;
        font-size: 16px;
        font-weight: 500;
    }

    .main_nav_link.is-active::after {
        display: none;
    }

    .main_nav_item.has-mega>.main_nav_link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: auto;
        padding: 10px 0 26px;
        border: none;
        border-radius: 0;
        background: none;
        font-size: 20px;
        font-weight: 700;
    }

    .main_nav_item.has-mega:not(.is-open)>.main_nav_link {
        border-bottom: 1px solid #e0e0e0;
    }

    .main_nav_item.has-mega:not(.is-open) {
        margin-bottom: 18px;
    }

    .main_nav_item.has-mega.is-open {
        margin: 4px 0;
        border: 2px solid transparent;
        border-radius: 12px;
        background:
            linear-gradient(160deg, rgba(200, 1, 125, .09), rgba(0, 160, 223, .09)) padding-box,
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(135deg, var(--pink), #51abe4) border-box;
    }

    .main_nav_item.has-mega.is-open>.main_nav_link {
        padding: 16px 20px;
        border: none;
        background: none;
    }

    .main_nav_item.has-mega>.main_nav_link+* {
        margin-top: 8px;
    }

    .megamenu {
        position: static;
        display: none;
        width: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        transition: none;
    }

    .main_nav_item.is-open .megamenu {
        display: block;
    }

    .megamenu_veil {
        display: none;
    }

    .megamenu_panel {
        position: static;
        transform: none;
        border: none;
        box-shadow: none;
        background: none;
        border-radius: 0;
    }

    .megamenu_inner {
        flex-direction: column;
        gap: 28px;
        padding: 24px 20px 28px;
    }

    .megamenu_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 22px;
    }

    .megamenu_cols {
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
    }

    .megamenu_cols>.mega_col:first-child,
    .megamenu_cols>.mega_col:last-child,
    .mega_col {
        width: auto;
    }

    .mega_brands {
        gap: 10px;
    }

    .mega_brands .mega_brand {
        flex: 0 0 calc(50% - 5px);
    }

    .mega_brand {
        font-size: 13px;
    }

    .mega_brand_logo {
        width: 52px;
    }

    .mega_brand_logo img {
        max-width: 44px;
    }

    .mega_promo.hero_card {
        margin: 0 auto;
    }

    .nav_cta {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        margin: 40px 0 24px;
        border-radius: 5px;
        background: var(--pink);
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        flex: none;
    }

    .nav_cta::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -24px;
        height: 1px;
        background: var(--border);
    }

    .nav_utils {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 48px;
    }

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

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

    .nav_util--logout {
        color: var(--pink);
    }

    .header_util,
    .header_divider {
        display: none;
    }

    .site_header:not(.site_header--app) .header_user_wrap {
        display: none;
    }

    .header_util--stack {
        display: inline-flex;
        margin-right: 6px;
    }

    .hero_inner {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        min-height: 0;
        padding: 56px 32px 48px;
    }

    .hero_copy {
        flex: none;
        width: 100%;
        max-width: 520px;
        padding-right: 0;
        text-align: center;
    }

    .hero_title,
    .hero_text {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .hero_actions {
        justify-content: center;
    }

    .hero_actions .btn {
        width: auto;
        padding: 16px 28px;
    }

    .hero_cards {
        overflow: hidden;
        margin-left: -32px;
        flex: none;
        width: calc(100% + 64px);
        margin-right: -32px;
        padding: 0 32px;
    }

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

    .hero_next {
        display: none;
    }

    .hero_solo {
        flex: none;
        width: 100%;
        max-width: 520px;
    }

    .hero_solo_img {
        position: static;
        width: 100%;
        height: auto;
        transform: none;
        border-radius: 5px 5px 0 0;
        width: calc(100% + 10px);
        max-width: calc(100% + 10px);
    }

    .hero_solo_panel {
        position: static;
        width: auto;
        max-width: none;
        padding: 24px;
        background: var(--navy);
        border-radius: 0 0 5px 5px;
        gap: 20px;
        text-align: left;
    }

    .hero_solo_desc {
        max-width: none;
    }

    .hero_solo_bottom {
        margin-top: 0;
    }

    .picks {
        padding: 44px 0;
    }

    .picks_grid {
        flex-wrap: wrap;
        gap: 16px;
    }

    .pick_tile {
        flex: 1 1 calc((100% - 32px) / 3);
        max-width: calc((100% - 32px) / 3);
    }

    .brands {
        padding: 44px 0;
    }

    .brands_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 32px 16px;
        align-items: flex-end;
    }

    .brands_row .brand_item {
        flex: 0 0 calc(20% - 12.8px);
    }

    .cars_section {
        padding: 48px 0 80px;
    }

    .cars_head {
        justify-content: space-between;
        margin-bottom: 24px;
    }

    .cars_title {
        font-size: 28px;
        text-align: left;
    }

    .cars_head .section_link {
        position: static;
        transform: none;
    }

    .cars_carousel {
        padding-left: 32px;
    }

    .cars_next,
    .cars_prev {
        display: none;
    }

    .lease {
        padding: 56px 0;
    }

    .lease_dark_wrap {
        display: none;
    }

    .lease_wedge {
        display: none;
    }

    .lease_car {
        display: none;
    }

    .lease_inner {
        z-index: auto;
    }

    .compare {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: 24px;
    }

    .compare_intro {
        flex: 1 1 100%;
        width: auto;
        padding-top: 0;
        margin-bottom: 12px;
        text-align: center;
    }

    .compare_intro_text {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .compare_card {
        flex: 1 1 calc(50% - 12px);
        width: auto;
        height: auto;
        padding: 34px 30px;
        border-radius: 5px;
    }

    .compare_card--go {
        margin-left: 0;
        margin-top: 0;
    }

    .included {
        margin: 56px 0 0;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 64px 32px;
        background: linear-gradient(160deg, #005187, #070328);
    }

    .included_grid {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 48px 40px;
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
    }

    .included_item {
        flex: 1 1 calc(50% - 20px);
    }

    .included_ico {
        margin: 0 auto 24px;
    }

    .steps {
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
    }

    .steps_video {
        width: 100%;
        height: 280px;
    }

    .steps_card {
        width: 100%;
        padding: 32px 24px;
    }

    .steps_title {
        font-size: 28px;
    }

    section.blog {
        padding: 76px 0;
    }

    .blog_title {
        font-size: 28px;
        margin-bottom: 44px;
    }

    .blog_grid {
        gap: 32px;
        margin: 0 -32px;
        padding: 0 32px 8px;
        overflow-x: auto;
    }

    .blog_card {
        flex: 0 0 300px;
        scroll-snap-align: start;
    }

    .benefits {
        padding: 32px 0;
    }

    .benefits_bar {
        padding: 40px 24px;
    }

    .benefits_title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .benefits_items {
        flex-wrap: wrap;
        gap: 28px 40px;
        max-width: 640px;
    }

    .benefits_item {
        width: calc(50% - 20px);
    }

    .reviews {
        padding: 48px 0;
    }

    .reviews_inner {
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
    }

    .reviews_aside {
        flex: none;
        text-align: center;
    }

    .reviews_stat {
        margin: 0;
    }

    .reviews_stat_label {
        margin: 8px 0 0;
    }

    .reviews_carousel {
        width: 100%;
    }

    .reviews_next {
        display: none;
    }

    .footer_dark {
        padding: 60px 0 48px;
    }

    .footer_watermark {
        display: none;
    }

    .footer_top {
        flex-wrap: wrap;
        gap: 40px 24px;
    }

    .footer_col {
        flex: 1 1 28%;
        min-width: 0;
    }

    .footer_contact {
        flex: 1 1 100%;
        min-width: 0;
        display: flex;
        gap: 24px;
        align-items: flex-start;
    }

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

    .footer_social {
        flex: 0 0 auto;
        align-self: center;
        margin: 0 0 40px;
    }

    .footer_brands {
        margin-top: 48px;
        padding-top: 40px;
    }

    .footer_brands_grid {
        justify-content: flex-start;
        gap: 32px;
        overflow-x: auto;
    }

    .footer_brand {
        flex: 0 0 auto;
    }

    .footer_bottom_inner {
        flex-wrap: wrap;
        gap: 16px;
    }

    .detail_top {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .detail_main {
        gap: 40px;
    }

    .detail_side {
        width: auto;
    }

    .offer_box {
        width: 100%;
    }

    .package_intro {
        flex: 1;
        width: auto;
    }

    .detail_sticky {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1500;
        background: #fff;
        border-top: 1px solid var(--border);
        box-shadow: 0 -8px 28px rgba(0, 0, 0, .07);
        transform: translateY(100%);
        transition: transform .3s ease;
    }

    .detail_sticky.is-visible {
        transform: translateY(0);
    }

    .detail_sticky_inner {
        display: flex;
        align-items: center;
        gap: 16px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .detail_sticky_price {
        display: flex;
        flex-direction: column;
        line-height: 1.15;
        white-space: nowrap;
    }

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

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

    .detail_sticky_cta {
        flex: 1;
        height: 52px;
    }

    .contact_title {
        font-size: 36px;
    }

    .contact_row {
        gap: 48px;
        padding: 32px;
    }

    .contact_methods {
        gap: 32px;
    }

    .contact_info {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
    }

    .contact_company {
        width: auto;
        padding-top: 0;
    }

    .contact_map_canvas {
        height: 300px;
    }

    .faqpage {
        padding: 32px 0 64px;
    }

    .topics_title {
        font-size: 30px;
    }

    .topics_grid .topic_card {
        flex: 0 0 calc((100% - 20px) / 2);
    }

    .driverpass {
        gap: 40px;
    }

    .driverpass_text {
        flex-basis: 380px;
    }

    .driverpass_title {
        font-size: 30px;
    }

    .blog_page {
        padding: 32px 0 64px;
    }

    .blog_grid--page .blog_card {
        flex: 0 0 calc((100% - 32px) / 2);
    }

    .blog_grid--page .blog_promo.hero_card {
        flex: 0 0 calc((100% - 32px) / 2);
    }

    .article {
        padding: 32px 0 48px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .site_header_left {
        gap: 40px;
    }

    .main_nav {
        align-items: center;
        max-height: calc(100vh - 80px);
    }

    .main_nav>* {
        width: 100%;
        max-width: 560px;
    }

    .mega_list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mega_list>a {
        width: calc(50% - 5px);
    }
}

@media only screen and (max-width: 768px) {
    .offer {
        padding: 24px 0 64px;
    }

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

    .page_title {
        font-size: 30px;
    }

    .offer .page_title {
        margin-bottom: 36px;
    }

    .form {
        max-width: 100%;
    }

    .catalog_title {
        font-size: 32px;
    }

    .car_grid {
        gap: 20px;
    }

    .car_grid>.car_card,
    .car_grid>.hero_card {
        flex-basis: 100%;
    }

    .catalog_bar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .chip_row {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scrollbar-width: none;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .chip_row::-webkit-scrollbar {
        display: none;
    }

    .chip {
        flex: none;
    }

    .catalog_active {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

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

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

    .catalog_clear {
        order: 0;
        margin-left: 0;
    }

    .catalog_clear span {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .filters {
        width: 100%;
    }

    .faq {
        padding: 20px;
    }

    .faq_cols {
        flex-direction: column;
    }

    .promo_wide::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: 5px;
        background:
            linear-gradient(180deg, rgba(21, 33, 57, .45), transparent 28%),
            linear-gradient(0deg, rgba(21, 33, 57, .55), transparent 34%);
        pointer-events: none;
    }

    .promo_head,
    .promo_offer {
        z-index: 2;
    }

    .promo_head {
        top: 28px;
        left: 20px;
        right: 20px;
        max-width: none;
    }

    .promo_offer {
        top: auto;
        bottom: 22px;
        left: 20px;
        right: 20px;
        transform: none;
        justify-content: space-between;
    }

    .cta_promo img {
        width: calc(100% + 30px);
        max-width: none;
        margin-left: -15px;
    }

    .cta_promo_text {
        top: auto;
        bottom: 0px;
        right: 0;
        padding: 0;
        text-align: center;
        transform: translateX(-50%);
        left: 50%;
        width: 100%;
        padding-bottom: 50px;
    }

    .cta_promo_text h2 {
        font-size: 20px;
    }

    .cta_promo_text p {
        font-size: 15px;
        margin: 16px 0;
    }

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

    .pagination::before {
        display: none;
    }

    .pager_more {
        width: 100%;
        justify-content: center;
    }

    .pager {
        flex: none;
        flex-wrap: wrap;
        justify-content: center;
    }

    .faq_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 20px;
    }

    .faq_head h2 {
        font-size: 20px;
    }

    .faq_col,
    .faq_cols {
        gap: 10px;
    }

    .faq_q {
        padding: 20px;
    }

    .faq_a p {
        padding: 0 20px 24px;
    }

    .empty_title {
        font-size: 30px;
    }

    .empty_inner {
        padding-top: 20px;
    }

    body {
        padding-top: 52px;
    }

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

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

    .infobar {
        font-size: 13px;
    }

    .infobar .infobar_inner {
        justify-content: flex-start;
        padding-right: 44px;
    }

    .infobar_btn {
        display: none;
    }

    .hero {
        padding-top: 30px;
    }

    .hero_solo_img {
        width: calc(100% + 7px);
        max-width: calc(100% + 7px);
    }

    .cars_fade {
        display: none;
    }

    [data-animate] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .site_header,
    .site_header_inner {
        height: 52px;
    }

    .site_header_inner {
        padding-left: 5px;
        padding-right: 7px;
    }

    .hero_inner {
        padding: 30px 20px 36px;
    }

    .site_logo img {
        height: 15px;
    }

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

    .site_logo--dual .site_logo_partner {
        height: 18px;
        max-width: 100px;
    }

    .site_logo--dual .site_logo_brand {
        height: 8px;
        padding-left: 8px;
    }

    .site_header_right {
        gap: 8px;
    }

    .header_util--stack span {
        display: none;
    }

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

    .header_cta {
        height: 40px;
        padding: 0 16px;
        font-size: 13px;
    }

    .cta_full {
        display: none;
    }

    .cta_short {
        display: inline;
    }

    .main_nav {
        top: 52px;
        padding-top: 8px;
        max-height: calc(100vh - 52px);
    }

    body.has-infobar .main_nav {
        top: 82px;
        max-height: calc(100vh - 82px);
    }

    .section_head {
        margin-bottom: 35px;
    }

    .section_title,
    .cars_title {
        font-size: 20px;
    }

    .hero_title {
        font-size: 32px;
    }

    .hero_text {
        font-size: 16px;
    }

    .blog_title,
    .compare_intro_title,
    .included_title,
    .steps_title,
    .benefits_title {
        font-size: 24px;
    }

    .picks_grid {
        gap: 12px;
    }

    .pick_tile {
        flex: 1 1 calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2);
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
        height: 58px;
        padding: 8px 12px;
    }

    .pick_img {
        flex: 0 0 64px;
        width: 64px;
        height: 100%;
    }

    .pick_img img {
        max-height: 100%;
        max-width: 100%;
    }

    .pick_label {
        flex: 1;
        text-align: left;
        font-size: 12px;
        font-weight: 700;
    }

    .brands {
        padding: 36px 0;
    }

    .brands_row {
        gap: 32px 16px;
    }

    .brands_row .brand_item {
        flex: 0 0 calc(33.333% - 10.67px);
    }

    .brand_name {
        font-size: 14px;
    }

    .cars_section {
        padding: 40px 0 76px;
    }

    .cars_carousel {
        padding-left: 20px;
        margin-bottom: -90px;
    }

    .cars_section+.cars_section {
        margin-top: 0;
    }

    .lease {

        background: linear-gradient(200deg, #0a5a94 0%, #08386a 34%, #070328 100%);
        padding-bottom: 0;
    }

    .lease_car {
        display: block;
        position: relative;
        z-index: 2;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 470px;

        margin: -78px auto 4px;
    }

    .compare {
        flex-direction: column;
        gap: 0;
        align-items: stretch;
    }

    .compare_intro {
        position: relative;
        width: 100vw;
        margin: -56px 0 0 calc(50% - 50vw);
        padding: 0 20px 64px;
        background: #fafafa;
    }

    .compare_intro::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% - 0.5px);
        height: 52px;
        background: #fafafa;
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }

    .compare_intro::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 58px;
        background: linear-gradient(90deg, #c8017d, #00a0df);
        clip-path: polygon(0 89.7%, 100% 0, 100% 6.9%, 0 96.6%);
    }

    .compare_list,
    .compare_list li {
        min-width: 0;
    }

    .compare_card {
        position: relative;
        flex: none;
        width: 100%;
        min-width: 0;
        padding: 30px 24px;
    }

    .compare_card--plain {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }

    .compare_card--go {
        width: 100%;
        border-radius: 0 0 5px 5px;
    }

    .compare_icon {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 64px;
        height: 64px;
        margin-bottom: 0;
    }

    .compare_icon img {
        width: 34px;
    }

    .compare_card_perex {
        max-width: 220px;
        font-size: 15px;
    }

    .compare_list li {
        font-size: 14px;
    }

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

    .compare_list--check li {
        font-weight: 700;
    }

    .compare_intro_text {
        font-size: 15px;
    }

    .included {
        width: auto;
        margin: 0;
        padding: 48px 0 28px;
        background: none;
    }

    .included_grid {
        flex-direction: column;
        gap: 30px;
        max-width: 520px;
    }

    .included_item {
        flex: none;
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: flex-start;
        text-align: left;
    }

    .included_ico {
        flex: 0 0 64px;
        margin: 0;
    }

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

    .included_item_title {
        text-align: left;
        margin: 0 0 8px;
    }

    .included_item_text {
        text-align: left;
        font-size: 14px;
    }

    .steps {
        position: relative;
        width: 100vw;

        margin: 60px 0 -56px calc(50% - 50vw);
        padding: 40px 20px 56px;
        background: #fafafa;
        gap: 8px;
    }

    .steps::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 32px;
        background: #fafafa;
        clip-path: polygon(0 0, 0 100%, 100% 100%);
    }

    .steps_video {
        position: relative;
        z-index: 2;
        height: 230px;
        margin-top: -88px;
    }

    .steps_card {
        padding: 28px 20px;
    }

    .steps_title {
        font-size: 24px;
        line-height: 1.15;
        text-align: center;
    }

    .steps_sub {
        margin: 12px 0 22px;
        font-size: 14px;
        line-height: 1.43;
        text-align: center;
    }

    .step_body>p {
        font-size: 14px;
        line-height: 1.43;
    }

    .blog_title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .blog_grid {
        margin: 0 -20px;
        padding: 0 20px 8px;
    }

    .blog_card {
        flex: 0 0 300px;
    }

    .blog_media img {
        height: 177px;
    }

    .blog_pill {
        margin: 10px 0;
    }

    .benefits_bar {
        padding: 36px 24px;
    }

    .benefits_title {
        font-size: 24px;
        margin-bottom: 28px;
    }

    .benefits_items {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        max-width: 340px;
        margin: 0 auto;
    }

    .benefits_item {
        width: 100%;
    }

    .reviews_aside {
        display: block;
        text-align: center;
    }

    .reviews_stat {
        font-size: 32px;
    }

    .reviews_stat_label {
        font-size: 20px;
        margin: 4px 0 24px;
    }

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

    .review_card {
        padding: 20px;
        gap: 22px;
    }

    .review_text {
        font-size: 17px;
        line-height: 1.41;
    }

    .review_avatar {
        width: 42px;
        height: 42px;
    }

    .review_name {
        font-size: 14px;
    }

    .review_model {
        font-size: 12px;
    }

    .footer_dark {
        padding: 28px 0 32px;
        padding-bottom: 0;
    }

    .footer_top {
        flex-direction: column;
        gap: 0;
    }

    .footer_col,
    .footer_brands {
        flex: none;
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 21px 0;
        border-top: none;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .footer_brands {
        order: 1;
    }

    .footer_contact {
        order: 2;
        display: block;
        margin-top: 26px;
    }

    .footer_col_title,
    .footer_brands .footer_col_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        cursor: pointer;
        user-select: none;
    }

    .footer_col_title::after {
        content: "";
        flex: none;
        width: 9px;
        height: 9px;
        margin-bottom: 3px;
        border-right: 2px solid rgba(255, 255, 255, .8);
        border-bottom: 2px solid rgba(255, 255, 255, .8);
        transform: rotate(45deg);
        transition: transform .3s ease;
    }

    .footer_col.is-open .footer_col_title::after,
    .footer_brands.is-open .footer_col_title::after {
        margin-bottom: -3px;
        transform: rotate(-135deg);
    }

    .footer_col_links,
    .footer_brands_grid {
        overflow: hidden;
        max-height: 0;
        padding-top: 0;
        transition: max-height .35s ease, padding-top .35s ease;
    }

    .footer_col.is-open .footer_col_links,
    .footer_brands.is-open .footer_brands_grid {
        max-height: 640px;
        padding-top: 16px;
    }

    .footer_brands_grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow-x: hidden;
        gap: 24px 16px;
    }

    .footer_brand {
        flex: 0 0 calc(33.333% - 11px);
        align-items: center;
    }

    .footer_phone_num {
        font-size: 24px;
    }

    .footer_bottom {
        padding: 22px 0;
    }

    .footer_legal {
        display: contents;
    }

    .footer_bottom_inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px 14px;
    }

    .footer_mark {
        height: 36px;
    }

    .footer_copy {
        flex: 1;
        margin: 0;
    }

    .footer_legal_links {
        flex: 0 0 100%;
        margin: 20px 0;
    }

    .footer_co2 {
        flex: 0 0 100%;
    }

    .search_overlay {
        padding: 46px 10px 10px;
        align-items: stretch;
    }

    .search_dialog {
        width: 100%;
        height: 100%;
    }

    .search_panel {
        height: 100%;
        max-height: none;
        border-radius: 12px;
        box-shadow: none;
    }

    .search_close {
        top: -40px;
        right: 2px;
        bottom: auto;
        margin: 0;
        width: 38px;
        height: 38px;
        color: #fff;
        z-index: 5;
    }

    .search_bar {
        gap: 12px;
        padding: 14px 12px 14px 18px;
        border-bottom: 1px solid var(--border);
    }

    .search_submit {
        padding: 12px 18px;
    }

    .sr_row {
        gap: 10px;
        padding: 12px;
    }

    .sr_thumb {
        width: 58px;
        height: 40px;
    }

    .sr_price b {
        font-size: 14px;
        white-space: nowrap;
    }

    .sr_price span {
        font-size: 11px;
        white-space: nowrap;
    }

    .sr_empty {
        gap: 18px;
        padding: 20px 4px 10px;
    }

    .sr_empty_ico {
        width: 64px;
        height: 64px;
    }

    .sr_empty_glass {
        font-size: 30px;
    }

    .sr_empty_badge {
        top: 12px;
        right: 14px;
        width: 18px;
        height: 18px;
    }

    .sr_empty_txt b {
        font-size: 19px;
    }

    .sr_empty_txt span {
        font-size: 14px;
    }

    .section_link {
        font-size: 14px;
    }

    .cars_swiper .swiper-slide {
        width: 310px;
    }

    .car_card {
        width: 100%;
    }

    .included_cta {
        margin-top: 40px;
    }

    section.blog {
        padding: 50px 0;
    }

    .benefits {
        padding: 0;
    }

    .reviews_carousel {
        margin: 0 -16px;
        width: calc(100% + 32px);
        padding-left: 16px;
    }

    .top_wedge {
        top: -380px;
    }

    .main_nav_item.has-mega {
        margin-left: -28px;
        margin-right: -28px;
        width: calc(100% + 56px);
    }

    .main_nav_item.has-mega>a {
        padding: 25px 28px !important;
    }

    .main_nav_item.has-mega.is-open {
        margin: 0 -28px;
        border-radius: 0;
        border: none;
        background: linear-gradient(90deg, rgba(200, 1, 125, 0.09) 0%, rgba(0, 160, 223, 0.09) 100%), #FFFFFF;
        overflow: visible;
        flex: none;
        height: inherit;
        height: auto;
    }

    .megamenu_inner {
        padding: 0 28px;
        padding-bottom: 35px;
    }

    a.main_nav_link.is-active.ignore {
        background: none !important;
    }

    .promo_wide img {
        width: calc(100% + 30px);
        max-width: inherit;
        margin-left: -17px;
    }

    .howto_body p {
        padding: 0;
    }

    .detail_hero {
        padding: 12px 0 40px;
    }

    .detail_hero>.container,
    .detail_sticky .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .detail_bar .crumbs {
        display: none;
    }

    .detail_bar {
        justify-content: flex-start;
        margin-bottom: 14px;
    }

    .detail_back {
        padding: 0;
        background: none;
        border-radius: 0;
        gap: 10px;
        font-size: 14px;
        font-weight: 500;
        color: var(--navy);
    }

    @media (hover: hover) {
        .detail_back:hover {
            background: none;
        }
    }

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

    .detail_back_txt {
        text-decoration: underline;
    }

    .detail_sec .section_title,
    .services_title {
        font-size: 24px;
    }

    .gallery_caption {
        left: 8px;
        bottom: 8px;
        gap: 6px;
        padding: 3px 8px;
        font-size: 11px;
    }

    .gallery_wheel {
        width: 16px;
        height: 16px;
    }

    .offer_title {
        font-size: 32px;
    }

    .package_logo {
        font-size: 34px;
    }

    .spec_grid {
        flex-wrap: nowrap;
        justify-content: space-between;
        row-gap: 0;
        gap: 8px;
        margin-bottom: 8px;
    }

    .spec_grid .spec {
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
        font-size: 15px;
    }

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

    .offer_headprice {
        flex-wrap: wrap;
    }

    .offer_headprice_main {
        flex: 1 1 auto;
    }

    .offer_headnow {
        flex-wrap: nowrap;
        gap: 6px;
    }

    .offer_headnow b {
        font-size: 24px;
        white-space: nowrap;
    }

    .offer_headnow span {
        white-space: nowrap;
    }

    .gallery_thumbs::before,
    .gallery_thumbs::after {
        width: 48px;
    }

    .offer_box {
        padding: 16px 16px 18px;
    }

    .offer_fields {
        flex-direction: column;
        gap: 9px;
    }

    .offer_field {
        gap: 4px;
    }

    .offer_label {
        font-size: 14px;
        font-weight: 500;
    }

    .select--box .select_btn {
        border-color: var(--border);
        font-size: 16px;
    }

    .offer_h,
    .addon_group .offer_h {
        font-size: 16px;
    }

    .offer_h_row {
        margin-top: 24px;
    }

    .offer_total {
        margin-top: 24px;
        padding-top: 0;
        border-top: none;
    }

    .offer_total_now {
        font-size: 24px;
        white-space: nowrap;
    }

    .offer_actions {
        margin-top: 20px;
    }

    .package_intro {
        flex: none;
    }

    .params_cols {
        flex-direction: column;
        gap: 0;
    }

    .params_col {
        width: 100%;
    }

    .gallery_main {
        height: 208px;
        min-height: 0;
        padding: 0;
        border-radius: 5px;
    }

    .gallery_main_img {
        max-height: 100%;
        max-width: 100%;
        border-radius: 5px;
    }

    .gallery_nav {
        width: 34px;
        height: 36px;
        font-size: 16px;
    }

    .gallery_badge {
        top: 10px;
        left: 10px;
        gap: 6px;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 11px;
    }

    .gallery_badge img {
        width: 10px;
    }

    .gallery_main .gallery_prev {
        left: 0;
        border-radius: 0 5px 5px 0;
    }

    .gallery_main .gallery_next {
        right: 0;
        border-radius: 5px 0 0 5px;
    }

    .gallery_thumb {
        height: 64px;
        padding: 8px;
    }

    .detail_why {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 20px;
    }

    .detail_why_title {
        width: auto;
    }

    .detail_why_items {
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }

    .detail_why_item {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

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

    .detail_why_item p br {
        display: none;
    }

    .qa_head,
    .qa_item.is-open .qa_head {
        font-size: 20px;
        font-weight: 800;
        padding-left: 0;
    }

    .qa_about_title {
        display: none;
    }

    .qa_body .howto_list {
        padding: 0 0 24px;
    }

    .howto_step {
        align-items: flex-start;
    }

    .equip_card {
        padding: 20px;
        margin: 16px 0;
    }

    .equip_sub {
        font-size: 16px;
    }

    .detail_sticky_cta {
        height: 48px;
    }

    .lightbox {
        padding: 0;
    }

    .lightbox_dialog {
        width: 100%;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        max-height: none;
        padding: 48px 12px 14px;
        gap: 12px;
        border-radius: 0;
        box-shadow: none;
    }

    .lightbox_close {
        top: 10px;
        right: 12px;
        font-size: 28px;
    }

    .lightbox_stage {
        flex: 1;
        min-height: 0;
        align-items: center;
    }

    .lightbox_main {
        height: auto;
    }

    .lightbox_main .swiper-slide {
        height: auto;
    }

    .lightbox_view {
        height: 54vh;
        padding: 12px;
    }

    .lightbox_img {
        max-width: 100%;
    }

    .lightbox_nav {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .92);
    }

    .lightbox_prev {
        left: 8px;
    }

    .lightbox_next {
        right: 8px;
    }

    .lightbox_thumbs {
        flex: none;
    }

    .lightbox_thumbs .swiper-slide {
        width: 84px;
        height: 54px;
    }

    .lightbox_thumbs::before,
    .lightbox_thumbs::after {
        width: 40px;
    }

    .contact_intro {
        margin-bottom: 32px;
    }

    .contact_title {
        font-size: 28px;
    }

    .contact_lead {
        font-size: 15px;
    }

    .ico_tile {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .client_note {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }

    .contact_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 24px;
    }

    .contact_row_title {
        width: auto;
    }

    .contact_methods {
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }

    .contact_company_title {
        font-size: 22px;
    }

    .contact_map_canvas {
        height: 240px;
    }

    .faqpage {
        padding: 24px 0 48px;
    }

    .faqpage .crumbs {
        margin-bottom: 24px;
    }

    .faqpage_stack {
        gap: 24px;
    }

    .topics_title {
        font-size: 24px;
    }

    .topics_grid .topic_card {
        flex: 1 1 100%;
    }

    .topic_card {
        padding: 16px;
        gap: 20px;
    }

    .topic_ico {
        width: 80px;
        height: 80px;
    }

    .topic_ico_img {
        width: auto;
        height: 36px;
    }

    .driverpass {
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
        padding: 8px 0;
    }

    .driverpass_text {
        flex-basis: auto;
        max-width: none;
    }

    .driverpass_title {
        font-size: 26px;
    }

    .doc_item {
        gap: 14px;
        padding: 16px;
    }

    .doc_ico {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }

    .doc_item_title {
        font-size: 16px;
    }

    .doc_item_dl span,
    .doc_item_dl {
        font-size: 13px;
    }

    .content h2 {
        font-size: 26px;
    }

    .content h3 {
        font-size: 20px;
    }

    .content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .blog_page {
        padding: 24px 0 48px;
    }

    .blog_page .crumbs {
        margin-bottom: 24px;
    }

    .blog_tabs_wrap {
        margin-bottom: 32px;
    }

    .blog_grid--page .blog_card {
        flex: 1 1 100%;
    }

    .blog_grid--page .blog_promo.hero_card {
        flex: 1 1 100%;
        height: auto;
        width: 100%;
        align-self: auto;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .blog_promo .hero_card_desc {
        font-size: 10px;
        top: 55px;
    }

    .blog_foot {
        flex-direction: column;
        gap: 24px;
    }

    .blog_foot .pager {
        position: static;
        justify-content: center;
        flex: none;
        flex-wrap: wrap;
    }

    .article {
        padding: 24px 0 40px;
    }

    .article .crumbs {
        padding: 0 20px;
        margin-bottom: 24px;
        white-space: nowrap;
        overflow: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    .content .quote {
        flex-direction: column;
        gap: 14px;
        padding: 20px;
    }
}

@media only screen and (max-width: 370px) {
    .container {
        padding: 0 16px;
    }

    .site_header_inner {
        padding: 0 10px;
        padding-left: 5px;
    }

    .site_header_left {
        gap: 10px;
    }

    .nav_toggle {
        margin-left: 0;
        padding: 8px 10px 6px;
    }

    .header_cta {
        padding: 0 12px;
    }

    .hero_title {
        font-size: 28px;
    }

    .reviews_stat {
        font-size: 32px;
    }

    .compare_card {
        padding: 26px 20px;
    }

    .section_title,
    .cars_title {
        font-size: 23px;
    }

    .section_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 11px;
    }

    .pick_tile {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .pick_img {
        flex: none;
        width: 62px;
        height: 100%;
    }

    .pick_label {
        font-size: 15px;
    }

    .cars_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .cars_swiper .swiper-slide {
        width: 270px;
    }

    .step_name {
        font-size: 17px;
    }

    .blog_card {
        flex: 0 0 270px;
    }

    .site_logo img {
        height: 14px;
    }

    .site_logo--dual .site_logo_partner {
        height: 16px;
        max-width: 86px;
    }

    .site_logo--dual .site_logo_brand {
        height: 7px;
    }

    .hero_solo_desc {
        font-size: 14px;
    }

    .detail_sticky_cta iconify-icon {
        display: none;
    }

    .detail_sticky_cta {
        padding-left: 10px;
        padding-right: 10px;
    }

    span.package_top {
        flex-direction: column;
        gap: 7px;
    }

    .cta_promo_text {
        padding: 0;
    }

    .radio_opt {
        font-size: 12px;
    }

    .search_bar {
        gap: 8px;
        padding: 12px 10px 12px 14px;
    }

    .search_submit {
        padding: 11px 14px;
    }

    .sr_thumb {
        width: 50px;
        height: 38px;
    }

    .sr_price b {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    .page_hero_row {
        flex-direction: column;
        align-items: flex-start;
        min-height: 0;
        gap: 28px;
        padding-bottom: 70px;
        padding-top: 40px;
    }

    .page_hero_copy {
        flex: 0 0 auto;
        width: 100%;
        padding-right: 0;
    }

    .qa_card {
        padding: 0;
        border: none;
        background: none;
    }

    .page_hero_title {
        font-size: 32px;
    }

    .page_hero_text {
        max-width: none;
    }

    .page_hero {
        --hero-wedge: 60px;
    }

    .page_hero--bg .page_hero_photo {
        background-position: center;
        background-size: cover;
    }

    .page_hero--bg .page_hero_veil {
        background: linear-gradient(180deg, rgba(6, 12, 32, .82) 0%, rgba(6, 12, 32, .5) 46%, rgba(8, 20, 50, .2) 100%);
    }

    .page_hero_media {
        display: none;
    }

    .origin {
        padding: 64px 0 20px;
    }

    .origin_inner {
        flex-direction: column;
        gap: 40px;
        padding: 0 18px;
    }

    .origin_copy {
        flex: 0 0 auto;
        width: 100%;
    }

    .origin_chart {
        width: 100%;
        max-width: 640px;
    }

    .origin_title {
        font-size: 28px;
    }

    .milestone {
        padding-left: 0;
    }

    .milestone--2 {
        padding-left: 0;
    }

    .milestone_num {
        font-size: 100px;
        width: 120px;
        margin-right: -50px;
        top: -50px;
    }

    .milestone_body {
        padding-top: 6px;
    }

    .milestone_title {
        font-size: 24px;
    }

    .wall_grid {
        column-count: 2;
    }

    .wall_title,
    .covers_title,
    .plans_title,
    .qa_title {
        font-size: 28px;
    }

    .milestone+.milestone {
        margin-top: 40px;
    }

    .wall_grid .review_text {
        font-size: 16px;
    }

    .covers {
        padding: 64px 0;
    }

    .covers_grid {
        gap: 36px;
    }

    .covers_item {
        flex: 0 0 100%;
    }

    .compare--solo {
        flex-direction: column;
        align-items: center;
    }

    .compare--solo .compare_card {
        flex: 0 0 auto;
        width: 100%;
        max-width: 466px;
    }

    .package_block {
        flex-direction: column;
        gap: 24px;
        padding: 32px;
    }

    .compare_solo {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .page_hero_title {
        font-size: 26px;
    }

    .page_hero_actions {
        flex-wrap: wrap;
        gap: 18px;
    }

    .wall_grid {
        column-count: 1;
    }

    .origin_inner {
        display: block;
    }

    .origin_copy {
        margin-bottom: 36px;
    }

    .origin_chart {
        max-width: 100%;
    }

    .milestone {
        display: block;
    }

    .milestone_num {
        display: block;
        width: auto;
        font-size: 76px;
        margin: 0 0 4px;
        position: static;
        top: auto;
    }

    .milestone_body {
        max-width: none;
        padding-top: 0;
    }

    .package_block {
        padding: 26px 22px;
    }
}

@media (max-width: 991px) {
    .stepper {
        gap: 16px;
    }

    .stepper_line {
        width: 32px;
    }

    .choice_cards {
        flex-direction: column;
        align-items: stretch;
    }

    .choice_card {
        width: 100%;
    }

    .sent_inner {
        gap: 48px;
    }
}

@media (max-width: 768px) {
    .modal {
        padding: 24px 16px 32px;
    }

    .modal_dialog,
    .modal--vyber .modal_dialog {
        padding: 40px 20px 28px;
    }

    .modal_title {
        font-size: 22px;
    }

    .code_row {
        gap: 8px;
    }

    .code_input {
        height: 52px;
        font-size: 20px;
    }

    .secure_note {
        padding: 20px 16px;
    }

    .reveal_body {
        padding: 26px 14px 16px;
    }

    .sent_title {
        font-size: 32px;
    }

    .choice_heading {
        font-size: 26px;
    }

    .sent_section {
        padding: 40px 0 60px;
    }

    .stepper_item {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    .stepper_line {
        width: 20px;
        margin-bottom: 24px;
    }

    .stepper_label {
        font-size: 12px;
    }

    .wizard {
        padding: 28px 0 56px;
    }

    .wizard_inner {
        gap: 28px;
        padding: 0 16px;
    }

    .wizard_card {
        gap: 24px;
        padding: 20px 16px;
    }

    .wizard_card_title {
        font-size: 22px;
    }

    .wizard_row {
        flex-wrap: wrap;
    }

    .wizard_row .field {
        flex: 1 1 100%;
    }

    .wizard_row--date .field {
        flex: 1 1 0;
    }

    .order_total_label {
        font-size: 18px;
    }

    .order_total_main {
        font-size: 20px;
    }

    .wizard_row--bank .field {
        flex: 1 1 auto;
    }

    .wizard_row--address .field {
        flex: 1 1 calc(50% - 10px);
    }

    .wizard_row--address .field:first-child {
        flex: 1 1 100%;
    }

    .wizard_actions {
        gap: 12px;
    }

    .upload_pair {
        flex-direction: column;
    }

    .upload_desc {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .recap {
        flex-wrap: wrap;
        gap: 16px;
    }

    .recap_img {
        width: 104px;
        height: 68px;
    }

    .recap_title {
        font-size: 18px;
    }

    .header_user {
        padding: 10px 12px;
    }

    .header_user span {
        display: none;
    }

    .radio_group--center {
        gap: 12px;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    .upload_file_err {
        flex: 1 1 100%;
    }
}

@media (max-width: 991px) {
    .account_nav {
        gap: 28px;
    }

    .account_nav_link span {
        display: none;
    }

    .profile_card {
        flex-direction: column;
        gap: 24px;
    }

    .profile_card_title {
        width: auto;
    }
}

@media (max-width: 768px) {
    .account {
        padding: 28px 0 56px;
    }

    .account_inner {
        gap: 28px;
        padding: 0 16px;
    }

    .account_h2 {
        font-size: 22px;
    }

    .account_nav {
        position: static;
        transform: none;
        gap: 18px;
    }

    .site_header--app .site_header_inner {
        gap: 10px;
    }

    .header_back span {
        display: none;
    }

    .account_filter {
        gap: 6px;
        padding: 8px;
    }

    .account_filter_chip {
        height: 38px;
        padding: 0 14px;
    }

    .order_card {
        gap: 20px;
        padding: 16px 14px 20px;
    }

    .order_meta {
        gap: 6px 20px;
    }

    .order_band {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .order_band:has(.plate) .order_meta>span {
        flex: 1 1 auto;
    }

    .order_steps_pill {
        font-size: 12px;
    }

    .stav {
        flex-direction: column;
        align-items: stretch;
    }

    .stav .btn {
        width: 100%;
    }

    .order_foot {
        flex-wrap: wrap;
    }

    .order_head {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .order_head_img {
        width: 180px;
        align-self: center;
    }

    .order_title {
        font-size: 32px;
    }

    .order_sub {
        font-size: 16px;
    }

    .plate {
        height: 46px;
    }

    .plate_num {
        padding: 0 16px;
        font-size: 30px;
    }

    .timeline_box {
        width: 44px;
        height: 44px;
    }

    .timeline_item::before {
        left: 22px;
        top: 44px;
    }

    .timeline_title {
        font-size: 18px;
    }

    .order_info_q {
        gap: 12px;
        padding: 18px 16px;
        font-size: 17px;
    }

    .order_info_a {
        padding: 0 16px 18px 52px;
    }

    .profile_card {
        padding: 20px 16px;
    }

    .profile_row {
        flex-direction: column;
        gap: 0;
    }

    .profile_row_label {
        width: auto;
        line-height: 1.5;
    }

    .profile_row_value {
        line-height: 1.5;
    }

    .profile_row+.profile_row {
        margin-top: 14px;
    }

    .profile_row--spacer {
        display: none;
    }

    .equip_list li {
        flex: 0 0 100%;
    }

    .lista {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 12px;
        padding: 16px 48px 16px 16px;
    }

    .lista_text {
        font-size: 16px;
    }

    .lista .btn {
        width: 100%;
        justify-content: center;
    }

    .lista_close {
        top: 16px;
        transform: none;
    }

    .login_inner {
        gap: 32px;
        padding: 0 16px;
    }

    .help_q {
        padding: 16px 20px;
        font-size: 15px;
    }

    .help_a {
        padding: 0 20px 20px;
    }
}
@media (max-width: 991px) {
    .pillar {
        gap: 36px;
        margin-bottom: 44px;
    }

    .pillar_benefit {
        flex-basis: calc((100% - 20px) / 2);
    }
}

@media (max-width: 768px) {

    .pillar_benefit,
    .pillar_links .topic_card {
        flex-basis: 100%;
    }

    .pillar_cta {
        padding: 32px 20px;
    }

    .pillar_cta_title,
    .pillar_heading {
        font-size: 22px;
    }

    .article_back {
        flex-direction: column;
        align-items: flex-start;
    }

    .package_intro p {
        font-size: 15px;
        max-width: 100%;
    }
}