:root {
    /* Цветовая схема: Глубокий синий + ваш зеленый #82bb2c */
    --brand-primary: #004b93;          /* Глубокий синий (основа) */
    --brand-primary-hover: #00366b;    
    
    --btn-primary-bg: #82bb2c;         /* Ваш выбранный зеленый */
    --btn-primary-color: #ffffff;
    --btn-primary-hover: #6ea025;      /* Более темный оттенок для ховера */
    
    --body-color: #333333;             /* Комфортный темно-серый */
    --link-color: #004b93;             /* Ссылки в цвет бренда */
    --site-bg-color: #f4f6f8;
    
}

body {
    background-color: var(--site-bg-color) !important;
}
/* Принудительные стили для кнопок */
.btn-primary {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-color) !important;
}

.btn-primary:hover, 
.btn-primary:focus {
    background-color: var(--btn-primary-hover) !important;
    border-color: var(--btn-primary-hover) !important;
    color: #ffffff !important;
}

/* Заголовки и первичные текстовые акценты */
h1, h2, h3, h4, .text-primary {
    color: var(--brand-primary) !important;
}

/* Ссылки */
a {
    color: var(--link-color) !important;
}

a:hover {
    color: #82bb2c !important; /* При наведении ссылки станут зелеными */
    text-decoration: underline;
}

/* Дополнительные акцентные элементы для соответствия палитре */
.badge-primary {
    background-color: #82bb2c !important;
}

.dropdown-item.active, 
.dropdown-item:active {
    background-color: #82bb2c !important;
}

.product-actions__quantity {
    display: none !important;
}
/* Принудительно показываем блок с характеристиками */
#product_features_collapse {
    display: block !important;
}
/* Выравниваем название характеристики по верху */
.details__item--feature {
    display: flex;
    align-items: flex-start;  /* Выравнивание по верхнему краю */
}

/* Убеждаемся, что левая колонка не растягивается */
.details__left {
    align-self: flex-start;
}

/* Скрыть миниатюры изображений товара */
.product__thumbnails {
    display: none !important;
}

/* 1. Скрыть лупу */
.product__zoom {
    display: none !important;
}

/* 2. Уменьшить размер на 50% и выровнять влево */
.product__carousel {
    max-width: 50% !important;
    width: 100%;
    margin-left: 0 !important;    /* Прижимаем влево */
    margin-right: auto !important;
}

/* 3. Выравнивание изображения по левому верхнему углу */
.product__carousel .carousel-inner {
    text-align: left;
}

.product__carousel .carousel-inner img {
    object-position: top left !important;
    object-fit: contain !important;
}

/* Скрываем нижнюю часть карточки товара полностью */
.product-miniature__bottom {
    display: none !important;
}
/* Полное скрытие всех кнопок быстрого просмотра */
.js-quickview, 
.product-miniature__quickview-button, 
.product-miniature__quickview-touch {
    display: none !important;
    pointer-events: none !important;
}
/* 1. Обнуляем отступы родительского контейнера сетки */
#js-product-list .products,
#js-product-list .products .row {
    gap: 1px !important;
    /* Убираем переменные Bootstrap для отступов */
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

/* Исходное состояние карточки (без тени) */
.product-miniature {
    transition: all 0.3s ease-in-out !important; /* Плавная анимация */
    z-index: 1 !important;
    position: relative !important;
}

/* Эффект тени при наведении */
.product-miniature:hover {
    z-index: 100 !important; /* Карточка выходит на передний план */
    /* Тень: горизонталь, вертикаль, размытие, растяжение, цвет */
    box-shadow: 0 0 20px 5px rgba(0, 75, 147, 0.4) !important; 
    transform: scale(1.02) !important; /* Легкое увеличение для акцента */
}