/* =============================================================================
   Мобилен слой — Figma 15:2490 „mobile homepage" (390 × 9811), четено 10.08.2026.
   Зарежда се ПОСЛЕДЕН, за да надделява над секционните файлове.

   Рамката е 390px, страничното поле е 15px → работна ширина 360px навсякъде.
   Мобилният дизайн е самостоятелен, а не стеснен десктоп: навигацията е
   хамбургер, hero-ът е центриран, бутоните са на цяла ширина един под друг,
   а „Трите стъпки" е хоризонтален скролер вместо решетка.

   Мобилна типографска скала (Figma „Heading Mobile/*" + „Body/*"):
     H1 38/1.2 ls 0      H2 30/1.2 ls 0.6px    H4 24/1.2    H5 20/1.2
     Body L 17/1.5       Body M 16/1.5         caption-XL 14/1.4 ls 1.96px
     Button M 15/1.2 ls 0.3px
   ============================================================================= */
@media (max-width: 47.9375em) {

  /* --- Общи: контейнери и поле 15px ---------------------------------------- */
  .hero-top,
  .result-inner,
  .whatis-inner,
  .steps-inner,
  .about-inner,
  .tiers-inner,
  .proof-inner,
  .faq-inner,
  .contact-inner {
    max-width: none;
    width: 100%;
    padding-inline: 0.9375rem; /* 15px */
  }

  /* --- Бутони: цяла ширина, 46px, 15px SemiBold ---------------------------- */
  .btn {
    width: 100%;
    height: 2.875rem; /* 46px */
    padding: 0.75rem 1.25rem; /* 12 / 20 */
    gap: 0.5rem;
    border-radius: 0.875rem; /* 14px */
    font-size: 0.9375rem; /* 15px */
    line-height: 1.2;
    letter-spacing: 0.3px;
    white-space: nowrap;
  }

  /* --- Заглавия: мобилната скала ------------------------------------------- */
  .result-heading,
  .whatis-heading,
  .steps-heading,
  .tiers-heading,
  .proof-heading,
  .contact-heading,
  .faq-heading,
  .about-name {
    font-size: 1.875rem; /* 30px */
    line-height: 1.2;
    letter-spacing: 0.6px;
    max-width: none;
  }

  .faq-heading {
    line-height: 1.1; /* дизайн 15:2875 */
    letter-spacing: 0;
  }

  /* --- Eyebrow: иконата е 14px, не 18px ----------------------------------- */
  .result-eyebrow img,
  .whatis-eyebrow img,
  .steps-eyebrow img,
  .tiers-eyebrow img,
  .proof-eyebrow img,
  .contact-eyebrow img,
  .about-eyebrow-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .result-eyebrow,
  .whatis-eyebrow,
  .steps-eyebrow,
  .tiers-eyebrow,
  .proof-eyebrow,
  .contact-eyebrow {
    width: auto;
    white-space: normal;
  }

  /* =========================================================================
     HERO — 15:2491, 390 × 758
     ========================================================================= */
  .hero {
    /* дизайнът е фиксиран на 758px; десктопното 100vh не важи тук */
    min-height: 47.375rem;
    height: 47.375rem;
    /* дизайн 15:2491: воалът е плосък черен 51%, без оранжевия градиент */
    --gradient-hero-overlay: linear-gradient(rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51));
    /* кадърът по дизайн: 1512×844 при отместване −593 по хоризонтала */
    background-size: 100% 100%, 1512px 844px;
    background-position: 0 0, -593px 0;
  }

  .hero-top {
    padding: 1.125rem 0.9375rem 0; /* дизайн 15:2506: логото е на y=18 */
    /* таблетният блок прави .hero-top колона; flex-start по напречната ос
       свиваше нава до съдържанието му вместо до пълните 360px */
    align-items: stretch;
  }

  .hero-logo img {
    width: auto;
    height: 3rem; /* 48px */
  }

  /* Навигационните връзки падат — на мобилно има хамбургер + профил */
  .hero-nav-links,
  .hero-nav-actions .btn {
    display: none;
  }

  /* Хапчето е само десктопно: тук логото и двата бутона са в двата края */
  .hero-nav {
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .hero-nav-actions {
    display: flex;
    gap: 0.75rem;        /* дизайн: 275→331 при 44px бутон = 12px */
    margin-top: 0.125rem; /* бутоните са на y=20, логото на y=18 */
  }

  .hero-nav-iconbtn,
  .hero-nav-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem; /* 10px */
    border: 0;
    border-radius: 0.5rem; /* 8px */
    background: rgba(57, 57, 57, 0.4);
    cursor: pointer;
  }

  .hero-body {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    /* дизайн 15:2493: заглавие → лийд е 12px; 36-те са между текстовата
       група и бутоните и живеят на .hero-side */
    gap: 0.75rem;
    /* полето е padding, а не фиксирана ширина: при 390px дава точно 360px
       по дизайна, но продължава да се разтяга нагоре до 767px */
    width: auto;
    padding-block: 0; /* гаси 48-те от таблетния слой на hero.css */
    padding-inline: 0.9375rem;
  }

  .hero-title {
    font-size: 2.375rem; /* 38px */
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); /* дизайн 15:2494 */
    width: 100%;
    max-width: none;
  }

  /* Десктопният ръчен пренос не важи за 38px в 360px */
  .hero-title br {
    display: none;
  }

  .hero-side {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    width: 100%;
    max-width: none;
  }

  .hero-lead {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.5;
    text-align: center;
    max-width: none;
  }

  .hero-cta {
    flex-direction: column;
    gap: 0.75rem; /* 12px */
    width: 100%;
  }

  /* =========================================================================
     РЕЗУЛТАТ — 15:2520, 360 × 645 (отгоре 34px)
     ========================================================================= */
  .result {
    padding: 2.125rem 0 4rem; /* дизайн 15:2520: 34px горе, 64px долу */
  }

  .result-inner {
    flex-direction: column;
    gap: 1rem; /* дизайн 15:2521: 16px */
  }

  .result-eyebrow,
  .result-content {
    width: 100%;
  }

  .result-content {
    gap: 1.5rem;
  }

  .result-intro {
    gap: 0.625rem; /* дизайн 15:2528: 10px */
  }

  .result-heading {
    max-width: 19.4375rem; /* 311px (15:2529) */
  }

  .result-accent {
    font-weight: 400; /* мобилно: Argent CF Regular Italic */
  }

  .result-lead {
    font-size: var(--text-body-l); /* дизайн 15:2530: 17px */
    max-width: 21.625rem;          /* 346px */
  }

  .result-stats {
    /* дизайн 15:2531: 796px ред в 390px рамка → хоризонтален скролер */
    flex-direction: row;
    align-items: flex-start;
    gap: 1.0625rem; /* дизайн 15:2531: 17px */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: -0.9375rem;
    padding-inline: 0.9375rem;
  }

  .result-stats::-webkit-scrollbar {
    display: none;
  }

  .result-stat {
    flex: 0 0 15.875rem; /* 254px (15:2532) */
    gap: 0.5rem;         /* 8px число → текст */
    scroll-snap-align: start;
  }

  .result-stat-text {
    gap: 0.5rem; /* 8px (15:2534) */
  }

  .result-stat:last-child .result-stat-desc {
    max-width: none;
  }

  .result-number {
    font-size: 3rem; /* дизайн: 48px */
  }

  .result-stat-title {
    font-size: 1.25rem; /* H5 20px */
  }

  /* =========================================================================
     КАКВО Е L2H — 15:2549, 360 × 864; картата е 360 × 800
     ========================================================================= */
  .whatis {
    padding: 0 0 4rem; /* pb-64 */
  }

  .whatis-panel {
    gap: 2rem;    /* 32px */
    padding: 0.75rem; /* 12px, не 32 */
    border-radius: 1rem; /* 16px */
  }

  .whatis-top {
    flex-direction: column;
    gap: 1.25rem; /* 20px eyebrow → текст */
    align-items: stretch;
  }

  .whatis-text {
    width: 100%;
    gap: 1rem; /* 16px */
  }

  .whatis-lead {
    margin: 0;
    max-width: none;
    font-size: 1rem; /* Body M */
  }

  .whatis-actions {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }

  .whatis-media {
    width: 100%;
    height: 18.25rem; /* 292px */
    border-radius: 0.875rem; /* 14px */
  }

  .whatis-play {
    width: 6.25rem;  /* 100px */
    height: 6.25rem;
  }

  /* =========================================================================
     ТРИ СТЪПКИ — 15:2575, 360 × 708.
     Редът със стъпките остава хоризонтален (1110px в 360px рамка) → скролер.
     ========================================================================= */
  /* Секцията няма собствен вертикален padding — 64-те са вътре в решетката */
  .steps {
    padding: 0;
  }

  .steps-head {
    padding: 0 0 1.5rem; /* pb-24 */
    max-width: none;
  }

  .steps-head > * {
    max-width: none;
  }

  .steps-grid {
    flex-direction: row; /* дизайн 15:2585: ред от 1110px, не стълб */
    align-items: flex-start;
    gap: 1.5rem; /* 24px */
    padding: 0 0 4rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* скролерът излиза до ръба на екрана, а не спира на полето от 15px */
    margin-inline: -0.9375rem;
    padding-inline: 0.9375rem;
  }

  .steps-grid::-webkit-scrollbar {
    display: none;
  }

  .steps-step {
    flex: 0 0 22.5rem; /* 360px карта */
    width: 22.5rem;
    gap: 0.875rem; /* 14px */
    scroll-snap-align: start;
  }

  .steps-step-head {
    gap: 0.5rem; /* 8px */
  }

  .steps-step-text {
    gap: 0.5rem;
  }

  .steps-step-title {
    font-size: 1.5rem; /* H4 24px */
    line-height: 1.2;
  }

  .steps-step-desc {
    font-size: 1rem;
  }

  .steps-photo {
    height: 15.125rem; /* 242px */
    aspect-ratio: auto;
    border-radius: 0.5rem; /* 8px */
  }

  /* =========================================================================
     ЗА НАС — 15:2614, 357 × 1161 (портретът и текстът един под друг)
     ========================================================================= */
  .about {
    padding: 0 0 4rem; /* дизайн 15:2614: без горен padding */
  }

  .about-inner {
    flex-direction: column;
    gap: 1rem; /* дизайн: портретът започва на y=673 при текст 657 */
  }

  .about-text,
  .about-portrait {
    width: 100%;
    max-width: none;
  }

  /* дизайн 15:2618: главата е 8/6, после 16 до биото и 13 до подписа —
     десктопният общ ритъм 38 с отрицателните margin-и се гаси изцяло */
  .about-text {
    gap: 0;
  }

  .about-name {
    margin: 0.5rem 0 0; /* 8px под eyebrow реда */
  }

  .about-role {
    margin: 0.375rem 0 0;   /* 6px */
    font-size: 0.9375rem;   /* дизайн 15:2628: 15px */
  }

  .about-bio {
    margin-top: 1rem; /* 16px */
    font-size: 1rem;
  }

  .about-bio p:first-child {
    max-width: none;
  }

  .about-signature {
    margin-top: 0.8125rem; /* 13px */
  }

  /* дизайн 15:2636: 357 × 424 — кутията държи пропорцията, снимката
     я запълва абсолютно (иначе собственото ѝ 924 × 1276 я разпъва) */
  .about-portrait {
    position: relative;
    aspect-ratio: 357 / 424;
    margin: 0;
    overflow: clip;
    border-radius: var(--radius-lg);
  }

  .about-portrait img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
  }

  /* кантът 15:2635 присъства и на мобилно: 365 × 421 с връх −8 */
  .about-portrait::after {
    display: block;
    top: -0.5rem;
    left: 0;
    width: calc(100% + 0.5rem);
    height: calc(100% - 0.1875rem);
  }

  /* =========================================================================
     НИВА — 15:2637, 360 × 1868: трите карти една под друга
     ========================================================================= */
  .tiers-head {
    max-width: none;
  }

  .tiers-grid {
    flex-direction: column;
    gap: 1rem; /* дизайн 15:2653: 16px */
  }

  .tier {
    width: 100%;
    max-width: none;
    gap: 1.25rem;       /* 20px между главата и CTA блока */
    padding: 1.25rem;   /* 20px (15:2654) */
    border-radius: 2rem; /* 32px */
  }

  /* десктопното тяло носи свои 24px — на мобилно картата вече има 20 */
  .tier-body {
    padding: 0;
  }

  .tier-head {
    gap: 1rem; /* 16px */
  }

  .tier-title {
    font-size: 1.5rem; /* H4 24px */
    line-height: 1.2;
  }

  .tier-price,
  .tier-price-lg {
    font-size: 1.25rem; /* H5 20px */
    line-height: 1.2;
  }

  .tier-desc {
    font-size: 1rem;
    line-height: 1.5;
  }

  .tier-body {
    gap: 1.25rem; /* 20px бутон → списък */
  }

  .tier-features {
    gap: 0.5rem; /* 8px */
  }

  .tier-features li {
    gap: 0.75rem; /* 12px икона → текст */
    font-size: 1rem;
    line-height: 1.5;
  }

  .tier-features img {
    width: 1.125rem; /* 18px */
    height: 1.125rem;
  }

  .tier-cta .btn,
  .tiers-bottom .btn {
    width: 100%;
    height: 3rem; /* дизайн: 48px в картите, не 46 */
  }

  /* Мобилният борд 15:2637 съдържа САМО трите карти: годишната програма и
     картата „Няма грешен избор" ги няма. Скрити, не изтрити — връщат се
     с махане на това правило, ако Възложителят реши друго. */
  .tiers-bottom {
    display: none;
  }

  /* Мобилният акордеон 15:2877 показва първите шест въпроса. */
  .faq-item:nth-child(n + 7) {
    display: none;
  }

  .tier-badge,
  .tier-badge-corner {
    padding: 0.375rem;      /* 6px */
    border-radius: 0.5rem;  /* 8px */
  }

  .tier-badge img,
  .tier-badge-corner img {
    width: 1.25rem; /* 20px */
    height: 1.25rem;
  }

  /* =========================================================================
     КАКВО ПОЛУЧАВАТЕ — 15:2795, 360 × 1334
     ========================================================================= */
  /* 64-те са вътре в решетката, не на секцията (дизайн 15:2795) */
  .proof {
    padding: 0;
  }

  .proof-head {
    max-width: none;
    padding: 0 0 1.5rem;
  }

  .proof-head {
    gap: 0.75rem;         /* дизайн 15:2798: eyebrow → H2 е 12px */
    padding: 0 0 0.625rem; /* 10px до CTA (15:2805 е на y=114) */
  }

  .proof-grid {
    flex-direction: column;
    gap: 1rem; /* дизайн 15:2806: 16px между картите */
    /* 15:2795 свършва точно с последната карта — FAQ носи горните си 64 */
    padding: 0;
  }

  /* колоните се разтварят: децата им стават директни елементи на стълба,
     за да следват реда от борда — CTA, score, спирачка, план */
  .proof-left,
  .proof-right {
    display: contents;
  }

  .proof-cta {
    order: -1;
    margin: 0 0 0.5rem; /* CTA → карти: 24px при gap 16 */
  }

  .proof-card,
  .proof-card-wide {
    width: 100%;
    max-width: none;
  }

  /* дизайн: 368 / 382 / 368 */
  .proof-card-score {
    height: 23rem;
  }

  .proof-card-wide {
    height: 23.875rem;
  }

  /* картите остават DOM деца на колоните и при display: contents */
  .proof-right .proof-card-wide:last-of-type {
    height: 23rem;
  }

  /* текстовите блокове са на 15/15 при ширина 330 (15:2809) */
  .proof-card-text,
  .proof-card-text-brake,
  .proof-card-text-plan {
    top: 0.9375rem;
    left: 0.9375rem;
    right: 0.9375rem;
    max-width: none;
    height: auto;
    gap: 0.5rem;
    justify-content: flex-start;
  }

  .proof-card-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .proof-card-desc {
    font-size: 1rem;
    max-width: none;
  }

  /* надписът L2H Score ляга върху гейджа, центриран (15:2817) */
  .proof-wordmark {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    width: 7.8rem;
    height: 1.25rem;
    margin: 0;
  }

  /* =========================================================================
     FAQ — 15:2873. Акордеон с рамки #2B2B2B, въпрос 20px, py-12.
     ========================================================================= */
  .faq {
    padding: 4rem 0 0; /* контейнерът 15:2872 е py-64 */
  }

  .faq-inner {
    gap: 1.25rem; /* 20px */
  }

  .faq-intro {
    gap: 0.75rem; /* 12px */
  }

  .faq-lead {
    font-size: 1.0625rem; /* Body L 17px */
    line-height: 1.5;
    max-width: none;
  }

  .faq-list {
    border-bottom: 1px solid var(--color-divider);
  }

  .faq-item {
    border-top: 1px solid var(--color-divider);
    padding: 0.75rem 0; /* py-12 */
  }

  .faq-question {
    gap: 1.5rem;
    padding-block: 0; /* редът py-12 е на .faq-item (15:2879) */
    font-size: 1.25rem; /* H5 20px */
    line-height: 1.2;
  }

  .faq-toggle {
    flex-shrink: 0;
    width: 1.75rem;  /* 28px */
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.21875rem; /* 3.5px */
    background: var(--color-divider);
  }

  .faq-answer {
    padding: 0.75rem 0 0;
  }

  .faq-answer p {
    max-width: 21.4375rem; /* 343px (15:2886) */
    font-size: 1rem; /* Body M */
    line-height: 1.5;
  }

  .faq-toggle img {
    width: 0.84375rem; /* хевронът в 28px кутия е 13.5 × 7.8 */
    height: 0.4875rem;
  }

  .faq-decor {
    display: none;
  }

  /* =========================================================================
     КОНТАКТИ — 15:2912. Формата е карта p-12/r-16, подчертани полета.
     ========================================================================= */
  .contact {
    padding: 5rem 0 4rem; /* gap 80 от FAQ + долен py-64 на контейнера */
  }

  .contact-inner {
    flex-direction: column;
    gap: 0.75rem; /* 12px */
  }

  .contact-info,
  .contact-form {
    width: 100%;
    max-width: none;
  }

  /* дизайн 15:2914: eyebrow →12→ заглавие →8→ лийд →24→ колаж */
  .contact-info {
    gap: 0;
  }

  .contact-eyebrow {
    margin: 0;
  }

  .contact-heading {
    margin: 0.75rem 0 0;
    letter-spacing: 0; /* 15:2922 е без tracking */
  }

  .contact-lead {
    margin: 0.5rem 0 0;
    font-size: 1.125rem; /* 18px */
    line-height: 1.4;
    max-width: none;
  }

  /* колажът е абсолютна композиция 359 × 237 (15:2924), не стълб */
  .contact-collage {
    position: relative;
    display: block;
    width: 100%;
    height: 14.8125rem; /* 237px */
    margin-top: 1.5rem;
  }

  .contact-collage img,
  .contact-hint {
    position: absolute;
  }

  .contact-collage-arrow-a {
    display: block;
    left: 7.16%;
    top: 3rem;
    width: 4.3125rem; /* 69px */
    height: auto;
  }

  .contact-collage-arrow-b {
    display: block;
    left: 32.03%;
    top: 6.875rem;
    width: 4.0625rem; /* 65px */
    height: auto;
  }

  .contact-hint {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .contact-hint-a { left: 0; top: 0; width: 87.24%; }
  .contact-hint-b { left: 26.25%; top: 3.875rem; width: 73.75%; }

  .contact-hint-c {
    left: 29.53%;
    top: 8.125rem;
    width: 54.56%;
    flex-direction: column;
    gap: 0.3125rem;
    text-align: center;
  }

  .contact-hint img {
    position: static;
    width: 3rem; /* 48px */
    height: 3rem;
  }

  .contact-hint p {
    margin: 0;
    font-size: 0.9375rem; /* 15px */
    line-height: 1.2;
  }

  .contact-form {
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 1rem;
  }

  .contact-field label {
    font-size: 1.1875rem; /* 19px, Argent CF Light */
  }

  .contact-field-message textarea {
    min-height: 8.75rem;
  }

  .contact-consents {
    gap: 0.375rem; /* 6px */
  }

  .contact-consent {
    gap: 0.5625rem; /* 9px */
  }

  .contact-consent span {
    font-size: 0.75rem; /* 12px */
    font-weight: 500;
    line-height: 1.2;
  }

  .contact-consent input[type="checkbox"] {
    width: 0.875rem; /* 14px */
    height: 0.875rem;
    flex-shrink: 0;
  }

  .contact-submit {
    width: 9.75rem; /* 156px — единственият бутон, който НЕ е на цяла ширина */
  }

  /* =========================================================================
     ФУТЪР — 15:2974, 390 × 609
     ========================================================================= */
  /* =========================================================================
     ФУТЪР — 15:2974, 390 × 609. Мобилният вариант е акордеон: колоните са
     само заглавия с бутон, социалната колона отпада, кредитите са центрирани
     на три реда.
     ========================================================================= */
  .footer {
    gap: 1.5rem;          /* дизайн: 24px до надписа */
    padding: 3rem 0 0;    /* съдържанието започва на y=48 */
  }

  .footer-inner {
    gap: 1.5rem;
    padding-inline: 0.9375rem; /* 15px */
  }

  .footer-top {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem; /* 24px */
  }

  .footer-brand,
  .footer-columns {
    width: 100%;
    max-width: none;
  }

  .footer-brand {
    gap: var(--space-4); /* 16px */
  }

  .footer-mark {
    width: auto;
    height: 3rem; /* 48px (дизайн 15:2980) */
  }

  .footer-brand p {
    width: 100%;
    font-size: 1rem; /* Body M */
  }

  .footer-contact-row {
    gap: 0.75rem;        /* дизайн 15:2983: 12px */
    font-size: 0.9375rem; /* Body S: 15px */
  }

  /* десктопният фикс от 535px не важи в 360px колона */
  .footer-contact-row span {
    width: auto;
  }

  .footer-main {
    gap: 2.25rem; /* 36px до разделителя */
  }

  /* Колоните стават акордеонни редове: само заглавие + бутон */
  .footer-columns {
    flex-direction: column;
    gap: 1.25rem; /* дизайн 15:2994: 20px */
    min-height: 0;
  }

  .footer-column {
    flex: none;
    width: 100%;
    gap: 0;
  }

  .footer-column ul,
  .footer-column-social {
    display: none; /* връзките са скрити зад акордеона (15:2995…15:3006) */
  }

  .footer-column h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 1.2;
  }

  .footer-column h3::after {
    content: "";
    flex-shrink: 0;
    width: 1.75rem;  /* 28px */
    height: 1.75rem;
    border-radius: 0.21875rem; /* 3.5px */
    background: var(--color-divider) url("../img/icon-chevron.svg") center no-repeat;
    background-size: 0.84375rem 0.4875rem; /* 13.5 × 7.8 */
    transform: rotate(180deg); /* свит ред → стрелка надолу (15:2997) */
  }

  .footer-credits {
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;      /* 6px */
    margin-top: -1.375rem; /* 36 → 14 след разделителя */
  }

  .footer-credits p,
  .footer-legal p {
    font-size: var(--text-xs); /* 12px */
    text-align: center;
  }

  .footer-legal {
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
  }

  .footer-dot {
    display: none; /* точката е само в десктопния ред */
  }

  .footer-wordmark {
    width: 100%;
    height: 1.8375rem; /* 29.384px */
  }

  /* =========================================================================
     БЛОГ — списък (26:3373) и статия (30:3784)
     ========================================================================= */
  .blog-top {
    padding: 0.9375rem 0.9375rem 0; /* дизайн 30:3787: навът е на y=15 */
  }

  .blog {
    padding: 3rem 0 4rem;
  }

  .blog-inner {
    gap: 3rem;
    padding-inline: 0.9375rem;
  }

  .blog-heading {
    font-size: 1.875rem; /* mobile H2: 30px */
    line-height: 1.2;
  }

  .blog-lead {
    font-size: 1rem;
  }

  /* решетката пада в колона; препоръчаната става обикновена карта */
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 2.25rem; /* дизайн 30:3880: 36px */
  }

  .blog-card-wide {
    flex-direction: column;
    gap: var(--space-6);
  }

  .blog-card-wide .blog-card-media {
    width: 100%;
    aspect-ratio: 616 / 346.5;
  }

  .blog-card-wide .blog-card-body {
    padding-left: 0;
  }

  .blog-card-title h3 {
    font-size: 1.75rem; /* mobile H3: 28px (30:3891) */
    line-height: 1.2;
    letter-spacing: 0.02em;
  }

  .blog-card-title p {
    font-size: 1rem; /* 16px */
  }

  .blog-card-more {
    font-size: 0.9375rem; /* 15px */
  }

  /* --- Статия -------------------------------------------------------------- */
  .post {
    padding: 3rem 0 0; /* дизайн 30:3800: съдържанието е на y=111 при нав 63 */
  }

  .post-inner,
  .post-layout,
  .post-more {
    padding-inline: 0.9375rem;
  }

  .post-back {
    margin-bottom: 2rem; /* 56 − 24 ред */
  }

  .post-title {
    font-size: 2.375rem; /* mobile H1: 38px */
    line-height: 1.2;
  }

  .post-headline {
    margin-bottom: 2rem; /* дизайн: корицата е на 32px под блока */
  }

  .post-cover {
    aspect-ratio: 360 / 202;
  }

  .post-hero {
    gap: 1.5rem; /* 24px */
  }

  .post-author-name {
    font-size: 1.5rem; /* 24px */
  }

  .post-share-btn {
    width: 1.75rem;  /* 28px */
    height: 1.75rem;
  }

  .post-share-btn img {
    width: 1.3125rem; /* 21px */
    height: 1.3125rem;
  }

  /* текстът и CTA картата падат в колона */
  .post-layout {
    flex-direction: column;
    gap: 4rem; /* 64px до картата */
    padding-block: 3rem 0;
  }

  .post-body {
    font-size: 1rem; /* 16px */
    gap: 0.75rem;    /* 12px между абзаците */
  }

  .post-body h2 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.2;
  }

  .post-body h3 {
    font-size: 1.5rem;
  }

  .post-cta {
    flex: none;
    width: 100%;
    padding: 0.875rem; /* дизайн 30:3862: 14px */
  }

  .post-cta-title {
    line-height: 1.2;
  }

  .post-cta-text {
    font-size: 1rem;
  }

  .post-more {
    gap: 3rem;
    padding-block: 4rem 0;
  }

  .post-more-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .post-more-heading {
    font-size: 1.875rem; /* 30px */
  }

  .post-more-text {
    font-size: 1rem;
  }

  .post-more-grid {
    grid-template-columns: 1fr;
    gap: 2.25rem; /* 36px */
  }

  /* =========================================================================
     ЗА НАС — 34:4445: всичко в колона при поле 15px
     ========================================================================= */
  .ab-inner,
  .ab-final-inner {
    padding-inline: 0.9375rem;
  }

  .ab-hero {
    padding: 2rem 0 6rem;
  }

  .ab-hero-title {
    font-size: 2.375rem; /* mobile H1: 38px */
    line-height: 1.2;
  }

  .ab-hero-lead {
    font-size: 1rem;
  }

  .ab-hero-circles {
    width: 40rem;
    top: -4rem;
    right: -14rem;
  }

  .ab-hero-glow {
    display: none;
  }

  .ab-heading {
    font-size: 1.875rem; /* mobile H2: 30px */
    line-height: 1.2;
  }

  .ab-eyebrow img {
    width: 0.875rem;
    height: 0.875rem;
  }

  .ab-cta-btn {
    width: 100%;
  }

  .ab-logos-row {
    width: auto;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-inline: 0.9375rem;
  }

  .ab-logo-placeholder {
    width: 8.75rem;
    height: 3rem;
    font-size: 1.125rem;
  }

  .ab-split,
  .ab-story .ab-inner,
  .ab-values-head {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
  }

  .ab-split-head,
  .ab-split-text,
  .ab-story-left,
  .ab-timeline {
    max-width: none;
  }

  .ab-split-text,
  .ab-story-text,
  .ab-step-body p {
    font-size: 1rem;
  }

  .ab-process {
    height: auto;
    min-height: 24rem;
    padding: 0.875rem;
  }

  .ab-process-cards {
    flex-direction: column;
    gap: 0.75rem;
  }

  .ab-step-body h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .ab-founder {
    min-height: 0;
    padding-bottom: 3rem;
  }

  .ab-founder-photo {
    position: relative;
    width: 100%;
    height: 24rem;
    inset: auto;
  }

  .ab-founder-photo::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #070708 98%);
  }

  .ab-founder-content {
    width: 100%;
    margin: 0;
    padding: 1.5rem 0.9375rem 0;
  }

  .ab-founder-name h2 {
    font-size: 1.875rem; /* 30px */
  }

  .ab-founder-bio {
    font-size: 1rem;
  }

  .ab-founder-stats {
    flex-direction: column;
  }

  .ab-values {
    padding: 4rem 0;
  }

  .ab-values-grid {
    grid-template-columns: 1fr;
  }

  .ab-value {
    grid-column: auto;
    grid-row: auto;
    min-height: 0;
    gap: 1rem;
  }

  .ab-value h3 {
    min-height: 0;
  }

  .ab-value p {
    font-size: 1rem;
  }

  .ab-final {
    padding: 2rem 0 4rem;
  }

  /* =========================================================================
     МЕТОДИКАТА — мобилен борд няма; следва системата на сайта
     ========================================================================= */
  .meth-hero {
    height: auto;
    padding-bottom: 3rem;
  }

  .meth-hero-art {
    width: 100%;
    height: 100%;
    max-width: none;
  }

  .meth-hero-glow-a,
  .meth-hero-glow-b {
    display: none;
  }

  .meth-hero-title {
    margin-top: 3rem;
    font-size: 2.375rem; /* mobile H1 */
    line-height: 1.2;
  }

  .meth-hero-lead {
    font-size: 1rem;
  }

  .meth-quest-row {
    flex-direction: column;
    gap: 1.5rem;
  }

  .meth-quest-media {
    width: 100%;
    height: 24rem;
  }

  .meth-quest-col {
    max-width: none;
    padding-top: 0;
  }

  .meth-quest-col .ab-eyebrow {
    margin-bottom: 1rem;
  }

  .meth-quest-text {
    font-size: 1rem;
  }

  .meth-six-grid {
    grid-template-columns: 1fr;
  }

  .meth-cat-text p {
    font-size: 1rem;
  }

  .meth-flow-head {
    flex-direction: column;
    gap: 1.5rem;
  }

  .meth-flow-head-left {
    max-width: none;
  }

  .meth-flow-lead {
    margin-top: 0;
    font-size: 1rem;
  }

  .meth-steps {
    flex-direction: column;
    gap: 2rem;
    padding-left: 0;
  }

  .meth-steps::before {
    display: none;
  }

  .meth-step {
    width: 100%;
  }

  .meth-step-text {
    min-height: 0;
  }

  .meth-step-text p {
    font-size: 1rem;
  }

  .meth-card {
    margin-top: 1rem;
  }
}