.page-catalog {
    padding: 0;
    color: var(--text);
    overflow-y: hidden;
    background-color: #F6F7FA;
}

.breadcrumbs {
    /* margin: 12px 0 0; */
    position: relative;
    z-index: 1;
}

.breadcrumbs__list {
    list-style: none;
    border-top: 1px solid #EAEAEA;
    padding: 12px 0 0;
    margin: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.breadcrumbs__item:not(:last-child)::after {
    width: 17px;
    height: 17px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7424 8.46606C10.7727 8.49611 10.7968 8.53185 10.8132 8.57123C10.8296 8.61061 10.838 8.65286 10.838 8.69552C10.838 8.73818 10.8296 8.78042 10.8132 8.8198C10.7968 8.85919 10.7727 8.89493 10.7424 8.92497L7.70458 11.9628C7.62408 12.0519 7.52632 12.1237 7.41723 12.1738C7.30813 12.2239 7.18999 12.2513 7.06998 12.2543C6.94996 12.2573 6.83059 12.2359 6.7191 12.1914C6.60762 12.1469 6.50636 12.0801 6.42147 11.9952C6.33658 11.9104 6.26984 11.8091 6.2253 11.6976C6.18076 11.5861 6.15936 11.4667 6.16239 11.3467C6.16542 11.2267 6.19283 11.1086 6.24294 10.9995C6.29305 10.8904 6.36482 10.7926 6.45389 10.7121L8.45757 8.69552L6.44096 6.67891C6.27638 6.51291 6.18354 6.28893 6.18242 6.05518C6.18273 5.88047 6.23472 5.70975 6.33184 5.56453C6.42896 5.4193 6.56687 5.30604 6.72821 5.23902C6.88956 5.17199 7.06712 5.15419 7.23855 5.18786C7.40999 5.22153 7.56764 5.30516 7.69165 5.42822L10.7424 8.46606Z' fill='%231D1D1B'/%3E%3C/svg%3E%0A");
}

.breadcrumbs__link {
    color: inherit;
    font-size: 14px;
}

.breadcrumbs__link:hover {
    text-decoration: underline;
}

.breadcrumbs__current {
    color: var(--black-color);
}

.catalog-category-title {
    padding: 24px 0;
    font-size: clamp(1.5rem, 1.1471rem + 1.1765vw, 2.25rem);
    font-weight: 500;
    line-height: 1.3;
}

.catalog-subcategories-wrapper {
    padding: 48px 0;
}

.catalog-subcategories-wrapper .inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
}

.catalog-subcategory-item {
    padding: 24px;
    border-radius: 32px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.catalog-subcategory-item.is-active,
.catalog-subcategory-item:hover {
    box-shadow: 0px 24px 14px rgba(0, 0, 0, 0.02), 0px 11px 11px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.03);
}

.catalog-subcategory-item:not(.is-active):not(:hover) .catalog-subcategory-icon {
    background-color: #EAEAEA;
}

.catalog-subcategory-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #1840cc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-subcategory-icon svg,
.catalog-subcategory-icon img {
    width: 34px;
    height: 34px;
}

.catalog-subcategory-item.is-active .catalog-subcategory-icon:before {
    content: "";
    position: absolute;
    top: -8px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.50742 0 0 4.50742 0 10C0 15.4926 4.50742 20 10 20C15.4926 20 20 15.4926 20 10C20 4.50742 15.4926 0 10 0ZM8.7898 14.5484L4.4107 10.1694L6.06781 8.51227L8.86648 11.3109L14.485 6.20344L16.062 7.93723L8.7898 14.5484Z' fill='%232AB3E1'/%3E%3C/svg%3E%0A");
}

.catalog-subcategory-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;

}

.catalog-products-wrapper:not(.catalog-products-grid-full) {
    display: grid;
    grid-template-columns: 24% 1fr;
    gap: 24px;
    padding-bottom: 124px;
}

.catalog-products-wrapper.catalog-products-grid-full {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding-bottom: 124px;
}

.catalog-products-sidebar {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.catalog-products-sidebar-head {
    border-radius: 32px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-weight: 500;
    background-color: #fff;
}

.catalog-products-sidebar-head-title {
    font-size: clamp(1.125rem, 0.875rem + 0.3125vw, 1.25rem);
}

.catalog-products-sidebar-head-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.catalog-products-sidebar-list {

    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
}

.catalog-products-sidebar-list li {
    border-radius: 32px;
    padding: 12px 16px;
    background-color: #fff;
}

.catalog-products-sidebar-item {
    background: transparent;
    border: none;
    outline: none;
    text-align: left;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    gap: 12px;
    width: 100%;
}

.catalog-products-sidebar-item-btn {
    width: 100%;
}

.catalog-products-sidebar-item-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    transition: 300ms;
}

.catalog-products-sidebar-item.is-active .catalog-products-sidebar-item-icon {
    background-color: #1840cc;
    color: #fff;
    transform: rotate(180deg);
}

.catalog-products-category-links-wrapper:not(.is-open) {
    height: 0;
    overflow: hidden;
}

.catalog-products-category-links-wrapper.is-open {
    height: auto;
}

.catalog-products-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 0;
    font-size: 15px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;

}

.catalog-products-category-link:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
}

.catalog-products-category-link:hover {
    color: #1840cc;
}

.catalog-products-category-link-name {
    font-size: 16px;
    font-weight: 400;
}

.catalog-products-category-link-count {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 600;
    color: #BDBDBD;
    flex-shrink: 0;
}

.catalog-products-category-link:hover .catalog-products-category-link-count {
    background-color: #1840cc;
    color: #fff;
}

.catalog-products-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
}

.catalog-products-filter .sort-btn {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #1840cc;
    transition: 300ms;
    color: #1840cc;
}

.catalog-products-filter .sort-btn:hover,
.catalog-products-filter .sort-btn.is-active {
    background-color: #1840cc;
    color: #fff;
}

.catalog-products-grid-main {
    display: flex;
    flex-direction: column;
    gap: 36px;
    min-width: 0;
}

.catalog-products-grid[data-view="grid"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.catalog-products-grid[data-view="grid"] .catalog-product-item .catalog-product-item-image {
    padding: 50px;
}

.catalog-products-wrapper.catalog-products-grid-full .catalog-products-grid[data-view="grid"] {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}

.catalog-products-grid[data-view="list"] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.catalog-product-item>a {
    text-decoration: none;
    color: inherit;
}

.catalog-products-grid[data-view="list"] .catalog-product-item {
    display: flex;
    padding: 24px;
    gap: 12px;
}

.catalog-products-grid[data-view="list"] .catalog-product-item .catalog-product-item-content {
    margin-top: 0;
}

.catalog-product-item {
    text-decoration: none;
    color: inherit;
    border-radius: 32px;
    background-color: #fff;
    border: 1px solid #EAEAEA;
}

.catalog-product-item:hover {
    box-shadow: 0px 195px 78px rgba(0, 0, 0, 0.01), 0px 110px 66px rgba(0, 0, 0, 0.05), 0px 49px 49px rgba(0, 0, 0, 0.09), 0px 12px 27px rgba(0, 0, 0, 0.1);
}

.catalog-product-item-image {
    width: 100%;
    object-fit: cover;
    border-radius: 32px 32px 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-product-item-image .has-slider {
    position: relative;
}

.catalog-product-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog-products-grid[data-view="list"] .catalog-product-item-image {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: auto;
}

.catalog-products-grid[data-view="list"] .catalog-product-item-image img {
    max-width: 300px;
    max-height: 300px;
    border-radius: 32px;
}

.catalog-products-grid[data-view="grid"] .catalog-product-item-image .catalog-product-item-btn {
    display: none;
}

.catalog-products-grid[data-view="list"] .catalog-product-item-image .catalog-product-item-btn {
    width: 100%;
    border-radius: 32px;
    gap: 12px;

}

.catalog-product-item-image .has-slider .cpi-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.98);
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 0;
    background: #fff;
    display: grid;
    place-items: center;
    color: #1840cb;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease, transform 200ms ease;
    z-index: 5;
    cursor: pointer;
}

.catalog-product-item-image .has-slider .cpi-prev {
    left: 16px;
}

.catalog-product-item-image .has-slider .cpi-next {
    right: 16px;
}

.catalog-product-item:hover .cpi-nav {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    pointer-events: auto;
}

.catalog-product-item-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    width: 100%;
}

.catalog-product-item-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    padding: 0 12px;
}

.catalog-products-grid[data-view="list"] .catalog-product-item-meta .catalog-product-item-btn,
.catalog-products-grid[data-view="list"] .catalog-product-item-info {
    display: none;
}

.catalog-product-item-status,
.catalog-product-item-code {
    display: flex;
    align-items: center;
    gap: 8px;
}

.catalog-product-item-status .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 4px;
}

.catalog-product-item-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #EAEAEA;
    flex-shrink: 0;
    margin: 0 0 0 auto;
    color: #1840cc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.catalog-product-item-btn:hover {
    background-color: #1840cc;
    border-color: #1840cc;
    color: #fff;
}

.catalog-product-item-status .dot-ok {
    background-color: #2AB3E1;
}

.catalog-product-item-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 120%;
    padding: 0 12px;
    margin-bottom: 20px;
}

.catalog-products-grid:not([data-view="list"]) .catalog-product-item-description {
    display: none;
}

.catalog-product-item-description {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
}

.catalog-product-item-small-accent {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
}

.catalog-product-item-small-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.catalog-product-item-info {
    font-size: 14px;
    line-height: 120%;
    background-color: #ffffff;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 12px;
    z-index: 10;
}

.catalog-product-item-info-inner {
    width: 100%;
    position: relative;
}

.catalog-product-item-info-button {
    padding: 16px;
    margin: 0;
    background: #F6F7FA;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    border-radius: 32px;
}

.catalog-product-item-info-dropdown {
    display: none;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 16px;
    position: absolute;
    top: 60px;
    background: #f6f7fa;
    border-radius: 0 0 32px 32px;
    overflow: hidden;
    transition: 100ms;
}

/* .catalog-product-item-info:hover {
    border-radius: 32px 32px 0 0;
} */

.catalog-product-item-info:hover .catalog-product-item-info-dropdown {
    display: flex;
}

.catalog-product-item-info:hover .catalog-product-item-info-button {
    border-radius: 32px 32px 0 0;

}

.catalog-product-item-info-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    padding-inline-end: 40px;
}

@media (max-width:768px) {
    .breadcrumbs__list {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

    .catalog-products-wrapper {
        grid-template-columns: 1fr;
    }

    .catalog-products-sidebar-list:not(.is-open),
    .catalog-products-filter {
        display: none;
    }

    .catalog-products-wrapper:not(.catalog-products-grid-full) {
        grid-template-columns: 1fr;
    }
}