/* 02.10.2026. Картинки из карточек преимуществ убраны: три фотографии
               дублировали сцену первого экрана и перегружали страницу.
               Остался текст в белых плашках. */
            .hz-karty-bez-foto .advantages-item_img{ display:none !important; }
            .hz-karty-bez-foto .development_advantages-item{
                background:#FFFFFF; border:1px solid #E6EDF7; border-radius:18px;
                padding:30px 30px 32px; box-shadow:0 8px 28px rgba(15,26,46,.07);
                display:flex; flex-direction:column; gap:12px;
            }
            .hz-karty-bez-foto .advantages-item_title{
                display:flex; align-items:center; gap:14px; margin:0;
                font-size:21px; font-weight:800; line-height:1.3; color:#11172D;
            }
            .hz-karty-bez-foto .advantages-item_title span{
                flex:0 0 46px; width:46px; height:46px; border-radius:50%;
                background:#EAF2FD; color:#0E4694; font-size:17px; font-weight:800;
                display:flex; align-items:center; justify-content:center;
            }
            .hz-karty-bez-foto .advantages-item_text{
                margin:0; font-size:16px; line-height:1.65; color:#5D6584;
            }
            @media (max-width: 768px){
                .hz-karty-bez-foto .development_advantages-item{ padding:22px 20px 24px; }
                .hz-karty-bez-foto .advantages-item_title{ font-size:19px; }
            }
/* цифры этапов: белая обводка, чтобы читались и на светлом, и на тёмном фото */
            .services_item-img span{
                color:#fff;
                text-shadow:0 1px 3px rgba(0,0,0,.55);
                background:#005DAC;
                width:38px;height:38px;border-radius:50%;
                display:flex;align-items:center;justify-content:center;
                font-size:17px;line-height:1;
                box-shadow:0 0 0 3px #fff;
                top:-6px;right:-6px;
            }
            /* мобильный: список типов сайтов ровной колонкой, а не вразнобой по центру */
            @media (max-width: 600px){
                .types_items{ justify-content: flex-start; gap: 6px; }
                .types_item{ font-size: 13px; padding: 8px 14px; }
            }
            /* мобильный: в промо-блоках текст идёт перед картинкой, иначе две картинки встают подряд */
            @media (max-width: 600px){
                .promotion_items .promotion_item,
                .promotion_items .promotion_item:nth-child(even),
                .promotion_items .promotion_item:nth-child(odd){ flex-direction: column; }
            }
            /* на узких экранах карточка занимала 480px в колонке 670 — по краям висели поля */
            @media (max-width: 768px){
                .development_advantages-items .development_advantages-item{ max-width: none; width: 100%; }
            }
            /* три картинки блока — одного размера (были 540x388 и две по 424x180) */
            @media (min-width: 769px){
                .promotion_img, .promotion_item-img{ width: 480px; height: 288px; }
                .promotion_img img, .promotion_item-img img{ width: 100%; height: 100%; object-fit: cover; }
            }
            /* портфолио: одна сетка макетов вместо двух уровней кнопок со слайдером —
               все работы видны сразу, ничего не надо прокликивать */
            .works_grid{
                display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;
            }
            .works_case{
                display:flex; flex-direction:column;
                background:#0F1A2E; border-radius:16px; overflow:hidden;
            }
            .works_case-img{
                display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover;
            }
            /* заголовки на тёмной плашке: глобальное правило красит h3 в синий
               через -webkit-text-fill-color, одного color мало */
            .works_case .works_case-title,
            .works_case h3.works_case-title{
                font-size:19px; font-weight:700; line-height:27px;
                margin:0 0 8px; padding:22px 26px 0;
                color:#FFF !important; -webkit-text-fill-color:#FFF !important;
                background:none !important;
            }
            .works_case-text{
                font-size:15px; line-height:25px; margin:0;
                padding:0 26px 24px; color:rgba(255,255,255,.78);
            }
            @media (max-width: 1100px){
                .works_grid{ grid-template-columns:repeat(2, 1fr); gap:22px; }
            }
            @media (max-width: 680px){
                .works_grid{ grid-template-columns:1fr; gap:18px; }
                .works_case-title{ font-size:18px; line-height:25px; padding:18px 20px 0; }
                .works_case-text{ font-size:14px; line-height:23px; padding:0 20px 18px; }
            }