/* ============================================================
   ADAPTIVE OVERRIDES
   Источник: Вёрстка/Главная/screen-wrapper — 360px canvas
   Структура: 1024px (tablet) → 768px (mobile) → 480px (small)
   ============================================================ */

@keyframes logos-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* ── 1024px — Tablet ─────────────────────────────────────── */
@media (max-width: 1024px) {

    /* Hero */
    .hero__container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "media"
            "body";
        gap: 20px;
    }
    .hero__title { font-size: 32px; }

    /* Reviews */
    .reviews__row      { width: 100%; }
    .reviews__viewport { flex: 1; min-width: 0; padding-bottom: 30px; }
    .reviews__slide    { min-width: 100%; }

    /* Benefits */
    .benefits__list { grid-template-columns: repeat(2, 1fr); }

    /* Values */
    .values__list { flex-wrap: wrap; }
    .values__item { flex: 1 1 calc(50% - 10px); }

    /* Proof */
    .proof { padding: 60px 24px; }
    .proof__list  { flex-direction: column; }
    .proof__total { padding: 0; flex-direction: column; gap: 15px; text-align: center; }

    /* Industries */
    .industries__list { grid-template-columns: repeat(2, 1fr); }

    /* Surfaces */
    .surfaces__list { grid-template-columns: repeat(2, 1fr);
    }

    /* Split cards */
    .split-cards__list { grid-template-columns: repeat(2, 1fr); }

    /* Latest articles */
    .latest-articles__list { grid-template-columns: repeat(2, 1fr); }

    /* Media rows */
    .media-rows__row { grid-template-columns: 1fr; direction: ltr; }
    .media-rows__row:nth-child(even) { direction: ltr; }

    /* Cards grid */
    .cards-grid__list { grid-template-columns: repeat(2, 1fr); }

    /* See also */
    .see-also__grid { grid-template-columns: repeat(3, 1fr); }

    /* Demo page */
    .demo-page__grid { grid-template-columns: 1fr; gap: 40px; }

    /* HIW Monitoring → stack */
    .hiw-monitoring__row { grid-template-columns: 1fr; gap: 30px; direction: ltr; }
    .hiw-monitoring__row:nth-child(even) { direction: ltr; }

    /* HIW Results → 2 per row */
    .hiw-results__item { flex: 0 0 calc(50% - 10px); }

    /* About */
    .about-facts__grid    { grid-template-columns: repeat(2, 1fr); }
    .about-fact--wide     { grid-column: span 1; }
    .about-info__grid     { grid-template-columns: 1fr; }
    .about-team__grid     { grid-template-columns: repeat(2, 1fr); }
    .about-steps__grid    { grid-template-columns: repeat(2, 1fr); }
    .about-timeline__item { display: grid; grid-template-columns: 24px 1fr; grid-template-rows: auto auto; column-gap: 15px; row-gap: 0; }
    .about-timeline__year-col,
    .about-timeline__item:nth-child(even) .about-timeline__year-col { grid-column: 2; grid-row: 1; order: unset; justify-content: flex-start; padding: 0 0 16px; }
    .about-timeline__connector,
    .about-timeline__item:nth-child(even) .about-timeline__connector { grid-column: 1; grid-row: 1 / 3; order: unset; height: auto; align-self: stretch; }
    .about-timeline__connector::before { display: block; }
    .about-timeline__body,
    .about-timeline__item:nth-child(even) .about-timeline__body { grid-column: 2; grid-row: 2; order: unset; background: none; border-radius: 0; padding: 0 0 30px; text-align: left; }
    .about-results__list  { grid-template-columns: 1fr; min-width: 0; align-self: stretch; }
    .about-result         { min-width: 0; }
    .about-spec__cards    { grid-template-columns: repeat(2, 1fr); }

    /* Cases Archive */
    .cases-archive__item { flex: 0 0 calc(50% - 10px); }
    .similar-cases__item { flex: 0 0 calc(50% - 10px); }

    /* Blog index */
    .blog-index__grid { grid-template-columns: repeat(2, 1fr); }
    .blog-sidebar { width: 280px; }

    /* Single post */
    .post__title { font-size: 30px; }
    .similar-posts__item { flex: 0 0 calc(50% - 10px); }

}

/* ── 768px — Mobile ──────────────────────────────────────── */
@media (max-width: 768px) {

    /* Layout */
    :root { --container-pad: 10px; }
    .section { padding: 40px 0; }
    .case__cover img { max-height: 200px; }

    /* ── Global section padding ── */
    .hero         { padding: 20px 0 30px; }
    .cta          { padding: 40px 0; }
    .faq          { padding: 50px 0; }
    .reviews      { padding: 50px 0; }
    .benefits     { padding: 60px 0px; }
    /* Benefits */
    .benefits__list { grid-template-columns: 1fr; }
    .media-rows__row {
        gap: 30px;
    }
    .media-rows__body {
        gap: 15px;
        order: -1;
    }
    .media-rows__item-text {
        font-size: 16px;
    }

    .clients      { padding: 50px 0; }
    .proof        { padding: 60px 0; }
    .how-it-works    { padding: 60px 0px; }
    .features        { padding: 60px 0px; }
    .solutions-cards { padding: 60px 0px; }
    .industries      { padding: 60px 0px; }
    .surfaces        { padding: 60px 0; }
    .surfaces__list { gap: 30px 16px;}
    .surfaces__name { font-size: 14px;}
    .case-preview    { padding: 60px 0; }

    /* ── Hero ── */
    .hero__container { gap: 16px; margin-bottom: 20px; }
    .hero__media img { height: 200px; object-fit: cover; border-radius: 10px; }
    .hero__title     { font-size: 26px; margin-bottom: 0; }
    .hero__subtitle  { font-size: 16px; margin-bottom: 20px; }
    .hero__badge     { width: 100%; justify-content: center; }
    .hero__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .header {
        border-bottom: 1px solid var(--color-line);
    }
    .hero__actions .btn { justify-content: center; font-size: 14px; padding: 13px 10px; }

    /* Логотипы — бесконечная лента */
    .hero__logos-wrap { display: flex; overflow: hidden; width: 100%; gap: 0; }
    .hero__logos[aria-hidden="true"] { display: flex; }
    .hero__logos {
        display: flex;
        flex-wrap: nowrap;
        flex-shrink: 0;
        width: max-content;
        justify-content: flex-start;
        gap: 0;
        mix-blend-mode: luminosity;
        animation: logos-scroll 14s linear infinite;
    }
    .hero__logos li {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 150px;
        height: 56px;
        padding: 0 13px;
    }
    .hero__logos li img { max-width: 100%; max-height: 100%; object-fit: contain; opacity: .8; }

    /* ── Header burger ── */
    .header__burger { padding: 6px; }

    /* ── CTA ── */
    .cta__title   { font-size: 22px; margin-bottom: 20px;}
    .cta__text    { font-size: 16px; margin-bottom: 30px; }
    .cta__actions {
        align-items: center;
        .btn--yellow {
            /* width: 90%; */
        }
    }
    .btn-text--desktop { display: none; }
    .btn-text--mobile  { display: inline; }

    .see-also__col-title {
        font-size: 16px;
    }
    .see-also__link {
        font-size: 14px;
        font-weight: 500;
    }

    .video-block__play {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .video-block__play svg {
        width: 14px;
        height: 14px;
    }

    /* ── CTA inline ── */
    .cta-inline__bold { font-size: 22px; }
    .cta-inline__body { flex-direction: column; align-items: flex-start; }

    /* ── Benefits ── */
    .benefits__container { gap: 40px; }
    .benefits__header    { gap: 20px; }
    .benefits__text      { font-size: 14px; }
    .benefits--2col .benefits__list { grid-template-columns: 1fr; }
    .benefits__item      { align-items: flex-start; gap: 10px; min-height: 0; padding: 15px; }
    .benefits__item--center {align-items: center;}
    .benefits__icon      { margin-bottom: 5px; flex-shrink: 0; width: 45px;height: 45px; }
    .benefits__item-title { font-size: 16px; margin-bottom: 0; }
    .benefits__item-text  { font-size: 14px; }

    /* ── Vacancy ── */
    .vacancy__header { flex-direction: column; align-items: flex-start; }
    .vacancy__name   { white-space: normal; }

    /* ── Values ── */
    .vacancies-hero {
        padding-top: 15px;
        padding-bottom: 60px;
    }
    .vacancies-hero__title {
        font-size: 26px;
    }
    .vacancies-hero__text {
        font-size: 16px;
    }
    .vacancies-cpt {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .vacancies-cpt__title {
        margin-bottom: 40px;
    }
    .vacancy__name {
        font-size: 20px;
    }
    .vacancy__badge {
        padding: 5px 15px;
        font-size: 16px;
    }
    .vacancy__actions {
        width: 100%;
    }
    .vacancy__actions .btn {
        width: 50%;
    }
    .vacancy {
        padding: 15px;
    }
    .vacancy__info {
        width: 100%;
        justify-content: space-between;
    }

    .vacancy__body {
        padding-top: 0;
        gap: 20px;
        margin-top: 20px;
        border: none;
    }
    .vacancy__section-title {
        font-size: 16px;
    }

    .vacancy__list {
        font-size: 14px;
    }
    .vacancy__section {
        padding: 15px;
    }


    .values              { padding: 60px 0; }
    .values__container   { gap: 40px; }
    .values__header      { gap: 16px; }
    .values__text        { font-size: 14px; }
    .values__list        { flex-direction: column; }
    .values__item        { gap: 10px; padding: 15px; }
    .values__icon        { width: 40px; height: 40px; margin-bottom: 5px; }
    .values__item-title  { font-size: 16px; }
    .values__item-text   { font-size: 14px; }

    /* ── Wysiwyg block ── */
    .wysiwyg-block          { padding: 20px 0 60px; }
    .wysiwyg-block:not(:first-child) {
         padding: 60px 0 60px;
    }
    .wysiwyg-block__body h1 { font-size: 26px; margin-bottom: 15px; }
    .wysiwyg-block__body h2 { font-size: 20px; margin-top: 40px; margin-bottom: 15px; }
    .wysiwyg-block__body h3 { font-size: 18px; margin-bottom: 10px; }
    .wysiwyg-block__body    { font-size: 14px; }
    .wysiwyg-block__body ul, .wysiwyg-block__body ol {
        margin-left: 20px;
    }

    /* ── Resume CTA ── */
    .resume-cta          { padding: 60px 0; }
    .resume-cta__container { gap: 24px; }
    .resume-cta__text    { font-size: 14px; margin-bottom: 20px; }

    /* ── Clients ── */
    .clients__container { gap: 30px; }
    .clients__item  { min-width: 0; flex: 1 1 calc(50% - 10px); }
    .clients__value { font-size: 28px; }
    .clients__label { font-size: 16px; }

    /* ── Proof ── */
    .proof__inner    { gap: 40px; }
    .proof__intro    { font-size: 16px; }
    .proof__value,
    .proof__total-value,
    .proof__total-label { font-size: 26px; }
    .proof__label    { font-size: 22px; font-weight: 700; }
    .proof__desc     { font-size: 14px; }

    /* ── FAQ ── */
    .faq__container { gap: 30px; }
    .faq__question  { font-size: 16px; }
    .faq__answer    { font-size: 14px; }

    /* ── Reviews ── */
    .reviews__container  { gap: 30px; }
    .reviews__row        { flex-wrap: wrap; gap: 0; align-items: center;  position: relative;}
    .reviews__viewport   { order: 0; flex: 0 0 100%; }
    .reviews__btn--prev  { order: 1; position: absolute; bottom: -15px;  left: 0; width: 40px; height: 40px; }
    .reviews__btn--next  { order: 1; position: absolute; bottom: -15px;  right: 0; width: 40px; height: 40px; }
    .reviews__dots       { order: 2; flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; }
    .reviews__dot        { width: 8px; height: 8px; padding: 0; border-radius: 50%; border: none; background: #d0d0d0; cursor: pointer; flex-shrink: 0; transition: background .2s, transform .2s; }
    .reviews__dot.is-active { background: #fff14e; }
    .reviews__btn--next  { order: 3; }
    .reviews__card       { padding: 20px 10px; gap: 20px; }
    .reviews__author     { gap: 12px; flex-direction: column; }
    .reviews__avatar     { width: 64px; height: 64px; }
    .reviews__name       { font-size: 18px; }
    .reviews__position   { font-size: 14px; }
    .reviews__text       { font-size: 15px; }
    .reviews__body       { flex-direction: column; gap: 10px; }
    .reviews__body-inner { gap: 5px; }
    .reviews__quote-icon { width: 20px; height: 20px; }

    /* ── How it works ── */
    .how-it-works__container  { gap: 40px; }
    .how-it-works__container .btn--yellow { display: none;}
    .how-it-works__head       { gap: 20px; }
    .how-it-works__text       { font-size: 14px; }
    .how-it-works__list       { grid-template-columns: 1fr; }
    .how-it-works__step       { min-height: 0; gap: 20px; }
    .how-it-works__step-title { font-size: 16px; font-weight: 600; }
    .how-it-works__step-text  { font-size: 14px; }
    .how-it-works__img        {  object-fit: cover; }
    ul.benefits__list.benefits--2col {
        grid-template-columns: 1fr;
    }

    .how-it-works__num {
        font-size: 20px; font-weight: 600;
    }

    /* ── Features ── */
    .features__container  { gap: 40px; }
    .features__head       { gap: 20px; }
    .features__text       { font-size: 14px; }
    .features__media      { height: 220px; }
    .features__list       { gap: 20px; }
    .features__item       { width: 100%; }
    .features__item-title { font-size: 16px; }
    .features__item-text  { font-size: 14px; }

    /* ── Solutions cards ── */
    .solutions-cards__container { gap: 30px; }
    .solutions-cards__list > li { min-width: 100%; max-width: 100%; }
    .solutions-cards__item      { min-width: 100%; }
    .solutions-cards__name      { font-size: 16px; }
    .solutions-cards__subtitle  { font-size: 14px; }
    .solutions-cards__desc      { font-size: 14px; }
    .solutions-cards__link     { font-size: 14px; }
    .solutions-cards__arrow svg {
        width: 18px;
    }

    /* ── Industries ── */
    .industries__container { gap: 30px; }
    .industries__head      { gap: 16px; }
    .industries__text      { font-size: 16px; }
    .industries__list      { grid-template-columns: 1fr; }
    .industries__name      { font-size: 16px; }
    .industries__desc      { font-size: 14px; }

    /* ── Surfaces ── */
    .surfaces__container { gap: 40px; }

    /* ── Case preview ── */
    .case-preview__container { gap: 30px; }
    .case-preview__body      { flex-direction: column; }
    .case-preview__img,
    .case-preview__blocks    { max-width: 100%; }
    .case-preview__text      { font-size: 16px; }
    .case-preview__block-label { font-size: 16px; }
    .case-preview__block-text  { font-size: 14px; }

    /* ── Case About ── */
    .case-about              { padding: 60px 0; }
    .case-about__container   { gap: 40px; }
    .case-about__title       { font-size: 24px; }
    .case-about__img         { min-width: 0; width: 100%; }
    .case-about__info        { min-width: 0; }

    /* ── Two images ── */
    .two-images__grid { grid-template-columns: 1fr; }

    /* ── Media rows ── */
    .media-rows         { padding: 60px 0; }
    .media-rows__container { gap: 40px; }
    .media-rows__title  { font-size: 22px; }
    .media-rows__text   { font-size: 16px; }
    .media-rows__item-title { font-size: 22px; }
    .media-rows__link {font-size: 14px;}

    /* ── Cards grid ── */
    .cards-grid         { padding: 60px 0; }
    .cards-grid__title  { font-size: 22px; }
    .cards-grid__text   { font-size: 16px; }
    .cards-grid__card-text { font-size: 14px; font-weight: 500; }
    .cards-grid__container {
        gap: 40px;
    }
    .cards-grid__img {
        margin-bottom: 10px;
    }

    /* ── Video block ── */
    .video-block        { padding: 40px 0; }
    .video-block__head  { margin-bottom: 30px; }

    /* ── See also ── */
    .see-also           { padding: 60px 0; }
    .see-also__title    { font-size: 26px; margin-bottom: 40px; }
    .see-also__grid     { grid-template-columns: repeat(2, 1fr); gap: 40px; }

    /* ── Latest articles (updated) ── */
    .latest-articles    { padding: 60px 0; }
    .latest-articles__title { font-size: 26px; }
    .article-card__title    { font-size: 16px; }
    .article-card__more     { font-size: 14px; }

    /* ── Footer ── */
    .footer { padding: 34px 0 30px; }
    .footer__top     { flex-direction: column; }
    .footer__columns { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
    .footer-col__title  { font-size: 16px; margin-bottom: 10px; }
    .footer-col__list a { font-size: 12px; }
    .footer-col__address { font-size: 12px;}
    .footer__legal-list { flex-direction: column;list-style: none;}
    .footer__legal {
        margin-bottom: 20px;
    }
    .footer__brand { width: 162px;}

    /* ── About ── */
    .about-hero, .about-info, .about-spec, .about-facts, .about-timeline,
    .about-team, .about-steps, .about-results { padding: 60px 0; }
    .about-spec__cards    { grid-template-columns: 1fr; }
    .about-hero__title    { font-size: 28px; }
    .about-hero__text     { font-size: 16px; }
    .about-facts__grid    { grid-template-columns: 1fr; }
    .about-team__grid     { grid-template-columns: repeat(2, 1fr); }
    .about-steps__grid    { grid-template-columns: 1fr; }
    .about-timeline__item { display: grid; grid-template-columns: 24px 1fr; grid-template-rows: auto auto; column-gap: 15px; row-gap: 0; }
    .about-timeline__year-col,
    .about-timeline__item:nth-child(even) .about-timeline__year-col { grid-column: 2; grid-row: 1; order: unset; justify-content: flex-start; padding: 0 0 12px; }
    .about-timeline__connector,
    .about-timeline__item:nth-child(even) .about-timeline__connector { grid-column: 1; grid-row: 1 / 3; order: unset; height: auto; align-self: stretch; }
    .about-timeline__connector::before { display: block; }
    .about-timeline__body,
    .about-timeline__item:nth-child(even) .about-timeline__body { grid-column: 2; grid-row: 2; order: unset; background: none; border-radius: 0; padding: 0 0 30px; text-align: left; }
    .about-info__grid     { grid-template-columns: 1fr; }
    .about-info__contact  { font-size: 18px; }
    .about-info__req      { font-size: 16px; }
    .about-info__banner-text {font-size: 14px; }
    .about-info__banner {padding: 15px;}
    .about-fact__value    { font-size: 22px; }
    .about-fact__label    { font-size: 16px; }
    .about-result__title  { font-size: 22px; }
    .about-result__text   { font-size: 16px; }

    /* ── FAQ Page ── */
    .faq-page-hero__container { text-align: center; align-items: center; gap: 20px; margin-bottom: 60px; }
    .faq-page-hero__text { font-size: 16px; }
    .faq-groups { padding: 60px 0; }
    .faq-groups__container { gap: 60px; }
    .faq-group__title { font-size: 22px; margin-bottom: 40px; text-align: center; }

    /* ── HIW Hero ── */
    .hiw-hero { padding: 20px 0 60px; }
    .hiw-hero__container { gap: 20px; }
    .hiw-hero__text { font-size: 16px; }
    .hiw-hero__actions {  align-items: stretch; }
    .hiw-hero__actions .btn { justify-content: center; }

    /* ── HIW TOC ── */
    .hiw-toc { padding: 60px 0; }
    .hiw-toc__title { font-size: 20px; }
    .hiw-toc__link { font-size: 16px; }

    /* ── HIW Data ── */
    .hiw-data { padding: 60px 0; }
    .hiw-data__container { gap: 40px; }
    .hiw-data__intro { font-size: 16px; }
    .hiw-data__list { gap: 40px; }
    .hiw-data__item-title { font-size: 20px; }
    .hiw-data__item-text { font-size: 14px; }
    .hiw-data__item {
        gap: 20px;
    }
    .hiw-monitoring__head {
        gap: 20px;
    }


    /* ── HIW Monitoring ── */
    .hiw-monitoring { padding: 60px 0; }
    .hiw-monitoring__container { gap: 20px; }
    .hiw-monitoring__img:not(:last-child){margin-bottom: 20px;}
    .hiw-monitoring__text { font-size: 16px; }
    .hiw-monitoring__rows { gap: 40px; }
    .hiw-monitoring__row { grid-template-columns: 1fr; gap: 20px; direction: ltr; }
    .hiw-monitoring__row:nth-child(even) { direction: ltr; }
    .hiw-monitoring__row-title { font-size: 22px;  text-align: center;}
    .hiw-monitoring__row-text { font-size: 16px; text-align: center; }

    /* ── HIW Results ── */
    .hiw-results { padding: 60px 0; }
    .hiw-results__container { gap: 40px; }
    .hiw-results__text { font-size: 16px; }
    .hiw-results__item { flex: 0 0 calc(50% - 10px); padding: 15px; }
    .hiw-results__icon { width: 40px; height: 40px; margin-bottom: 15px; }
    .hiw-results__item-title { font-size: 16px; }
    .hiw-results__item-text { font-size: 14px; }

    /* ── HIW Terms ── */
    .hiw-terms { padding: 60px 0; }
    .hiw-terms__container { gap: 40px; }
    .hiw-terms__list { gap: 20px; }
    .hiw-terms__text { font-size: 16px; }

    /* ── HIW Author ── */
    .hiw-author { padding: 60px 0; }
    .hiw-author__title {
        margin-bottom: 20px;
    }
    .hiw-author__container { gap: 20px; }
    .hiw-author__photo { width: 200px; height: 200px; }
    .hiw-author__name { font-size: 16px; }
    .hiw-author__text { font-size: 14px; }

    /* ── line-height унификация ── */
    .benefits__item-text,
    .how-it-works__step-text,
    .features__item-text,
    .solutions-cards__desc,
    .industries__desc,
    .case-preview__block-text { line-height: 1.25; }

    .contacts {
        padding: 20px 0 60px;
    }
    .contacts__desc {font-size: 16px;}
    .contacts__container {gap: 40px;}
    .contacts__card-info p {font-size: 14px;}
    .contacts__card {padding: 15px;}
    .contacts__card-info{gap: 10px;}
    .contacts__tagline {font-size: 14px;}
    .contacts__social-label{font-size: 14px;}
    .footer__social { width: 25px;height: 25px;}
    .contacts__card--yellow .contacts__card-inner p {font-size: 14px;}
    .contacts__card-inner {gap: 10px;}
    .contacts-map {padding: 60px 0;}
    .contacts-map__container{gap: 40px; }
    .contacts-map__address p {font-size: 16px;}
    .contacts-map__address {gap: 10px;}
    .contacts-map__links {gap: 15px;}
    .contacts-cta__container {gap: 40px;}
    .contacts-cta__container .btn--yellow {
        width: calc(100% - 50px);
        border-radius: 10px;
    }
    .contacts-cta__container h2 {
        font-size: 22px;
    }
    .contacts-map__card {
        padding: 15px;
    }
    .pricing-hero {
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .pricing-hero__title {
        margin-bottom: 20px;
    }
    .pricing-hero__text {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .pricing {
        padding-top: 60px;
    }

    .pricing-panel__title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .pricing-panel__text {
        font-size: 16px;
    }

    .pricing-panel__head {
        margin-bottom: 30px;
    }

    .pricing-hero__actions .btn {
        width: 100%;
    }

    .pricing-period {
        margin-bottom: 40px;
    }

    .plan-card__title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .plan-card__desc {
        font-size: 14px;
    }

    .plan-card__header {
        margin-bottom: 0;
    }

    .plan-card {
        gap: 20px;
    }

    .plan-card__price {
        gap: 5px;
    }
    .plan-card__amount {
        margin-bottom: 5px;
    }
    .pricing-plans {
        margin-bottom: 60px;
    }

    .pricing-compare__title {
        font-size: 22px;
        font-weight: 600;
    }

    .pricing-compare__head-cell {
        text-align: left;
    }
    .pricing-compare__tag {
        padding: 3px 10px;
        font-size: 14px;
    }
    .case-about__body {
        flex-direction: column;
    }

    .similar-cases__title {
        font-size: 22px;
        text-align: center;
    }

    /* Single post */
    .post__cat { padding: 5px 10px; border-radius: 100px; font-size: 14px;font-weight: 400;}
    .post__title { font-size: 26px; }
    .post__header { padding: 30px 0 30px; }
    .post__author-avatar {width: 25px;height: 25px;}
    .post__meta-author a {font-size: 14px;}

    .post__meta { gap: 10px 15px; font-size: 14px; }
    .post__cats-wrap { padding: 20px 0 0; }
    .post__excerpt { font-size: 16px; line-height: normal }
    .post__excerpt-wrap {margin-bottom: 20px;}
    .post__thumb-wrap { padding: 0px 0 0px; }
    .post__thumb { max-height: 300px; }
    .toc__title { font-size: 20px; }
    .toc__link { font-size: 16px; }
    .post__body { padding: 20px 0 40px; }
    .decker-post__content { font-size: 15px; }
    .decker-post__content h2 { font-size: 22px; margin: 30px 0 20px; }
    .decker-post__content h3 { font-size: 16px; margin: 30px 0 30px; }
    .post-faq { margin-top: 32px; }
    .post-faq__title { font-size: 24px; margin-bottom: 20px; }
    .post-faq__question { font-size: 16px; }
    .post-faq__item { padding: 12px 12px 16px; }
    .post-sources { padding: 30px 0 0; }
    .post-sources__title { font-size: 16px; }
    .post-actions { padding: 40px 0; }
    .post-actions__inner { flex-direction: column; align-items: flex-start; gap: 24px; }
    .similar-posts { padding: 60px 0; }
    .similar-posts__title { font-size: 22px; }
    .similar-posts__item { flex: 0 0 calc(50% - 10px); }

    /* Blog index */
    .blog-sidebar { padding: 15px; border-radius: 10px;}
    .blog-index { padding: 20px 0 60px; }
    .blog-index__head { gap: 20px; }
    .blog-index__title { font-size: 26px; }
    .blog-index__subtitle { font-size: 16px; }
    .blog-index__layout { flex-direction: column; gap: 40px; }
    .blog-index__grid { grid-template-columns: 1fr; }
    .blog-sidebar { width: 100%; order: -1; }
    .blog-sidebar__cats { gap: 15px; }
    .blog-card--featured .blog-card__img { aspect-ratio: unset; height: 200px; }
    .blog-card__body { padding: 15px 15px; gap: 15px; }
    .blog-card--small .blog-card__body { padding: 0 15px 15px; }
    .blog-card__title { font-size: 16px; font-weight: 400; }
    .blog-card__cat { font-size: 12px; }
    .blog-card__date { font-size: 12px; }
    .blog-card__more { font-size: 14px; }
    .blog-sidebar__post-img { width: 132px; height: 66px; }
    .blog-sidebar__divider {margin: 5px 0;}
    .blog-index__pagination {gap: 10px;}
}

/* ── 480px — Small mobile ────────────────────────────────── */
@media (max-width: 480px) {

    .hero__actions   { grid-template-columns: 1fr 1fr; }
    .footer__columns { grid-template-columns: 1fr 1fr; }
    .clients__item   { flex: 1 1 100%; }

    /* Cases Archive */
    .cases-archive__item { flex: 0 0 100%; }

    /* Case Single */
    .case__container { padding: 20px var(--container-pad) 40px; }
    .case__title { font-size: 22px; }
    .similar-cases__item { flex: 0 0 100%; }

    /* Case About */
    .case-about__title       { font-size: 22px; text-align: center; }
    .case-about__card        { padding: 10px; }
    .case-about__body        { gap: 10px; }
    .case-about__info        { padding: 10px; gap: 8px; }

    /* HIW Results → 1 per row */
    .hiw-results__item { flex: 0 0 100%; }

    /* Surfaces */
    .surfaces__text {
        font-size: 14px;
    }
    .surfaces__card {
        border-radius: 5px;
    }
    .surfaces__img {
        height: auto;
    }

    .case-preview .btn--yellow  {
        width: 100%;
        border-radius: 5px;
    }

    /* Split cards */
    .split-cards__list { grid-template-columns: 1fr; }

    /* Latest articles */
    .latest-articles__list { grid-template-columns: 1fr; }

    /* Cards grid */
    .cards-grid__list { grid-template-columns: 1fr; gap: 30px;}
    .cards-grid .btn--yellow {
        display: none;
    }
    .case-preview__title {
        margin-bottom: 20px;
    }

    .latest-articles__container {
        gap: 40px;
    }

    .article-card__cat {
        font-size: 12px;
    }
    .article-card__link {
        font-size: 16px;
    }
    .article-card__body {
        gap: 15px;
        padding: 15px;
    }
    .article-card__date {
        font-size: 12px;
    }


    /* See also */
    .see-also__grid { grid-template-columns: 1fr; }

    /* Demo page */
    .demo-page__lead {
        text-align: center;
        font-size: 14px;
    }
    .demo-page__title     { font-size: 25px;  text-align: center;}
    .demo-page__badge {
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
    }
    .form__row            { grid-template-columns: 1fr 1fr; }

    /* About */
    .about-hero, .about-info, .about-spec, .about-facts, .about-timeline,
    .about-team, .about-steps, .about-results { padding: 60px 0; }
    .about-hero__title    { font-size: 26px; }
    .about-info__title,
    .about-spec__title,
    .about-facts__title, .about-timeline__title,
    .about-team__title, .about-steps__title,
    .about-results__title { font-size: 22px; }
    .about-spec__text     { font-size: 16px; }
    .about-facts__grid    { grid-template-columns: 1fr; }
    .about-steps__grid    { grid-template-columns: 1fr; }
    .about-info__card     { padding: 15px; }
    .about-info__contact  { font-size: 14px; }
    .about-spec__head {gap: 20px;}
    .about-spec__container {gap: 40px;}
    .about-spec__card-title {font-size: 16px;}
    .about-spec__card-text {font-size: 14px;}
    .about-spec__card-info {gap: 15px;}
    .about-spec__footer {
        margin-top: 25px;
    }
    .about-info__req      { font-size: 14px; }
    .about-fact__value    { font-size: 20px; font-weight: 700; }
    .about-fact__label    { font-size: 16px; }
    .about-timeline__year { font-size: 16px; padding: 5px 15px; }
    .about-timeline__item-title { font-size: 16px; }
    .about-timeline__item-text  { font-size: 14px; margin-bottom: 30px; }
    .about-timeline__item-text:last-child{margin-bottom: 0px;}
    .about-timeline__item:last-child .about-timeline__body {padding-bottom: 0;}
    .about-team__title {margin-bottom: 20px;}
    .about-team__text {font-size: 16px;}
    .about-team__grid {
        grid-template-columns: 1fr;
        max-width: 200px;
        margin: 0 auto;
        gap: 30px;
    }
    .about-member__name   { font-size: 16px; }
    .about-member__role   { font-size: 14px; }
    .about-step__num      { font-size: 16px; }
    .about-step__title    { font-size: 16px; }
    .about-step__text     { font-size: 16px; }
    .about-result__title  { font-size: 20px; }
    .about-result__text   { font-size: 16px; margin-top: 0; }
    .about-steps__text {font-size: 16px;}
    .demo-page__intro {
        gap: 20px;
    }
    .demo-page__benefit-title {
        font-size: 14px;
    }
    .about-step {
       padding: 15px;
    }
    .demo-page__benefit-text {
        font-size: 14px;
    }
    .demo-page__form-wrap .form {
        padding: 20px;
    }

    .about-steps__container {
        margin-bottom: 60px;
    }
    .about-results__container {
        gap: 40px;
    }
    .about-result__title svg {
        width: 28px;
        height: 28px;
    }
    .about-results__list { min-width: 0; }
    .about-result {
        min-width: 0;
        aspect-ratio: 310 / 120;
    }
    .demo-page__privacy {
        font-size: 12px;
    }
    .demo-page {
        padding: 40px 0 60px;
    }
    .about-facts__container {
        gap: 40px;
    }

    .about-fact {
        gap: 10px;
    }

    .breadcrumbs { padding: 25px 0 20px; font-size: 14px; }


    /* Blog/Archive */
    .archive__list { grid-template-columns: 1fr; }
    .related-posts__list, .more-cases__list { grid-template-columns: 1fr; }
    .pricing-plans { grid-template-columns: 1fr; }

    /* Single post */
    .post__title { font-size: 22px; }
    .decker-post__content { font-size: 14px; line-height: normal; }
    .decker-post__content h2 { font-size: 20px; margin: 24px 0 10px; }
    .decker-post__content h3 { font-size: 16px; }
    .post-faq__title { font-size: 20px; }
    .post-faq__num { width: 28px; height: 28px; font-size: 16px; }
    .post-rating { flex-wrap: wrap; gap: 8px; }
    .similar-posts { padding: 60px 0; }
    .similar-posts__item { flex: 0 0 100%; }

    /* Cases Archive */
    .cases-archive { padding: 0px 0 60px; }
    .cases-archive__container { gap: 30px; }
    .cases-archive__filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -ms-overflow-style: none; scrollbar-width: none; }
    .cases-archive__filters::-webkit-scrollbar { display: none; }
    .cases-archive__item { flex: 0 0 calc(50% - 10px); }
    .case-card__title { font-size: 16px; }

    /* Case About */
    .case-about__text { font-size: 14px; }

    /* Case Single */
    .case__title { font-size: 28px; }
    .similar-cases { padding: 60px 0; }
    .case-card {border-radius: 10px; }

    /* Question page */
    .question-page { padding: 20px 0 60px 0; }
    .question-page__title { font-size: 22px; }
    .question-page__lead { font-size: 16px; }
    .question-page__form-wrap .form {padding: 20px; border-radius: 20px;}
    .question-page__form-wrap .form__label {
        font-size: 14px;
    }
    .custom-select__value {
        font-size: 14px;
    }

    .question-page__form-wrap .form__input {
        font-size: 14px;
    }
    .custom-select__option {
        font-size: 14px;
        padding: 8px 16px;
    }
    .custom-select__dropdown {
        padding: 0;
    }

    /* Resume page */
    .resume-page { padding: 20px 0 60px 0; }
    .resume-page__title { font-size: 26px; }
    .resume-page__lead { font-size: 16px; }
    .resume-page__form-wrap .form { padding: 20px; border-radius: 20px; }
    .resume-page__form-wrap .form__label { font-size: 14px; }
    .resume-page__form-wrap .form__input { font-size: 14px; }
    .resume-upload__btn { font-size: 14px; }
    .resume-page__head {
        gap: 20px;
    }
    .resume-page__container {
        gap: 40px;
    }
    .resume-page__privacy {
        font-size: 12px;
    }
    .question-page__privacy {
        font-size: 12px;
    }

}