/* Start:/local/templates/podtapochki/include/blocks/s-02-design-promo.css?17905272322130*/
/* ===== S-02 · Промо дизайна: карточка-иллюстрация с подписью (D-20) ===== */
.media-card__img--ill .ill { position: relative; height: 100%; margin: 0; }
.media-card__img--ill .ill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.media-card__img--ill .ill__cap {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 24px 12px 10px;
    background: linear-gradient(to top, rgba(20, 16, 12, .8), rgba(20, 16, 12, 0));
    color: #fff; font-size: .74rem; line-height: 1.35;
    display: flex; flex-direction: column; gap: 2px;
}
.media-card__img--ill .ill__text { font-weight: 700; }
.media-card__img--ill .ill__credit { font-size: .66rem; color: rgba(255, 255, 255, .72); }
.media-card__img--ill .ill__credit a { color: inherit; text-decoration: underline; }

/* На телефоне три карточки по 346 px шли столбиком — блок занимал 1700 px.
   Теперь лента со свайпом (как у переписок): видна одна карточка и край
   следующей, фото остаются крупными. Кнопки — на всю ширину, заявка первой. */
@media (max-width: 640px) {
    .cards.design-promo__cards {
        display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%;
        gap: 12px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory; scroll-padding-inline: var(--sp-3);
        margin-inline: calc(var(--sp-3) * -1); padding: 0 var(--sp-3) 6px;
        scrollbar-width: none;
    }
    .design-promo__cards::-webkit-scrollbar { display: none; }
    .design-promo__cards .media-card { scroll-snap-align: start; }
    .design-promo__cards .media-card__body { padding: 14px 18px 16px; }
    .design-promo__cards .card__title { font-size: 1.02rem; line-height: 1.3; }
    .design-promo__actions { flex-direction: column; gap: 10px !important; }
    .design-promo__actions .btn { width: 100%; }
    .design-promo__actions .btn--accent { order: -1; }
}

/* End */


/* Start:/local/templates/podtapochki/include/blocks/e-01-staff-designer.css?1788802696809*/
/* ===== E-01 · Штатный дизайнер: иллюстрация вместо фото объекта (D-20) ===== */
.split__img--ill .ill { position: relative; height: 100%; margin: 0; }
.split__img--ill .ill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.split__img--ill .ill__cap {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 28px 16px 12px;
    background: linear-gradient(to top, rgba(20, 16, 12, .82), rgba(20, 16, 12, 0));
    color: #fff; font-size: .8rem; line-height: 1.4;
    display: flex; flex-direction: column; gap: 4px;
}
.split__img--ill .ill__text { font-weight: 700; }
.split__img--ill .ill__credit { font-size: .7rem; color: rgba(255, 255, 255, .72); }
.split__img--ill .ill__credit a { color: inherit; text-decoration: underline; }

/* End */
/* /local/templates/podtapochki/include/blocks/s-02-design-promo.css?17905272322130 */
/* /local/templates/podtapochki/include/blocks/e-01-staff-designer.css?1788802696809 */