.search-bar-well {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid  #D0D5DD;
    background:  #F2F4F7;
    margin-bottom: 24px;
    max-width: 1632px;
}

li.ellipsis {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    padding-bottom: 8px;
}

.updated-filter {
    width: 100%;
    margin: 0;
}

.search-row {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.search-flex {
    display: flex;
    padding: 7px 16px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    box-sizing: border-box;
}

.search-input-cont {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-input-cont {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.search-input-cont input[type="text"]{
    margin: 0;
    width: 100%;
    border: 0;
    box-shadow: unset;
}

a.btn-filter-updated {
    display: flex;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background:  #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    color: #344054;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    box-sizing: border-box;
}

a.btn-filter-updated:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10H15M2.5 5H17.5M7.5 15H12.5' stroke='%23344054' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;  
    height: 20px;
    padding-right: 6px;
}

.updated-filter span.badge.badge-info {
    color: #0E5699;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 16px;
    background: #E8F4FF;
}

.updated-filter button.btn-search-new {
    width: 185px;
    display: flex;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #4B50FF;
    background: #4B50FF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    color: #FFF;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-shadow: unset;
}

.quick-actions {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.quick-actions span.qa-label {
    color:  #475467;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.quick-actions button.btn {
    display: flex;
    padding: 4px 4px 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 6px;
    border: 1px solid  #D0D5DD;
    background:#FFF;
    color: #344054;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.quick-actions button.btn.active {
    border-radius: 6px;
    border: 1px solid #9396FF;
    background: #F9FAFB;
    color: #4B50FF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.quick-actions button.btn.active span.badge.quick-action-badge {
    background:  #6F73FF;
    color: #FCFCFD;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.quick-actions button.btn.active:hover span.badge.quick-action-badge {
    color: #FCFCFD;
}

.quick-actions button.btn:hover {
    border-radius: 6px;
    border: 1px solid  #4B50FF;
    background:  #F9FAFB;
    box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.10), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
    color:  #4348E6;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.quick-actions button.btn:hover span.badge.quick-action-badge {
    color: #4348E6;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

span.badge.quick-action-badge {
    display: flex;
    padding: 0 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #F2F4F7;
    color:  #344054;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#filterDrawer.slideout_filters .drawer-header {
    background: #4B50FF;
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    color:  #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

#filterDrawer.slideout_filters {
    border: 0;
    border-radius: 0;
}

#filterDrawer.slideout_filters .drawer-body {
    padding: 0;
    overflow: auto;
}

#filterDrawer.slideout_filters .drawer-footer {
    padding: 16px;
    justify-content: space-between;
}

.ui-accordion .ui-accordion-header {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #D0D5DD;
    background: #F2F4F7;
    margin: 0;
    border-radius: 0;
}

.ui-accordion .ui-accordion-header a {
    color: #1D2939;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    width: 100%;
    display: flex
;
    justify-content: space-between;
}

span.ui-accordion-header-icon.ui-icon {
    display: none;
}

.ui-accordion .ui-accordion-header-active a::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23101828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
}

.ui-accordion .ui-accordion-header a::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23101828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}

.slideout_filters .ui-accordion .ui-accordion-content {
    padding: 24px 16px;
    align-items: flex-start;
    align-self: stretch;
    overflow-y: auto;
    margin: 0;
}

.sidebar-filters {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.slideout_filters .sidebar-filters h4 {
    margin: 0;
    color: #1D2939;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; 
    margin-bottom: 8px;
}

.sidebar-filters .currency-input input {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    height: auto;
}

.currency-input label {
    color: #475467;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.seller_filter label {
    color: #475467;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.pill-row label.pill {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.pill-row label.pill span.shoppingcart{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none'%3E%3Cpath d='M4.00033 17.8333C4.61916 17.8333 5.21266 18.0792 5.65024 18.5168C6.08783 18.9543 6.33366 19.5478 6.33366 20.1667C6.33366 20.7855 6.08783 21.379 5.65024 21.8166C5.21266 22.2542 4.61916 22.5 4.00033 22.5C3.38149 22.5 2.78799 22.2542 2.35041 21.8166C1.91282 21.379 1.66699 20.7855 1.66699 20.1667C1.66699 19.5478 1.91282 18.9543 2.35041 18.5168C2.78799 18.0792 3.38149 17.8333 4.00033 17.8333ZM4.00033 17.8333H16.8337M4.00033 17.8333V1.5H1.66699M16.8337 17.8333C17.4525 17.8333 18.046 18.0792 18.4836 18.5168C18.9212 18.9543 19.167 19.5478 19.167 20.1667C19.167 20.7855 18.9212 21.379 18.4836 21.8166C18.046 22.2542 17.4525 22.5 16.8337 22.5C16.2148 22.5 15.6213 22.2542 15.1837 21.8166C14.7462 21.379 14.5003 20.7855 14.5003 20.1667C14.5003 19.5478 14.7462 18.9543 15.1837 18.5168C15.6213 18.0792 16.2148 17.8333 16.8337 17.8333ZM4.00033 3.83333L20.3337 5L19.167 13.1667H4.00033' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pill-row label.pill span.pricetag{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M6.91699 8.08317C7.56132 8.08317 8.08366 7.56084 8.08366 6.9165C8.08366 6.27217 7.56132 5.74984 6.91699 5.74984C6.27266 5.74984 5.75033 6.27217 5.75033 6.9165C5.75033 7.56084 6.27266 8.08317 6.91699 8.08317Z' fill='black'/%3E%3Cpath d='M6.91699 8.08317C7.56132 8.08317 8.08366 7.56084 8.08366 6.9165C8.08366 6.27217 7.56132 5.74984 6.91699 5.74984C6.27266 5.74984 5.75033 6.27217 5.75033 6.9165C5.75033 7.56084 6.27266 8.08317 6.91699 8.08317Z' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66699 5.1665V9.66867C1.66699 10.2952 1.91549 10.896 2.35883 11.3393L11.8275 20.808C12.0469 21.0274 12.3073 21.2015 12.594 21.3202C12.8806 21.439 13.1879 21.5001 13.4982 21.5001C13.8084 21.5001 14.1157 21.439 14.4023 21.3202C14.689 21.2015 14.9494 21.0274 15.1688 20.808L20.8085 15.1683C21.0279 14.949 21.202 14.6885 21.3207 14.4018C21.4395 14.1152 21.5006 13.8079 21.5006 13.4977C21.5006 13.1874 21.4395 12.8802 21.3207 12.5935C21.202 12.3068 21.0279 12.0464 20.8085 11.827L11.3387 2.35834C10.8958 1.91558 10.2954 1.66675 9.66916 1.6665H5.16699C4.23873 1.6665 3.3485 2.03525 2.69212 2.69163C2.03574 3.34801 1.66699 4.23825 1.66699 5.1665Z' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pill-row label.pill.active span.shoppingcart{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none'%3E%3Cpath d='M4.00033 17.8333C4.61916 17.8333 5.21266 18.0792 5.65024 18.5168C6.08783 18.9543 6.33366 19.5478 6.33366 20.1667C6.33366 20.7855 6.08783 21.379 5.65024 21.8166C5.21266 22.2542 4.61916 22.5 4.00033 22.5C3.38149 22.5 2.78799 22.2542 2.35041 21.8166C1.91282 21.379 1.66699 20.7855 1.66699 20.1667C1.66699 19.5478 1.91282 18.9543 2.35041 18.5168C2.78799 18.0792 3.38149 17.8333 4.00033 17.8333ZM4.00033 17.8333H16.8337M4.00033 17.8333V1.5H1.66699M16.8337 17.8333C17.4525 17.8333 18.046 18.0792 18.4836 18.5168C18.9212 18.9543 19.167 19.5478 19.167 20.1667C19.167 20.7855 18.9212 21.379 18.4836 21.8166C18.046 22.2542 17.4525 22.5 16.8337 22.5C16.2148 22.5 15.6213 22.2542 15.1837 21.8166C14.7462 21.379 14.5003 20.7855 14.5003 20.1667C14.5003 19.5478 14.7462 18.9543 15.1837 18.5168C15.6213 18.0792 16.2148 17.8333 16.8337 17.8333ZM4.00033 3.83333L20.3337 5L19.167 13.1667H4.00033' stroke='%234348E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pill-row label.pill.active span.pricetag{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M6.91699 8.08317C7.56132 8.08317 8.08366 7.56084 8.08366 6.9165C8.08366 6.27217 7.56132 5.74984 6.91699 5.74984C6.27266 5.74984 5.75033 6.27217 5.75033 6.9165C5.75033 7.56084 6.27266 8.08317 6.91699 8.08317Z' fill='black'/%3E%3Cpath d='M6.91699 8.08317C7.56132 8.08317 8.08366 7.56084 8.08366 6.9165C8.08366 6.27217 7.56132 5.74984 6.91699 5.74984C6.27266 5.74984 5.75033 6.27217 5.75033 6.9165C5.75033 7.56084 6.27266 8.08317 6.91699 8.08317Z' stroke='%234348E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66699 5.1665V9.66867C1.66699 10.2952 1.91549 10.896 2.35883 11.3393L11.8275 20.808C12.0469 21.0274 12.3073 21.2015 12.594 21.3202C12.8806 21.439 13.1879 21.5001 13.4982 21.5001C13.8084 21.5001 14.1157 21.439 14.4023 21.3202C14.689 21.2015 14.9494 21.0274 15.1688 20.808L20.8085 15.1683C21.0279 14.949 21.202 14.6885 21.3207 14.4018C21.4395 14.1152 21.5006 13.8079 21.5006 13.4977C21.5006 13.1874 21.4395 12.8802 21.3207 12.5935C21.202 12.3068 21.0279 12.0464 20.8085 11.827L11.3387 2.35834C10.8958 1.91558 10.2954 1.66675 9.66916 1.6665H5.16699C4.23873 1.6665 3.3485 2.03525 2.69212 2.69163C2.03574 3.34801 1.66699 4.23825 1.66699 5.1665Z' stroke='%234348E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

span.pill-label {
    color:  #344054;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
}

span.hint {
    color: #475467;
    font-size: 12px;
    font-weight: 400;
    line-height: 90%; /* 10.8px */
}

label.switch {
    color:  #344054;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    gap: 8px;
    align-items: center;
}

.pill-row label.pill.active {
    border-radius: 8px;
    border: 1px solid #4348E6;
    background: #F6F6FF;
}

.pill-row label.pill.active span.pill-label {
    color: #4348E6;
    font-size: 16px;
}

.pill-row label.pill.active span.hint {
    color: #4348E6;
    font-size: 11px;
}

/* Filter badge styling */
#btnFilter .badge {
    transition: opacity 0.2s ease-in-out;
}

#btnFilter .badge[style*="display: none"] {
    display: none !important;
}

/* Ensure badge doesn't take up space when hidden */
.btn-filter-updated .badge {
    transition: all 0.2s ease-in-out;
}

.btn-filter-updated .badge.hidden {
    opacity: 0;
    transform: scale(0);
    margin-left: 0;
}

/* Optional: Add some visual feedback when badge updates */
.btn-filter-updated .badge.updating {
    animation: badgeUpdate 0.3s ease-in-out;
}

@keyframes badgeUpdate {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.select2-container-multi .select2-choices{
    border-radius: 8px !important;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    height: auto;
    display: flex;
    padding: 6px 14px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.vehicle_type {
    width: 100% !important;
    box-sizing: border-box;
}

button.btn.add_more {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid #F6F6FF;
    background: #F6F6FF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    width: 100%;
    color: #4348E6;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

button.btn.add_more:hover {
    border: 1px solid #EDEDFF;
    background:  #EDEDFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.foot_note {
    display: flex;
    align-items: center;
    margin-top: 9px;
    color: #475467;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%; 
    gap: 6px;
}

.sidebar-filters input, .sidebar-filters select {
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    height: auto;
    border-radius: 9px;
}

p.row-label {
    color: #1D2939;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    display: flex;
    padding: 4px 10px 4px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 16px;
    background:  #F2F4F7;
    color:#344054;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 142.857% */
    border: 0;
    padding-right: 24px;
    align-items: center;
}

.select2-container-multi .select2-search-choice-close {
    right: 8px;
    left: unset;
    top: unset;
}

.vehicle-filter.single-vehicle-filter {
    display: flex;
    padding: 12px;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    margin: 8px 0;
    position: relative;
}

.remove_button {
    position: absolute;
    right: 12px;
}

.remove_button button.btn.btn-danger {
    padding: 0;
    background: 0;
    box-shadow: unset;
    border: 0;
}

.remove_button button.btn.btn-danger:hover::after {
    content: 'Remove';
    color: #B42318;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-shadow: none;
    padding-left: 8px;
}

.drawer-footer .reset_btn {
    border: 0;
    background:  none;
    color: #4348E6;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    line-height: 20px; /* 142.857% */
    box-shadow: unset;
}

.flexer {
    display: flex;
    gap: 12px;
}

.flexer .outlined {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #344054;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.flexer .primary-main {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid #4B50FF;
    background: #4B50FF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); 
}

.pill-row label.pill:hover {
    border-radius: 8px;
    border: 1px solid #B7B9FF;
    background:  #EDEDFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.drawer-footer .reset_btn:hover {
    border-radius: 8px;
    background: #F6F6FF;
}

.flexer .outlined:hover {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background:  #F9FAFB;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.flexer .primary-main:hover {
    border-radius: 8px;
    border: 1px solid #3538B3;
    background: #3538B3;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.toggle_block select.auction-grid-sort {
    display: flex;
    width: auto;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    height: 40px;
    border-radius: 8px;
}

/* Media Queries */

@media screen and (max-width: 1179px) {
        .quick-actions {
        flex-wrap: wrap;
    }
}

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

        .quick-actions {
        flex-wrap: wrap;
    }

    .search-row {
        flex-direction: column;
    }

    .search-flex {
        width: 100%;
    }

    a.btn-filter-updated {
        width: 100%;
    }

    .updated-filter button.btn-search-new {
        width: 100%;
    }

    .search-bar-well {
        border: 0;
        padding: 0;
        background: #fbfbfb;
    }

    .quick-actions span.qa-label {
        width: 100%;
    }

    li.ellipsis {
        display: none;
    }

}

.sum_cont {
    max-width: 1665px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}

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

    .sum_cont {
        flex-direction: column-reverse;
        gap: 12px;
        align-items: flex-start;
    }
}

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

    #filterDrawer.slideout_filters {
        width: 100%;
        max-width:  clamp(320px, 320px + (483 - 320) * (100vw - 320px) / (483 - 320), 483px);
    }

    
    #filterDrawer.open {
        left: 0;
    }

}

span.filter-count {
    border-radius: 16px;
    background: #E8F4FF;
    display: flex;
    padding: 4px 12px;
    align-items: center;
    color:  #0E5699;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.count-cont {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no_results {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
}

.ringed_circle {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 8px solid #f7f7f7;
    background:#F2F4F7;
}

.no_results h5 {
    color:  #101828;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.remove_button.active {
    left: 12px;
    right: unset;
}

.remove_button.active button.btn.btn-danger:hover::after {
    content: 'حذف';
    color: #B42318;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-shadow: none;
    padding-left: 8px;
}

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

    .toggle_block {
        flex-direction: column;
        align-items: flex-end;
    }

    .flex-toggle {
        display: flex;
        gap: 10px;
        width: 100%;
        justify-content: flex-end;
    }

    .toggle_block select.auction-grid-sort {
        width: 100%;
    }



}