body { font-family: 'Inter', sans-serif; }

/* Шапка */
.glass-nav {
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Слайдер */
.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 0;
}
.hero-slide.active { opacity: 1; }

.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform: translateY(-7px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

/* Галерея */
.gallery-slide { display: none; }
.gallery-slide.active { display: block; }

/* Аккордеон (Портфолио) */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}
.accordion-item.active .icon-plus { transform: rotate(45deg); color: #ef4444; }
.icon-plus { transition: transform 0.3s ease; }

/* Скроллбар для портфолио */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Lightbox и Modal */
#lightbox.hidden, #callback-modal.hidden { display: none; }
#lightbox, #callback-modal { display: flex; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Тонкий скроллбар для блока товаров */
#products-list::-webkit-scrollbar {
height: 6px; /* Высота горизонтального скролла */
}
#products-list::-webkit-scrollbar-track {
background: #f1f1f1; /* Цвет фона дорожки */
border-radius: 4px;
}
#products-list::-webkit-scrollbar-thumb {
background: #16a34a; /* Зеленый цвет ползунка (green-600) */
border-radius: 4px;
}
#products-list::-webkit-scrollbar-thumb:hover {
background: #15803d; /* Темно-зеленый при наведении */
}

/* Скрыть скроллбар, но оставить функционал */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* На мобильных: карточки фиксированной ширины */
@media (max-width: 768px) {
    /* Принудительно задаем ширину карточки в слайдере, чтобы они не плющились */
    #grid-electric > div, 
    #grid-hydraulic > div,
    #grid-spraying > div,
    #grid-guidance > div,
    #grid-rtk > div,
    #grid-accessories > div,
    #grid-software > div {
        min-width: 260px; /* Ширина карточки на телефоне */
        max-width: 260px;
    #grid-other > div {          /* <--- ДОБАВИТЬ ВОТ ЭТУ СТРОКУ */
    min-width: 260px;
    max-width: 260px;}
    }
}

/* Единый стиль скроллбара для горизонтальных списков */
.custom-scrollbar::-webkit-scrollbar {
    height: 6px; /* Чуть тоньше, чтобы было элегантно */
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9; 
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
    cursor: pointer;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #22c55e; /* Фирменный зеленый цвет PilotAgro */
}