/* ===== Кастомный скроллбар ===== */

/* Для WebKit браузеров (Chrome, Safari, Edge, Opera) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-cream);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 5px;
    transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-green-dark);
}

::-webkit-scrollbar-corner {
    background: var(--bg-cream);
}

/* Для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-green) var(--bg-cream);
}

/* Для мобильного меня, если нужно отдельно */
#mobile-menu::-webkit-scrollbar {
    width: 6px;
}

#mobile-menu::-webkit-scrollbar-track {
    background: var(--bg-cream);
}

#mobile-menu::-webkit-scrollbar-thumb {
    background: var(--primary-green);
}

#mobile-menu::-webkit-scrollbar-thumb:hover {
    background: var(--primary-green-dark);
}

/* Для страницы категорий и поиска */
.grid::-webkit-scrollbar {
    height: 8px;
}

.grid::-webkit-scrollbar-track {
    background: var(--bg-cream);
    border-radius: 4px;
}

.grid::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 4px;
}

/* Для галереи FancyBox */
.fancybox__container::-webkit-scrollbar {
    width: 8px;
}

.fancybox__container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.fancybox__container::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 4px;
}

.fancybox__container::-webkit-scrollbar-thumb:hover {
    background: var(--primary-green-light);
}

/* Для Firefox для fancybox */
.fancybox__container {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);
}