.filters-container .filters-column .filters-selected .filter-selected .filter-selected-name {
    color      : #1B1B1B;
    font-weight: 400;
    font-size  : 12px;
    line-height: 18px;
    margin-left: 0;
}

.main .order-container {
    display        : flex;
    justify-content: flex-end;
}

/* Contenedor de filtros seleccionados */
.filters-selected {
    display  : flex;
    flex-wrap: wrap;
    gap      : 8px;
    margin   : 15px 0;
}

/* Estilo para cada filtro seleccionado */
.filter-selected {
    display      : inline-flex;
    align-items  : center;
    background   : #F7F7F7;
    padding      : 8px 12px;
    border-radius: 20px;
    font-size    : 14px;
    width        : auto;
    flex         : 0 0 auto;
}

/* Ícono de cerrar */
.filter-selected .ca-icon-close-gray {
    cursor      : pointer;
    width       : 16px;
    height      : 16px;
    position    : relative;
    margin-right: 4px;
}

/* Símbolo X para el ícono de cerrar */
.filter-selected .ca-icon-close-gray::before {
    content    : "×";
    font-size  : 18px;
    line-height: 1;
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%);
}

/* Hover del ícono de cerrar */
.filter-selected .ca-icon-close-gray:hover {
    opacity: 1;
}

/* Texto del filtro seleccionado */
.filter-selected .filter-selected-name {
    color: #333333;
}

/* Botón de limpiar filtros */
.filter-clean {
    background : none;
    border     : none;
    font-style : normal;
    font-weight: 700;
    font-family: "PlusJakartaSans-Bold";
    font-size  : 14px;
    text-align : left;
    line-height: 18px;
    color      : #BE2828;
    flex       : 1 100%;
}

/* Contenedor de los filtros */
.filters-container .filters-column {
    margin: 0;
}

/* Contenedor de los filtros */
.filters-container .filter-title,
.search-single-navigator h3 {
    display       : flex;
    align-items   : center;
    flex-direction: row;
    position      : relative;
}

.filters-container .filer-quantity {
    display: none;
}

/* Título de los filtros */
.filters-container .filter-title h1 {
    font-style    : normal;
    font-weight   : 700;
    font-family   : "PlusJakartaSans-Bold";
    font-size     : 22px;
    line-height   : 24px;
    display       : inline-block;
    color         : #2B2B2B;
    text-transform: uppercase;
}

/* Cantidad de filtros */
.filters-container .filter-title .filer-quantity {
    font-style : italic;
    font-weight: 400;
    font-size  : 14px;
    line-height: 18px;
    color      : #999999;
}

.filter-option-container .filter-option-title {
    font-size  : 16px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    color      : #4D4D4D !important;
}

.filter-option-container .filter-header {
    font-size: 14px !important;
    color    : #6D6D6D !important;
}

.filter-option-container .filter-option-counter {
    color: #c6c6c6;
}

.filter-options-list .filter-group {
    display: flex;
}

.filters-selected-container .filterss-selected {
    width    : auto !important;
    display  : flex;
    flex-wrap: wrap;
    gap      : 8px;
}

.filters-container .filters-column .filters-selected .filter-selected {
    align-items     : center;
    justify-content : flex-start;
    border          : 1px solid #B7B7B7;
    border-radius   : 4px;
    padding         : 6px 8px !important;
    background-color: transparent;
}

.filters-container .filters-column .filters-selected .filter-selected .filter-selected-name {
    font-size: 16px;
}

.filter-selected .ca-icon-close-gray::before {
    font-size: 40px !important;
    top      : 30% !important;
}

.filters-selected-container {
    display         : none;
    background-color: #F7F7F7;
    padding         : 16px;
    margin-top      : 32px;
    flex-direction  : column;
    gap             : 15px;
}

.filters-selected-container.flex {
    display: flex;
}

.filters-container .filters-column .filters-options-container {
    margin: 1rem 0 0 2rem;
}

.filters-selected {
    margin: 0;
}

.delete-all-filters {
    background     : none;
    border         : none;
    color          : #000000;
    font-family    : "PlusJakartaSans-Bold";
    font-size      : 14px;
    line-height    : 18px;
    cursor         : pointer;
    padding        : 0;
    text-decoration: underline;
}

.delete-all-filters:hover {
    color: #BE2828;
}

.filters-content {
    display  : flex;
    flex-wrap: wrap;
    gap      : 8px;
}

.filters-header {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 10px;
}

.filters-title {
    font-family: "PlusJakartaSans-Bold";
    font-size  : 16px;
    color      : #4D4D4D;
}

.filter-option-title {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    cursor         : pointer;
    padding        : 15px 0;
    position       : relative;
}

.title-content {
    width          : 98%;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.filter-arrow {
    width        : 10px;
    height       : 10px;
    border-right : 2px solid #BE2828;
    border-bottom: 2px solid #BE2828;
    transform    : rotate(45deg);
    transition   : transform 0.3s ease;
    display      : inline-block;
}

.filter-option-container.active .filter-arrow {
    transform: rotate(-135deg);
}

/* Ajustar el espacio y alineación */
.filter-option-container {
    margin-bottom: 0;
}

/* Estilo para los items dentro de filter-options-list */
.filter-options-list .filterItem {
    display        : flex;
    justify-content: space-between;
    padding        : 4px 0;
    cursor         : pointer;
}

.filter-options-list .filter-header {
    display: flex;
    width  : 100%;
    gap    : 4px;
}

.filter-options-list .filter-option-value,
.search-single-navigator ul li a {
    color: #333;
}

.filter-options-list .filter-option-counter {
    color     : #c1c1c1;
    font-style: italic;
}

/* Hover state para los items */
.filter-options-list .filterItem:hover .filter-option-value {
    color: #BE2828;
}

.flex {
    display: flex;
}

.sort-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding: 10px;
}

.sort-container label {
    margin-right: 10px;
    font-weight: 500;
}

.sort-select {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
    min-width: 200px;
    cursor: pointer;
}

.product-grid-container.loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

.product-grid-container.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #c41230;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}