/*
Theme Name: Ultimate Auction Pro Vehicle Software
Theme URI: https://getultimateauction.com/
Author: Nitesh Singh
Theme URI: https://getultimateauction.com/
Author URI: https://getultimateauction.com/
Version: 1.0.1
Description:  Ultimate Auction Pro Vehicle Software
Template: ultimate-auction-pro-software
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ultimate-auction-pro-software
*/

/* Add Custom CSS HERE */


:root {
    --colors--black: black;
    --colors--white: white;

    --colors--white-2: #f9f9f9;
    --colors--white-3: #f5f6f8;

    --colors--black-2: #17171A;
    --colors--black-3: #424246;
    --colors--black-4: #5d5c60;
    --colors--black-5: #2e2c35;
    --colors--black-6: #35343a;

    --colors--grey: #edeced;
    --colors--grey-2: #aaacad;
    --colors--grey-3: #8c8c8c;
    --colors--grey-4: #eae7fb;
    --colors--grey-5: #b6b8b8;
    --colors--grey-6: #F4F5F7;

    --colors--purple: #7a63f0;
    --colors--purple-2: #a499dd;
    --colors--orange: #F27059;
    --colors--orange-2: rgba(242, 112, 89, 0.12);
    --colors--green: #52B788;

    --margin--marg-xxs: 0.8rem;
    --margin--marg-xs: 1.5rem;
    --margin--marg-s: 1.875rem;
    --margin--marg-m: 2.5rem;
    --margin--marg-l: 3.75rem;
    --margin--marg-xl: 5.625rem;
    --margin--marg-xxl: 8.75rem;
    --margin--marg-xxxl: 10rem;

    --padding--padd-xxs: 0.9rem;
    --padding--padd-xs: 1.25rem;
    --padding--padd-s: 2.5rem;
    --padding--padd-m: 3.75rem;
    --padding--padd-l: 5.7rem;
    --padding--padd-xl: 7.5rem;
    --padding--padd-xxl: 8.75rem;
    --padding--padd-xxxl: 10rem;

    --font-family: "Inter";
    --transition-main: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.marginTopXXS {
    margin-top: var(--margin--marg-xxs);
}

.marginTopXS {
    margin-top: var(--margin--marg-xs);
}

.marginTopS {
    margin-top: var(--margin--marg-s);
}

.marginTopM {
    margin-top: var(--margin--marg-m);
}

.marginTopL {
    margin-top: var(--margin--marg-l);
}

.marginTopXL {
    margin-top: var(--margin--marg-xl);
}

.marginTopXXL {
    margin-top: var(--margin--marg-xxl);
}

.marginTopXXXL {
    margin-top: var(--margin--marg-xxxl);
}

.marginBottomXXS {
    margin-bottom: var(--margin--marg-xxs);
}

.marginBottomXS {
    margin-bottom: var(--margin--marg-xs);
}

.marginBottomS {
    margin-bottom: var(--margin--marg-s);
}

.marginBottomM {
    margin-bottom: var(--margin--marg-m);
}

.marginBottomL {
    margin-bottom: var(--margin--marg-l);
}

.marginBottomXL {
    margin-bottom: var(--margin--marg-xl);
}

.marginBottomXXL {
    margin-bottom: var(--margin--marg-xxl);
}

.marginBottomXXXL {
    margin-bottom: var(--margin--marg-xxxl);
}

.paddingTopXXS {
    padding-top: var(--padding--padd-xxs);
}

.paddingTopXS {
    padding-top: var(--padding--padd-xs);
}

.paddingTopS {
    padding-top: var(--padding--padd-s);
}

.paddingTopM {
    padding-top: var(--padding--padd-m);
}

.paddingTopL {
    padding-top: var(--padding--padd-l);
}

.paddingTopXL {
    padding-top: var(--padding--padd-xl);
}

.paddingTopXXL {
    padding-top: var(--padding--padd-xxl);
}

.paddingTopXXXL {
    padding-top: var(--padding--padd-xxxl);
}

.paddingBottomXXS {
    padding-bottom: var(--padding--padd-xxs);
}

.paddingBottomXS {
    padding-bottom: var(--padding--padd-xs);
}

.paddingBottomS {
    padding-bottom: var(--padding--padd-s);
}

.paddingBottomM {
    padding-bottom: var(--padding--padd-m);
}

.paddingBottomL {
    padding-bottom: var(--padding--padd-l);
}

.paddingBottomXL {
    padding-bottom: var(--padding--padd-xl);
}

.paddingBottomXXL {
    padding-bottom: var(--padding--padd-xxl);
}

.paddingBottomXXXL {
    padding-bottom: var(--padding--padd-xxxl);
}

.gapXXS .row {
    gap: var(--margin--marg-xxs);
}

.gapXS .row {
    gap: var(--margin--marg-xs);
}

.gapS .row {
    gap: var(--margin--marg-s);
}

.gapM .row {
    gap: var(--margin--marg-m);
}

.gapL .row {
    gap: var(--margin--marg-l);
}

.gapXL .row {
    gap: var(--margin--marg-xl);
}

.gapXXL .row {
    gap: var(--margin--marg-xxl);
}

.gapXXXL .row {
    gap: var(--margin--marg-xxxl);
}

.colPaddingXXS .row .col {
    padding: var(--padding--padd-xxs);
}

.colPaddingXS .row .col {
    padding: var(--padding--padd-xs);
}

.colPaddingS .row .col {
    padding: var(--padding--padd-s);
}

.colPaddingM .row .col {
    padding: var(--padding--padd-m);
}

.colPaddingL .row .col {
    padding: var(--padding--padd-l);
}

.colPaddingXL .row .col {
    padding: var(--padding--padd-xl);
}

.colPaddingXXL .row .col {
    padding: var(--padding--padd-xxl);
}

.colPaddingXXXL .row .col {
    padding: var(--padding--padd-xxxl);
}

.borderRadius,
.borderRadius .container {
    border-radius: 0.6rem;
    overflow: hidden;
}

.purpleBG .container {
    background-color: var(--colors--purple);
}

.purple2BG .container {
    background-color: var(--colors--purple-2);
}

.greyBG .container {
    background-color: var(--colors--grey);
}

.grey2BG .container {
    background-color: var(--colors--grey-2);
}

.grey3BG .container {
    background-color: var(--colors--grey-3);
}

.grey4BG .container {
    background-color: var(--colors--grey-4);
}

.grey5BG .container {
    background-color: var(--colors--grey-5);
}

.grey6BG .container {
    background-color: var(--colors--grey-6);
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: var(--colors--black-2);
    font-family: var(--font-family), sans-serif !important;
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 160%;
    margin: 0;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--colors--black-2);
    font-weight: 800;
}

h1 {
    font-size: 3.5rem;
    font-size: clamp(2.5rem, 2.5rem + 0.75vw, 3.5rem);
    line-height: 1.1;
    margin: 0 0 1.9rem 0;
}

.home h1 {
    color: var(--colors--white);
}

h2,
.u-column1.col-1 h2,
.u-column2.col-2 h2,
h1.peoduct-name,
.buyer-page-title h1,
.page-heading h1 {
    font-size: 1.875rem;
    font-size: clamp(1.875rem, 1.875rem + 0.75vw, 2.25rem);
    line-height: 1.1;
    margin: 0 0 1rem 0;
    text-transform: none;
}

h3 {
    font-size: 1.375rem;
    font-size: clamp(1.375rem, 1.375rem + 0.75vw, 1.6rem);
    line-height: 1.1;
    margin: 2rem 0 1rem 0;
}

h4 {
    font-size: 1.35rem;
    line-height: 1.2;
    margin: 1rem 0px;
}

h5 {
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 0 0 1.2rem 0;
}

h6 {
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 0 0 1.2rem 0;
}

p {
    margin: 0 0 1.25rem 0;
    font-weight: 400;
}

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

hr {
    border: none;
    border-bottom: 1px solid var(--colors--grey);
}

.content {
    width: 80%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 4rem 0;
}

.btn,
.listing_actions.auction-btn .auc-filter-btn,
a.ua-button-black,
.wp-block-search__inside-wrapper .wp-block-search__button,
.quick_bid_button_one,
form.cart button.single_add_to_cart_button {
    padding: 0.5rem 2rem;
    background: var(--colors--orange);
    color: var(--colors--white);
    border: 1px solid transparent;
    border-radius: 50px;
    font-family: var(--font-family), sans-serif;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s var(--transition-main);
}


.quick_bid_button_one {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    justify-content: center;
}

form.cart button.single_add_to_cart_button {
    color: var(--colors--orange);
    border: 2px solid var(--colors--orange);
}

form.cart button.single_add_to_cart_button:hover {
    color: var(--colors--white);
    background-color: var(--colors--orange);
}

.btn.place-bid {
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
}

.btn.grey,
.listing_actions.auction-btn .auc-filter-btn,
.quick_bid_button_one {
    background: var(--colors--grey-6);
    color: var(--colors--black-5);
    font-weight: 400;
    border: none;
}

.btn:hover,
a.ua-button-black:hover,
.wp-block-search__inside-wrapper .wp-block-search__button:hover,
.quick_bid_button_one:hover {
    background: none;
    color: var(--colors--orange);
    border-color: var(--colors--orange);
}

.btn.grey:hover,
.listing_actions.auction-btn .auc-filter-btn:hover,
.listing_actions.auction-btn .auc-filter-btn.active,
.quick_bid_button_one:hover {
    background: var(--colors--grey-4);
    color: var(--colors--orange);
}

.btns-wr {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
    margin: 2rem 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid var(--colors--grey);
}

.btn-center {
    justify-content: center;
}

/* ----- HEADER ----- */

header {
    border-bottom: 1px solid var(--colors--grey);
}

.header-c {
    padding: 1.5rem 0;
}

.header-wr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.header-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 3rem;
}

.header-nav a,
#auctionmenu>ul>li>a {
    font-weight: 600;
    color: var(--colors--black-2);
    transition: all 0.3s var(--transition-main);
}

.header-nav a:hover,
#auctionmenu>ul>li>a:hover {
    color: var(--colors--orange);
}

.header-nav a.sign-up {
    color: var(--colors--grey-5);
    background: url(assets/images/sign-up-icon.png) no-repeat left center;
    padding: 0.6rem 0 0.6rem 3.5rem;
}

.header-nav a.sign-up:hover {
    color: var(--colors--orange);
}

/* ----- MAIN ----- */

main {
    background: url(assets/images/home-hero-bg.jpg) no-repeat center center/cover;
    text-align: center;
    color: var(--colors--white);
    padding: 0 1.25rem;
}

.main-c {
    padding: 10rem 0 7rem;
}

main p {
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}

/* Search Menu Styles */
.search-menu {
    display: flex;
    gap: 1rem;
    background: var(--colors--white);
    padding: 0.75rem;
    border-radius: 0.75rem;
    box-shadow: 0 2px 10px rgba(53, 52, 58, 0.4);
    justify-content: center;
    align-items: stretch;
    margin: 0 auto 4rem;
    transform: translateY(-50%);
    max-width: 1280px;
}

select,
.year-field {
    padding: 1rem 2rem 1rem 1rem;
    border: 2px solid var(--colors--grey);
    border-radius: 0.6rem;
    color: var(--colors--black-2);
    font-size: 1.1rem;
    font-family: var(--font-family), sans-serif;
    font-weight: 500;
    width: 100%;
    box-shadow: 0 1px 4px rgba(53, 52, 58, 0.04);
    appearance: none !important;
    transition: all 0.2s var(--transition-main);
    background: #fff url(assets/images/arrow-down.svg) no-repeat right 1rem center/1rem auto;
    background-size: 12px;
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    padding: 1rem 2rem 1rem 1rem !important;
    border: 1px solid var(--colors--grey) !important;
    border-radius: 50px !important;
    color: var(--colors--black-2) !important;
    font-size: 1rem !important;
    font-family: var(--font-family), sans-serif !important;
    font-weight: 500 !important;
    width: 100%;
    box-shadow: 0 1px 4px rgba(53, 52, 58, 0.04) !important;
    appearance: none !important;
    transition: all 0.2s var(--transition-main);
    background-image: none;
    background-color: #fff !important;
    position: relative;
    height: auto !important;
}

textarea {
    border-radius: 10px !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-dropdown {
    height: auto;
    border-radius: 0.6rem;
}

.select2-container--default .select2-selection--single span.select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
    border-color: var(--colors--grey);
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#customer_login::before,
#customer_login::after {
    display: none;
}

#customer_login {
    flex-direction: column;
}

#customer_login .u-column1.col-1 {
    border-bottom: 1px solid var(--colors--grey);
    margin-bottom: 50px;
}

#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
    width: 100%
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.woocommerce form.login,
.woocommerce form.register {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.woocommerce-page .col2-set.addresses {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.woocommerce-Address {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.woocommerce-account .addresses .title .edit:before {
    display: none;
}

.woocommerce-Address header.woocommerce-Address-title.title {
    border: none;
    border-top: 1px solid #EDECED;
    padding-top: 20px;
    margin-top: 40px;
}

.d-flex.align-item-center.justify-center button.woocommerce-button.button.woocommerce-form-login__submit,
button#uat-woo-reg {
    border-radius: 50px !important;
}

.woocommerce form .form-row label,
.woocommerce-privacy-policy-text p {
    color: #808080;
}

.woocommerce-account .woocommerce-MyAccount-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 800px;
    width: 100%;
    float: none;
}

.woocommerce form .form-row .required {
    color: var(--colors--orange);
}

div.nsl-container .nsl-button-google[data-skin="light"] {
    padding: 1rem 2rem 1rem 1rem;
    border: 2px solid var(--colors--grey);
    border-radius: 50px;
    color: var(--colors--black-2);
    font-size: 1.1rem;
    font-family: var(--font-family), sans-serif;
    font-weight: 500;
    width: 100%;
    box-shadow: 0 1px 4px rgba(53, 52, 58, 0.04) !important;
    appearance: none;
    transition: all 0.2s var(--transition-main);
    background-size: 12px;
    position: relative;
    font-weight: 700;
}

div.nsl-container .nsl-button-default div.nsl-button-label-container {
    font-family: var(--font-family), sans-serif !important;
    padding: 0 !important;
}

select:focus {
    border-color: var(--colors--orange);
}

/* ----- AUCTIONS ----- */

.body-c {
    padding: 4rem 0;
}

.body-c-top {
    padding: 7rem 0 4rem;
}

.top-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: 0 0 2rem 0;
}

.top-nav h2 {
    margin: 0;
}

.slider-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.nav-counter {
    font-size: 1rem;
    color: var(--colors--grey-2);
    margin: 0;
}

.nav-btns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.7rem;
}

.nav-btns a {
    width: 3.8rem;
    height: 3.8rem;
    background-color: var(--colors--grey);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    transition: all 0.3s var(--transition-main);
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    margin: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.nav-btns a:first-of-type {
    background-image: url('assets/images/arrow-left.svg');
}

.nav-btns a:last-of-type {
    background-image: url('assets/images/arrow-right.svg');
}

.nav-btns a:after {
    color: rgba(0, 0, 0, 0.3);
    font-size: 25px;
}

.nav-btns a:hover {
    background-color: var(--colors--grey-4);
}

.nav-btns a img {
    width: 2rem;
}

.slider-wr-auctions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 2.2rem;
    margin: 0 0 5rem 0;
}

.slide-auctions {
    border: 1px solid var(--colors--grey);
    border-radius: 2rem;
    padding: 2rem;
}

.car-top {
    margin: 0 0 1.9rem 0;
}

.car-img {
    width: 100%;
    border-radius: 0.5rem;
    margin: 0 0 1.25rem 0;
}

.car-title {
    font-size: 1.4rem;
    color: var(--colors--black-3);
    font-weight: 700;
    margin: 0 0 0.6rem 0;
}

.car-seller {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin: 0 0 1.5rem 0;
}

.car-logo {
    width: 3.1rem;
    height: 3.1rem;
    border: 1px solid var(--colors--grey);
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seller-title {
    font-weight: 700;
    color: var(--colors--black-4);
    margin: 0 0 0.4rem 0;
}

.seller-type {
    font-size: 1rem;
    line-height: 1;
}

.car-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.price-wr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2.6rem;
}

.price-box {
    position: relative;
}

.price-box:first-of-type::after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 2rem;
    background: var(--colors--grey-2);
    right: -1.3rem;
    top: 50%;
    transform: translateY(-40%) skew(-20deg);
}

.price-box p:first-of-type {
    font-weight: 700;
    color: var(--colors--black-4);
    margin: 0 0 0.5rem 0;
}

.price-box p:last-of-type {
    font-size: 1rem;
    line-height: 1;
}

.active-auctions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
    margin: 0 0 5rem 0;
}

.auction-left {
    max-width: 550px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.auction-right {
    max-width: 720px;
    width: 100%;
}

.auction-right img {
    width: 100%;
}

.live-numbers {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0;
    margin: 0 0 1.8rem 0;
}

.live-numbers li {
    border: 1px solid var(--colors--grey);
    border-radius: 0.6rem;
    padding: 0.8rem 1.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    font-size: clamp(2.25rem, 2rem + 1.25vw, 3.5rem);
    font-weight: 700;
    color: var(--colors--black-5);
}

.auction-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
}

.auction-header {
    max-width: 1100px;
    width: 100%;
}

.auction-block-left {
    max-width: 1100px;
    width: 100%;
}

.auction-wr,
.product-list-row,
.product-list-columns,
.in-acution-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 2rem 1.5rem;
    overflow: hidden;
}

.product-list-block .product-list-row,
.ua-product-listing .product-list-columns {
    margin-left: 0;
    margin-right: 0;
}

.auction-box,
.product-block,
.product-list-row .product-block,
.in-acution-row .in-auc-product {
    border: 1px solid var(--colors--grey);
    border-radius: 1.4rem;
    padding: 1.5rem;
    width: unset;
    margin: unset;
    position: relative;
    color: var(--colors--grey-3);
    text-align: left;
}

.product-img-content {
    flex-direction: column;
    margin-bottom: 0;
}

.product-img-content .product-img {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    border-radius: 0.6rem;
    padding: 0;
    margin: 0 0 1.25rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 233px;
    overflow: hidden;
}

.product-img-content .product-img img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

.product-cont {
    border: none;
    padding: 0;
    width: 100%;
}

.product-cont .in-auc-timer {
    background: var(--colors--black-6);
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: var(--colors--white);
    font-weight: 700;
    display: inline-block;
    margin: 0 8px 8px 0;
}

.bottom-left-fix .text-bold {
    color: var(--colors--white);
}

.bottom-left-fix {
    margin: 0;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: var(--colors--white);
    font-weight: 700;
    font-size: 1rem;
    display: inline-block;
    position: relative;
    bottom: unset;
    background: var(--colors--orange);
}

.in-auc-footer {
    border: none;
    margin: 20px 0 0 0;
    border-radius: 0.4rem;
    padding: 0.5rem;
    background: var(--colors--grey-6);
    color: var(--colors--black-3);
}

.product-cont p {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 0 1.2rem 0;
    font-weight: 700;
    height: auto;
    overflow: visible;
    color: var(--colors--black-3);
}

.auction-car-top,
.product-img-b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    border-radius: 0.6rem;
    padding: 9rem 1rem 1rem;
    margin: 0 0 1.25rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 233px;
}

.time-and-bid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.25rem;
    font-size: 1rem;
}

.time-and-bid p {
    margin: 0;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: var(--colors--white);
    font-weight: 700;
    font-size: 1rem;
}

.auction-time {
    background: var(--colors--black-6);
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: var(--colors--white);
    font-weight: 700;
}

.auction-bid {
    background: var(--colors--orange);
}

span.woo-ua-auction-price.starting-bid,
p>span.woo-ua-auction-price.current-bid {
    flex-direction: column;
}

.auction-countdown-check {
    padding: 0;
}

.auction-car-middle {
    margin: 0 0 1.5rem 0;
}

.auction-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

h4.auction-car-title a {
    transition: all 0.3s var(--transition-main);
}

h4.auction-car-title a:hover {
    color: var(--colors--orange);
}

.auction-car-save {
    position: relative;
    top: 0;
    left: 0;
}

.auction-car-save .like-product span,
.auction-car-save .like-product {
    padding: 0;
}

.auction-car-save .like-count {
    margin: 0 0 0 5px;
}

.auction-blob {
    margin: 0 0 1.2rem 0;
}

.auction-town {
    color: var(--colors--black-2);
}

.auction-car-btm {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.auction-car-btm-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    width: 100%;
}

.auction-car-btm p {
    margin: 0;
    border-radius: 0.4rem;
    padding: 0.25rem 0.75rem;
}

.status-tag {
    background: var(--colors--orange-2);
    color: var(--colors--orange);
    font-weight: 600;
}

.bid-tag {
    background: var(--colors--white-3);
    color: var(--colors--black-2);
}

/* Sidebar filter styles */
.auction-block-right {
    max-width: 300px;
    width: 100%;
    background: #fff;
}

.filter-header {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-section,
.newUcFilter_main .filterCard {
    border: none;
    border-bottom: 1px solid var(--colors--grey-4);
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
    padding-bottom: 1.5rem;
    border-radius: 0;
}

.filter-toggle {
    background: none;
    border: none;
    font-weight: 700;
    font-size: 1rem;
    color: #35343a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0;
}

.filter-arrow {
    font-size: 1.2rem;
    margin-left: 0.5rem;
}

.newUcFilter_main .filterCard .borderBottom h3 .u-arrow::after {
    font-weight: 400;
    line-height: 19px;
    transition: .5s ease-in-out;
    width: 20px;
    display: inline-block;
    border: 1px solid var(--colors--orange);
    text-align: center;
    border-radius: 50px;
    color: var(--colors--orange);
}

.filter-content {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
}

.filter-content label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--colors--grey-3);
    cursor: pointer;
}

.filter-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

[type='radio'],
[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[type='radio'],
[type='checkbox'] {
    width: 18px;
    height: 18px;
    border: solid 1px var(--colors--grey);
    border-radius: 4px;
    margin: 0;
    position: relative;
}

[type='radio']:checked::before,
[type='checkbox']:checked::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background-color: var(--colors--orange);
    position: absolute;
    top: 2px;
    left: 2px;
}

[type='radio'],
[type='radio']:checked::before {
    border-radius: 100%;
}

/* ----- FIND CAR ----- */

.find-car {
    margin: 0 0 5rem 0;
}

.find-car-wr {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
}

.find-car-left {
    max-width: 460px;
    width: 100%;
}

.find-car-popular {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
    gap: 1.5rem;
}

.find-car-popular a {
    box-shadow: 0 4px 10px rgba(53, 52, 58, 0.1);
    padding: 1.8rem 2.5rem 1.8rem 1.5rem;
    border-radius: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    transition: all 0.3s var(--transition-main);
}

.find-car-popular a:hover {
    padding: 1.8rem 3.5rem 1.8rem 1.5rem;
}

.find-car-popular a:hover .car-box {
    background: var(--colors--white-2);
}

.find-car-popular a:hover .arrow-purple {
    opacity: 1;
}

.car-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.car-box {
    width: 5rem;
    height: 5rem;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s var(--transition-main);
}

.popular-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--colors--black-2);
    margin: 0 0 0.4rem 0;
}

.arrow-purple {
    width: 1.5rem;
    opacity: 0;
    transition: all 0.3s var(--transition-main);
}

.find-car-right {
    max-width: 900px;
    width: 100%;
}

.find-car-other {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6rem;
}

.find-car-column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.75rem;
    width: 100%;
}

.find-car-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
}

.find-car-row a {
    font-weight: 700;
    color: var(--colors--black-3);
    transition: all 0.3s var(--transition-main);
}

.find-car-row a:hover {
    color: var(--colors--orange);
}

/* ----- TRENDING ----- */

.trending {
    margin: 0 0 5rem 0;
}

.trending-wr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2.2rem;
}

.trending-box {
    box-shadow: 0 4px 10px rgba(53, 52, 58, 0.1);
    border-radius: 0.4rem;
    transition: all 0.3s var(--transition-main);
}

.trending-box:hover {
    transform: translateY(-5px);
}

.trending-box:hover .trending-title {
    color: var(--colors--orange);
}

.trending-box img {
    width: 100%;
}

.trending-inner {
    padding: 1.5rem 2.2rem;
}

.trending-title {
    font-size: 1.25rem;
    color: var(--colors--black-3);
    font-weight: 700;
    margin: 0 0 1rem 0;
    transition: all 0.3s var(--transition-main);
}

/* ----- CAR MODEL ----- */

.car-model {
    margin: 5rem 0;
    overflow: hidden;
}

.slider-wr-model {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 9rem;
    margin: 5rem 0 0;
}

.slide-model {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    text-align: center;
}

.slide-model p {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--colors--black-3);
    margin: 2.5rem 0 0;
}

/* ----- REVIEWS ----- */

.reviews-wr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 4.4rem 2.2rem;
    margin-bottom: 5rem;
}

.review-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1.5rem;
    transition: all 0.3s var(--transition-main);
}

.review-box:hover {
    transform: translateY(-5px);
}

.review-box:hover .review-title {
    color: var(--colors--orange);
}

.review-image {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-bottom: 1rem
}

.review-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--colors--black-3);
    margin: 0 0 0.5rem 0;
    transition: all 0.3s var(--transition-main);
}

.review-box-btm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.review-author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.author-name {
    font-weight: 700;
    color: var(--colors--black-4);
    margin: 0 0 0.5rem 0;
}

.review-rating img {
    width: 1.25rem;
}

.review-rating {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 0.5rem;
}

.review-rating p {
    line-height: 1;
    color: var(--colors--black-4);
}

/* ----- FOOTER ----- */

.footer-c {
    max-width: 1680px;
    width: 100%;
    padding: 4rem 1.25rem;
    padding-top: 0;
}

.footer-top {
    background: var(--colors--grey-6);
    border-radius: 0.75rem;
    padding: 5rem 6.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    gap: 2.5rem;
    margin: 0 0 2rem 0;
}

.footer-top ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
}

.footer-top ul li:first-of-type a {
    font-weight: 700;
    color: var(--colors--black-4);
}

footer a {
    transition: all 0.3s var(--transition-main);
}

footer a:hover {
    color: var(--colors--orange);
}

.footer-btm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.footer-btm-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
}

.footer-btm-left a {
    color: var(--colors--black-4);
    font-weight: 700;
}

.footer-btm-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.footer-btm-right img {
    width: 1.25rem;
    vertical-align: bottom;
}

.homeTopSlider {
    position: relative;
    margin-bottom: 5rem;
}

.homeTopSlider .auction-car-btm {
    bottom: 2rem;
}

.homeTopSlider .auction-box {
    padding: 2rem 2rem calc(2rem + 35px);
}


.tab-screen#tabs-1 {
    margin-top: 20px;
}

.vendor-main .page-heading {
    margin-top: 0px;
    margin-bottom: 20px
}

.auction-listing,
.search-results {
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.form-box {
    padding: 0 !important;
}

label.label-fix-top {
    left: 15px;
    z-index: 9;
}

.vendor-main .page-heading,
.vendor-main .describe-lot-tab {
    grid-column: 1 / span 2;
}

.vendor-main .tab-screen h3 {
    padding-top: 20px;
}

/* Static Pages CSS */
.static-page {
    padding: var(--margin--marg-l) 0;
    width: 1000px;
    position: relative;
    margin: 0 auto;
}

.content-area .woocommerce:not(.home .content-area .woocommerce, .page-id-745 .content-area .woocommerce, .logged-in .content-area .woocommerce) {
    padding: var(--margin--marg-l) 0;
}

.content-area:not(.page-id-745 .content-area, .home .content-area) .woocommerce {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    padding: 4rem 0;
    position: relative;
    margin: 0 auto;
}

.static-page ul.centerFlex,
.static-page ol.centerFlex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.static-page a:not(.btn) {
    text-decoration: underline;
}

.gridRow .row {
    display: grid;
}

.gridRow .col {
    padding: 0;
    width: 100%;
}

.gridRow.twoColumns .row {
    grid-template-columns: repeat(2, 1fr);
}

.gridRow.threeColumns .row {
    grid-template-columns: repeat(3, 1fr);
}

.gridRow.fourColumns .row {
    grid-template-columns: repeat(4, 1fr);
}

.certifiedSellersColumns .row {
    gap: var(--margin--marg-xxs);
    text-align: center;
}

.certifiedSellersColumns .row .col {
    padding: var(--margin--marg-xs) var(--margin--marg-xs) 65px;
}

.borderedColumns .row .col {
    border: 1px solid var(--colors--grey);
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.certifiedSellersColumns .btn {
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: 0;
    left: 50%;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 30px);
    justify-content: center;
    text-align: center;
}

.videoPopup::before {
    background-image: url(assets/images/play.svg);
    background-size: 56px 56px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    width: 56px;
    height: 56px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.videoPopup:hover::before {
    transform: translate(-50%, -50%) scale(1.1);
}

.photoGuideSlider .slider-left-part {
    width: 100%;
    background-position: center;
    border-radius: 0.6rem;
    overflow: hidden;
}

.photoGuideSlider .slider-cap {
    display: none;
}

.photoGuideSlider .owl-carousel {
    padding-bottom: 100px;
}

.photoGuideSlider .owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: unset;
    bottom: 85px;
}

.photoGuideSlider .owl-carousel .owl-nav .owl-prev,
.photoGuideSlider .owl-carousel .owl-nav .owl-next {
    background-image: url(assets/images/arrow-right.svg);
    border: 1px solid var(--colors--grey);
    width: 64px;
    height: 64px;
    border-radius: 50px;
    background-size: 30px;
    left: 50%;
    transform: translate(25%, 0px);
}

.photoGuideSlider .owl-carousel .owl-nav .owl-prev {
    transform: translate(-125%, 0px) rotate(180deg);
}


.photoTipsLocations {
    text-align: center;
    gap: var(--margin--marg-s);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.photoTipsLocations figcaption,
.photoTipsLocations figure,
.photoTipsLocations img {
    width: 100% !important;
}

.photoTipsLocations figcaption {
    margin-top: var(--margin--marg-xs);
}

.shootColumnsSection .btn {
    display: block;
    text-align: center;
}

.anchorList,
.woocommerce-MyAccount-navigation {
    position: sticky;
    top: 80px;
    left: 0;
    width: 200px;
    z-index: 100;
    /* Remove from flow using negative margin or absolute positioning */
    margin-left: -175px;
    /* Pulls it out of flow */
    float: left;
    padding-right: 20px;
    font-size: 0.875rem;
    transition: all 0.3s var(--transition-main);
}

.static-page .anchorList .container {
    max-width: 100%;
}

.static-page .anchorList ul {
    list-style: none;
    margin: 0 0 40px;
}

.static-page .anchorList a {
    color: var(--colors--black-2);
    text-decoration: none;
}

.static-page .anchorList a:hover {
    color: var(--colors--orange);
}

.static-page .anchorList .grey {
    color: var(--colors--grey-3);
}

p.nota {
    background-color: var(--colors--grey-6);
    padding: var(--padding--padd-xs);
    border-radius: 0.6rem;
}

p.nota span {
    display: inline;
}

p.nota span:first-of-type {
    margin-right: 20px;
}

p.nota .block {
    display: block;
    margin-top: 20px;
}

p.nota span.orange {
    color: var(--colors--orange);
    font-weight: 700;
}

.step {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--colors--white);
    border-radius: 50px;
    padding: 2px 23px;
    display: inline-block;
}

.stepOrange {
    background-color: var(--colors--orange);
}

.stepPurple {
    background-color: var(--colors--orange);
}

.stepGreen {
    background-color: var(--colors--green);
}

/* END Static Pages CSS */


/* Car Models CSS */
.car_models header {
    border: none;
    width: 100%;
}

.car_models .woocommerce-notices-wrapper {
    width: 100%;
}

.car_models .left-block {
    display: block;
}

.car_models .product-list-columns {
    width: 100%
}

.woocommerce .woocommerce-ordering {
    background: none;
    height: auto
}

.woocommerce-ordering::after {
    background: none !important;
    color: var(--colors--black-2);
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce-ordering:hover::after {
    color: var(--colors--orange);
}

.woocommerce-ordering select {
    border: 2px solid var(--colors--grey) !important;
    background: none !important;
}

/* END Car Models CSS */

.save-search-box,
.related-search-box,
.list-and-grid-icon {
    display: none;
}

/* Dashboard CSS */
.maxWidth600 {
    max-width: 600px;
}

.maxWidth800 {
    max-width: 800px;
}

.dashboardFirst {
    text-align: center;
    padding-top: var(--padding--padd-xxl);
    padding-bottom: var(--padding--padd-xxl);
    max-width: 600px;
    margin: 0 auto;
}

/* END Dashboard CSS */


.gg_item {
    margin-bottom: 0;
}

.gg_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gg_item a {
    width: 100%;
    height: 250px;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}

.quicktags-toolbar{
    display:flex;width:100%;
}

/* ----- RESPONSIVE ----- */

@media screen and (max-width: 1440px) {
    .slide-auctions {
        padding: 1.5rem;
    }

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

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

    .trending-wr {
        grid-template-columns: repeat(2, 1fr);
    }

    .slider-wr-model {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.2rem;
        margin: 3rem 0 0;
    }

    .reviews-wr {
        grid-template-columns: repeat(2, 1fr);
    }

    .auction-header {
        max-width: 100%;
    }

    .auction-wr,
    .product-list-row,
    .product-list-columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1366px) {
    .header-nav {
        gap: 1.5rem;
    }

    .header-nav a {
        font-size: 1rem;
    }

    .header-nav a.sign-up {
        color: var(--colors--grey-5);
        background: url(assets/images/sign-up-icon.png) no-repeat left center;
        padding: 0.6rem 0 0.6rem 3rem;
        background-size: 35px;
    }

    .main-c {
        padding: 5rem 0 3rem;
    }

    .footer-top {
        padding: 3rem;
    }
}


@media screen and (max-width: 1180px) {
    .btns-wr {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 0.5rem 1rem;
    }

    .auction-block {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .auction-block-right {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .filter-header {
        display: none;
    }

    .filter-section {
        margin: 0;
    }

    .filter-section:last-child {
        border-bottom: 1px solid var(--colors--grey-4);
        padding-bottom: 1rem;
    }

    .gridRow .row,
    .gridRow.fourColumns .row,
    .gridRow.twoColumns .row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .slider-wr-auctions {
        grid-template-columns: repeat(2, 1fr);
    }

    .find-car-popular a {
        padding: 1.8rem 1.5rem;
    }

    .find-car-popular a:hover {
        pointer-events: none;
    }

    .arrow-purple {
        display: none;
    }

    .anchorList,
    .woocommerce-MyAccount-navigation {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        margin-left: 0;
        float: none;
        padding-left: 0;
        font-size: 0.875rem;
    }

    .static-page .anchorList .container {
        max-width: 80%;
    }

    .static-page .anchorList ul {
        margin: 0 0 20px;
    }

    .static-page .anchorList li {
        margin: 0 0 0.8rem;
    }

    .woocommerce .col2-set,
    .woocommerce-page .col2-set {
        flex-direction: column;
        justify-content: center;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 100%;
    }
}

@media screen and (max-width: 932px) {
    .main-c {
        padding: 3rem 0 1rem;
    }

    .nav-btns a {
        width: 3rem;
        height: 3rem;
    }

    .active-auctions {
        gap: 2.2rem;
    }

    .find-car-wr {
        flex-direction: column;
    }

    .find-car-left {
        max-width: 100%;
    }

    .find-car-popular {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.2rem;
    }

    .find-car-other {
        gap: 2.2rem;
    }

    .footer-top {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 90%;
    }

    .gridRow .row,
    .gridRow.fourColumns .row,
    .gridRow.threeColumns .row,
    .gridRow.twoColumns .row {
        grid-template-columns: repeat(1, 1fr);
    }

    .accordion-section .container {
        flex-direction: column;
    }

    .faq-section-title,
    .faq-rows {
        width: 100%;
        max-width: 100%;
    }

    .faq-rows {
        margin-top: 0;
    }

    .woocommerce-MyAccount-content fieldset {
        flex-direction: column;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 640px) {

    .auction-wr,
    .product-list-row,
    .product-list-columns {
        grid-template-columns: 1fr;
    }

    .woocommerce .woocommerce-ordering {
        float: none;
        padding-top: 1em;
    }
}

@media screen and (max-width: 479px) {
    .btn {
        justify-content: center;
    }

    .header-nav a:not(.sign-up) {
        display: none;
    }

    .search-menu {
        flex-direction: column;
        transform: none;
    }

    main {
        padding: 0 1.25rem 3rem;
    }

    .main-c {
        padding: 3rem 0;
    }

    .body-c-top {
        padding: 4rem 0;
    }

    .top-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 1.5rem;
    }

    .slider-nav {
        justify-content: space-between;
    }

    .slider-wr-auctions {
        grid-template-columns: 1fr;
    }

    .active-auctions {
        flex-direction: column;
    }

    .find-car-popular {
        grid-template-columns: 1fr;
    }

    .find-car-row {
        gap: 0.5rem;
    }

    .find-car-other {
        gap: 1rem;
    }

    .trending-wr {
        grid-template-columns: 1fr;
    }

    .trending-inner {
        padding: 1rem;
    }

    .slider-wr-model {
        grid-template-columns: 1fr;
    }

    .reviews-wr {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .review-box-btm {
        flex-direction: column;
        align-items: flex-start;
    }

    .btns-wr {
        grid-template-columns: repeat(2, 1fr);
    }

    .auction-block-right {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-content label {
        font-size: 0.9rem;
    }

    .footer-top {
        grid-template-columns: repeat(2, 1fr);
        padding: 2rem;
    }

    .footer-btm {
        flex-direction: column;
    }

    .footer-btm-left {
        flex-direction: column;
        gap: 1rem;
    }
}

/* ----- ACCOUNT SIDEBAR MENU (DASHBOARD PAGES) ----- */

/* Desktop: Show sidebar */
.uat-account-sidebar {
    border-right: 1px solid var(--colors--grey);
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: stretch;
    padding-right: 20px;
}

.Sales-tab-con {
    grid-column: 2;
    grid-row: 2;
    overflow: auto;
}

.Sales-Tab {
    grid-column: 2;
    grid-row: 1;
    display: none;
}

.vendor-main .container {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto 1fr;
    gap: 16px;
    align-items: stretch;
}

.salse_tab-content .page-heading {
    flex-direction: row;
    flex-wrap: wrap;
}

.salse_tab-content .page-heading,
.tab_con_box-left h3 {
    border-color: var(--colors--grey);
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-section:last-of-type {
    margin-top: auto;
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-account-sidebar-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-heading {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--colors--grey-3);
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu,
nav.woocommerce-MyAccount-navigation ul {
    color: var(--colors--black-2);
    padding-left: 0;
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a,
nav.woocommerce-MyAccount-navigation ul li a {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-radius: 5px;
    border: none;
    text-align: left;
    transition: all 0.3s var(--transition-main);
}

/* Icon wrapper */
.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

/* SVG inherits color from parent link */
.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a .menu-icon svg {
    width: 16px;
    height: 16px;
    transition: all 0.3s var(--transition-main);
}

/* Text wrapper */
.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a .menu-text {
    flex: 1;
}

/* Hover state */
.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a:hover {
    background-color: var(--colors--grey-4);
    color: var(--colors--orange);
}

/* Active state */
.uat-account-sidebar.uat-sidebar-desktop-only .uat-sidebar-menu li a.active {
    color: var(--colors--white);
    background-color: var(--colors--orange);
}

nav.woocommerce-MyAccount-navigation ul {
    margin: 0;
}

nav.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0px;
}

nav.woocommerce-MyAccount-navigation ul li a {
    padding: 10px 0;
    margin: 0;
    text-align: left;
    font-size: 0.875rem;
    color: var(--colors--black-2);
    transition: all 0.3s var(--transition-main);
    border: none;
}

nav.woocommerce-MyAccount-navigation ul li:first-of-type a {
    padding-top: 0;
}

nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--colors--orange);
    border: none;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 10px;
    gap: 10px;
}

/* ----- DIV-BASED DATA TABLES ----- */

/* Table container */
.uat-data-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

/* Header row */
.uat-data-header-row {
    display: grid;
    grid-template-columns: auto;
    gap: 10px;
    padding: 10px;
    font-weight: 700;
}

/* Data row */
.uat-data-row {
    display: grid;
    grid-template-columns: auto;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--colors--grey);
    border-radius: 5px;
}

/* Individual cells */
.uat-data-cell {
    display: flex;
    align-items: flex-start;
}

/* No products state */
.uat-data-row.no-products-row {
    grid-template-columns: 1fr;
    text-align: center;
    justify-content: center;
}

.uat-data-cell.no-products-cell {
    justify-content: center;
    width: 100%;
}

.drop-down .selected {
    border-radius: 5px;
}

.drop-down .selected span {
    padding: 13px 30px 13px 10px;
}

.drop-down:after {
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

/* Specific column layouts for different pages */

.salse_tab-content .uat-data-table .uat-data-header-row,
.salse_tab-content .uat-data-table .uat-data-row:not(.no-products-row) {
    grid-template-columns: 150px 2fr 1fr 1.5fr 1fr;
}

.sold_page_content .uat-data-table .uat-data-header-row,
.sold_page_content .uat-data-table .uat-data-row:not(.no-products-row) {
    grid-template-columns: 150px 2fr 1fr 1.5fr 1fr;
}

.tab_con_box-full .uat-data-table .uat-data-header-row,
.tab_con_box-full .uat-data-table .uat-data-row:not(.no-products-row) {
    grid-template-columns: 150px 2fr 1fr 1.5fr 1fr;
}

.salse_tab-content .search_and_filter {
    display: none;
}

.image-box,
.Title-box,
.Status-box,
.highest-bid-box,
.action-box {
    width: auto;
    font-weight: 400;
}

.Title-box.uat-data-cell h3 {
    font-size: 1.4375rem;
}

.highest-bid-box.uat-data-cell {
    flex-direction: column;
    gap: 10px;
}

.highest-bid-box h4 {
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: var(--colors--orange);
    font-size: 1.1rem;
    margin: 0;
}

.image-box.uat-data-cell img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/* Mobile: Hide sidebar (users will use header dropdown menu) */
@media (min-width: 1023px) {

    .tab_con_box {
        flex-direction: row-reverse;
    }

    .tab_con_box-left {
        padding-left: 30px;
        padding-right: 0;
    }
}

@media (max-width: 1023px) {
    .uat-sidebar-desktop-only {
        display: none !important;
    }

    .Sales-Tab {
        display: block;
    }

    .vendor-main .container {
        display: block;
    }

    /* Stack div-based tables on mobile */
    .uat-data-header-row {
        display: none;
        /* Hide headers on mobile */
    }

    .uat-data-row {
        grid-template-columns: 1fr !important;
        gap: 5px;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid var(--colors--grey);
        border-radius: 8px;
    }

    .uat-data-cell {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    /* Add labels via data attributes on mobile */
    .uat-data-cell::before {
        content: attr(data-label);
        font-weight: 700;
        font-size: 0.9rem;
        margin-bottom: 5px;
        color: var(--colors--grey-3);
    }

    .uat-data-cell.image-box::before {
        display: none;
    }
}