/* Mobile Hero Content - Based on home_title_mobile/index.html */

@media (max-width: 768px) {
    /* Основной контейнер hero */
    .hero {
        height: auto;
        min-height: 222px;
    }
    
    /* Контент hero */
    .hero__content {
        width: 100%;
        max-width: 393px;
        height: 222px;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    
    /* Текстовый блок */
    .hero__text-block {
        width: 345px;
        height: 154px;
        position: absolute;
        left: 23px;
        top: 23px;
    }
    
    /* Заголовок "Трубопроводная" */
    .hero__title {
        font-size: 40px;
        line-height: 34px;
        letter-spacing: -0.03em;
        font-weight: 800;
        color: #8c8f96;
        margin: 0;
        width: 345px;
        height: 48px;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    /* "арматура" - второй ряд заголовка */
    .hero__title-secondary {
        display: block !important;
        font-size: 40px;
        line-height: 34px;
        letter-spacing: -0.03em;
        font-weight: 800;
        color: #8c8f96;
        margin: 0;
        width: 321px;
        height: 43px;
        position: absolute;
        left: 8px;
        top: 39px;
    }
    
    /* "для бесперебойной работы" */
    .hero__subtitle-1 {
        font-size: 20px;
        line-height: 19px;
        letter-spacing: -0.03em;
        font-weight: 500;
        color: #8c8f96;
        margin: 0;
        width: 261px;
        height: 19px;
        position: absolute;
        left: 8px;
        top: 86px;
    }
    
    /* "в секторах энергетики..." */
    .hero__subtitle-2 {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.03em;
        font-weight: 700;
        color: #0fc998;
        margin: 0;
        width: 329px;
        height: 40px;
        position: absolute;
        left: 8px;
        top: 114px;
    }
    
    /* Ссылка "Подробнее о заводе" */
    .hero__link {
        position: absolute;
        left: 32px;
        top: 188px;
        width: 336px;
        height: 17px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #949494;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: -0.02em;
        font-weight: 400;
        transition: color 0.3s ease;
    }
    
    .hero__link:hover {
        color: #0fc998;
    }
    
    .hero__link-text {
        position: relative;
        padding-right: 30px;
    }
    
    /* Стрелка после текста */
    .hero__link-arrow {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 21.69px;
        height: auto;
    }
}

/* Desktop: сохраняем оригинальные стили */
@media (min-width: 769px) {
    .hero__title-secondary,
    .hero__link,
    .hero__link-arrow {
        display: none;
    }
}