.ac-finance__tooltip {
    background-color: transparent;
    background-image: url(../images/static/info.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 0;
    display: block;
    height: 18px;
    padding: 0;
    position: relative;
    width: 18px
}

.ac-finance__tooltip:focus {
    outline: none
}

.ac-finance__tooltip--hover:before,
.ac-finance__tooltip--hover:after {
    display: block;
    opacity: 0;
    position: absolute;
    transition: opacity 200ms, top 200ms, visibility 200ms;
    visibility: hidden
}

.ac-finance__tooltip--hover:before {
    background-color: #2d3737;
    border-radius: 6px;
    color: #fff;
    content: "View this car's full finance example";
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    padding: 6px 7px;
    position: absolute;
    right: -12px;
    top: -42px;
    width: 133px
}

.ac-finance__tooltip--hover:after {
    border-color: #242d2c transparent transparent;
    border-style: solid;
    border-width: 6px 0 0 8px;
    content: "";
    height: 0;
    left: 0;
    top: 0;
    width: 0
}

.ac-finance__tooltip--hover:hover:before,
.ac-finance__tooltip--hover:hover:after {
    opacity: 1;
    visibility: visible
}

.ac-finance__tooltip--hover:hover:before {
    top: -52px
}

.ac-finance__tooltip--hover:hover:after {
    top: -10px
}

.ac-results {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    margin-left: -14px;
    margin-right: -14px;
    opacity: 1
}

@media (min-width: 576px) {
    .ac-results {
        margin-left: -7px;
        margin-right: -7px
    }
}

@media (min-width: 768px) {
    .ac-results {
        align-items: initial;
        display: flex;
        flex-flow: row wrap;
        transition: opacity 0.2s ease
    }
}

.ac-search--loading .ac-results {
    opacity: 0.1
}

.ac-noresults {
    flex: auto;
    padding-bottom: 60px;
    padding-top: 60px
}

.ac-result {
    display: flex;
    flex-flow: column nowrap;
    margin: 0 7px 12px;
    max-width: 476px;
    position: relative;
    width: calc(100% - 14px)
}

@media (min-width: 768px) {
    .ac-result {
        align-self: stretch;
        width: calc(50% - 14px)
    }
}

@media (min-width: 992px) {
    .ac-result {
        margin-bottom: 18px;
        width: calc(33.3333% - 14px)
    }
}

.ac-result .ac-pricing {
    color: #155991;
    display: flex;
    flex-flow: row nowrap;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.ac-result .ac-pricing__prefix,
.ac-result .ac-pricing__suffix {
    font-size: 13px;
    line-height: 18px
}

.ac-result .ac-pricing__cash {
    align-items: baseline;
    display: flex;
    flex: auto;
    flex-flow: row wrap;
    font-size: 18px;
    justify-content: center;
    padding: 12px;
    text-align: center
}

.ac-result .ac-pricing__cash .ac-pricing__prefix {
    width: 100%
}

.ac-result .ac-pricing__cash .ac-pricing__suffix {
    color: #155991;
    display: inline-flex;
    margin-left: 6px
}

.ac-result .ac-pricing__cash ~ .result__finance {
    border-left: 1px solid #e5e5e5
}

.ac-result .ac-pricing__deposit {
    display: flex;
    flex-flow: column nowrap
}

.ac-result .ac-pricing__deposit .ac-money {
    font-size: 18px;
    order: 1
}

.ac-result .ac-pricing__deposit .ac-pricing__suffix {
    display: flex;
    order: 0
}

.ac-result .ac-pricing__monthly {
    display: flex;
    flex-flow: column nowrap;
    min-width: 92px
}

.ac-result .ac-pricing__monthly .ac-money {
    font-size: 18px;
    order: 1
}

.ac-result .ac-pricing__monthly .ac-pricing__suffix {
    display: flex;
    order: 0
}

.ac-result .ac-pricing__monthly .ac-finance__tooltip {
    display: inline-flex;
    flex: none;
    margin-left: 5px
}

.ac-result .ac-pricing__saving {
    background-color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-top: -6px;
    padding: 6px 12px;
    text-align: center;
    width: 100%
}

.ac-result .ac-pricing__extras {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.ac-result .ac-vehicle__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 576px) {
    .ac-result .ac-vehicle__title {
        font-weight: 500
    }
}

@media (min-width: 768px) {
    .ac-result .ac-vehicle__title {
        font-size: 18px;
        line-height: 1.5
    }
}

.ac-result .ac-vehicle__title a {
    text-decoration: none
}

.ac-result .ac-vehicle__title-variant {
    color: #57605f;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ac-shortlist__button {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2
}

.vehicle-slider .glider-contain {
    background-color: #fafafa;
    overflow-y: hidden;
    padding-top: 75%;
    position: relative
}

.vehicle-slider .glider-contain > div:first-child {
    position: absolute;
    top: 0
}

.vehicle-slider .glider {
    margin-bottom: -12px;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding-bottom: 12px;
    position: absolute;
    scroll-snap-type: x mandatory;
    scrollbar-color: unset;
    scrollbar-width: none;
    top: 0;
    width: 100%
}

.vehicle-slider .glider::-webkit-scrollbar {
    height: 0;
    opacity: 0
}

.vehicle-slider .glider-track {
    display: flex
}

.vehicle-slider .ch-img--responsive {
    flex: none;
    height: 100% !important;
    min-height: 258px;
    -o-object-fit: cover;
    object-fit: cover;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: 100%
}

@media (min-width: 576px) {
    .vehicle-slider .ch-img--responsive {
        min-height: 356px
    }
}

@media (min-width: 768px) {
    .vehicle-slider .ch-img--responsive {
        min-height: 270px
    }
}

@media (min-width: 992px) {
    .vehicle-slider .ch-img--responsive {
        min-height: 232px
    }
}

@media (min-width: 1200px) {
    .vehicle-slider .ch-img--responsive {
        min-height: 284px
    }
}

.vehicle-slider .glider-dots {
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width: 768px) {
    .vehicle-slider .glider-dots {
        display: none
    }
}

.vehicle-slider .glider-dot {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 6px;
    margin: 6px 3px;
    opacity: 0.5;
    outline: none;
    padding: 0;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 6px
}

.vehicle-slider .glider-dot:only-child {
    display: none
}

.vehicle-slider .glider-dot.active {
    opacity: 1
}

.vehicle-slider .glider-dots:has(.glider-dot) {
    bottom: 6px
}

.vehicle-slider .glider-dots:has(.glider-dot) > .glider-dot {
    display: none;
    height: 9px;
    margin: 6px;
    width: 9px;
    z-index: 1
}

.vehicle-slider .glider-dots:has(.glider-dot) > .glider-dot.active {
    display: block
}

.vehicle-slider .glider-dots:has(.glider-dot:only-child) {
    display: none
}

.vehicle-slider .glider-dot:has(+.glider-dot.active),
.vehicle-slider .glider-dot.active + .glider-dot {
    display: block;
    opacity: 0.6;
    transform: scale(0.8)
}

.vehicle-slider .glider-dot:has(+.glider-dot+.glider-dot.active),
.vehicle-slider .glider-dot.active + .glider-dot + .glider-dot {
    display: block;
    opacity: 0.5;
    transform: scale(0.6)
}

.vehicle-slider .glider-dot:has(+.glider-dot+.glider-dot+.glider-dot.active),
.vehicle-slider .glider-dot.active + .glider-dot + .glider-dot + .glider-dot {
    display: block;
    opacity: 0.4;
    transform: scale(0.5)
}

.result__image-no-vehicle {
    background-image: url(/assets/application/no-images-vehicle-cce743ba2dc62f857f2a6af9f32f7f81f74ab843ffeb0a66c8816b45b67d6e25.svg);
    background-size: cover;
    padding-top: 75%
}

.ac-result__content {
    padding: 12px;
    position: relative
}

.ac-result__footer {
    line-height: 1;
    margin-top: auto;
    padding: 12px
}

.ac-result__footer__collect_badge {
    background-color: #f2fbf6;
    border-color: #12b447;
    border-radius: 4px;
    font-size: 10px;
    line-height: 17px;
    margin-left: 3px;
    max-width: 100px
}

.ac-result__gallery-btn {
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    border-radius: 4px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 12px;
    line-height: 28px;
    padding: 0 7px;
    position: absolute
}

.ac-result__image-count {
    background-image: url(/assets/vehicles/show/camera-dbc33771ca7c66242dfde02ac80bcbb47f86164515173f1102fd985ab6cec395.svg);
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #fff;
    display: inline-block;
    margin-right: 7px;
    padding-left: 24px;
    padding-right: 7px
}

.ac-result__reserved {
    padding: 0 14px
}

.ac-result__reserved p {
    line-height: 1.5;
    margin-bottom: 0
}

.result__finance {
    align-items: center;
    display: flex;
    flex: auto;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 12px
}

@media (min-width: 1200px) {
    .result__finance {
        min-width: 192px
    }
}

.branchname {
    background-image: url('../images/static/locatio-icon.svg');
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 12px;
    color: #2d3737;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    max-width: 100%;
    padding-left: 18px;
    text-decoration: none;
    white-space: pre-wrap
}

.branchname--collect {
    background-image: url(/assets/application/location-fill-green-81112d6cdc87f9c2c6ea40311cda0e3eec4d2c408e598ec5dae65e7ed2260459.svg)
}

.branchname + .branchname {
    margin-top: 12px;
    position: relative
}

.branchname + .branchname:before {
    border-left: 1px dashed #ccc;
    content: "";
    height: 12px;
    left: 5px;
    position: absolute;
    top: -12px;
    width: 1px
}

.cc-tooltip .ac-tooltip__link {
    background-image: url(/assets/application/circle-info-f854d4d6a3ec964b77ee3343a137d7cb9afdbea40ec8a047803b61d4e1ca7e68.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 3px;
    width: 18px
}

.cc-tooltip .ac-tooltip__anchor {
    float: right
}

.ac-status-banner {
    background-color: rgba(0, 0, 0, 0.6);
    border-right: 3px solid #ffde00;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    left: 0;
    line-height: 12px;
    padding: 6px 14px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    z-index: 1
}

.ac-imagethumbnail__image-placeholder {
    background-image: url(/assets/application/no-images-vehicle-cce743ba2dc62f857f2a6af9f32f7f81f74ab843ffeb0a66c8816b45b67d6e25.svg);
    background-size: cover;
    padding-top: 75%;
    pointer-events: none;
    width: 100%
}

.ac-imagethumbnail__image-count {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(/assets/vehicles/show/camera-dbc33771ca7c66242dfde02ac80bcbb47f86164515173f1102fd985ab6cec395.svg);
    background-position: 7px center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 4px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 14px;
    padding: 2px 7px 2px 35px;
    position: absolute
}

.ac-imagethumbnail__gallery-trigger {
    background: 0;
    border: 0;
    border-radius: 0;
    bottom: 0;
    box-shadow: none;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.ac-result__summary {
    color: #818787;
    display: flex;
    font-size: 12px;
    line-height: 1
}

.ac-result__summary li:nth-child(n + 4) {
    display: none
}

.ac-result__summary li + li {
    margin-left: 7px
}

.ac-pagination {
    margin-bottom: 24px;
    margin-top: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ac-pagination__button {
    min-width: 91px
}

@media (min-width: 576px) {
    .ac-pagination__button {
        margin-left: 7px;
        margin-right: 7px
    }
}

.ac-pagination__page {
    min-width: 49px
}

.ac-pagination__page[disabled] {
    color: #2d3737;
    font-weight: 500;
    opacity: 1;
    text-decoration: none
}

@media (max-width: 575px) {
    .ac-pagination__page[disabled] {
        margin-left: 7px;
        margin-right: 7px
    }
}

@media (max-width: 575px) {
    .ac-pagination__page[disabled]:before {
        content: "Page ";
        margin-right: 7px
    }
}

@media (max-width: 575px) {
    .ac-pagination__page:not([disabled]) {
        display: none
    }
}

.ac-imagethumbnail__video-link {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(/assets/vehicles/show/video-7b85561553cedfc26c7d0209f7afdc742719efd9f30a529e4e2004aab870865e.svg);
    background-position: 7px center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 4px;
    bottom: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 7px 2px 35px;
    position: absolute;
    right: 14px;
    text-decoration: none;
    z-index: 1
}

.ac-imagethumbnail__video-link:hover,
.ac-imagethumbnail__video-link:focus {
    color: #fff;
    text-decoration: none
}

.ac-video-tour {
    max-width: 800px;
    width: 100%;
    z-index: 1
}

.ac-video-tour video {
    max-height: 100vh
}

.ac-video-tour__load-message {
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
    color: #ffde00;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%
}

.ac-product__video-wrapper {
    height: 0;
    padding-bottom: 56.75%;
    position: relative
}

.ac-product__video-wrapper iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.search-header__main-wrapper {
    height: 48px
}

@media (min-width: 768px) {
    .search-header__main-wrapper {
        height: 72px
    }
}

.search-header__main-header {
    position: relative
}

@media (min-width: 768px) {
    .search-header__main-header {
        padding: 12px 0;
        transform: translate3d(0, 0, 0);
        transition: background-color 0.2s ease
    }
}

.search-header__main-header.sticky {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5
}

.search-header__actions {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .search-header__actions {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
        padding-left: 14px;
        padding-right: 14px
    }
}

.search-header__sort-btn,
.search-header__filters-btn {
    font-size: 15px;
    position: relative;
    text-align: center;
    width: 50%
}

@media (min-width: 480px) {
    .search-header__sort-btn,
    .search-header__filters-btn {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .search-header__sort-btn,
    .search-header__filters-btn {
        border-color: #e5e5e5;
        border-radius: 0;
        border-width: 1px 0
    }
}

@media (min-width: 768px) {
    .search-header__sort-btn,
    .search-header__filters-btn {
        width: 203px
    }
}

@media (min-width: 768px) {
    .search-header__sort-btn {
        background-image: url(/assets/application/chevron-chassis-211c4e4ff51183e5015a290ba9a7f236d16c985bba0c68750fe8f9e2e4c20ae1.svg);
        background-position: right 14px center;
        background-repeat: no-repeat;
        background-size: 14px auto
    }
}

.search-header__sort-btn .ch-form__control {
    border: 0;
    height: 48px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 767px) {
    .search-header__filters-btn {
        border-left: 1px solid #e5e5e5
    }
}

@media (min-width: 768px) {
    .search-header__filters-btn {
        background-image: url(/assets/vehicles/index/filter-b8d9e6d481a29f7c8ed039eb51bcd5ca5c8b0dc3edf97223f4759aec602003a9.svg);
        background-position: 12px center;
        background-repeat: no-repeat;
        background-size: 24px auto;
    }
}

.js-off .search-header__main-wrapper {
    display: none
}

.searchtags {
    align-items: center
}

@media (min-width: 768px) {
    .searchtags {
        align-items: baseline;
        display: flex;
        margin-bottom: 6px
    }
}

.searchtags__count {
    flex: none
}

.searchtags__scroll-container {
    margin-left: -14px;
    margin-right: -14px;
    overflow: hidden;
    -ms-overflow-style: none
}

.searchtags__scroll-container ::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .searchtags__scroll-container {
        margin-left: 0;
        margin-right: 0
    }
}

.searchtags__tag-list {
    align-items: baseline;
    display: flex;
    overflow: scroll hidden;
    -webkit-overflow-scrolling: touch;
    padding-left: 14px;
    padding-right: 14px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .searchtags__tag-list {
        padding-left: 0;
        padding-right: 0
    }
}

.searchtags__tag-list li {
    display: inline-block;
    margin-right: 7px;
    margin-top: 6px
}

.searchtags__tag-list li:last-child {
    margin-right: 0
}

.searchtags__tag-list .ch-btn--link {
    min-height: 30px
}

.searchtag {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    cursor: pointer;
    flex: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 7px 35px 7px 14px;
    position: relative
}

.searchtag:after {
    background-color: #e5e5e5;
    background-image: url(/assets/application/close-black-d044e16a98e66537f56da5f64c19a25c7cf9a4cb1cb7d9143e1f8bc28a379380.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 6px;
    top: 5px;
    width: 18px
}

.searchtag--highlighted,
.searchtag:hover {
    border-color: #c23131
}

.searchtag--highlighted:after,
.searchtag:hover:after {
    background-color: #c23131;
    background-image: url(/assets/application/close-white-558741ad080e68ef618213d0419eb23a62962d06afa319e5ede6eea99f960a6e.svg)
}

.searchtag:focus {
    border-color: #999;
    outline: 0
}

.search-header__sort-btn img {
    width: 10px;
    position: relative;
    top: 5%;
    left: 3%
}

.searchtag--noscript {
    cursor: auto;
    padding: 7px 14px
}

.searchtag--noscript:after {
    display: none
}

.searchtag--noscript:hover {
    border-color: #e5e5e5
}

.searchtag--noscript:hover:after {
    display: none
}

.ac-modal__close--filters {
    align-items: center;
    background-color: #fff;
    background-image: url(/assets/application/close-grey-22584e95135f99e3146087dfb7dd028b49d5160bffcf1edabc9cfa69769d10fa.svg);
    background-position: center right 14px;
    background-size: 14px auto;
    border: 0;
    border-radius: 0;
    display: flex;
    height: 48px;
    padding: 12px 14px;
    right: 0;
    top: 0;
    width: auto;
    z-index: 4
}

.ac-modal__close--filters:before {
    color: #999;
    content: "Close";
    font-weight: 500;
    line-height: 1;
    margin-right: 24px
}

.ac-modal__close--filters:hover:before {
    color: #666
}

.filters-list {
    animation: scrollInFromRight 0.2s ease-out forwards;
    bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    max-width: 480px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.ac-modal__wrapper--closing .filters-list {
    animation: scrollOutToRight 0.2s linear forwards
}

.colour-widget {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.colour-widget--white {
    background-color: #fff
}

.colour-widget--black {
    background-color: #000
}

.colour-widget--red {
    background-color: #c73a3c
}

.colour-widget--blue {
    background-color: #155991
}

.colour-widget--grey {
    background-color: #808080
}

.colour-widget--silver {
    background-color: #c0c0c0
}

.colour-widget--green {
    background-color: #008000
}

.colour-widget--yellow {
    background-color: #ff0
}

.colour-widget--orange {
    background-color: #ffa500
}

.colour-widget--beige {
    background-color: #f5f5dc
}

.colour-widget--purple {
    background-color: #9f0b8d
}

.colour-widget--brown {
    background-color: #8b4513
}

.colour-widget--pink {
    background-color: #eb45a3
}

.colour-widget--maroon {
    background-color: #900404
}

.colour-widget--cream {
    background-color: #fffeeb
}

.colour-widget--gold {
    background-color: #ffd700
}

.filters__fallback {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 480px) {
    .filters__fallback .ch-form__group {
        margin-bottom: 0;
        margin-right: 14px
    }
}

.filters__fallback .ch-form__group .ch-form__control {
    min-width: 196px
}

.filters__fallback .ch-btn {
    margin-top: 12px;
    min-width: 196px
}

.feature-option {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: pointer;
    margin: 6px 7px;
    padding: 6px 14px
}

.feature-option--checked {
    background-color: #cdedfa;
    border-color: #66c8ed;
    font-weight: 500
}

.filter {
    animation: scrollInFromRight 0.2s ease-out forwards;
    bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    max-width: 480px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.is-closing .filter,
.ac-modal__wrapper--closing .filter {
    animation: scrollOutToRight 0.2s linear forwards
}

.filter__header {
    align-items: flex-start;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    flex-direction: column;
    padding: 0
}

.filter__header-back {
    align-items: center;
    background-color: #fff;
    background-image: url(/assets/application/chevron-blue-left-82fc523c8db3414992bb8bddc09c2905ef223aa713c5f5d9c88299d91c2af4c1.svg);
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 9px 14px;
    border: 0;
    border-radius: 0;
    color: #007fb0;
    display: flex;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 12px 14px 12px 30px
}

.filter__header-back:hover {
    background-color: #fff;
    color: #004864
}

.filter__body {
    background-color: #fafafa;
    flex: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding: 12px 14px
}

.filter__footer {
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 12px 14px
}

.filter-button {
    align-items: center;
    background-color: #fff;
    background-image: url(/assets/home/shared/chevron-f00d75800416a300d11e2c648ec813e712d1b7292979ed8246c9044c6f36727e.svg);
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 11px 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 1.25;
    padding: 6px 42px 6px 14px;
    text-align: left;
    touch-action: manipulation;
    width: 100%
}

.filter-button:hover {
    background-color: #f2f2f2
}

.filter-button--active {
    border-color: #00a1e0;
    box-shadow: 0 0 0 1px #00a1e0
}

.filter-button:disabled {
    background-color: #f2f2f2;
    border-color: #e5e5e5;
    color: #ccc
}

.filter__no-results,
.filter__footer:has(#no-results-heading) {
    border-color: var(--grey-4);
    box-shadow: 0 -6px 13px 0 #0000001c
}

.filter__no-results-content {
    max-width: 333px
}

.filter-option {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    padding: 0 14px;
    touch-action: manipulation;
    transition: border-color 0.2s, box-shadow 0.2s;
    white-space: nowrap
}

.filter-option:hover {
    background-color: #f2f2f2
}

.filter-option--checked {
    border-color: #00a1e0;
    box-shadow: 0 0 0 1px #00a1e0
}

.filter-option__checkbox,
.filter-option__radio {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 18px;
    margin-left: auto;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 18px
}

.filter-option__checkbox {
    border-radius: 3px
}

.filter-option--checked .filter-option__checkbox {
    background-color: #00a1e0;
    background-image: url(/assets/application/tick-white-2e4943175e8811ae3517f66a37ded8e18291cb4825f9a241b254acaa35a988c6.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-color: #00a1e0
}

.filter-option__radio {
    border-radius: 50%
}

.filter-option--checked .filter-option__radio {
    background-color: #00a1e0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #00a1e0
}

.filter-option--disabled {
    background-color: #fafafa;
    border-color: #ccc;
    box-shadow: none;
    color: #999
}

.filter-option--disabled .filter-option__checkbox,
.filter-option--disabled .filter-option__radio {
    background-color: #f2f2f2;
    border-color: #ccc;
    box-shadow: none
}

.filter-toggle {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    padding: 0 14px;
    touch-action: manipulation;
    white-space: nowrap
}

.filter-toggle:hover {
    background-color: #f2f2f2
}

.filter-toggle--checked {
    border-color: #00a1e0;
    box-shadow: 0 0 0 1px #00a1e0
}

.filter-toggle__indicator {
    background-color: #ccc;
    border-radius: 30px;
    display: flex;
    height: 30px;
    margin-left: auto;
    padding: 3px;
    transition: background-color 0.2s;
    width: 48px
}

.filter-toggle--checked .filter-toggle__indicator {
    background-color: #00a1e0
}

.filter-toggle__indicator-inner {
    background-color: #fff;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 50%;
    height: 24px;
    transition: transform 0.2s;
    width: 24px
}

.filter-toggle--checked .filter-toggle__indicator-inner {
    background-image: url(/assets/application/tick-blue-f6a0918663021a8b4f2c411fca96db4193ae2bfa52faabd1932da41d8d2e437f.svg);
    transform: translateX(18px)
}

.payment-switch__wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 54px;
    display: flex;
    height: 54px;
    margin-bottom: 12px;
    padding: 2px
}

.payment-switch {
    display: flex;
    flex: auto;
    position: relative
}

.payment-switch label {
    align-items: center;
    color: #2d3737;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    padding: 0 6px;
    text-align: center;
    transition: color 0.2s;
    width: 50%;
    z-index: 1
}

.payment-switch--monthly label:nth-child(1) {
    color: #fff
}

.payment-switch--cash label:nth-child(2) {
    color: #fff
}

.payment-switch__indicator {
    background: linear-gradient(to bottom, #00a1e0, #0092cc);
    border: 1px solid #0075a3;
    border-radius: 48px;
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.2s;
    width: 50%
}

.payment-switch--cash .payment-switch__indicator {
    transform: translateX(100%)
}

.filter-button + .filter-button,
.filter-button + .filter-option,
.filter-button + .filter-toggle,
.filter-option + .filter-button,
.filter-option + .filter-option,
.filter-option + .filter-toggle,
.filter-toggle + .filter-button,
.filter-toggle + .filter-option,
.filter-toggle + .filter-toggle {
    margin-top: 12px
}

.do-wrapper {
    align-items: center;
    animation: fadeIn 0.2s forwards;
    background-color: #f2f2f2;
    bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.do-header {
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    flex: none;
    justify-content: center;
    padding: 12px 14px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .do-header {
        padding: 24px 14px
    }
}

.do-brand {
    background-image: url();
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 168px auto;
    color: #2d3737;
    font-size: 14px;
    line-height: 16px;
    padding-top: 20px;
    width: 169px
}

@media (min-width: 768px) {
    .do-brand {
        background-size: 280px auto;
        font-size: 18px;
        line-height: 18px;
        padding-top: 33px;
        width: 280px
    }
}

.ac-modal__close--delivery-options {
    background-color: #f2f2f2;
    background-image: url(/assets/application/close-black-d044e16a98e66537f56da5f64c19a25c7cf9a4cb1cb7d9143e1f8bc28a379380.svg);
    background-position: right center;
    border: 0;
    border-radius: 3px;
    color: #2d3737;
    height: 24px;
    text-decoration: none;
    top: 18px;
    width: auto
}

@media (min-width: 768px) {
    .ac-modal__close--delivery-options {
        background-size: 24px auto;
        top: 36px
    }
}

.ac-modal__close--delivery-options:before {
    content: "Exit";
    display: inline;
    font-size: 14px;
    padding-left: 7px;
    padding-right: 21px
}

.do-body {
    align-items: center;
    display: flex;
    flex: auto;
    flex-flow: column nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    padding: 18px 14px;
    width: 100%
}

@media (min-width: 768px) {
    .do-body {
        padding: 24px 0
    }
}

.do-body__content {
    max-width: 480px;
    width: 100%
}

.do-modal__content {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom-width: 2px;
    border-radius: 3px;
    max-width: 480px;
    padding: 24px 14px;
    width: 100%
}

@media (min-width: 768px) {
    .do-modal__content {
        padding: 24px 28px
    }
}

.do-heading {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 14px;
    text-align: center
}

.do-question {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 7px;
    text-align: center
}

.do-question .ac-tooltip__link {
    background-image: url(/assets/application/circle-info-f854d4d6a3ec964b77ee3343a137d7cb9afdbea40ec8a047803b61d4e1ca7e68.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 3px;
    width: 18px
}

.do-location--input {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0
}

.do-location--btn {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-left-radius: 0
}

.do-delivery-info {
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-color: #e5e5e5;
    margin-top: -3px;
    padding: 12px 14px;
    position: relative
}

.do-delivery-info li {
    padding-left: 33px
}

.ch-radio:checked + .ch-radio__label--primary + .do-delivery-info {
    border-color: #00a1e0
}

.do-list--location li:before {
    background-image: url(/assets/application/location-fill-green-81112d6cdc87f9c2c6ea40311cda0e3eec4d2c408e598ec5dae65e7ed2260459.svg)
}

.do-list--home li:before {
    background-image: url(/assets/application/home-fill-green-ef178846301c33b08ff509a1d36a259105cabb5271e415e1f520b0616ecf3af1.svg)
}

.do-list li:before {
    background-color: transparent;
    background-size: 100% auto;
    height: 14px;
    top: 3px;
    width: 14px
}

.do-list--home.disabled li:before {
    background-image: url(/assets/application/home-fill-grey-476f26c76d7e4e84d243602e8266906aad59c4fed9b264c56efa14d5763de3f3.svg)
}

.do-homedelivery {
    min-height: 126px;
    padding: 0 35px;
    text-align: center
}

.do-homedelivery p:before {
    background-color: #f2f2f2;
    background-image: url(/assets/vehicles/show/home-delivery-f817d2147414f27c8b2a4e33c9558d728835f08eb05dc326dcea079b5e4faa47.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 24px;
    margin: 12px auto;
    padding: 18px;
    width: 24px
}

.tooltip-list {
    list-style-type: disc;
    margin-left: 12px
}

.do-tooltip .ac-tooltip__link {
    background-image: url(/assets/application/circle-info-f854d4d6a3ec964b77ee3343a137d7cb9afdbea40ec8a047803b61d4e1ca7e68.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 3px;
    width: 18px
}

.do-tooltip .ac-tooltip__anchor {
    float: right
}

.feedback__button {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    opacity: 0.5;
    width: 48px
}

.feedback__button:hover {
    opacity: 1
}

.feedback__button--sad {
    background-image: url(/assets/feedback/sad-c27ee98cdf3e7d7234f06c59f7a103905c45d1cda8d039d136c3080eb95d0673.svg)
}

.ch-radio:checked + .feedback__button--sad {
    background-image: url(/assets/feedback/sad-filled-14dafa5e8a6d3477bfd01ae4e55ebe1579e28c57ea3c7e6f3c772db955a7ae27.svg);
    opacity: 1
}

.feedback__button--slightly-sad {
    background-image: url(/assets/feedback/slightly-sad-a3040e834020f32d272d6a6754962f5dddf89eca2e7468fd0b82b923143544c1.svg)
}

.ch-radio:checked + .feedback__button--slightly-sad {
    background-image: url(/assets/feedback/slightly-sad-filled-3b6742247855eeac8588f20254ce19890a5c51f8ee0fb15dda398aa997e30309.svg);
    opacity: 1
}

.feedback__button--neutral {
    background-image: url(/assets/feedback/neutral-f7358922b61b89be96dde16cf254c0aa1563bf0ad81bb2a3f76aadcabe176742.svg)
}

.ch-radio:checked + .feedback__button--neutral {
    background-image: url(/assets/feedback/neutral-filled-88d0def5ca45255cf723d7d43981590a7dfedbca7d26f560ad9e12aa54fe8bfe.svg);
    opacity: 1
}

.feedback__button--slightly-happy {
    background-image: url(/assets/feedback/slightly-happy-8187b331dcc60567353112f53d2fb3654fd733ab49d250364da644742f5a9e12.svg)
}

.ch-radio:checked + .feedback__button--slightly-happy {
    background-image: url(/assets/feedback/slightly-happy-filled-6aec6bbee8d3728ef08c99afba2019fe5a41c3a95a289319ae0f98e7610e90b2.svg);
    opacity: 1
}

.feedback__button--happy {
    background-image: url(/assets/feedback/happy-83d1cf1e467fc34a780c8f57d85eb763b829f9512aa77f2c7fc0409abc7aae0b.svg)
}

.ch-radio:checked + .feedback__button--happy {
    background-image: url(/assets/feedback/happy-filled-7644193cb44148d7f9a8efbfcd6ce7d1b75426b768909ff181d9e4a606b7e98f.svg);
    opacity: 1
}

.feedback__comment {
    resize: none
}

.feedback__success {
    background-image: url(/assets/feedback/no-issues-contained-green-ee20436f0dfca84d35b80f06d35496aa8b167c82be73598e242bd54e462c7f57.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 48px
}

@media (min-width: 768px) {
    .feedback__success {
        background-position: center right
    }
}

.success-image {
    content: url(/assets/feedback/no-issues-contained-green-ee20436f0dfca84d35b80f06d35496aa8b167c82be73598e242bd54e462c7f57.svg);
    height: 42px;
    width: 42px
}

@media (min-width: 768px) {
    .divider {
        width: 292px
    }
}

.search-feedback {
    border-radius: 6px;
    width: 600px
}

@media (min-width: 768px) {
    .search-feedback {
        align-items: center
    }
}

.search-feedback--form {
    max-width: 327px
}

.stock-alerts__card {
    background-color: #f2f2f2;
    border: none;
    border-radius: 4px
}

.stock-alerts__bell {
    background-image: url(/assets/stock_alerts/alert-0c013d83429a79e6edfac350c130522a1c6fd991e2a3c4e812de6a36ad391524.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px
}

.stock-chip {
    background-color: #e4f8f9;
    border: 2px solid #34c3c9;
    color: #34c3c9;
    left: 12px;
    line-height: 1.5;
    position: absolute;
    top: 12px;
    z-index: 2
}

.stock-chip--count {
    background-color: #e7f7ec;
    border: 2px solid #12b447;
    color: #12b447
}

.stock-chip--count:after {
    background-image: url(/assets/vehicles/show/tick-green-circle-bef3aa3f562399c1cf46e95c6d37022a106ebc227720927b709d7682e078a568.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 14px;
    content: "";
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.feedback__button {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    opacity: 0.5;
    width: 48px
}

.feedback__button:hover {
    opacity: 1
}

.feedback__button--sad {
    background-image: url(/assets/feedback/sad-c27ee98cdf3e7d7234f06c59f7a103905c45d1cda8d039d136c3080eb95d0673.svg)
}

.ch-radio:checked + .feedback__button--sad {
    background-image: url(/assets/feedback/sad-filled-14dafa5e8a6d3477bfd01ae4e55ebe1579e28c57ea3c7e6f3c772db955a7ae27.svg);
    opacity: 1
}

.feedback__button--slightly-sad {
    background-image: url(/assets/feedback/slightly-sad-a3040e834020f32d272d6a6754962f5dddf89eca2e7468fd0b82b923143544c1.svg)
}

.ch-radio:checked + .feedback__button--slightly-sad {
    background-image: url(/assets/feedback/slightly-sad-filled-3b6742247855eeac8588f20254ce19890a5c51f8ee0fb15dda398aa997e30309.svg);
    opacity: 1
}

.feedback__button--neutral {
    background-image: url(/assets/feedback/neutral-f7358922b61b89be96dde16cf254c0aa1563bf0ad81bb2a3f76aadcabe176742.svg)
}

.ch-radio:checked + .feedback__button--neutral {
    background-image: url(/assets/feedback/neutral-filled-88d0def5ca45255cf723d7d43981590a7dfedbca7d26f560ad9e12aa54fe8bfe.svg);
    opacity: 1
}

.feedback__button--slightly-happy {
    background-image: url(/assets/feedback/slightly-happy-8187b331dcc60567353112f53d2fb3654fd733ab49d250364da644742f5a9e12.svg)
}

.ch-radio:checked + .feedback__button--slightly-happy {
    background-image: url(/assets/feedback/slightly-happy-filled-6aec6bbee8d3728ef08c99afba2019fe5a41c3a95a289319ae0f98e7610e90b2.svg);
    opacity: 1
}

.feedback__button--happy {
    background-image: url(/assets/feedback/happy-83d1cf1e467fc34a780c8f57d85eb763b829f9512aa77f2c7fc0409abc7aae0b.svg)
}

.ch-radio:checked + .feedback__button--happy {
    background-image: url(/assets/feedback/happy-filled-7644193cb44148d7f9a8efbfcd6ce7d1b75426b768909ff181d9e4a606b7e98f.svg);
    opacity: 1
}

.feedback__comment {
    resize: none
}

.feedback__success {
    background-image: url(/assets/feedback/no-issues-contained-green-ee20436f0dfca84d35b80f06d35496aa8b167c82be73598e242bd54e462c7f57.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 48px
}

@media (min-width: 768px) {
    .feedback__success {
        background-position: center right
    }
}

.success-image {
    content: url(/assets/feedback/no-issues-contained-green-ee20436f0dfca84d35b80f06d35496aa8b167c82be73598e242bd54e462c7f57.svg);
    height: 42px;
    width: 42px
}

@media (min-width: 768px) {
    .divider {
        width: 292px
    }
}

.search-feedback {
    border-radius: 6px;
    width: 600px
}

@media (min-width: 768px) {
    .search-feedback {
        align-items: center
    }
}

.search-feedback--form {
    max-width: 327px
}

.ac-stock-alerts__success {
    max-width: 432px
}

.ac-stock-alerts__success--icon {
    background-image: url(/assets/vehicles/show/tick-green-circle-hollow-61097a657051142583ffd08a6d358bbcb71827c474712654b1dca082694213bd.svg);
    background-position: center;
    background-size: 100%;
    display: block;
    height: 36px;
    width: 36px
}

@media (min-width: 576px) {
    .ac-stock-alerts__success--icon {
        height: 48px;
        width: 48px
    }
}

.ac-stock-alerts__success--icon-unverified {
    background-image: url(/assets/stock_alerts/mail-blue-40981b9f04897ba15c9114f5702045def45728d9f6e3c6194d49df43ee0641a2.svg)
}

.ac-promo__wrapper {
    margin: 0 -7px;
    padding: 6px 0
}

@media (min-width: 768px) {
    .ac-promo__wrapper {
        margin: 0;
        padding: 24px 0 12px
    }
}

.ac-loading__wrapper {
    top: 48px
}

@media (min-width: 576px) {
    .ac-loading__wrapper {
        top: 120px
    }
}

.ac-preview .ac-promo__wrapper {
    display: none
}

@media (max-width: 575px) {
    .ac-imagethumbnail__video-link {
        display: none
    }
}