/* Start:/local/components/vodoley/catalog/templates/catalog/style.css?17780647949435*/
:root {
    --color-primary: #27bfc1; /* Бренд Бонолле */
    --color-primary-hover: #1fa3a5;
    --color-text-main: #1a1a1a;
    --color-text-secondary: #6c737f;
    --color-bg-body: #f5f7fa;
    --color-white: #ffffff;
    --color-border: #d3d4d7;
    --color-badge-sale: #ff5c5c;
    --color-badge-new: #27bfc1;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.08);
    --shadow-hover: 0 4px 12px rgba(0,0,0,0.12);
}

body { margin: 0; font-family: 'Inter', sans-serif; background-color: var(--color-bg-body); color: var(--color-text-main); font-size: 14px; }
a { text-decoration: none; color: inherit; transition: 0.2s; }
button { cursor: pointer; font-family: inherit; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 16px; }

/* --- HEADER --- */
.header { background: var(--color-white); padding: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; }
.header__inner { display: flex; align-items: center; gap: 24px; max-width: 1400px; margin: 0 auto; padding: 0 16px; }

.logo { font-size: 28px; font-weight: 300; letter-spacing: 0.15em; color: var(--color-primary); text-transform: uppercase; }

.search-bar { flex: 1; display: flex; background: #f0f2f5; border-radius: var(--radius-md); overflow: hidden; border: 2px solid var(--color-primary); }
.search-bar input { flex: 1; border: none; background: transparent; padding: 10px 16px; font-size: 14px; outline: none; }
.search-btn { background: transparent; border: none; color: var(--color-primary); padding: 0 16px; font-size: 18px; }

.header__actions { display: flex; gap: 20px; font-size: 13px; font-weight: 500; color: var(--color-text-secondary); }
.action-btn { display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; }
.action-btn svg { width: 22px; height: 22px; }
.action-btn:hover { color: var(--color-primary); }

.badge-mini { position: absolute; top: -4px; right: -4px; background: var(--color-badge-sale); color: white; font-size: 10px; font-weight: bold; padding: 1px 5px; border-radius: 10px; }

/* --- LAYOUT --- */
.catalog-page { padding: 24px 0; }
.breadcrumbs { font-size: 12px; color: var(--color-text-secondary); margin-bottom: 16px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.breadcrumbs a:hover { color: var(--color-primary); }
.breadcrumbs .sep { color: #ccc; }
.breadcrumbs .current { color: var(--color-text-main); font-weight: 600; }
.page-title { font-size: 28px; font-weight: 700; margin: 0 0 24px; }

.catalog-grid { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }

/* --- SIDEBAR --- */
.sidebar { background: var(--color-white); border-radius: var(--radius-lg); padding: 16px; border: 1px solid #e0e0e0; }
.divider { border: 0; border-top: 1px solid #eee; margin: 16px 0; }

.sidebar-nav { margin-bottom: 16px; }
.nav-item { display: flex; align-items: center; padding: 6px 0; font-size: 14px; color: var(--color-text-main); gap: 6px; }
.nav-root { font-weight: 600; color: var(--color-primary); }
.nav-root:hover { text-decoration: underline; }
.nav-parents { padding-left: 8px; }
.nav-item .arrow { color: #aaa; font-size: 12px; transition: 0.2s; }
.nav-item .active-arrow { color: var(--color-primary); font-weight: bold; }
.nav-current { font-weight: 700; color: var(--color-primary); }

.nav-children { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.label { font-size: 11px; color: #999; text-transform: uppercase; margin-bottom: 4px; }

.chips-list { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { background: #f0f2f5; padding: 6px 10px; border-radius: 16px; font-size: 12px; color: #333; transition: 0.2s; display: inline-flex; align-items: center; gap: 4px; }
.chip:hover { background: #e0e7ff; color: var(--color-primary); }

.active-chip { background: var(--color-primary); color: white; font-weight: 500; }
.active-chip:hover { background: var(--color-primary-hover); color: white; }
.chip-close { border: none; background: rgba(255,255,255,0.3); color: inherit; width: 16px; height: 16px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; padding: 0; margin-left: 2px; cursor: pointer; }
.clear-all-btn { border: none; background: transparent; color: #999; font-size: 12px; text-decoration: underline; padding: 0; cursor: pointer; }

/* --- FILTERS ACCORDION --- */
.filter-group { margin-bottom: 12px; }
.filter-header { width: 100%; display: flex; justify-content: space-between; align-items: center; background: none; border: none; font-size: 14px; font-weight: 600; padding: 8px 0; color: var(--color-text-main); text-align: left; cursor: pointer; }
.filter-header:hover { color: var(--color-primary); }
.filter-content { padding: 0 0 8px 0; }
.filter-option { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 13px; cursor: pointer; }
.filter-option .count { color: #999; margin-left: auto; font-size: 12px; }
.show-more-btn { border: none; background: none; color: var(--color-primary); font-size: 13px; font-weight: 500; padding: 4px 0; margin-top: 4px; cursor: pointer; }
.is-open .chevron { transform: rotate(180deg); }

/* --- PRODUCTS AREA --- */
.products-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; background: var(--color-white); padding: 12px 16px; border-radius: var(--radius-md); border: 1px solid #e0e0e0; }
.products-count { font-size: 14px; color: var(--color-text-secondary); }
.products-count b { color: var(--color-text-main); }
.sort-dropdown { display: flex; align-items: center; gap: 4px; font-size: 14px; cursor: pointer; padding: 6px 10px; border-radius: var(--radius-sm); }
.sort-dropdown:hover { background: #f0f2f5; }
.view-toggles { display: flex; gap: 4px; margin-left: 12px; }
.view-btn { border: 1px solid #eee; background: white; padding: 4px 8px; font-size: 16px; border-radius: var(--radius-sm); }
.view-btn.active { background: var(--color-primary); color: white; border-color: var(--color-primary); }

/* --- ACTIVE FILTERS BAR --- */
.active-filters-area { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 20px; padding: 12px 0; border-bottom: 1px solid #eee; }

/* --- PRODUCT GRID --- */
.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }

.product-card { background: var(--color-white); border-radius: var(--radius-md); overflow: hidden; transition: 0.3s; border: 1px solid transparent; position: relative; display: flex; flex-direction: column; }
.product-card:hover { box-shadow: var(--shadow-hover); border-color: #eee; transform: translateY(-2px); }

.card-image-wrap { position: relative; padding-top: 100%; background: #f9f9f9; }
.card-image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; padding: 10px; mix-blend-mode: multiply; }
.wishlist-btn { position: absolute; top: 8px; right: 8px; background: rgba(255,255,255,0.8); border: none; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #ccc; cursor: pointer; }
.wishlist-btn:hover { color: #ff5c5c; }

.badge-sale, .badge-new { position: absolute; top: 8px; left: 8px; font-size: 11px; font-weight: 700; padding: 3px 6px; border-radius: var(--radius-sm); color: white; z-index: 2; }
.badge-sale { background: var(--color-badge-sale); }
.badge-new { background: var(--color-badge-new); }

.card-content { padding: 12px; display: flex; flex-direction: column; flex: 1; }
.card-rating { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; }
.stars { color: #ffb700; font-size: 12px; letter-spacing: -1px; }
.reviews-count { font-size: 11px; color: #999; }

.product-title { font-size: 13px; color: var(--color-text-main); line-height: 1.4; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.product-title:hover { color: var(--color-primary); }

.card-price { margin-bottom: 8px; }
.price-current { font-size: 18px; font-weight: 700; color: var(--color-text-main); display: block; }
.price-old { font-size: 12px; color: #999; text-decoration: line-through; margin-left: 6px; }

.delivery-info { font-size: 11px; color: #27ae60; font-weight: 500; margin-bottom: 12px; }

.add-to-cart-btn { width: 100%; padding: 10px; background: var(--color-primary); color: white; border: none; border-radius: var(--radius-md); font-weight: 600; font-size: 13px; transition: 0.2s; margin-top: auto; }
.add-to-cart-btn:hover { background: var(--color-primary-hover); }

.load-more-area { text-align: center; margin-top: 32px; }
.load-more-btn { padding: 12px 32px; background: white; border: 1px solid var(--color-border); border-radius: var(--radius-md); font-size: 14px; font-weight: 500; color: var(--color-text-main); cursor: pointer; }
.load-more-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    .catalog-grid { grid-template-columns: 1fr; }
    .sidebar { display: none; }
    .header__actions span { display: none; }
}
/* End */


/* Start:/local/templates/v2/components/redsign/grupper.list/list/style.css?177624733794*/
.properties-group-name {
    font-size: 18px;
    margin: 20px 0 5px;
    font-weight: 500;
}

/* End */


/* Start:/local/components/vodoley/catalog.element/templates/detail/themes/green/style.min.css?1776247335915*/
.bx-green .product-item-image-slider-progress-bar{background-color:#5b9f0b}.bx-green .product-item-image-slider-control:hover{background-color:rgba(91,159,11,.8)}.bx-green .product-item-image-slider-control.active,.bx-green .product-item-image-slider-control:hover{background-color:#5b9f0b}.bx-green .product-item-selected-scu,.bx-green .product-item-detail-slider-controls-image:hover,.bx-green .product-item-detail-slider-controls-image.active{outline-color:#63aa28}.bx-green .product-item-scu-item-text-block:hover,.bx-green .product-item-scu-item-color-block:hover,.bx-green .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-green .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#63aa28}.bx-green .product-item-amount-field:focus{border-color:#63aa28}.bx-green .product-item-detail-slider-progress-bar{background-color:#63aa28}
/* End */


/* Start:/local/templates/v2/components/bitrix/catalog.products.viewed/.default/style.css?177624733760*/
.catalog__section_viewed .product__title {
	height: 75px;
}

/* End */
/* /local/components/vodoley/catalog/templates/catalog/style.css?17780647949435 */
/* /local/templates/v2/components/redsign/grupper.list/list/style.css?177624733794 */
/* /local/components/vodoley/catalog.element/templates/detail/themes/green/style.min.css?1776247335915 */
/* /local/templates/v2/components/bitrix/catalog.products.viewed/.default/style.css?177624733760 */