/* css roots */

.text-gray-900 {
    color: var(--grey-scale-900) !important;
}

.w-100 {
    width: 100%;
}

/* .pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.pagination__list {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: nowrap;
} */

@media (max-width: 768px) {
    .pagination__list {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
        /* padding-bottom: 8px; */
    }
    
    .pagination__list::-webkit-scrollbar {
        display: none;
    }
    
    .pagination__item:not(.pagination__item_active):not(.pagination__item--first):not(.pagination__item--last):not(.pagination__dots) {
        display: none;
    }
    
    .pagination__item_active + .pagination__item,
    .pagination__item + .pagination__item_active {
        display: flex !important;
    }
}

@media (max-width: 480px) {
    .pagination__item {
        min-width: 40px;
        padding: 8px 12px;
        font-size: 14px;
    }
    
    .pagination__next {
        padding: 8px;
    }
}

main > .ocf-page-list-top.ocf-clearfix {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* search */

.header__search {
    position: relative;
}

.live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    max-height: 400px;
    overflow-y: auto;
}

.live-search-results li {
    border-bottom: 1px solid #eee;
}

.live-search-results a {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}

.live-search-results a:hover {
    background: #f5f5f5;
}

.live-search-results .img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.live-search-results .info {
    flex-grow: 1;
}

.live-search-results .name {
    font-size: 14px;
    font-weight: 500;
}

.live-search-results .price {
    font-size: 13px;
    color: #777;
    margin-top: 2px;
}

.view-all-results a {
    justify-content: center;
    font-weight: bold;
    color: #2196F3;
    padding: 12px !important;
}

.ocf-description.ocf-description-top {
    margin-top: 64px;
}

.ocf-description.ocf-description-bottom {
    margin-bottom: 64px;
}

.subcategory-applied__group {
    margin-right: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
}