/* Мобильный слой поверх дизайна: не трогает десктоп, чинит телефоны. */

/* Широкие карусели/бегущие строки не должны распирать страницу */
[data-screen-label]{overflow-x:clip}
html,body{overflow-x:clip;max-width:100vw}

/* ---------- Бургер-меню (живёт на body, состояние на html) ---------- */
.bl-burger{display:none}
.bl-mnav{display:none}
@media (max-width:960px){
  .bl-burger{
    position:fixed;top:14px;right:14px;z-index:700;
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    width:52px;height:52px;border:0;border-radius:999px;background:#fff;cursor:pointer;
    box-shadow:0 6px 20px rgba(67,24,201,.14);
  }
  .bl-burger span{display:block;width:20px;height:2.2px;border-radius:2px;background:#1a1333;transition:transform .2s,opacity .2s}
  html.bl-open .bl-burger span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}
  html.bl-open .bl-burger span:nth-child(2){opacity:0}
  html.bl-open .bl-burger span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}
  .bl-mnav{
    position:fixed;left:12px;right:12px;top:78px;z-index:690;
    background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(40,20,120,.22);
    padding:12px;flex-direction:column;gap:2px;
  }
  html.bl-open .bl-mnav{display:flex}
  .bl-mnav a{
    display:block;text-decoration:none;color:#1a1333;font:600 16px 'Manrope',sans-serif;
    padding:13px 16px;border-radius:14px;
  }
  .bl-mnav a:active,.bl-mnav a:hover{background:#F5F2FC;color:#1a1333}
  .bl-mnav a.bl-mnav-cta{background:#4318C9;color:#fff;text-align:center;margin-top:8px}
  .bl-mnav a.bl-mnav-demo{text-align:center;color:#4318C9}
  /* свои кнопки шапки прячем — они в бургере (селектор без классов: React их не вернёт) */
  [data-screen-label="Шапка"] div:has(> a[href^="https://my.blaber.ai"]){display:none !important}
}

/* ---------- Телефон: сетки в колонку, дыхание ---------- */
@media (max-width:760px){
  .bl-fixwrap{flex-wrap:wrap !important;row-gap:14px}
  .bl-fixwrap > a{max-width:100%}
}
@media (max-width:720px){
  /* дети сеток не растягиваются на несколько колонок/рядов — иначе наезды */
  [style*="grid-template-columns"] > *{grid-column:auto !important;grid-row:auto !important}
  /* просторные баннеры и карточки-секции: компактные отступы */
  [data-screen-label] div[style*="padding:60px 68px"],
    /* просторные баннеры и карточки-секции: компактные отступы */
  [data-screen-label] div[style*="padding: 60px 68px"]{padding:28px 20px !important}
  [data-screen-label] div[style*="padding: 60px 68px"]{padding:28px 20px !important}
  [data-screen-label] div[style*="padding:64px 68px"],
    [data-screen-label] div[style*="padding: 64px 68px"]{padding:28px 18px !important}
  [data-screen-label] div[style*="padding: 64px 68px"]{padding:28px 18px !important}
  /* пилюли-факты («1 токен», «2 токена», «0 ₽») — на всю ширину, ровно */
  [data-screen-label] div[style*="border-radius:999px"][style*="padding:26px 44px"],
    /* пилюли-факты («1 токен», «2 токена», «0 ₽») — на всю ширину, ровно */
  [data-screen-label] div[style*="border-radius: 999px"][style*="padding: 26px 44px"]{
    width:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:20px 22px !important;transform:none !important;gap:6px !important;
    border-radius:26px !important;
  }
  [data-screen-label] div[style*="border-radius:999px"] span[style*="max-width:150px"],
    [data-screen-label] div[style*="border-radius: 999px"] span[style*="max-width: 150px"]{max-width:none !important;text-align:center}
  /* мокап панели вопросов: фильтры и строки переносятся, не вылезают */
  [data-screen-label="Панель управления"] div[style*="display:flex"],
    /* мокап панели вопросов: фильтры и строки переносятся, не вылезают */
  [data-screen-label="Панель управления"] div[style*="display: flex"]{flex-wrap:wrap;row-gap:8px}
  /* строки «текст + кнопка my.blaber.ai» складываются в колонку */
  [data-screen-label] div:has(> a[href^="https://my.blaber.ai"]):not(.bl-mnav):not(.bl-hdr-cta){
    flex-direction:column !important;align-items:stretch !important;gap:14px !important;
  }
  [data-screen-label] div:has(> a[href^="https://my.blaber.ai"]):not(.bl-mnav) > a[href^="https://my.blaber.ai"]{
    text-align:center;max-width:100%;box-sizing:border-box;
  }
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* десктопные кнопки Подключить/Демо в шапке прячем — они в бургере */
  .bl-hdr-cta{display:none !important}
  /* большие фикс-карточки каруселей — умеренная ширина */
  [style*="flex: 0 0 auto"][style*="width: 360px"]{width:300px !important}
  /* отступы просторных секций поменьше */
  [style*="padding: 52px"],[style*="padding: 56px"]{padding:28px 20px !important}
}