/* Mobile Catalog Cards - точные стили из catalog_mobile/style.css */

/* Desktop: скрываем мобильную версию */
.frame-694 {
    display: none;
}

@media (max-width: 768px) {
    /* Контейнер категорий */
    .categories {
        padding: 0;
    }
    
    .frame-416 {
        background: #ffffff;
        height: auto;
        min-height: 1274px;
        position: relative;
        overflow: visible;
        padding: 0;
    }
    
    /* Показываем мобильную версию, скрываем desktop */
    .frame-694 {
        display: block !important;
        background: #ffffff;
        height: auto;
        min-height: 1274px;
        position: relative;
        overflow: hidden;
    }
    
    /* Скрываем desktop версию */
    .frame-416__catalog-grid-2,
    .frame-416__catalog-grid-4-2 {
        display: none !important;
    }
    
    /* ===== СТИЛИ frame-694 из catalog_mobile/style.css ===== */
    .frame-694,
    .frame-694 * {
        box-sizing: border-box;
    }
    
    /* Карточка 1: Задвижки (горизонтальная) */
    .frame-694__frame-600 {
        width: 376px;
        height: 152px;
        position: absolute;
        left: 8px;
        top: 9px;
    }
    
    .frame-694__div2 {
        background: #f6f6f7;
        border-radius: 5px;
        width: 376px;
        height: 152px;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: background-color 0.25s ease;
    }
    
    .frame-694__div3 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 16px;
        top: 13.2px;
        width: 120px;
        height: 23.31px;
        transition: color 0.25s ease;
    }
    
    .frame-694__div4 {
        color: #949494;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 13px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 21px;
        top: 107.41px;
        width: 131px;
        height: 31.41px;
    }
    
    .div-4-span {
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    
    .div-4-span2 {
        font-family: "Inter", sans-serif;
    }
    
    .frame-694___20 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 21px;
        top: 63.84px;
        width: 28px;
        height: 18.24px;
        transition: color 0.25s ease;
    }
    
    .frame-694___45 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 70px;
        top: 63.84px;
        width: 28px;
        height: 18.24px;
        transition: color 0.25s ease;
    }
    
    .frame-694__div5 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 21px;
        top: 85.12px;
        width: 30px;
        height: 7.09px;
    }
    
    .frame-694__div6 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 70px;
        top: 85.12px;
        width: 73px;
        height: 7.09px;
    }
    
    .frame-694__line-51 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 27.36px;
        height: 0px;
        position: absolute;
        left: 45px;
        top: 78px;
        transform: rotate(90deg);
        transition: border-color 0.25s ease;
    }
    
    .frame-694___1-1 {
        width: 202px;
        height: 120px;
        position: absolute;
        left: 171px;
        top: 32px;
        object-fit: cover;
    }
    
    /* Карточка 2: Переключающие устройства (горизонтальная) */
    .frame-694__frame-601 {
        width: 376px;
        height: 136px;
        position: absolute;
        left: 8px;
        top: 169px;
    }
    
    .frame-694__div7 {
        background: #f6f6f7;
        border-radius: 5px;
        width: 376px;
        height: 136px;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: background-color 0.25s ease;
    }
    
    .frame-694__div8 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 21px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 15.95px;
        top: 16.32px;
        width: 217.42px;
        height: 55.68px;
    }
    
    .frame-694___11 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 21.94px;
        top: 85.88px;
        width: 20.94px;
        height: 17.28px;
    }
    
    .frame-694___9 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 70.81px;
        top: 85.88px;
        width: 14.96px;
        height: 17.28px;
    }
    
    .frame-694___1-12 {
        width: 215.43px;
        height: 76px;
        position: absolute;
        right: 6.57px;
        left: auto;
        top: 52px;
        transform: scaleX(-1);
        object-fit: cover;
    }
    
    .frame-694__div9 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 21.94px;
        top: 106.04px;
        width: 29.92px;
        height: 6.72px;
    }
    
    .frame-694__div10 {
        color: #a8c7b9;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 70.81px;
        top: 106.04px;
        width: 72.81px;
        height: 6.72px;
    }
    
    .frame-694__div11 {
        color: #949494;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 11px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 239px;
        top: 20px;
        width: 127px;
        height: 22px;
    }
    
    .div-11-span {
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    
    .div-11-span2 {
        font-family: "Inter", sans-serif;
    }
    
    .frame-694__line-52 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 25.92px;
        height: 0px;
        position: absolute;
        left: 45px;
        top: 98px;
        transform: rotate(90deg);
        transition: border-color 0.25s ease;
    }
    
    /* Карточка 3: Клапаны регулирующие (вертикальная, зеленая) */
    .frame-694__frame-618 {
        width: 184px;
        height: 232px;
        position: absolute;
        left: 8px;
        top: 313px;
    }
    
    .frame-694__rectangle-13 {
        background: #f6f6f7;
        border-radius: 5px;
        width: 184px;
        height: 232px;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: background-color 0.25s ease;
    }
    
    .frame-694__div12 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 14px;
        width: 162px;
        height: 42px;
        transition: color 0.25s ease;
    }
    
    .frame-694___16 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 142px;
        top: 94px;
        width: 26px;
        transition: color 0.25s ease;
    }
    
    .frame-694___156 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 123px;
        top: 139px;
        width: 45px;
        transition: color 0.25s ease;
    }
    
    .frame-694___1 {
        width: 71.5px;
        height: 158.85px;
        position: absolute;
        left: 14px;
        top: 61px;
        object-fit: cover;
    }
    
    .frame-694__div13 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 135px;
        top: 115px;
        width: 33px;
        height: 7px;
        transition: color 0.25s ease;
    }
    
    .frame-694__div14 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 100px;
        top: 160px;
        width: 68px;
        height: 7px;
        transition: color 0.25s ease;
    }
    
    .frame-694__div15 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 83px;
        top: 187px;
        width: 89px;
        height: 29px;
        transition: color 0.25s ease;
    }
    
    .div-15-span {
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    
    .div-15-span2 {
        font-family: "Inter", sans-serif;
    }
    
    .frame-694__line-60 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 56px;
        height: 0px;
        position: absolute;
        left: 112px;
        top: 131px;
        transition: border-color 0.25s ease;
    }
    
    /* Остальные вертикальные карточки используют похожие стили */
    /* Карточка 4: Клапаны отсечные */
    .frame-694__frame-617 {
        width: 184px;
        height: 232px;
        position: absolute;
        left: 200px;
        top: 313px;
    }
    
    .frame-694__rectangle-132 {
        background: #f6f6f7;
        border-radius: 5px;
        width: 184px;
        height: 232px;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: background-color 0.25s ease;
    }
    
    .frame-694__div16 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 14px;
        width: 162px;
        height: 42px;
    }
    
    .frame-694___94 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 134px;
        top: 95px;
        width: 33px;
    }
    
    .frame-694___858 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 122px;
        top: 140px;
        width: 45px;
    }
    
    .frame-694__div17 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 134px;
        top: 116px;
        width: 33px;
        height: 7px;
    }
    
    .frame-694__div18 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 99px;
        top: 161px;
        width: 68px;
        height: 7px;
    }
    
    .frame-694__div19 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        right: 12px;
        top: 188px;
        width: 89px;
        height: 29px;
    }
    
    .div-19-span {
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    
    .div-19-span2 {
        font-family: "Inter", sans-serif;
    }
    
    .frame-694__line-602 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 56px;
        height: 0px;
        position: absolute;
        left: 111px;
        top: 132px;
    }
    
    .frame-694___12 {
        width: 79px;
        height: 171px;
        position: absolute;
        left: 9px;
        top: 57px;
        object-fit: cover;
    }
    
    /* Карточки 5-10: Затворы, Клапаны запорные, предохранительные, Блоки, обратные, Краны шаровые */
    .frame-694__frame-616,
    .frame-694__frame-615,
    .frame-694__frame-614,
    .frame-694__frame-613,
    .frame-694__frame-611,
    .frame-694__frame-612 {
        width: 184px;
        height: 232px;
        position: absolute;
        overflow: visible;
    }
    
    .frame-694__frame-616 { left: 8px; top: 554px; }
    .frame-694__frame-615 { left: 200px; top: 554px; }
    .frame-694__frame-614 { left: 8px; top: 793px; }
    .frame-694__frame-613 { left: 200px; top: 793px; }
    .frame-694__frame-611 { left: 8px; top: 1033px; }
    .frame-694__frame-612 { left: 201px; top: 1033px; }
    
    /* Фоны для остальных карточек */
    .frame-694__rectangle-14,
    .frame-694__rectangle-15,
    .frame-694__rectangle-16,
    .frame-694__rectangle-17,
    .frame-694__rectangle-18,
    .frame-694__rectangle-19 {
        background: #f6f6f7;
        border-radius: 5px;
        width: 184px;
        height: 232px;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: background-color 0.25s ease;
    }
    
    /* Названия категорий для карточек 5-10 - индивидуальные */
    /* Затворы дисковые поворотные */
    .frame-694__div20 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 13px;
        width: 162px;
        height: 59px;
        z-index: 2;
    }
    
    /* Клапаны запорные */
    .frame-694__div24 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 13px;
        width: 162px;
        height: 43px;
    }
    
    /* Клапаны предохранительные и обратные */
    .frame-694__div28 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 12px;
        width: 170px;
        height: 59px;
    }
    
    /* Краны шаровые */
    .frame-694__div35 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 12px;
        width: 97px;
        height: 39px;
    }
    
    /* Блоки предохранительных клапанов - особый случай */
    .frame-694__div30 {
        color: #8c8f96;
        text-align: left;
        font-family: "Inter", sans-serif;
        font-size: 20px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        position: absolute;
        left: 14px;
        top: 12px;
        width: 162px;
        height: 59px;
        z-index: 2;
    }
    
    /* Числа для карточек 5-10 - индивидуальные позиции */
    /* Затворы дисковые - "14" */
    .frame-694___14 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 96px;
        width: 33px;
        z-index: 2;
    }
    
    /* Клапаны запорные - "85" */
    .frame-694___85 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 111px;
        width: 33px;
    }
    
    /* Клапаны предохранительные - "99" */
    .frame-694___99 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 96px;
        width: 33px;
    }
    
    /* Клапаны обратные - "75" */
    .frame-694___75 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 96px;
        width: 33px;
    }
    
    /* Краны шаровые - "156" */
    .frame-694___1562 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 137px;
        top: 37px;
        width: 38px;
    }
    
    /* Блоки предохранительных клапанов - число "5" */
    .frame-694___5 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 143px;
        top: 96px;
        width: 33px;
        z-index: 2;
    }
    
    /* Вторые числа (типоразмеры) - индивидуальные позиции */
    /* Затворы дисковые - "55" */
    .frame-694___55 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 127px;
        top: 141px;
        width: 45px;
        z-index: 2;
    }
    
    /* Клапаны запорные - "155" */
    .frame-694___155 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 127px;
        top: 156px;
        width: 45px;
    }
    
    /* Клапаны предохранительные - "74" */
    .frame-694___74 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 127px;
        top: 141px;
        width: 45px;
    }
    
    /* Клапаны обратные - "22" */
    .frame-694___22 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 127px;
        top: 141px;
        width: 45px;
    }
    
    /* Краны шаровые - "220" */
    .frame-694___220 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 130px;
        top: 82px;
        width: 45px;
    }
    
    /* Блоки предохранительных клапанов - число "12" */
    .frame-694___122 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        line-height: 18px;
        letter-spacing: -0.09em;
        font-weight: 400;
        position: absolute;
        left: 131px;
        top: 141px;
        width: 45px;
        z-index: 2;
    }
    
    /* Подписи "видов" - индивидуальные позиции */
    /* Затворы дисковые */
    .frame-694__div21 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 117px;
        width: 33px;
        height: 7px;
        z-index: 2;
    }
    
    /* Клапаны запорные */
    .frame-694__div25 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 139px;
        top: 132px;
        width: 33px;
        height: 7px;
    }
    
    /* Краны шаровые */
    .frame-694__div36 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 142px;
        top: 58px;
        width: 33px;
        height: 7px;
    }
    
    /* Блоки предохранительных клапанов - "видов" */
    .frame-694__div31 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 143px;
        top: 117px;
        width: 33px;
        height: 7px;
        z-index: 2;
    }
    
    /* Подписи "типоразмеров" - индивидуальные позиции */
    /* Затворы дисковые */
    .frame-694__div22 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 104px;
        top: 162px;
        width: 68px;
        height: 7px;
        z-index: 2;
    }
    
    /* Клапаны запорные */
    .frame-694__div26 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 104px;
        top: 177px;
        width: 68px;
        height: 7px;
    }
    
    /* Клапаны обратные */
    .frame-694__div34 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 104px;
        top: 164px;
        width: 68px;
        height: 7px;
    }
    
    /* Краны шаровые */
    .frame-694__div37 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 107px;
        top: 105px;
        width: 68px;
        height: 7px;
    }
    
    /* Блоки предохранительных клапанов - "типоразмеров" */
    .frame-694__div32 {
        color: #a8c7b9;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 9px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 108px;
        top: 165px;
        width: 68px;
        height: 19px;
        z-index: 2;
    }
    
    /* Текст "Уже поставлено" - индивидуальные позиции */
    /* Затворы дисковые */
    .frame-694__div23 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 85px;
        top: 185px;
        width: 89px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        z-index: 2;
    }
    
    /* Клапаны запорные */
    .frame-694__div27 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 18px;
        top: 193px;
        width: 154px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    /* Клапаны предохранительные */
    .frame-694__div29 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 85px;
        top: 188px;
        width: 89px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    /* Блоки предохранительных клапанов - "Уже поставлено" */
    .frame-694__div33 {
        color: #8c8f96;
        text-align: right;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        line-height: 10px;
        letter-spacing: -0.03em;
        font-weight: 400;
        position: absolute;
        left: 8px;
        top: 194px;
        width: 168px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        z-index: 2;
    }
    
    .div-23-span,
    .div-27-span,
    .div-29-span,
    .div-33-span {
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    
    .div-23-span2,
    .div-27-span2,
    .div-29-span2,
    .div-33-span2 {
        font-family: "Inter", sans-serif;
    }
    
    /* Изображения для карточек 5-10 - индивидуальные позиции */
    /* Затворы дисковые */
    .frame-694___13 {
        width: 117px;
        height: 154px;
        position: absolute;
        left: 125px;
        top: 70px;
        transform-origin: 0 0;
        transform: rotate(0deg) scale(-1, 1);
        object-fit: cover;
        z-index: 1;
    }
    
    /* Клапаны запорные */
    .frame-694___1-13 {
        width: 106px;
        height: 138px;
        position: absolute;
        left: 4px;
        top: 53px;
        object-fit: cover;
        z-index: 1;
    }
    
    /* Клапаны предохранительные */
    .frame-694___15 {
        width: 73px;
        height: 159px;
        position: absolute;
        left: 11px;
        top: 66px;
        object-fit: cover;
        z-index: 1;
    }
    
    /* Клапаны обратные */
    .frame-694___18 {
        width: 128px;
        height: 114px;
        position: absolute;
        left: 6px;
        top: 71px;
        object-fit: cover;
        z-index: 1;
    }
    
    /* Краны шаровые */
    .frame-694___1-14 {
        width: 163px;
        height: 108px;
        position: absolute;
        left: 12px;
        top: 86px;
        object-fit: cover;
        z-index: 1;
    }
    
    /* Блоки предохранительных клапанов - изображение */
    .frame-694___17 {
        width: 124px;
        height: 122px;
        position: absolute;
        left: 137px;
        top: 71px;
        transform-origin: 0 0;
        transform: rotate(0deg) scale(-1, 1);
        object-fit: cover;
        z-index: 1;
    }
    
    /* Линии-разделители - индивидуальные позиции */
    /* Затворы дисковые */
    .frame-694__line-61 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 56px;
        height: 0px;
        position: absolute;
        left: 116px;
        top: 133px;
        z-index: 2;
    }
    
    /* Клапаны запорные */
    .frame-694__line-62 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 56px;
        height: 0px;
        position: absolute;
        left: 116px;
        top: 148px;
    }
    
    /* Клапаны предохранительные */
    .frame-694__line-63 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 56px;
        height: 0px;
        position: absolute;
        left: 116px;
        top: 133px;
    }
    
    /* Клапаны обратные */
    .frame-694__line-65 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 28px;
        height: 0px;
        position: absolute;
        left: 144px;
        top: 133px;
    }
    
    /* Краны шаровые */
    .frame-694__line-66 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 28px;
        height: 0px;
        position: absolute;
        left: 147px;
        top: 74px;
    }
    
    /* Блоки предохранительных клапанов - линия */
    .frame-694__line-64 {
        margin-top: -1px;
        border-style: solid;
        border-color: #a8c7b9;
        border-width: 1px 0 0 0;
        width: 32px;
        height: 0px;
        position: absolute;
        left: 144px;
        top: 133px;
        z-index: 2;
        transition: border-color 0.25s ease;
    }
    
    /* Transitions для всех элементов */
    .frame-694 [class*="__div"],
    .frame-694 [class*="___"] {
        transition: color 0.25s ease;
    }
    
    .frame-694 [class*="__line-"] {
        transition: border-color 0.25s ease;
    }
    
    .frame-694 [class*="__div2"],
    .frame-694 [class*="__div7"],
    .frame-694 [class*="__rectangle-"] {
        transition: background-color 0.25s ease;
    }
    
    /* Hover эффект для всех карточек */
    .frame-694 a:hover [class*="__div2"],
    .frame-694 a:hover [class*="__div7"],
    .frame-694 a:hover [class*="__rectangle-"] {
        background-color: #0fc998 !important;
    }
    
    .frame-694 a:hover [class*="__div"]:not([class*="__div2"]):not([class*="__div7"]),
    .frame-694 a:hover [class*="___"] {
        color: #ffffff !important;
    }
    
    .frame-694 a:hover [class*="__line-"] {
        border-color: #ffffff !important;
    }
    
    /* ===== СТАРЫЕ СТИЛИ (удалены, используем frame-694) ===== */
    /* ===== ГОРИЗОНТАЛЬНАЯ КАРТОЧКА 1: Задвижки ===== */
    .frame-416__frame-26 {
        width: 376px !important;
        height: 152px !important;
        position: absolute !important;
        left: 8px !important;
        top: 9px !important;
    }
    
    .frame-416__group-673 {
        background: #f6f6f7 !important;
        border-radius: 5px !important;
        width: 376px !important;
        height: 152px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    .frame-416__div19 {
        color: #8c8f96 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 20px !important;
        letter-spacing: -0.03em !important;
        font-weight: 700 !important;
        position: absolute !important;
        left: 16px !important;
        top: 13.2px !important;
        width: 120px !important;
        height: 23.31px !important;
    }
    
    .frame-416__div20 {
        color: #949494 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 13px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 21px !important;
        top: 107.41px !important;
        width: 131px !important;
        height: 31.41px !important;
    }
    
    .frame-416___9 {
        color: #a8c7b9 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 21px !important;
        top: 63.84px !important;
        width: 28px !important;
        height: 18.24px !important;
    }
    
    .frame-416___12 {
        color: #a8c7b9 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 70px !important;
        top: 63.84px !important;
        width: 28px !important;
        height: 18.24px !important;
    }
    
    .frame-416__div3 {
        color: #a8c7b9 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 10px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 21px !important;
        top: 85.12px !important;
        width: 30px !important;
        height: 7.09px !important;
    }
    
    .frame-416__div4 {
        color: #a8c7b9 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 10px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 70px !important;
        top: 85.12px !important;
        width: 73px !important;
        height: 7.09px !important;
    }
    
    .frame-416___1-13 {
        width: 202px !important;
        height: 120px !important;
        position: absolute !important;
        left: 171px !important;
        top: 32px !important;
        object-fit: cover !important;
    }
    
    /* ===== ГОРИЗОНТАЛЬНАЯ КАРТОЧКА 2: Переключающие устройства ===== */
    .frame-416__frame-33 {
        width: 376px !important;
        height: 136px !important;
        position: absolute !important;
        left: 8px !important;
        top: 169px !important;
    }
    
    .frame-416__rectangle-36737 {
        background: #f6f6f7 !important;
        border-radius: 5px !important;
        width: 376px !important;
        height: 136px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    .frame-416__div5 {
        color: #8c8f96 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 20px !important;
        line-height: 21px !important;
        letter-spacing: -0.03em !important;
        font-weight: 700 !important;
        position: absolute !important;
        left: 15.95px !important;
        top: 16.32px !important;
        width: 217.42px !important;
        height: 55.68px !important;
    }
    
    .frame-416___11 {
        color: #a8c7b9 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 21.94px !important;
        top: 85.88px !important;
        width: 20.94px !important;
        height: 17.28px !important;
    }
    
    .frame-416___1-1 {
        width: 215.43px !important;
        height: 76px !important;
        position: absolute !important;
        right: 6.57px !important;
        left: auto !important;
        top: 52px !important;
        transform: scaleX(-1) !important;
        object-fit: cover !important;
    }
    
    .frame-416__div2 {
        color: #949494 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 11px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 239px !important;
        top: 20px !important;
        width: 127px !important;
        height: 22px !important;
    }
    
    /* ===== ВЕРТИКАЛЬНЫЕ КАРТОЧКИ: Клапаны регулирующие (зеленая) ===== */
    .frame-416__frame-31 {
        width: 184px !important;
        height: 232px !important;
        position: absolute !important;
        left: 8px !important;
        top: 313px !important;
    }
    
    .frame-416__rectangle-36738 {
        background: #0fc998 !important;
        border-radius: 5px !important;
        width: 184px !important;
        height: 232px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    .frame-416__div6 {
        color: #ffffff !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 20px !important;
        line-height: 18px !important;
        letter-spacing: -0.03em !important;
        font-weight: 700 !important;
        position: absolute !important;
        left: 14px !important;
        top: 14px !important;
        width: 162px !important;
        height: 42px !important;
    }
    
    .frame-416___16 {
        color: #ffffff !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 142px !important;
        top: 94px !important;
        width: 26px !important;
    }
    
    .frame-416___156 {
        color: #ffffff !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 123px !important;
        top: 139px !important;
        width: 45px !important;
    }
    
    .frame-416__div14 {
        color: #ffffff !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 10px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 135px !important;
        top: 115px !important;
        width: 33px !important;
        height: 7px !important;
    }
    
    .frame-416__div15 {
        color: #ffffff !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 10px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 100px !important;
        top: 160px !important;
        width: 68px !important;
        height: 7px !important;
    }
    
    .frame-416__div21 {
        color: #ffffff !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 10px !important;
        line-height: 10px !important;
        letter-spacing: -0.03em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 83px !important;
        top: 187px !important;
        width: 89px !important;
        height: 29px !important;
    }
    
    .frame-416___1-2 {
        width: 71.5px !important;
        height: 158.85px !important;
        position: absolute !important;
        left: 14px !important;
        top: 61px !important;
        object-fit: cover !important;
    }
    
    /* ===== ВЕРТИКАЛЬНАЯ КАРТОЧКА: Клапаны отсечные ===== */
    .frame-416__frame-32 {
        width: 184px !important;
        height: 232px !important;
        position: absolute !important;
        left: 200px !important;
        top: 313px !important;
    }
    
    .frame-416__group-674 {
        background: #f6f6f7 !important;
        border-radius: 5px !important;
        width: 184px !important;
        height: 232px !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    .frame-416__div7 {
        color: #8c8f96 !important;
        text-align: left !important;
        font-family: "Inter", sans-serif !important;
        font-size: 20px !important;
        line-height: 18px !important;
        letter-spacing: -0.03em !important;
        font-weight: 700 !important;
        position: absolute !important;
        left: 14px !important;
        top: 14px !important;
        width: 162px !important;
        height: 42px !important;
    }
    
    .frame-416___94 {
        color: #a8c7b9 !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 134px !important;
        top: 95px !important;
        width: 33px !important;
    }
    
    .frame-416___858 {
        color: #a8c7b9 !important;
        text-align: right !important;
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        line-height: 18px !important;
        letter-spacing: -0.09em !important;
        font-weight: 400 !important;
        position: absolute !important;
        left: 122px !important;
        top: 140px !important;
        width: 45px !important;
    }
    
    .frame-416___1-12 {
        width: 79px !important;
        height: 171px !important;
        position: absolute !important;
        left: 9px !important;
        top: 57px !important;
        object-fit: cover !important;
    }
    
    /* Остальные карточки по тому же принципу */
    .frame-416__frame-30,
    .frame-416__frame-29,
    .frame-416__frame-28,
    .frame-416__frame-27,
    .frame-416__frame-25,
    .frame-416__frame-24 {
        width: 184px !important;
        height: 232px !important;
        position: absolute !important;
    }
    
    /* Затворы дисковые поворотные */
    .frame-416__frame-30 {
        left: 8px !important;
        top: 554px !important;
    }
    
    /* Клапаны запорные */
    .frame-416__frame-29 {
        left: 200px !important;
        top: 554px !important;
    }
    
    /* Клапаны предохранительные */
    .frame-416__frame-28 {
        left: 8px !important;
        top: 793px !important;
    }
    
    /* Блоки предохранительных клапанов */
    .frame-416__frame-27 {
        left: 200px !important;
        top: 793px !important;
    }
    
    /* Клапаны обратные */
    .frame-416__frame-25 {
        left: 8px !important;
        top: 1033px !important;
    }
    
    /* Краны шаровые */
    .frame-416__frame-24 {
        left: 201px !important;
        top: 1033px !important;
    }
    
    /* Скрываем линии-разделители */
    .frame-416__frame-429,
    .frame-416__line-51,
    .frame-416__line-52,
    .frame-416__line-60,
    .frame-416__line-61,
    .frame-416__line-62,
    .frame-416__line-63,
    .frame-416__line-64,
    .frame-416__line-65,
    .frame-416__line-66 {
        display: none !important;
    }
}

/* Desktop: сохраняем оригинальные стили */
@media (min-width: 769px) {
    /* Оригинальные desktop стили */
}