/* Audit v2 page CSS: Блог - Статья.dc.html */
/* No overflow-x on html/body — it breaks position:sticky for the article sidebar */
html, body { margin: 0; padding: 0; background: #FFFFFF; }
  * { box-sizing: border-box; }
  div[data-usecase] img { transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1); will-change: transform; }
  div[data-usecase]:hover img { transform: scale(1.06); }
  a { color: #14181C; text-decoration: none; }
  a:hover { color: #2B96D9; }
  ::selection { background: #CDE8F7; color: #14181C; }
  @media (min-width: 1100px) {
    [data-mobile-only] { display: none !important; }
  }
  @media (max-width: 1099px) {
    footer > div:first-child { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
    div[data-footer-links] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px 24px !important; }
    [data-desktop-only] { display: none !important; }
    [data-mobile-only] { display: flex !important; }
    [data-mega-nav] { display: none !important; }
  }
  a svg { transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1); }
  a[data-zoom] img { transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); will-change: transform; }
  a[data-zoom]:hover img { transform: scale(1.07); }
  div[data-catalog-rest] > a img { transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); will-change: transform; }
  div[data-catalog-rest] > a:hover img { transform: scale(1.07); }
  div[data-catalog-rest] > a:hover { z-index: 2; }
  a[data-zoom="tv"]:hover img { transform: scale(1.07) translateY(-2px); }
  @media (min-width: 1140px) and (max-width: 1490px) {
    div[data-catalog-rest] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    div[data-catalog-rest] > a { min-height: 218px !important; padding: 18px 16px !important; }
    div[data-catalog-rest] > a > span:first-child { font-size: 14.5px !important; }
    a[data-pdf] > span { font-size: 18px !important; }
  }
  @media (max-width: 700px) {
    a[data-pdf] { grid-column: 1 / -1 !important; min-height: 0 !important; }
  }

  /* --- адаптив: планшет --- */
  @media (max-width: 1099px) {
    [style*="max-width: 1440px"], [style*="max-width:1440px"] { padding-left: 24px !important; padding-right: 24px !important; }
    section[style*="padding: 100px 32px"], [style*="padding:100px 32px"] { padding-top: 72px !important; }
    section[style*="padding: 100px 32px 100px"], [style*="padding:100px 32px 100px"] { padding-bottom: 72px !important; }
    h2 { font-size: 30px !important; }
    footer > div:first-child { grid-template-columns: 1fr 1fr !important; gap: 40px !important; padding-top: 56px !important; }
    [data-cases-track] > div { flex: 0 0 62vw !important; }
  }

  /* --- адаптив: мобильный --- */
  @media (max-width: 719px) {
    [style*="max-width: 1440px"], [style*="max-width:1440px"] { padding-left: 16px !important; padding-right: 16px !important; }
    section[style*="padding: 100px 32px"], [style*="padding:100px 32px"] { padding-top: 56px !important; }
    section[style*="padding: 100px 32px 100px"], [style*="padding:100px 32px 100px"] { padding-bottom: 56px !important; }
    h1 { font-size: 30px !important; }
    h2 { font-size: 25px !important; margin-bottom: 22px !important; }
    h3 { font-size: 21px !important; }
    /* герой тянется по контенту */
    section[style*="min(560px"] { height: auto !important; min-height: 0 !important; padding-top: 12px !important; padding-bottom: 56px !important; width: calc(100% - 24px) !important; }
    section[style*="min(560px"] > section { padding-top: 24px !important; }
    section[style*="min(560px"] p { font-size: 16.5px !important; }
    section[style*="min(560px"] [style*="margin-bottom: 36px"], section[style*="min(560px"] [style*="margin-bottom:36px"] { margin-bottom: 0 !important; }
    span[style*="bottom: 14px"], [style*="bottom:14px"] { display: none !important; }
    a[data-zoom="proj"] { min-height: 300px !important; gap: 12px !important; }
    a[data-zoom="proj"] img { height: 170px !important; }
    a[data-zoom="tv"] { min-height: 240px !important; }
    div[data-catalog-rest] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    [data-aside] { position: static !important; }
    div[data-article-grid] { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
    /* карточки и внутренние блоки */
    div[style*="padding: 30px"], [style*="padding:30px"], div[style*="padding: 32px"], [style*="padding:32px"], div[style*="padding: 34px"], [style*="padding:34px"] { padding: 20px !important; }
    div[style*="padding: 22px 26px"], [style*="padding:22px 26px"], div[style*="padding: 22px 24px"], [style*="padding:22px 24px"] { padding: 18px !important; }
    div[style*="padding: 24px"], [style*="padding:24px"][style*="border-radius: 20px"], [style*="border-radius:20px"] { padding: 18px !important; }
    /* CTA-блок */
    div[style*="gap: 36px"], [style*="gap:36px"][style*="border-radius: 22px"], [style*="border-radius:22px"] { margin-top: 56px !important; margin-bottom: 56px !important; gap: 26px !important; }
    /* модальные окна */
    div[style*="max-height: 90vh"], [style*="max-height:90vh"] { padding: 22px !important; border-radius: 16px !important; max-height: 92vh !important; }
    div[style*="backdrop-filter: blur(4px)"], [style*="backdrop-filter:blur(4px)"] { padding: 12px !important; align-items: flex-start !important; padding-top: 20px !important; }
    /* карусель кейсов */
    [data-cases-track] > div { flex: 0 0 84vw !important; }
    /* подвал */
    footer { width: calc(100% - 24px) !important; }
    footer > div:first-child { grid-template-columns: 1fr !important; gap: 30px !important; padding-top: 44px !important; padding-bottom: 34px !important; }
    footer > div div[style*="repeat(2, 1fr)"] { gap: 12px 16px !important; }
    footer > div:last-child { padding-bottom: 26px !important; }
    /* вопросы */
    button > span[style*="font-size: 21px"], [style*="font-size:21px"] { font-size: 18px !important; }
    /* кнопки на всю ширину */
    a[style*="min-height: 58px"], [style*="min-height:58px"], a[style*="min-height: 54px"], [style*="min-height:54px"], a[style*="min-height: 52px"], [style*="min-height:52px"] { width: 100% !important; justify-content: center !important; }
    a[style*="min-height: 44px"], [style*="min-height:44px"] { width: auto !important; }
  }

  @media (max-width: 380px) {
    h1 { font-size: 26px !important; }
    h2 { font-size: 22px !important; }
    [data-cases-track] > div { flex: 0 0 88vw !important; }
  }
  [data-product-card]:hover { transform: translateY(-6px); }
  a:hover svg { transform: translateX(5px); }