:root {
    --moloko: #989083;
}

.page-category {
    padding: 0;
    color: var(--black-color);
    overflow-y: hidden;
}

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

.breadcrumbs__list {
    list-style: none;
    border-top: 1px solid #EAEAEA;
    padding: 12px 0 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    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);
}

.category-banner .inner {
    padding: 0;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 120px;
    overflow: hidden;
    margin-bottom: 40px;
}

.category-banner-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
    padding-inline-start: 48px;
    max-width: 570px;
    width: 100%;
}

.category-banner-title {
    color: #fff;
    font-size: clamp(1.5rem, 1.1471rem + 1.1765vw, 2.25rem);
    font-weight: 500;
    line-height: 1.3;
}

.category-banner-subtitle {
    color: #fff;
    font-size: clamp(0.9375rem, 0.9081rem + 0.098vw, 1rem);
    font-weight: 500;
    line-height: 1.6;
}

.category-banner-cta {
    padding: 12px 12px 12px 24px;
    background-color: #fff;
    border-radius: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 500px;
    cursor: pointer;
}

.category-banner-cta-text {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
}

.category-banner-cta button {
    flex-shrink: 0;
    color: #fff;
    border: none;
    cursor: pointer;
}

.category-banner-image {
    width: 460px;
    height: 460px;
    padding: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='471' height='448' viewBox='0 0 471 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17916_28318)'%3E%3Cpath d='M469.396 147.251C433.3 145.643 411.305 115.264 411.052 69.9913C411.052 68.045 410.672 67.1142 409.954 67.1142C409.194 67.1142 408.857 68.045 408.857 69.9913C408.603 115.264 386.608 145.643 350.512 147.251C349.077 147.335 348.908 148.182 348.908 148.605C348.908 148.986 349.077 149.874 350.512 149.959C386.608 151.567 408.603 181.946 408.857 227.218C408.857 229.164 409.237 230.095 409.954 230.095C410.714 230.095 411.052 229.164 411.052 227.218C411.305 181.946 433.3 151.567 469.396 149.959C470.832 149.874 471 149.028 471 148.605C471 148.224 470.832 147.335 469.396 147.251Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M124.987 144.97C104.047 144.039 91.2976 126.438 91.1287 100.163C91.1287 99.0207 90.9176 98.4706 90.4955 98.4706C90.0733 98.4706 89.8622 99.0207 89.8622 100.163C89.7356 126.438 76.9859 144.039 56.004 144.97C55.1596 144.97 55.0752 145.52 55.0752 145.732C55.0752 145.943 55.1596 146.451 56.004 146.493C76.9437 147.424 89.6933 165.025 89.8622 191.3C89.8622 192.443 90.0733 192.993 90.4955 192.993C90.9176 192.993 91.1287 192.443 91.1287 191.3C91.2554 165.025 104.005 147.424 124.987 146.493C125.831 146.493 125.916 145.943 125.916 145.732C125.916 145.52 125.789 145.012 124.987 144.97Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M385.383 223.704C364.485 175.555 313.909 149.576 264.515 157.869V157.784C264.515 157.784 264.093 157.911 263.375 158.08C262.024 158.334 260.715 158.546 259.364 158.842C250.034 160.28 230.445 161 221.706 144.075C213.179 127.532 219.3 115.177 222.846 110.142C223.437 109.423 224.028 108.703 224.577 107.942C224.746 107.773 224.831 107.646 224.831 107.646H224.746C238.636 88.9444 242.477 63.5156 232.514 40.5408C217.611 6.39603 177.969 -9.25896 143.858 5.63443C109.746 20.4855 94.126 60.2576 108.986 94.4447C120.216 120.297 145.673 135.529 172.186 134.978H172.101C172.101 134.978 190.719 132.44 206.508 151.014C221.2 168.319 202.033 190.406 198.867 194.129C198.74 194.256 198.74 194.425 198.825 194.637C178.518 217.908 168.513 248.921 171.763 280.062C171.763 280.062 171.763 280.231 171.763 280.358C171.763 280.443 171.763 280.57 171.763 280.654C172.27 285.266 174.845 318.057 150.233 329.608C128.533 339.805 102.696 323.008 102.696 323.008V323.092C84.6271 311.88 61.492 309.426 40.5101 318.607C6.39852 333.458 -9.22186 373.23 5.59639 407.418C20.4146 441.605 60.0989 457.26 94.2104 442.366C118.232 431.916 133.008 409.068 134.528 384.57V384.697C134.528 384.697 135.457 363.076 157.621 346.617C178.265 331.3 208.83 352.329 213.01 355.968C213.01 355.968 213.01 355.968 213.052 355.968C244.377 381.016 288.114 388.335 327.418 371.2C384.032 346.532 409.953 280.528 385.34 223.789L385.383 223.704ZM274.689 271.219C249.232 272.362 233.738 293.771 233.57 325.715C233.57 327.112 233.316 327.746 232.767 327.746C232.219 327.746 232.007 327.112 231.965 325.715C231.796 293.771 216.303 272.362 190.846 271.219C189.832 271.177 189.706 270.542 189.706 270.288C189.706 269.992 189.832 269.4 190.846 269.358C216.303 268.215 231.796 246.806 231.965 214.861C231.965 213.465 232.219 212.83 232.767 212.83C233.316 212.83 233.527 213.465 233.57 214.861C233.738 246.806 249.232 268.215 274.689 269.358C275.702 269.4 275.829 270.034 275.829 270.288C275.829 270.585 275.702 271.177 274.689 271.219Z' fill='white' fill-opacity='0.05'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17916_28318'%3E%3Crect width='471' height='448' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
}

.category-banner-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.category-subitems-wrapper {
    padding: 48px 0 124px;
}

.category-subitems {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.category-subitem {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 32px;
    border: 1px solid #EAEAEA;
    color: inherit;
    text-decoration: none;
}

.category-subitem:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.category-subitem .topper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.category-subitem-image {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #eee;
}

.category-subitem-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.category-subitem-heading {
    font-size: clamp(1rem, 0.8824rem + 0.3922vw, 1.25rem);
    font-weight: 500;
}

.category-subitem-small-text {
    font-size: clamp(0.75rem, 0.6912rem + 0.1961vw, 0.875rem);
    font-weight: 400;
    line-height: 1.4;
}

.products-slider {
    padding: 124px 0;
    background-color: #F6F7FA;
}

.products-slider--catalog .product-card__media {
    /* height: 270px; */
    border-radius: 0;
}

.products-slider--catalog .product-card__media:after {
    content: none;
}

.products-slider--catalog .product-card__media img {
    /* object-fit: cover; */
}

.products-slider__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: clamp(1.5rem, 0.7941rem + 2.3529vw, 3rem);
    /* 48px - 24px */
}

.products-slider__title h2 {
    margin: 0;
    font-size: clamp(1.5rem, 1.1471rem + 1.1765vw, 2.25rem);
    line-height: 1.3;
    font-weight: 500;
    color: #1D1D1B;
}

.products-slider__nav {
    display: flex;
    gap: 10px;
}

.products-slider__nav.is-hidden {
    display: none;
}

.products-slider__swiper .swiper-slide.is-hidden {
    display: none !important;
}

.products-slider__arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 0;
    background: #1d1d1b;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.products-slider__arrow span {
    font-size: 22px;
    line-height: 1;
}

.products-slider__swiper {
    overflow: visible;
}

.product-card {
    border: 1px solid #EAEAEA;
    border-radius: 32px;
    background: #fff;
    overflow: hidden;
}

.product-card__media {
    display: block;
    background: #fff;
    border-radius: 32px;
    overflow: hidden;
    height: 400px;
}

.product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-card__body {
    padding: 24px;
}

.product-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.product-card__status,
.product-card__code {
    font-size: 12px;
    color: #1d1d1b;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.product-card__code svg {
    color: #BDBDBD;
}

.dot,
.product-card__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-inline-start: 8px;
}

.dot--ok {
    background: #36b37e;
}

.dot--no {
    background: #e74c3c;
}

.dot--warn {
    background: #f1c40f;
}

.product-card__action {
    margin-left: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--primary-color);
    background: #fff;
}

.product-card__action:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.product-card__name {
    margin: 0;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 500;
}

.product-card__name a {
    color: inherit;
    text-decoration: none;
}

.product-card__name a:hover {
    text-decoration: underline;
}

.product-card__spec {
    margin-top: 12px;
    background-color: #F6F7FA;
    padding: 16px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
}

.product-card__spec-row {
    width: calc(100% - 44px);
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.products-slider__progress {
    position: relative !important;
    height: 2px !important;
    margin: 24px 0;
    background: #EAEAEA;
    border-radius: 2px;
    overflow: hidden;
}

.products-slider__progress .swiper-pagination-progressbar-fill {
    background: var(--primary-color, #1840CB);
    border-radius: 2px;
}

.section-industries {
    padding: clamp(3rem, 0.7647rem + 7.451vw, 7.75rem) 0;
}

.section-industries-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.section-industries-title {
    margin: 0;
    font-size: clamp(1.5rem, 1.1471rem + 1.1765vw, 2.25rem);
    line-height: 1.15;
    font-weight: 600;
    color: #1d1d1b;
}

.section-industries-text {
    font-size: 17px;
    line-height: 1.35;
    color: #1d1d1b;
}

.section-industries-slider {
    margin-top: 48px;
    position: relative;
}

.section-industries-swiper {
    overflow: visible;
}

.section-industries-swiper .swiper-wrapper {
    align-items: stretch;
}

.section-industries-swiper .swiper-slide {
    height: auto;
}

.industry-card {
    position: relative;
    display: block;
    height: 100%;
    min-height: 220px;
    border-radius: 32px;
    background: var(--card-bg, #6b4a4b);
    padding: 24px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}

.industry-card-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.industry-card-thumb {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    background-color: #ffffff21;
    width: 176px;
    height: 176px;
    border-radius: 999px;
    overflow: hidden;
    z-index: 1;
}

.industry-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0.3;
    transition: opacity 240ms ease;
}

.industry-card:hover .industry-card-thumb img {
    opacity: 1;
}

.industry-card-btn-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 12px;
    background: #fff;
    border-radius: 50% 0 0;
    box-shadow: 1px 1px 4px #fff;
}

.industry-card-btn-wrapper:before {
    content: '';
    position: absolute;
    top: -32px;
    right: 0;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 32H0C17.6731 32 32 17.6731 32 0V32Z' fill='white'/%3E%3C/svg%3E%0A");
}

.industry-card-btn-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -32px;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 32H0C17.6731 32 32 17.6731 32 0V32Z' fill='white'/%3E%3C/svg%3E%0A");
}

.industry-card-btn {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: #1d1d1b;
    display: grid;
    place-items: center;
}

.section-industries-progress {
    position: relative !important;
    margin-top: 24px !important;
}

@media (min-width: 768px) {
    .section-industries-swiper {
        width: calc(100% + (100vw - 100%) / 2) !important;
        overflow: visible;
    }
}

@media (max-width:768px) {

    .category-banner .inner {
        flex-direction: column;
        gap: 0;
    }

    .category-banner-content {
        gap: 12px;
        padding: 24px;
        z-index: 10;
    }

    .category-banner-cta {
        padding: 12px;
        flex-direction: column;
        gap: 12px;
        display: none;
    }

    .category-banner-cta-text {
        text-align: center;
    }

    .category-banner-image {
        display: none;
        width: 100%;
        height: 100%;
        padding: calc(100% - 24px) 24px 24px;
        margin-top: -120px;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }

    .category-banner-image img {
        width: calc(100% - 48px);
        height: calc(100% - 25px);
        position: absolute;
        top: 0;
        left: 24px;
        bottom: 24px;
    }

    .category-subitems-wrapper {
        padding: 48px 0;
    }
}