/**
 * MAV AUTO Pixel-perfect fixes v4
 */

/* HEADER */
html body .boxcar-header.header-style-v3 .header-inner {
    height: 44px !important;padding: 0 !important;min-height: 0 !important;
}
html body .boxcar-header .header-inner .c-box .logo-inner .logo img {
    height: 28px !important;max-height: 28px !important;width: auto !important;max-width: none !important;
}
html body .boxcar-header .c-box .nav-out-bar .nav .navigation li a {
    font-size: 13px !important;padding: 4px 8px !important;line-height: 1.3 !important;
}
html body .boxcar-header .right-box .header-btn {display: none !important;}
html body .boxcar-header .right-box a.mv-header-btn {
    display: inline-flex !important;align-items: center !important;justify-content: center !important;
    height: 30px !important;min-height: 0 !important;max-height: 30px !important;border-radius: 16px !important;
    font-size: 11px !important;font-weight: 500 !important;padding: 0 14px !important;line-height: 1 !important;
    white-space: nowrap !important;text-decoration: none !important;box-sizing: border-box !important;
}
html body .boxcar-header .right-box a.mv-header-btn--phone {
    border: 1px solid rgba(255,255,255,.35) !important;background: transparent !important;color: #fff !important;
}
html body .boxcar-header .right-box a.mv-header-btn--cta {
    border: 1.5px solid #F40F45 !important;background: transparent !important;color: #fff !important;font-weight: 600 !important;
}
html body .boxcar-header .right-box a.mv-header-btn--cta:hover {background: #F40F45 !important;}
html body .boxcar-header .right-box {gap: 8px !important;}
html body .boxcar-header.header-style-v3 .header-inner .boxcar-container {
    padding-left: 24px !important;padding-right: 24px !important;
}
html body .boxcar-header .right-box a.mv-header-btn span {
    font-size: inherit !important;color: inherit !important;margin: 0 !important;padding: 0 !important;
    display: inline !important;width: auto !important;height: auto !important;line-height: inherit !important;
    background: none !important;border-radius: 0 !important;position: static !important;top: auto !important;
}

/* HERO */
.mv-hero {padding-top: 20px !important;padding-bottom: 18px !important;}
.mv-hero .mv-hero__title {margin-bottom: 12px !important;}
.mv-hero .mv-hero__title h1 {font-size: clamp(18px, 2.2vw, 32px) !important;line-height: 1.15 !important;}
.mv-hero .mv-advantages {gap: clamp(14px, 2.2vw, 32px) !important;margin-bottom: 14px !important;}
.mv-hero .mv-advantages__item img {width: clamp(30px, 2.8vw, 42px) !important;height: clamp(30px, 2.8vw, 42px) !important;}
.mv-hero .mv-advantages__item span {font-size: clamp(8px, 0.65vw, 10px) !important;}

/* FILTER */
.mv-hero .mv-filter {max-width: clamp(520px, 52vw, 700px) !important;}
.mv-hero .mv-filter__form {min-height: 36px !important;padding: 3px !important;border-radius: 20px !important;gap: 3px !important;}
.mv-hero .mv-filter__form .mv-dd__trigger,
.mv-hero .mv-filter__form input[type="text"] {
    height: 30px !important;border: 1px solid rgba(255,255,255,.22) !important;border-radius: 16px !important;
    background: transparent !important;color: #fff !important;font-size: 11px !important;font-weight: 500 !important;padding: 0 12px !important;
}
.mv-hero .mv-filter__form input[type="text"]::placeholder {
    color: rgba(255,255,255,.4) !important;font-weight: 500 !important;
}
.mv-dd__arrow {font-size: 12px !important;opacity: .5 !important;}
.mv-hero .mv-filter__form .mv-btn--red {
    height: 30px !important;min-width: 70px !important;padding: 0 16px !important;border-radius: 16px !important;
    font-size: 11px !important;font-weight: 600 !important;background: #F40F45 !important;border: none !important;
}
.mv-hero .mv-filter__reset {
    width: 30px !important;height: 30px !important;border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 50% !important;font-size: 14px !important;color: rgba(255,255,255,.4) !important;margin-left: 3px !important;
}
.mv-hero .mv-filter__tags {margin-top: 6px !important;gap: clamp(6px, 0.7vw, 12px) !important;}
.mv-hero .mv-filter__tags a {font-size: clamp(9px, 0.7vw, 11px) !important;}

/* CAR CARDS */
.mv-car-grid {padding: 10px 0 16px !important;}
.mv-car-grid > .boxcar-container {max-width: calc(100% - 80px) !important;}
.mv-car-grid .mv-cards {gap: 14px !important;padding: 6px 0 0 !important;}
.mv-car-grid .mv-card {border-radius: 10px !important;}
.mv-car-grid .mv-card__img,.mv-car-grid .mv-card__img img {border-radius: 10px 10px 0 0 !important;}
.mv-car-grid .mv-card__body {padding: 6px 8px 8px !important;}
.mv-car-grid .mv-card__price {font-size: clamp(12px, 1vw, 15px) !important;}
.mv-car-grid .mv-card__tag {font-size: clamp(8px, 0.7vw, 10px) !important;}
.mv-car-grid .mv-card__name {font-size: clamp(8px, 0.7vw, 10px) !important;}
.mv-car-grid .mv-more-wrap {margin-top: 10px !important;}
.mv-car-grid .mv-more-wrap .mv-btn--outline {padding: 4px 20px !important;font-size: 10px !important;border-width: 1px !important;}

/* DELIVERY BANNER */
.mv-delivery-banner {padding: 0 0 10px !important;}
.mv-delivery-banner .mv-delivery-banner__inner {
    background: var(--mv-dark) url('../images/banner/banner5-1.png') right center / contain no-repeat !important;
    min-height: 160px !important;border-radius: 12px !important;
}
.mv-delivery-banner .mv-delivery-banner__left {max-width: 50% !important;padding: 20px 24px !important;}
.mv-delivery-banner .mv-delivery-banner__text h3 {font-size: clamp(13px, 1.4vw, 20px) !important;line-height: 1.25 !important;}
.mv-delivery-banner .mv-delivery-banner__actions {padding-top: 8px !important;gap: 8px !important;}
.mv-delivery-banner .mv-delivery-banner__actions .mv-btn {
    font-size: clamp(8px, 0.75vw, 11px) !important;padding: 5px 14px !important;border-radius: 50px !important;
}

/* STEPS */
.mv-step__num {color: rgba(232, 24, 75, 0.15) !important;font-size: clamp(32px, 4vw, 64px) !important;}
.mv-steps .mv-steps__left h2 {font-size: clamp(16px, 1.8vw, 26px) !important;}
.mv-steps .mv-step {padding: clamp(10px, 1.2vh, 16px) !important;border-radius: 8px !important;}
.mv-steps .mv-step__content h4 {font-size: clamp(11px, 0.9vw, 14px) !important;}
.mv-steps .mv-step__content p {font-size: clamp(9px, 0.75vw, 11px) !important;}

/* INNER HEADER */
.header-style-v1.inner-header .header-inner {padding: 6px 0 !important;}
.header-style-v1 .right-box a.mv-header-btn {
    height: 30px !important;font-size: 11px !important;padding: 0 14px !important;border-radius: 16px !important;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .mv-delivery-banner .mv-delivery-banner__inner {background-image: none !important;}
    .mv-delivery-banner .mv-delivery-banner__left {max-width: 100% !important;}
    .mv-car-grid > .boxcar-container {max-width: calc(100% - 32px) !important;}
}
@media (max-width: 768px) {
    html body .boxcar-header .right-box a.mv-header-btn {height: 26px !important;font-size: 9px !important;padding: 0 10px !important;}
    .mv-hero .mv-filter {max-width: 95% !important;}
    .mv-hero .mv-filter__form {flex-wrap: wrap !important;border-radius: 12px !important;padding: 4px !important;}
    .mv-car-grid > .boxcar-container {max-width: calc(100% - 16px) !important;}
}

/* Fix vertical alignment of filter inputs */
.mv-hero .mv-filter__form {
    align-items: center !important;
}
.mv-hero .mv-filter__form .mv-dd,
.mv-hero .mv-filter__form input[type="text"],
.mv-hero .mv-filter__form .mv-btn,
.mv-hero .mv-filter__form .mv-filter__reset {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}
.mv-hero .mv-filter__form .mv-dd__trigger {
    line-height: 28px !important;
}
.mv-hero .mv-filter__form input[type="text"] {
    line-height: 28px !important;
}

/* Filter — brighter text and borders per mockup */
.mv-hero .mv-filter__form .mv-dd__trigger {
    color: #fff !important;
    font-weight: 600 !important;
    border-color: rgba(255,255,255,.35) !important;
}
.mv-dd__arrow {
    color: #fff !important;
    opacity: .8 !important;
}
.mv-hero .mv-filter__form input[type="text"] {
    border-color: rgba(255,255,255,.35) !important;
}
.mv-hero .mv-filter__form input[type="text"]::placeholder {
    color: rgba(255,255,255,.55) !important;
}
.mv-hero .mv-filter__reset {
    color: rgba(255,255,255,.6) !important;
    border-color: rgba(255,255,255,.35) !important;
    font-weight: 700 !important;
}