/* detail-header.css */
.reporter-email-wrapper::before, .reporter-message-wrapper::before, .watch-price-email-wrapper::before, .enquiry-form-item.is-required::before {
    top: 6px;
}
.report-listing-submit, .report-listing-trigger {
    padding: 12px;
}
/* common.css */
label.marketplace-validation-error {
    width: calc(100% - 16px);
}
.card-premium-badge-text, .card-featured-badge-text {
    font-size: 16px;
}
@media (min-width: 640px) and (max-width: 700px) {
    .classified-container.container:has(.page-search) {
        padding: 10px 0px 50px !important;
    }
}
/* detail.css */
.make-an-offer-currency {
    line-height: 32px;
    height: 32px;
}
/* related-listing.css */
#related-listings-shortcode-wrapper .classified-cards-wrapper {
    max-height: 464px;
}
@media (max-width: 640px) {
    /* detail.css */
    .mobile-enquiry .bottom {
        transform: translate3d(0px, 0px, 0px);
    }
    .related-listings .classified-cards-wrapper, .dealer-listings .classified-cards-wrapper, .suggested-listings .classified-cards-wrapper {
        overflow: hidden;
        max-height: 1454px;
        padding: 8px;
    }
    .dealer-listings .classified-cards-wrapper.dealer-only {
        max-height: none;
    }
    /* Hide 4th card and higher on mobile */
    .related-listings .classified-cards-wrapper .classified-card-wrapper:nth-child(n+4), .dealer-listings .classified-cards-wrapper .classified-card-wrapper:nth-child(n+4) {
        display: none;
    }
}
@media (min-width: 980px) {
    /* modal.css */
    .classified-modal-popup {
        top: 15%;
        left: calc(50% - 200px);
        width: 400px;
        height: 550px;
        right: unset;
        bottom: unset;
    }

    /* finance.css */
    .classified-finance {
        margin: 10px 0 0;
    }
    .enquiry-form-finance-img {
        max-width: 100%;
    }
    .page-finance .finance-page-enquiry-wrapper {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(30%, 60%) 1fr;
        grid-template-areas:
            "finance-image-wrapper finance-price-wrapper"
            "finance-image-wrapper form-wrapper";
        gap: 20px;
    }

    /* detail-header.css */
    .classified-header {
        grid-gap: 5px;
        margin: 0;
        padding: 0;
    }
    .classified-price {
        -webkit-align-items: flex-end;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        max-width: calc(100% - 320px);
    }

    /* common.css */
    .classified-container.container {
        padding: 10px 15px 50px !important;
    }
    .menu_search_form {
        grid-template-columns: 50px 1fr 0;
        grid-template-areas: 'submitBtn typeInput clearBtn';
    }
    .classified-modal-body .menu_search_form {
        grid-template-columns: 40px 1fr 0;
    }
    .menu_search_root {
        -ms-grid-column: 1;
        display: block;
        max-width: 100%;
    }
    .menu_search_group_typehead {
        grid-area: typeInput;
        grid-column: 2;
        height: 52px;
    }
    .menu_search_submit {
        grid-area: submitBtn;
        grid-column: 1;
    }
    .clear_classified_search {
        grid-area: clearBtn;
        grid-column: 3;
        background: transparent;
    }
    .classified-searchbar-wrapper .typeahead_input {
        flex: 1;
        outline: none;
        width: calc(100% - 30px);
        height: 50px;
        border: none;
    }
    .menu_search_submit {
        border: none;
        border-radius: 0;
        font-size: 17px;
        font-weight: bold;
        height: 52px;
        justify-content: center;
        padding: 1px 0;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        text-transform: capitalize;
        letter-spacing: 0;
        font-weight: 800;
    }
    .menu_search_submit_text {
        margin: 0 5px;
        display: block;
    }
    .menu_search_suggestions_root {
        width: 100%;
        top: 50px;
        left: 0px;
    }
    .menu_search_suggestions_root::after {
        left: 15px;
    }
    .menu_search_suggestions_list li {
        white-space: nowrap;
    }
    .modaltrigger_search_root, .marketplace-refine-search .modaltrigger_refine_trigger {
        display: none;
    }
    .wrapper-column-3 .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .page-marketplace-error {
        padding: 100px 50px;
    }
    .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* search.css */
    .header_select_sort_root {
        width: auto;
        left: 0;
        top: 40px;
        margin: 0;
        min-width: 220px;
    }
    .classifieds-pagination {
        width: calc(100% - 320px);
        float: right;
    }
    .search_footer_text {
        width: calc(100% - 320px);
        float: right;
        margin-bottom: 0;
    }
    .page-search .modaltrigger_refine_trigger {
        display: none;
    }
    .search-refine-options, .marketplace-refine-search .search-refine-option-wrapper {
        display: block;
    }
    #wrapper {
        overflow-x: inherit !important;
    }
    .page-search .search-refine-options {
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
    }
    .search-wrapper {
        display: grid;
        grid-template-columns: 320px auto;
        width: 100%;
        grid-column-gap: 12px;
    }
    .remove-refine-selections {
        border: none;
        margin: 0 0 5px;
    }
    .search-refine-wrapper {
        margin: 0;
    }
    .search-selection h4 {
        margin-bottom: 10px;
    }
    .search-refine-fields h4{
        margin: 10px 0;
    }
    .menu_search_refine_triggers .menu_search_refine_submit {
        width: 100%;
        padding: 8px 0;
        height: 22px;
        font-weight: normal;
        margin-top: 10px;
    }
    .empty-search-listing {
        text-align: center;
        padding: 20px 0;
    }

    /* detail.css */
    .classified-main .page-detail {
        grid-template-areas: 'leaderboard leaderboard' 'notAvailableAd notAvailableAd' 'searchbar searchbar' 'header header' 'gallery sidebar' 'triggers sidebar' 'description sidebar' 'relatedListings relatedListings';
        grid-template-columns: auto 300px;
        width: 100%;
    }
    .classified-gallery {
        grid-area: description;
        grid-row: 5;
    }
    .classified-features-description {
        grid-row: 5;
        margin-bottom: 0;
    }
    .classified-gallery-exists ~ .classified-features-description { 
        grid-row: 6;
    }
    .classified-finance-ad-exists ~ .classified-features-description { 
        margin-top: 30px;
    }
    .classified-gallery-exists.classified-finance-ad-exists ~ .classified-features-description { 
        margin-top: 0;
    }
    .classified-enquiry {
        display: inline-block;
    }
    .enquiry-form-trigger {
        width: auto;
    }
    .desktop-enquiry.enquiry-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }
    .desktop-enquiry .modal-trigger.is-close {
        display: none;
    }
    .enquiry {
        height: max-content;
        overflow: hidden;
    }
    .classified-modal-popup.additional-enquiry-modal {
        left: calc(50% - 475px);
        width: 950px;
        height: calc(100% - calc(100% - 720px));
        max-height: 90%;
        top: 5%;
    }
    .classified-modal-popup.additional-enquiry-modal .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        max-width: 930px;
    }
    .classified-right-section {
        width: 100%;
        flex-flow: column;
    }
    .classified-triggers, .trigger-group-list {
        display: none;
    }
    .mobile-enquiry .classified-modal {
        bottom: auto;
        height: 630px;
        margin: auto;
        top: 100px;
        width: 420px;
    }
    .related-listings-wrapper {
        display: flex;
        flex-flow: column;
    }
    .dealer-listings .classified-cards-wrapper, .related-listings .classified-cards-wrapper, .suggested-listings .classified-cards-wrapper {
        height: initial;
        overflow: hidden;
        padding: 8px;
    }
    .dealer-listings, .related-listings, .suggested-listings {
        margin: 15px auto 0;
        width: 100%;
        padding-bottom: 0;
    }
    .related-view-more, .dealer-view-more {
        top: 20px;
    }
    /* Hide 4th card and higher on laptop and bigger */
    .related-listings .classified-cards-wrapper .classified-card-wrapper:nth-child(n+4), .dealer-listings .classified-cards-wrapper:not(.dealer-only) .classified-card-wrapper:nth-child(n+4) {
        display: none;
    }
    /* Show 4th card and higher on laptop and bigger when we are only showing related listings */
    .related-listings.related-listings-private .classified-cards-wrapper .classified-card-wrapper:nth-child(n+4) {
        display: block;
    }
    .finance-form-row {
        margin-bottom: 10px;
    }
}

@media (min-width: 980px) {
    .classified-cards-wrapper {
        max-width: unset;
    }
}

@media (min-width: 1250px) {
    /* common.css */
    .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* search.css */
    .page-search .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .webskin_open .page-search .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1500px){
    /* search.css */
    .webskin_open .page-search .classified-cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

.detail-leaderboard-ad {
    margin: 15px auto;
}
