/* Рекламна сітка навколо контенту КОЖНОЇ сторінки сайту (inc/ads.php aero_calc_wrap_with_ad_grid(), фільтр the_content) — свідомо НЕЗАЛЕЖНА від .aero-calc-wrap-скоупу calculator.css, тож кольори тут не покладаються на CSS-змінні, оголошені на .aero-calc-wrap. .aero-calc-ad-incontent — окремий елемент на самому верху (wp_body_open, ДО заголовка сторінки), а не всередині .aero-calc-ad-main — тому стилізований як самодостатній блок, без прив'язки до батьківського флекс-контексту сітки. Брейкпоінт 1400px (не 860px, який належить .ac-layout всередині самого калькулятора) — навмисно ширший: колонки під 300×600-креатив потребують більше місця, ніж старі 160px сайдбари теми. */ .aero-calc-ad-grid { display: flex; align-items: flex-start; justify-content: center; gap: 20px; max-width: 1800px; margin: 0 auto; } .aero-calc-ad-main { flex: 1 1 auto; min-width: 0; max-width: 1100px; } .aero-calc-ad-col { flex: 0 0 300px; width: 300px; /* Зафіксовано при прокрутці в межах висоти .aero-calc-ad-grid (та дорівнює висоті найвищого дочірнього елемента — зазвичай основного контенту в .aero-calc-ad-main, — тож колонка "їде" разом зі скролом, поки контент не закінчиться, а не одразу зникає з екрана). Якщо активна тема має якийсь предок із overflow:hidden/auto/scroll або transform/filter/will-change — sticky в цьому предку мовчки не працює (обмеження самого CSS, не цього плагіна); у такому разі потрібно шукати й прибирати конкретне правило в темі. */ position: sticky; top: 20px; } .aero-calc-ad-caption { font-family: 'Consolas', 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #64748b; margin-bottom: 6px; text-align: center; } .aero-calc-ad-sponsor { display: block; text-decoration: none; } .aero-calc-ad-sponsor img, .aero-calc-ad-col .ad-widget img, .aero-calc-ad-incontent .ad-widget img { max-width: 100%; height: auto; display: block; border-radius: 6px; } .aero-calc-ad-incontent { display: none; /* на широких екранах роль in-content слота виконують бокові колонки */ max-width: 300px; margin: 20px auto; } @media (max-width: 1399px) { .aero-calc-ad-col { display: none; } .aero-calc-ad-incontent { display: block; } }