* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: #333;
    background: #f5f5f5;
}

#search-app {
    max-width: 1900px;
    margin: 0 auto;
    padding: 20px;
}

.search-header {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    background: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    align-items: center;
}

.search-input-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

#search-input {
    width: 100%;
    padding: 12px 50px 12px 20px;
    font-size: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    transition: border-color 0.3s;
}

#search-input:focus { outline: none; border-color: #007bff; }

.search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
}

.search-controls select {
    padding: 12px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    background: white;
}

.search-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
}

/* Фильтр */
.filters-sidebar {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: fit-content;
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.filter_title_main {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.filter_box { border-bottom: 1px solid #f0f0f0; }

.filter_box .title {
    padding: 12px 20px;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    transition: background 0.2s;
}

.filter_box .title:hover { background: #f9f9f9; }
.filter_box .title .arrow { font-size: 12px; transition: transform 0.3s; color: #999; }
.filter_box .title.open .arrow { transform: rotate(180deg); }
.filter_one { display: none; padding: 0 20px 15px; }
.filter_one.open { display: block; }

.filter_search { position: relative; margin-bottom: 10px; }
.filter_search input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

.list_check {
    list-style: none;
    max-height: 220px;
    overflow-y: auto;
}

.list_check::-webkit-scrollbar { width: 4px; }
.list_check::-webkit-scrollbar-thumb { background: #ddd; border-radius: 2px; }

.result_item { padding: 5px 0; }
.result_item label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
}
.result_item input[type="checkbox"] { margin-right: 8px; cursor: pointer; }
.result_item .count {
    margin-left: auto;
    color: #999;
    font-size: 11px;
    background: #f5f5f5;
    padding: 1px 7px;
    border-radius: 10px;
}

/* Range slider */
.range-slider-box { padding: 5px 0; }
.range-values {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}
.range-values strong { color: #333; }

.range-sliders {
    position: relative;
    height: 20px;
    margin-bottom: 10px;
}

.range-slider {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    height: 20px;
}

.range-slider::-webkit-slider-runnable-track {
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    margin-top: -7px;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.range-inputs {
    display: flex;
    gap: 8px;
    align-items: center;
}

.range-inputs input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
}

.range-inputs span { color: #999; font-size: 12px; }

/* Чипсы */
.active-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: #e3f2fd;
    color: #1565c0;
    border-radius: 20px;
    font-size: 12px;
}

.chip-remove { cursor: pointer; font-size: 15px; font-weight: bold; }
.chip-remove:hover { color: #d32f2f; }

.chip-reset {
    background: #ffebee;
    color: #c62828;
    cursor: pointer;
}
.chip-reset:hover { background: #ffcdd2; }

/* Результаты */
.results-info {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

/* Сетка 4 в ряд */
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Карточка товара */
.product-card {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.product-top {
    padding: 12px;
    flex: 1;
}

.product-gallery {
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
    background: #fafafa;
    aspect-ratio: 1;
}

.product-gallery a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.product-gallery img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding: 8px;
}

.product-title {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: #333;
    text-decoration: none;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-title:hover { color: #0056b3; }

.product-price { margin-bottom: 4px; }

.price-current {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}

.price-old {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-top: 2px;
}

.product-bottom {
    padding: 10px 12px;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
}

.product-article {
    font-size: 11px;
    color: #999;
    margin-bottom: 8px;
}

.product-article span { color: #666; font-weight: 500; }

.btn-blue {
    display: block;
    width: 100%;
    padding: 8px;
    background: #007bff;
    color: white;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-blue:hover { background: #0056b3; }

/* Бесконечный скролл */
.scroll-loader {
    text-align: center;
    padding: 30px;
}

.scroll-loader::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.no-results, .loader {
    text-align: center;
    padding: 60px;
    color: #666;
    font-size: 16px;
}

/* Адаптив */
@media (max-width: 1600px) {
    .products-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1100px) {
    .search-layout { grid-template-columns: 1fr; }
    .filters-sidebar { position: static; max-height: none; }
    .products-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .products-grid { grid-template-columns: 1fr; }
}

/* Тулбар каталога */
.catalog-toolbar {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.catalog-count {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
}

.sort-block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sort-block label {
    font-size: 13px;
    color: #888;
    white-space: nowrap;
}

.sort-block a {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    transition: all 0.2s;
}

.sort-block a:hover { color: #007bff; }
.sort-block a.active { background: #007bff; color: white; }

.view-type {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.view-type span { font-size: 13px; color: #888; }

.view-type a {
    font-size: 18px;
    color: #ccc;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 4px;
    transition: all 0.2s;
}

.view-type a.active { color: #007bff; background: #e8f0fe; }
.view-type a:hover { color: #007bff; }

/* Чипсы фильтров */
.filter-block {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 15px;
}

.filter-block__item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f5f5f5;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
}

.filter-block__item--name {
    color: #888;
    font-weight: 500;
}

.filter-block__item--value {
    color: #333;
}

.filter-block__item--del {
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
}

.filter-block__item--del:hover svg path {
    stroke: #e53935;
}

.clear__btn {
    font-size: 13px;
    color: #9d9d9d;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.2s;
}

.clear__btn:hover {
    color: #e53935;
    background: #fff5f5;
}

/* Линейный вид */
.products-grid.list-view {
    grid-template-columns: 1fr;
    gap: 12px;
}

.products-grid.list-view .product-card {
    flex-direction: row;
    padding: 15px;
}

.products-grid.list-view .product-top {
    display: flex;
    gap: 20px;
    flex: 1;
    padding: 0;
}

.products-grid.list-view .product-gallery {
    width: 200px;
    min-width: 200px;
    height: 200px;
    margin-bottom: 0;
}

.products-grid.list-view .product-title {
    font-size: 14px;
    -webkit-line-clamp: 2;
}

.products-grid.list-view .product-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    border-top: none;
    background: none;
    min-width: 200px;
}

.products-grid.list-view .product-price {
    margin-bottom: 10px;
}

.products-grid.list-view .product-article {
    margin-bottom: 10px;
}

/* Скидка */
.product-discount {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e53935;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}

.product-top { position: relative; }

/* Рейтинг */
.product-rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}
.product-rating .rating { color: #f39c12; font-weight: bold; }
.product-rating .rating-total { color: #999; font-size: 12px; }

/* Кнопки избранное/сравнение */
.product-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.product-action-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-action-btn:hover { border-color: #007bff; color: #007bff; }
.add-favorite::after { content: '♡'; }
.add-compare::after { content: '⇄'; }

/* Наличие */
.product-stock {
    font-size: 13px;
    margin: 5px 0;
}
.product-stock.in-stock { color: #27ae60; }
.product-stock.in-stock span { font-weight: bold; }

/* Цвет */
.flex.color {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 5px 0;
    font-size: 13px;
}
.product-variable .color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

/* Квадратик цвета в фильтре */
.color-swatch {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-right: 6px;
    vertical-align: middle;
}

/* Иконки избранное/сравнение */
.product-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
}

.icon-fav, .icon-comp {
    width: 28px;
    height: 28px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    background: white;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.icon-fav:hover, .icon-comp:hover { opacity: 1; }

.product-rating { display: flex; align-items: center; gap: 5px; margin: 5px 0; font-size: 13px; }
.product-rating .rating { color: #333; font-weight: bold; }
.product-rating .rating-total { color: #999; font-size: 12px; }
.product-stock { font-size: 13px; margin: 4px 0; }
.product-stock.in-stock { color: #27ae60; }
.product-stock.in-stock span { font-weight: bold; }
.flex.color { display: flex; align-items: center; gap: 8px; margin: 4px 0; font-size: 13px; }
.product-variable .color { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; }
.color-swatch { display: inline-block; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #ddd; margin-right: 6px; vertical-align: middle; }

/* Иконки избранное/сравнение - SVG через CSS */
.product-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
}

.icon-fav, .icon-comp {
    width: 28px;
    height: 28px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    background: white;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: block;
}

.icon-fav:hover, .icon-comp:hover { opacity: 1; }

.icon-fav::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.455 22.0623L10.9967 21.3752L10.455 22.0623ZM13.9997 6.41704L13.3692 7.02382C13.5342 7.1952 13.7618 7.29204 13.9997 7.29204C14.2375 7.29204 14.4652 7.1952 14.6301 7.02382L13.9997 6.41704ZM17.5443 22.0623L18.086 22.7495L17.5443 22.0623ZM10.455 22.0623L10.9967 21.3752C9.22846 19.9812 7.29492 18.6199 5.76101 16.8927C4.25709 15.1992 3.20801 13.2232 3.20801 10.6596H2.33301H1.45801C1.45801 13.7694 2.75359 16.1417 4.45251 18.0547C6.12144 19.934 8.24891 21.4374 9.91333 22.7495L10.455 22.0623ZM2.33301 10.6596H3.20801C3.20801 8.15024 4.62594 6.04591 6.56143 5.16119C8.44175 4.30169 10.9683 4.52931 13.3692 7.02382L13.9997 6.41704L14.6301 5.81025C11.7813 2.85041 8.47445 2.36258 5.8339 3.56959C3.24851 4.75138 1.45801 7.4955 1.45801 10.6596H2.33301ZM10.455 22.0623L9.91333 22.7495C10.5109 23.2206 11.1525 23.723 11.8026 24.1029C12.4525 24.4826 13.1942 24.7913 13.9997 24.7913V23.9163V23.0413C13.6385 23.0413 13.2135 22.9004 12.6856 22.5919C12.1579 22.2836 11.6104 21.859 10.9967 21.3752L10.455 22.0623ZM17.5443 22.0623L18.086 22.7495C19.7504 21.4374 21.8779 19.934 23.5468 18.0547C25.2458 16.1417 26.5413 13.7694 26.5413 10.6596H25.6663H24.7913C24.7913 13.2232 23.7423 15.1992 22.2383 16.8927C20.7044 18.6199 18.7709 19.9812 17.0026 21.3752L17.5443 22.0623ZM25.6663 10.6596H26.5413C26.5413 7.4955 24.7508 4.75138 22.1655 3.56959C19.5249 2.36258 16.2181 2.85041 13.3692 5.81025L13.9997 6.41704L14.6301 7.02382C17.0311 4.52931 19.5576 4.30169 21.4379 5.16119C23.3734 6.04591 24.7913 8.15024 24.7913 10.6596H25.6663ZM17.5443 22.0623L17.0026 21.3752C16.3889 21.859 15.8415 22.2836 15.3138 22.5919C14.7858 22.9004 14.3609 23.0413 13.9997 23.0413V23.9163V24.7913C14.8051 24.7913 15.5468 24.4826 16.1967 24.1029C16.8469 23.723 17.4884 23.2206 18.086 22.7495L17.5443 22.0623Z' fill='%23213067'%3e%3c/path%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-comp::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9997 5.54102C12.7625 5.54102 11.7721 5.92363 9.40982 6.86855L6.13328 8.17917C4.95444 8.65071 4.13758 8.9787 3.60812 9.25628C3.55637 9.28341 3.50975 9.30887 3.46779 9.33268C3.50975 9.3565 3.55637 9.38196 3.60812 9.40909C4.13758 9.68666 4.95444 10.0147 6.13328 10.4862L9.40982 11.7968C11.7721 12.7417 12.7625 13.1243 13.9997 13.1243C15.2368 13.1243 16.2272 12.7417 18.5895 11.7968L21.8661 10.4862C23.0449 10.0147 23.8618 9.68666 24.3912 9.40909C24.443 9.38196 24.4896 9.35649 24.5316 9.33268C24.4896 9.30887 24.443 9.2834 24.3912 9.25628C23.8618 8.9787 23.0449 8.65071 21.8661 8.17917L18.5895 6.86855C16.2272 5.92363 15.2368 5.54102 13.9997 5.54102ZM8.89483 5.18973C11.0844 4.31363 12.3906 3.79102 13.9997 3.79102C15.6088 3.79102 16.9149 4.31363 19.1045 5.18973C19.1491 5.20758 19.1941 5.22558 19.2395 5.24372L22.5689 6.5755C23.6826 7.02095 24.5846 7.38174 25.2038 7.70636C25.5172 7.87065 25.8207 8.05691 26.0548 8.28144C26.2954 8.51214 26.5413 8.86202 26.5413 9.33268C26.5413 9.80334 26.2954 10.1532 26.0548 10.3839C25.8207 10.6085 25.5172 10.7947 25.2038 10.959C24.5846 11.2836 23.6826 11.6444 22.5689 12.0899L19.2395 13.4216C19.1941 13.4398 19.1491 13.4578 19.1045 13.4756C16.9149 14.3517 15.6088 14.8743 13.9997 14.8743C12.3906 14.8743 11.0844 14.3517 8.89484 13.4756C8.85022 13.4578 8.80524 13.4398 8.75989 13.4216L5.43045 12.0899C4.31677 11.6444 3.41475 11.2836 2.79555 10.959C2.48218 10.7947 2.1786 10.6085 1.94452 10.3839C1.704 10.1532 1.45801 9.80334 1.45801 9.33268C1.45801 8.86202 1.704 8.51214 1.94452 8.28144C2.1786 8.05691 2.48218 7.87065 2.79555 7.70636C3.41475 7.38174 4.31677 7.02095 5.43046 6.57549L8.75989 5.24372C8.80524 5.22558 8.85022 5.20758 8.89483 5.18973ZM2.91513 13.3461L2.91939 13.3498C2.92453 13.3542 2.9341 13.3625 2.9481 13.3741C2.97611 13.3975 3.02183 13.4348 3.08526 13.4838C3.21213 13.5819 3.40971 13.7267 3.67794 13.9007C4.21443 14.2486 5.03289 14.7127 6.13328 15.1529L9.40982 16.4635C11.7721 17.4084 12.7625 17.791 13.9997 17.791C15.2368 17.791 16.2272 17.4084 18.5895 16.4635L21.8661 15.1529C22.9665 14.7127 23.7849 14.2486 24.3214 13.9007C24.5896 13.7267 24.7872 13.5819 24.9141 13.4838C24.9775 13.4348 25.0232 13.3975 25.0512 13.3741C25.0653 13.3625 25.0748 13.3542 25.08 13.3498L25.0824 13.3477C25.083 13.3472 25.0837 13.3466 25.0843 13.346C25.444 13.0254 25.9956 13.0561 26.3177 13.4151C26.6404 13.7748 26.6103 14.328 26.2506 14.6507L25.6663 13.9993C26.2506 14.6507 26.2508 14.6505 26.2506 14.6507L26.249 14.6521L26.247 14.654L26.2416 14.6587L26.2256 14.6727C26.2126 14.6839 26.195 14.6989 26.1728 14.7175C26.1284 14.7545 26.0656 14.8057 25.9842 14.8686C25.8214 14.9943 25.5846 15.1672 25.2736 15.3689C24.6517 15.7723 23.7325 16.2911 22.516 16.7777L19.2395 18.0883C19.1941 18.1065 19.1491 18.1245 19.1045 18.1423C16.9149 19.0184 15.6088 19.541 13.9997 19.541C12.3906 19.541 11.0844 19.0184 8.89484 18.1423C8.85022 18.1245 8.80524 18.1065 8.75989 18.0883L5.48334 16.7777C4.26686 16.2911 3.34767 15.7723 2.72573 15.3689C2.41474 15.1672 2.1779 14.9943 2.01517 14.8686C1.93379 14.8057 1.87091 14.7545 1.82652 14.7175C1.80432 14.6989 1.78674 14.6839 1.77377 14.6727L1.75779 14.6587L1.75239 14.654L1.75034 14.6521L1.74909 14.651C1.7489 14.6508 1.74872 14.6507 2.33301 13.9993L1.74909 14.651C1.38937 14.3283 1.35898 13.7748 1.68167 13.4151C2.00372 13.0561 2.55535 13.0254 2.91513 13.3461ZM25.0825 18.0143C25.0831 18.0137 25.0837 18.0132 25.0843 18.0127C25.444 17.6921 25.9956 17.7227 26.3177 18.0817C26.6404 18.4415 26.6103 18.9947 26.2506 19.3173L25.6663 18.666C26.2506 19.3173 26.2508 19.3172 26.2506 19.3173L26.249 19.3188L26.247 19.3206L26.2416 19.3254L26.2256 19.3394C26.2126 19.3506 26.195 19.3656 26.1728 19.3841C26.1284 19.4212 26.0656 19.4723 25.9842 19.5352C25.8214 19.661 25.5846 19.8339 25.2736 20.0356C24.6517 20.4389 23.7325 20.9578 22.516 21.4444L19.2395 22.755C19.1941 22.7731 19.1491 22.7911 19.1045 22.809C16.9149 23.6851 15.6088 24.2077 13.9997 24.2077C12.3906 24.2077 11.0844 23.6851 8.89484 22.809C8.85022 22.7911 8.80524 22.7731 8.75989 22.755L5.48334 21.4444C4.26686 20.9578 3.34767 20.4389 2.72573 20.0356C2.41474 19.8339 2.1779 19.661 2.01517 19.5352C1.93379 19.4723 1.87091 19.4212 1.82652 19.3841C1.80432 19.3656 1.78674 19.3506 1.77377 19.3394L1.75779 19.3254L1.75239 19.3206L1.75034 19.3188L1.74909 19.3177C1.7489 19.3175 1.74872 19.3173 2.33301 18.666L1.74909 19.3177C1.38937 18.995 1.35898 18.4415 1.68167 18.0817C2.0037 17.7227 2.55529 17.6921 2.91507 18.0127C2.91484 18.0125 2.9153 18.0129 2.91507 18.0127C2.91529 18.0129 2.91619 18.0137 2.91641 18.0139C2.91623 18.0137 2.91659 18.0141 2.91641 18.0139L2.91939 18.0165C2.92453 18.0209 2.9341 18.0291 2.9481 18.0408C2.97611 18.0642 3.02183 18.1015 3.08526 18.1505C3.21213 18.2486 3.40971 18.3934 3.67794 18.5673C4.21443 18.9152 5.03289 19.3794 6.13328 19.8195L9.40982 21.1301C11.7721 22.0751 12.7625 22.4577 13.9997 22.4577C15.2368 22.4577 16.2272 22.0751 18.5895 21.1301L21.8661 19.8195C22.9665 19.3794 23.7849 18.9152 24.3214 18.5673C24.5896 18.3934 24.7872 18.2486 24.9141 18.1505C24.9775 18.1015 25.0232 18.0642 25.0512 18.0408C25.0653 18.0291 25.0748 18.0209 25.08 18.0165L25.0825 18.0143Z' fill='%23213067'%3e%3c/path%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Рейтинг звезда */
.rating-star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.62784 4.50535C8.68338 2.61181 9.21115 1.66504 10.0002 1.66504C10.7893 1.66504 11.317 2.61181 12.3726 4.50535L12.6456 4.99523C12.9456 5.53332 13.0956 5.80236 13.3294 5.97988C13.5633 6.15739 13.8545 6.22329 14.437 6.35508L14.9673 6.47506C17.017 6.93884 18.0419 7.17072 18.2857 7.95481C18.5295 8.73891 17.8308 9.55593 16.4335 11.19L16.0719 11.6127C15.6748 12.0771 15.4763 12.3092 15.387 12.5965C15.2977 12.8837 15.3277 13.1935 15.3877 13.813L15.4424 14.377C15.6536 16.5572 15.7593 17.6473 15.1209 18.1319C14.4826 18.6165 13.523 18.1747 11.6038 17.291L11.1073 17.0624C10.5619 16.8113 10.2892 16.6857 10.0002 16.6857C9.71116 16.6857 9.43848 16.8113 8.89311 17.0624L8.3966 17.291C6.47743 18.1747 5.51785 18.6165 4.87949 18.1319C4.24114 17.6473 4.34677 16.5572 4.55803 14.377L4.61269 13.813C4.67272 13.1935 4.70274 12.8837 4.61342 12.5965C4.5241 12.3092 4.32556 12.0771 3.92847 11.6127L3.56695 11.19C2.16958 9.55593 1.47089 8.73891 1.71472 7.95481C1.95855 7.17072 2.98342 6.93884 5.03315 6.47506L5.56344 6.35508C6.14591 6.22329 6.43715 6.15739 6.67099 5.97988C6.90483 5.80236 7.05481 5.53332 7.35476 4.99523L7.62784 4.50535Z' fill='%23E3A519'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 2px;
}

.product-rating { display: flex; align-items: center; gap: 4px; margin: 5px 0; font-size: 13px; }
.product-rating .rating { color: #333; font-weight: bold; }
.product-rating .rating-total { color: #999; font-size: 12px; }
.product-stock { font-size: 13px; margin: 4px 0; }
.product-stock.in-stock { color: #27ae60; }
.product-stock.in-stock span { font-weight: bold; }
.flex.color { display: flex; align-items: center; gap: 8px; margin: 4px 0; font-size: 13px; }
.product-variable .color { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; }
.color-swatch { display: inline-block; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #ddd; margin-right: 6px; vertical-align: middle; }