/* astroliga.com — единый вид всех страниц в стиле оригинальной темы (15.10.2026). Ничего не переделывает: палитра темы (ночное небо #121631, коралл #ff5f6d), шрифты темы. Подключается последним в шапке; правит контраст, размеры, карточки, «белые» блоки других шаблонов. */ :root { --a-bg: #121631; --a-bg-2: #171c3d; --a-card: #1b2148; --a-card-2: #222a57; --a-border: rgba(255, 255, 255, .09); --a-text: #dfe2ef; --a-muted: #a9b0cf; --a-head: #ffffff; --a-accent: #ff5f6d; --a-accent-h: #ff7c88; --a-gold: #f5c86a; --a-radius: 16px; } /* ---------- текст ---------- */ html body { color: var(--a-text); font-size: 16px; } html body p, html body li, html body dd, html body td, html body .text-gray, html body .text-gray-light { color: var(--a-text); font-size: 16px; line-height: 1.7; } html body small, html body .small { color: var(--a-muted); } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { color: var(--a-head); } html body .cell-md-8 h2, html body .cell-md-8 h3, html body .post-classic h2, html body .post-classic h3 { margin-top: 1.6em; margin-bottom: .55em; line-height: 1.3; } html body .cell-md-8 h2:first-child, html body .cell-md-8 h3:first-child { margin-top: 0; } html body .cell-md-8 p + p { margin-top: .9em; } html body .cell-md-8 ul, html body .cell-md-8 ol { margin: .8em 0 1em 1.2em; } html body .cell-md-8 img, html body .post-classic img { max-width: 100%; height: auto; border-radius: 12px; } html body .cell-md-8 a:not(.btn), html body aside a:not(.btn), html body .post-classic a:not(.btn) { color: var(--a-accent); } html body .cell-md-8 a:not(.btn):hover, html body aside a:not(.btn):hover { color: var(--a-accent-h); } /* ширина строки статьи — не больше ~75 знаков */ html body .cell-md-8 > p, html body .cell-md-8 > ul, html body .cell-md-8 > ol { max-width: 760px; } /* ---------- шапка страницы и хлебные крошки ---------- */ html body .breadcrumb-modern h1 { text-shadow: 0 2px 18px rgba(0, 0, 0, .55); } html body .breadcrumb-modern p { color: #eef0fa; text-shadow: 0 1px 10px rgba(0, 0, 0, .6); max-width: 900px; } html body .breadcrumb-modern .breadcrumb { background: rgba(18, 22, 49, .72); border: 1px solid var(--a-border); border-radius: 999px; padding: 8px 18px; display: inline-flex; flex-wrap: wrap; gap: 4px; backdrop-filter: blur(6px); } html body .breadcrumb-modern .breadcrumb li, html body .breadcrumb-modern .breadcrumb a { color: #fff; font-size: 14px; } html body .breadcrumb-modern .breadcrumb li:last-child { color: var(--a-muted); } /* ---------- кнопки ---------- */ html body .btn { border-radius: 999px; min-height: 44px; padding: 10px 26px; font-weight: 700; letter-spacing: .02em; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; } html body .btn-primary, html body .js-open-chat { background: var(--a-accent); border-color: var(--a-accent); color: #fff; box-shadow: 0 6px 20px rgba(255, 95, 109, .28); } html body .btn-primary:hover, html body .btn-primary:focus, html body .js-open-chat:hover { background: var(--a-accent-h); border-color: var(--a-accent-h); color: #fff; transform: translateY(-1px); } html body .btn:focus-visible, html body a:focus-visible, html body button:focus-visible { outline: 2px solid var(--a-gold); outline-offset: 3px; } html body .btn-success, html body .btn-info, html body .btn.bg-mantis { background: var(--a-accent); border-color: var(--a-accent); color: #fff; } /* ---------- блоки других шаблонов на белом фоне → тёмная тема ---------- */ html body section[style*="white"], html body div[style*="background-color: white"], html body div[style*="background-color:#fff"], html body .bg-white, html body .bg-default { background: transparent !important; } html body section[style*="white"] h1, html body section[style*="white"] h2, html body section[style*="white"] h3, html body section[style*="white"] h4, html body section[style*="white"] h5, html body section[style*="white"] h6 { color: var(--a-head) !important; } html body section[style*="white"] p, html body section[style*="white"] li, html body section[style*="white"] span, html body section[style*="white"] div { color: var(--a-text); } html body section[style*="white"] hr, html body .divider { border-color: var(--a-accent); background: var(--a-accent); } /* цветные плашки (зелёная/голубая) → ночное небо с коралловой рамкой */ html body .bg-acapulco, html body .bg-mantis, html body .bg-primary.context-dark { background: linear-gradient(135deg, #2a2160 0%, #1b2148 55%, #121631 100%) !important; border-top: 1px solid var(--a-border); border-bottom: 1px solid var(--a-border); } /* аккордеон характеристик знака */ html body .accordion-boxed .card { background: var(--a-card); border: 1px solid var(--a-border); border-radius: 12px; margin-bottom: 10px; overflow: hidden; } html body .accordion-boxed .card-header, html body .accordion-boxed .card-header.collapsed { background: var(--a-card) !important; color: #fff !important; border: 0; font-weight: 700; letter-spacing: .04em; } html body .accordion-boxed .card-header:not(.collapsed) { background: var(--a-card-2) !important; box-shadow: inset 3px 0 0 var(--a-accent); } html body .accordion-boxed .card-body, html body .accordion-boxed .collapse { background: var(--a-bg-2); color: var(--a-text); } /* круговые индикаторы статистики */ html body .progress-bar-circle svg circle, html body .progress-bar-circle path { stroke: var(--a-accent) !important; } html body .progress-bar-circle span, html body .progress-bar-circle .progress-bar-circle-value { color: #fff !important; } /* ---------- карточки: статьи, астрологи, услуги ---------- */ html body article.post-classic { background: var(--a-card) !important; border: 1px solid var(--a-border); border-radius: var(--a-radius); overflow: hidden; padding: 0 0 24px; margin-bottom: 28px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); } html body article.post-classic > *:not(img):not(.post-media):not(figure):not(a:first-child) { padding-left: 24px; padding-right: 24px; } html body article.post-classic h4 a, html body article.post-classic h3 a, html body article.post-classic .post-title a { color: #fff !important; } html body article.post-classic:hover { border-color: rgba(255, 95, 109, .45); } html body .gadalka-wrap, html body .member-block, html body .thumbnail-variant-1, html body .box-member { background: var(--a-card); border: 1px solid var(--a-border); border-radius: var(--a-radius); } /* ---------- сайдбар ---------- */ html body aside h3 { font-size: 26px; } html body aside .unit { padding: 10px 0; border-bottom: 1px solid var(--a-border); } html body aside .unit a, html body aside h5 a, html body aside h6 a { color: #fff !important; font-weight: 700; } html body aside .unit p { font-size: 14px; color: var(--a-muted); line-height: 1.55; } html body aside .unit img { border-radius: 10px; } /* ---------- гадания/калькуляторы ox (выбор знака, период) ---------- */ html body .ox__gad .ox__info_title { color: var(--a-head) !important; font-size: 24px; } html body .ox-zodiak__item { background: var(--a-card) !important; border: 1px solid var(--a-border) !important; border-radius: 14px !important; box-shadow: none !important; transition: border-color .2s ease, transform .2s ease; } html body .ox-zodiak__item:hover { border-color: var(--a-accent) !important; transform: translateY(-2px); } html body .ox-zodiak__item, html body .ox-zodiak__text, html body .ox-zodiak__item * { color: #fff !important; } html body .ox__gad button, html body .ox__gad input[type=submit], html body .ox__gad .ox__btn, html body .ox_form button { background: var(--a-accent) !important; border: 0 !important; border-radius: 999px !important; color: #fff !important; min-height: 44px; padding: 10px 28px !important; font-weight: 700; } html body .ox__gad select, html body .ox_form select, html body .ox__gad input:not([type=submit]) { background: var(--a-bg-2); color: #fff; border: 1px solid var(--a-border); border-radius: 10px; min-height: 44px; padding: 6px 10px; } /* ---------- подвал ---------- */ html body .bg-secondary { background: #0e1228 !important; border-top: 1px solid var(--a-border); } /* ---------- мобильная версия ---------- */ @media (max-width: 767px) { html body p, html body li { font-size: 16px; } html body .breadcrumb-modern h1 { font-size: 30px; line-height: 1.2; } html body .breadcrumb-modern p { font-size: 15px; } html body .btn { width: auto; max-width: 100%; white-space: normal; } html body article.post-classic > *:not(img):not(.post-media):not(figure) { padding-left: 16px; padding-right: 16px; } } @media (prefers-reduced-motion: reduce) { html body *, html body *::before, html body *::after { transition: none !important; animation-duration: .01ms !important; } } /* ---------- калькуляторы: выбор периода ---------- */ html body .ox__period { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } html body .ox__period-item { background: var(--a-card) !important; color: #fff !important; border: 1px solid var(--a-border) !important; border-radius: 999px !important; min-height: 44px; padding: 10px 18px !important; cursor: pointer; display: inline-flex; align-items: center; transition: border-color .2s ease, background-color .2s ease; } html body .ox__period-item:hover { border-color: var(--a-accent) !important; } html body .ox__period-item.active { background: var(--a-accent) !important; border-color: var(--a-accent) !important; } html body .ox-zodiak__item.active { border-color: var(--a-accent) !important; box-shadow: 0 0 0 2px rgba(255, 95, 109, .35) !important; } /* ---------- мелочи после проверки ---------- */ html body article.post-classic .thumbnail-zoom, html body article.post-classic .thumbnail-zoom-img-wrap, html body article.post-classic .thumbnail-zoom img { display: block; width: 100% !important; max-width: 100%; border-radius: 0; } html body .section-95 h2, html body .section-95 h3, html body .section-98 h2, html body .section-98 h3 { margin-top: 1.4em; margin-bottom: .5em; } html body .section-95 p, html body .section-98 p { max-width: 900px; margin-left: auto; margin-right: auto; } /* мобильный логотип — тот же бренд «Онлайн Астролог», что и на компьютере */ html body img[src*="logo-224x48"], html body img[src*="logo-astrolog-mobile"] { width: auto !important; height: 40px !important; max-width: 78vw; object-fit: contain; } @media (max-width: 767px) { /* длинное описание в шапке страницы — 4 строки, полный текст есть ниже */ html body .breadcrumb-modern p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } /* ===================================================================== astroliga.com — компоненты редизайна a-* (15.10.2026): секции, заголовки, карточки, герой. Склеивается с astro-ui.css при заливке (cat astro-ui.css astro-ui-components.css). ===================================================================== */ .a-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .a-section { padding: 88px 0; text-align: left; } .a-section-tight { padding: 32px 0; } .a-section-alt { background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .035)); border-top: 1px solid var(--a-border); border-bottom: 1px solid var(--a-border); } .a-head { text-align: center; max-width: 780px; margin: 0 auto 44px; } .a-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--a-accent); margin-bottom: 12px; } html body .a-head h2 { font-size: 42px; line-height: 1.15; margin: 0 0 16px; } html body .a-head h2 a { color: inherit; } html body .a-head .a-lead { font-size: 17px; color: var(--a-muted); line-height: 1.7; margin: 0 auto; max-width: 720px; } .a-center { justify-content: center; text-align: center; } .a-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } html body .a-btn-ghost { background: transparent; border: 1px solid rgba(255, 255, 255, .55); color: #fff; } html body .a-btn-ghost:hover { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; } /* сетки */ .a-grid { display: grid; gap: 28px; } .a-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .a-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* карточка */ .a-card { display: flex; flex-direction: column; background: var(--a-card); border: 1px solid var(--a-border); border-radius: 20px; overflow: hidden; text-align: left; box-shadow: 0 14px 40px rgba(0, 0, 0, .28); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .a-card:hover { transform: translateY(-4px); border-color: rgba(255, 95, 109, .45); box-shadow: 0 20px 50px rgba(0, 0, 0, .38); } .a-card-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #0d1128; } .a-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; border-radius: 0 !important; } .a-card:hover .a-card-img img { transform: scale(1.04); } .a-card-compact .a-card-img { aspect-ratio: 16 / 10; } .a-card-body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 24px; } .a-tag { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--a-gold); background: rgba(245, 200, 106, .1); border-radius: 999px; padding: 4px 10px; margin-bottom: 12px; } html body .a-card h3 { font-family: inherit; font-size: 20px; line-height: 1.3; font-weight: 700; margin: 0 0 10px; } html body .a-card h3 a { color: #fff; text-decoration: none; } html body .a-card h3 a:hover { color: var(--a-accent); } html body .a-card p { font-size: 15px; line-height: 1.6; color: var(--a-muted); margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .a-card-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } html body .a-card-foot .btn { padding: 10px 20px; font-size: 14px; } html body .a-link { color: var(--a-accent); font-weight: 700; font-size: 14px; text-decoration: none; } html body .a-link:hover { color: var(--a-accent-h); text-decoration: underline; } /* преимущества с видео */ .a-features { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 40px; align-items: center; } .a-features-col { display: grid; gap: 28px; } .a-feature { background: var(--a-card); border: 1px solid var(--a-border); border-radius: 18px; padding: 26px; } .a-feature img { width: 44px; height: 44px; object-fit: contain; margin-bottom: 14px; border-radius: 0 !important; } html body .a-feature h3 { font-family: inherit; font-size: 19px; font-weight: 700; color: var(--a-accent); margin: 0 0 8px; } html body .a-feature p { font-size: 15px; color: var(--a-muted); margin: 0; line-height: 1.65; } .a-features-media video { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 1px var(--a-border), 0 30px 80px rgba(80, 60, 200, .35); } /* баннер-призыв */ .a-band { position: relative; border-radius: 28px; overflow: hidden; background-size: cover; background-position: center; } .a-band::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(18, 22, 49, .94) 0%, rgba(42, 33, 96, .82) 55%, rgba(255, 95, 109, .35) 100%); } .a-band-inner { position: relative; max-width: 760px; padding: 72px 64px; } .a-band-icon { display: inline-block; font-size: 30px; color: var(--a-gold); margin-bottom: 10px; } html body .a-band h2 { font-size: 38px; line-height: 1.2; margin: 0 0 16px; color: #fff; } html body .a-band p { color: #e7e9f6; font-size: 17px; } /* счётчики */ .a-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: 900px; margin: 0 auto; } .a-stat { background: var(--a-card); border: 1px solid var(--a-border); border-radius: 18px; padding: 30px 20px; text-align: center; } .a-stat .counter { display: block; font-size: 52px; line-height: 1; font-weight: 700; color: var(--a-gold); font-family: Georgia, "Times New Roman", serif; } html body .a-stat p { margin: 10px 0 0; color: var(--a-muted); font-size: 15px; } /* блок «задать вопрос» */ .a-ask { margin: 48px auto 0; max-width: 860px; text-align: center; background: var(--a-card); border: 1px solid var(--a-border); border-radius: 22px; padding: 40px 36px; } html body .a-ask h3 { font-size: 26px; margin: 0 0 12px; } html body .a-ask p { color: var(--a-muted); margin: 0 auto 22px; max-width: 680px; } .a-content { padding-bottom: 40px; } html body .a-content p { max-width: 860px; margin-left: auto; margin-right: auto; color: var(--a-muted); } /* герой-слайдер главной: на всю ширину, мягкое затемнение, без боковых превью */ html body .swiper-slider-variant-3 { max-width: none; width: 100%; padding: 0; margin: 0; } html body .swiper-slider-variant-3 .swiper-slide { min-height: 560px; } html body .swiper-slider-variant-3 .swiper-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18, 22, 49, .92) 0%, rgba(18, 22, 49, .55) 50%, rgba(18, 22, 49, .1) 100%); } html body .swiper-slider-variant-3 .swiper-slide-caption { position: relative; z-index: 2; } html body .swiper-slider-variant-3 h1, html body .swiper-slider-variant-3 h2 { font-size: 56px; line-height: 1.08; max-width: 640px; text-shadow: 0 4px 30px rgba(0, 0, 0, .5); } html body .swiper-slider-variant-3 p { font-size: 19px; font-weight: 400; max-width: 560px; color: #eef0fa; } html body .swiper-slider-variant-3 .btn-white-outline { background: var(--a-accent); border-color: var(--a-accent); color: #fff; padding: 12px 30px; } html body .swiper-slider-variant-3 .swiper-button .preview, html body .swiper-slider-variant-3 .swiper-desc { display: none !important; } html body .swiper-slider-variant-3 .swiper-button { width: 54px; height: 54px; border-radius: 50%; background: rgba(18, 22, 49, .6); border: 1px solid var(--a-border); display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .a-grid-3, .a-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .a-features { grid-template-columns: 1fr; } .a-features-media { order: -1; max-width: 360px; margin: 0 auto; } html body .swiper-slider-variant-3 h1, html body .swiper-slider-variant-3 h2 { font-size: 42px; } } @media (max-width: 599px) { .a-section { padding: 56px 0; } .a-wrap { padding: 0 16px; } .a-grid-3, .a-grid-4, .a-stats { grid-template-columns: 1fr; } html body .a-head h2 { font-size: 30px; } .a-band-inner { padding: 44px 24px; } html body .a-band h2 { font-size: 28px; } html body .swiper-slider-variant-3 .swiper-slide { min-height: 460px; } html body .swiper-slider-variant-3 h1, html body .swiper-slider-variant-3 h2 { font-size: 32px; } html body .swiper-slider-variant-3 p { font-size: 16px; } } /* сетка команды внутри старых .range */ html body .range > .a-grid, html body .tab-pane > .range > .a-grid { width: 100%; flex: 0 0 100%; max-width: 100%; } html body .a-team { margin-top: 8px; } /* /astrologi/: направления слева, команда астрологов справа */ html body .tabs-vertical { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 36px; align-items: start; text-align: left; } html body .tabs-vertical > .nav-tabs { display: flex; flex-direction: column; gap: 10px; border: 0; margin: 0; } html body .tabs-vertical > .nav-tabs li { float: none; width: 100%; margin: 0; } html body .tabs-vertical > .nav-tabs li a { display: block; width: 100%; text-align: left; border-radius: 14px !important; padding: 12px 18px !important; background: var(--a-card) !important; border: 1px solid var(--a-border) !important; color: #fff !important; font-weight: 700; } html body .tabs-vertical > .nav-tabs li.active a, html body .tabs-vertical > .nav-tabs li a:hover { background: var(--a-accent) !important; border-color: var(--a-accent) !important; } html body .tabs-vertical > .tab-content { display: block; min-width: 0; } /* вкладки: показываем только активную (штатное поведение bootstrap) */ html body .tabs-vertical .tab-pane { margin: 0 !important; width: 100%; } html body .tabs-vertical .tab-pane:not(.active) { display: none !important; } html body .tabs-vertical .tab-pane.active { display: block !important; opacity: 1 !important; } html body .tabs-vertical .tab-pane > .range { margin: 0 !important; width: 100%; display: block; } @media (max-width: 991px) { html body .tabs-vertical { grid-template-columns: 1fr; } html body .tabs-vertical > .nav-tabs { flex-direction: row; flex-wrap: wrap; } html body .tabs-vertical > .nav-tabs li { width: auto; } } /* длинный текст старых секций — по левому краю, колонка 860px */ html body .page-content .shell p, html body .page-content .shell li { text-align: left; } html body .page-content .shell > p, html body .page-content .shell .range > [class*="cell"] > p { max-width: 860px; margin-left: auto; margin-right: auto; } html body .page-content .a-head p, html body .page-content .a-ask p, html body .page-content .a-stat p { text-align: center; } html body [class*="cell-"]:has(> .tabs-vertical) { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } html body .tabs-vertical { grid-template-columns: 270px minmax(0, 1fr); } html body .tabs-vertical .a-team { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 1199px) { html body .tabs-vertical .a-team { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 599px) { html body .tabs-vertical .a-team { grid-template-columns: 1fr; } } /* кнопка темы «наверх» — над кнопкой чата, не под ней */ html body #ui-to-top, html body .ui-to-top { display: none !important; } /* кнопка «наверх» мешает чату — убрана */ /* ===================================================================== Длинный текст (статьи, услуги, прогнозы): единый «журнальный» стиль ===================================================================== */ html body .page > .container, html body .page > main > .container { max-width: 900px; padding: 64px 24px 24px; text-align: left; } html body .page > .container h2, html body .page > .container h3, html body .page > .container h4, html body .cell-md-8 > h2, html body .cell-md-8 > h3 { text-align: left; } html body .page > .container h2, html body .cell-md-8 > h2 { font-size: 32px; line-height: 1.25; margin: 1.8em 0 .6em; padding-left: 18px; border-left: 3px solid var(--a-accent); } html body .page > .container h2:first-child, html body .cell-md-8 > h2:first-child { margin-top: 0; } html body .page > .container h3, html body .cell-md-8 > h3 { font-size: 24px; margin: 1.5em 0 .5em; color: #fff; } html body .page > .container p, html body .page > .container li { text-align: left; font-size: 17px; line-height: 1.75; color: var(--a-text); } html body .page > .container ul, html body .page > .container ol, html body .cell-md-8 > ul, html body .cell-md-8 > ol { text-align: left; margin: 1em 0 1.4em; padding-left: 1.4em; list-style: none; } html body .page > .container ul > li, html body .cell-md-8 > ul > li { position: relative; padding-left: 6px; margin: .45em 0; } html body .page > .container ul > li::before, html body .cell-md-8 > ul > li::before { content: ""; position: absolute; left: -1em; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--a-accent); } html body .page > .container ol { list-style: decimal; } html body .page > .container ol > li::marker { color: var(--a-accent); font-weight: 700; } html body .page > .container img { max-width: 100%; height: auto; border-radius: 16px; margin: 1em 0; } html body .page > .container blockquote, html body .cell-md-8 blockquote { margin: 1.5em 0; padding: 20px 24px; background: var(--a-card); border-left: 3px solid var(--a-gold); border-radius: 0 14px 14px 0; color: var(--a-text); } html body .page > .container table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; } html body .page > .container th, html body .page > .container td { padding: 10px 12px; border-bottom: 1px solid var(--a-border); text-align: left; } html body .page > .container strong, html body .page > .container b { color: #fff; } /* статья с сайдбаром */ html body .cell-md-8 { font-size: 17px; } html body .cell-md-8 > p { font-size: 17px; line-height: 1.75; } html body aside.inset-md-left-20 { background: var(--a-card); border: 1px solid var(--a-border); border-radius: 20px; padding: 28px 24px; position: sticky; top: 100px; } html body aside.inset-md-left-20 h3 { font-size: 22px; margin-top: 0; } html body aside .list-marked li { margin: 6px 0; } /* калькуляторы на страницах услуг — в аккуратной карточке */ html body #ox__gadanie { max-width: 900px; margin: 48px auto 0; background: var(--a-card); border: 1px solid var(--a-border); border-radius: 24px; padding: 36px 28px; } @media (max-width: 767px) { html body .page > .container { padding: 40px 16px 16px; } html body .page > .container h2, html body .cell-md-8 > h2 { font-size: 26px; padding-left: 14px; } html body .page > .container p, html body .page > .container li { font-size: 16px; } html body aside.inset-md-left-20 { position: static; margin-top: 32px; } html body #ox__gadanie { padding: 24px 14px; border-radius: 18px; } } /* профиль астролога */ .a-profile { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 56px; align-items: center; text-align: left; } .a-profile-photo { border-radius: 28px; overflow: hidden; border: 1px solid var(--a-border); box-shadow: 0 30px 80px rgba(0, 0, 0, .45), 0 0 0 8px rgba(255, 95, 109, .06); aspect-ratio: 4 / 5; background: #0d1128; } .a-profile-photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; } html body .a-profile-info h1 { font-size: 52px; line-height: 1.08; margin: 0 0 12px; color: #fff; text-align: left; } html body .a-profile-sub { font-size: 20px; color: var(--a-gold); margin: 0 0 16px; text-align: left; } html body .a-profile-lead, html body .a-profile-lead p { font-size: 18px; color: var(--a-text); line-height: 1.7; text-align: left; } .a-profile-facts { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 10px; } html body .a-profile-facts li { margin: 0; padding: 8px 14px 8px 32px; border-radius: 999px; background: var(--a-card); border: 1px solid var(--a-border); font-size: 14px; position: relative; color: var(--a-text); } .a-profile-facts li::before { content: "\2713"; position: absolute; left: 13px; color: var(--a-accent); font-weight: 700; } .a-profile-about { max-width: 900px; margin: 72px auto 0; text-align: left; background: var(--a-card); border: 1px solid var(--a-border); border-radius: 24px; padding: 44px 48px; } html body .a-profile-about h2 { font-size: 32px; margin: 0 0 18px; padding-left: 18px; border-left: 3px solid var(--a-accent); text-align: left; } html body .a-prose p, html body .a-prose li { font-size: 17px; line-height: 1.75; text-align: left; color: var(--a-text); } html body .a-prose h2, html body .a-prose h3 { text-align: left; margin: 1.4em 0 .5em; } html body .a-prose img { max-width: 100%; height: auto; border-radius: 14px; } @media (max-width: 991px) { .a-profile { grid-template-columns: 1fr; gap: 32px; } .a-profile-photo { max-width: 420px; margin: 0 auto; } html body .a-profile-info h1 { font-size: 38px; } } @media (max-width: 599px) { html body .a-profile-info h1 { font-size: 30px; } .a-profile-about { padding: 28px 20px; margin-top: 48px; } } html body .tabs-vertical > .tab-content, html body .tabs-vertical .a-team > * { min-width: 0; } @media (max-width: 599px) { html body .tabs-vertical .tab-pane > .range { padding: 0 !important; } html body .tabs-vertical > .tab-content { overflow: hidden; } } /* герой главной — один экран, текст по центру по вертикали, без пустоты снизу */ html body .swiper-slider-variant-3 .swiper-slide { display: flex !important; align-items: center; min-height: 520px; } html body .swiper-slider-variant-3 .swiper-slide-caption { width: 100%; padding: 48px 0 !important; } html body .swiper-slider-variant-3, html body .swiper-slider-variant-3 .swiper-wrapper { height: auto !important; } html body .swiper-slider-variant-3 .swiper-slide { background-position: center 18% !important; } /* голова в кадре, без пустоты сверху */ html body .swiper-slider-variant-3 .swiper-slide { min-height: 560px; } /* первый экран +40px */ @media (max-width: 599px) { html body .swiper-slider-variant-3 .swiper-slide { min-height: 480px; } } /* первый экран главной — на всю высоту окна под шапкой, без тёмной полосы снизу */ @media (min-width: 768px) { html body .swiper-slider-variant-3 .swiper-slide { min-height: calc(100vh - 73px) !important; } } /* ===================================================================== astroliga.com — шапка и меню (15.10.2026). Только десктоп (rd-navbar-fullwidth/static); мобильное меню темы (rd-navbar-fixed) не трогаем. ===================================================================== */ @media (min-width: 992px) { html body .rd-navbar-wrap { height: auto !important; } html body .rd-navbar-fullwidth, html body .rd-navbar-static { background: rgba(14, 18, 40, .88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--a-border); position: relative; z-index: 50; } html body .rd-navbar-fullwidth .rd-navbar-inner, html body .rd-navbar-static .rd-navbar-inner { max-width: 1240px; margin: 0 auto; padding: 0 24px !important; height: auto; } html body .rd-navbar-fullwidth .rd-navbar-panel, html body .rd-navbar-static .rd-navbar-panel { width: 100%; height: auto; } /* одна строка: логотип слева, меню справа */ html body .rd-navbar-fullwidth .rd-navbar-panel > .rd-navbar-nav-wrap, html body .rd-navbar-static .rd-navbar-panel > .rd-navbar-nav-wrap { display: flex !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; width: 100%; min-height: 72px; height: 72px; padding: 0; margin: 0; } html body .rd-navbar-nav-wrap > .rd-navbar-nav-wrap { display: flex !important; flex: 0 0 auto; margin: 0; padding: 0; width: auto; } html body .rd-navbar-nav-wrap > .rd-navbar-nav-wrap > div { margin: 0 !important; align-self: center !important; } html body .rd-navbar-brand .brand-name { display: flex !important; align-items: center; gap: 10px; text-decoration: none; } html body .rd-navbar-brand .brand-name .img-icon { margin: 0 !important; transform: scale(.8); } html body .rd-navbar-brand .brand-name img { width: auto !important; height: 38px !important; margin: 0 !important; } html body .rd-navbar-fullwidth .rd-navbar-nav, html body .rd-navbar-static .rd-navbar-nav { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; flex-wrap: nowrap; width: auto; border: 0; } html body .rd-navbar-nav > li { margin: 0 !important; padding: 0 !important; border: 0 !important; } html body .rd-navbar-nav > li::before, html body .rd-navbar-nav > li::after { display: none !important; } html body .rd-navbar-nav > li > a { display: block; padding: 10px 16px !important; border-radius: 999px; font-size: 15px !important; font-weight: 700; color: #fff !important; letter-spacing: .01em; line-height: 1.2; transition: background-color .2s ease, color .2s ease; } html body .rd-navbar-nav > li > a:hover, html body .rd-navbar-nav > li.focus > a { background: rgba(255, 255, 255, .08); color: #fff !important; } html body .rd-navbar-nav > li.active > a { background: rgba(255, 95, 109, .14); color: var(--a-accent) !important; } /* у пунктов с подменю — без стрелок и палочек-разделителей темы */ html body .rd-navbar-nav > li > a::after, html body .rd-navbar-nav > li > a::before { display: none !important; content: none !important; } html body .rd-navbar-submenu-toggle { display: none !important; } /* выпадающее меню — карточка с прокруткой */ html body .rd-navbar-nav .rd-navbar-dropdown { width: 360px !important; max-height: 70vh; overflow-y: auto; padding: 10px !important; margin-top: 10px; background: #1a2046 !important; border: 1px solid var(--a-border) !important; border-top: 0 !important; border-radius: 16px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .55) !important; text-align: left; } html body .rd-navbar-nav .rd-navbar-dropdown::-webkit-scrollbar { width: 8px; } html body .rd-navbar-nav .rd-navbar-dropdown::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .15); border-radius: 8px; } html body .rd-navbar-nav .rd-navbar-dropdown li { padding: 0 !important; margin: 0 !important; } html body .rd-navbar-nav .rd-navbar-dropdown li::before { display: none !important; } html body .rd-navbar-nav .rd-navbar-dropdown li > a { display: block; padding: 9px 14px !important; border-radius: 10px; font-size: 14px !important; line-height: 1.35; color: var(--a-text) !important; font-weight: 400; white-space: normal; } html body .rd-navbar-nav .rd-navbar-dropdown li > a:hover, html body .rd-navbar-nav .rd-navbar-dropdown li.active > a { background: rgba(255, 95, 109, .12); color: #fff !important; padding-left: 14px !important; } } /* шапка без отступа снизу на всех шаблонах (тема customArticleField добавляла 14px) */ html body header.page-header { padding: 0 !important; margin: 0 !important; } /* ===================================================================== astroliga.com — длинные тексты, пагинация, плитки-ссылки (15.10.2026) ===================================================================== */ /* «журнальная» карточка для SEO-текстов: не сплошная стена, а читаемая колонка */ .a-prose-card, html body .page > .container { max-width: 880px; margin: 0 auto; background: linear-gradient(180deg, rgba(27, 33, 72, .92), rgba(22, 27, 60, .92)); border: 1px solid var(--a-border); border-radius: 24px; padding: 52px 56px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); } html body .page > .container { margin-top: 56px; margin-bottom: 56px; } html body .page > .container:empty { display: none; } .a-prose-card > p:first-of-type, html body .page > .container > p:first-of-type { font-size: 19px !important; line-height: 1.7; color: #fff !important; margin-bottom: 1.2em; } .a-prose-card p, html body .page > .container p { margin: 0 0 1.15em; } .a-prose-card h2, .a-prose-card h3 { text-align: left; } html body .a-prose-card h2 { font-size: 30px; margin: 1.7em 0 .6em; padding-left: 18px; border-left: 3px solid var(--a-accent); } html body .a-prose-card h2:first-child { margin-top: 0; } html body .a-prose-card h3 { font-size: 23px; margin: 1.5em 0 .5em; } /* абзацы, выделенные жирным целиком, — как цитата-акцент */ .a-prose-card p > strong:only-child, html body .page > .container p > strong:only-child { display: block; color: var(--a-gold); font-weight: 700; } /* разделитель между крупными смысловыми блоками */ .a-prose-card hr, html body .page > .container hr { border: 0; height: 1px; background: var(--a-border); margin: 2em 0; } @media (max-width: 767px) { .a-prose-card, html body .page > .container { padding: 30px 20px !important; border-radius: 18px; } html body .page > .container { margin: 32px 12px; } .a-prose-card > p:first-of-type, html body .page > .container > p:first-of-type { font-size: 17px !important; } } /* пагинация (pdoPage) */ .a-pagination, html body .pagination-classic { margin-top: 44px; text-align: center; } .a-pagination ul, html body ul.pagination-classic, html body ul.pagination { display: inline-flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; } .a-pagination li, html body .pagination-classic li, html body ul.pagination li { margin: 0 !important; } .a-pagination li a, .a-pagination li span, html body .pagination-classic li a, html body .pagination-classic li span, html body ul.pagination li a, html body ul.pagination li span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 16px; border-radius: 999px !important; background: var(--a-card) !important; border: 1px solid var(--a-border) !important; color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none; box-shadow: none !important; transition: border-color .2s ease, background-color .2s ease; } .a-pagination li a:hover, html body .pagination-classic li a:hover, html body ul.pagination li a:hover { border-color: var(--a-accent) !important; } .a-pagination li.active a, .a-pagination li.active span, html body .pagination-classic li.active a, html body ul.pagination li.active a, html body ul.pagination li.active span { background: var(--a-accent) !important; border-color: var(--a-accent) !important; } .a-pagination li.disabled a, .a-pagination li.disabled span, html body ul.pagination li.disabled span { opacity: .4; } /* плитки-ссылки (прогнозы по знакам, «смотрите также», направления) */ .a-chips, html body ul.list-marked.text-primary { list-style: none; padding: 0; margin: 0 auto; max-width: 1000px; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; text-align: left; } .a-chips li, html body ul.list-marked.text-primary li { margin: 0 !important; padding: 0 !important; } .a-chips li::before, html body ul.list-marked.text-primary li::before { display: none !important; } .a-chips li a, html body ul.list-marked.text-primary li a { display: flex; align-items: center; gap: 10px; height: 100%; padding: 14px 18px; border-radius: 14px; background: var(--a-card); border: 1px solid var(--a-border); color: #fff !important; font-weight: 700; font-size: 15px; line-height: 1.35; text-decoration: none; transition: border-color .2s ease, transform .2s ease; } .a-chips li a::before, html body ul.list-marked.text-primary li a::before { content: "\2726"; color: var(--a-gold); font-size: 14px; flex: none; } .a-chips li a:hover, html body ul.list-marked.text-primary li a:hover { border-color: var(--a-accent); transform: translateY(-2px); } /* старые списки (.range) с новой карточкой — сеткой */ html body .range:has(> .a-card) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; max-width: 1200px; margin-left: auto !important; margin-right: auto !important; padding: 0 24px; } html body .range:has(> .a-card) > .a-card { width: auto; margin: 0; } @media (max-width: 991px) { html body .range:has(> .a-card) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 599px) { html body .range:has(> .a-card) { grid-template-columns: 1fr; padding: 0 16px; } } /* круглые картинки знаков — целиком, на звёздном фоне */ .a-card-fit .a-card-img { background: radial-gradient(circle at 50% 45%, #2a2f66 0%, #121631 70%); } .a-card-fit .a-card-img img { object-fit: contain !important; padding: 18px; } .a-card-fit:hover .a-card-img img { transform: scale(1.06) rotate(-3deg); } /* контакты */ .a-contacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .a-contact { display: flex; flex-direction: column; gap: 6px; text-align: left; background: var(--a-card); border: 1px solid var(--a-border); border-radius: 20px; padding: 26px 24px; color: #fff; text-decoration: none; font: inherit; cursor: default; transition: border-color .2s ease, transform .2s ease; } a.a-contact, button.a-contact { cursor: pointer; } a.a-contact:hover, button.a-contact:hover { border-color: var(--a-accent); transform: translateY(-2px); color: #fff; } .a-contact-main { background: linear-gradient(135deg, rgba(255, 95, 109, .22), rgba(42, 33, 96, .9)); border-color: rgba(255, 95, 109, .5); } .a-contact-ico { width: 46px; height: 46px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; background: rgba(255, 95, 109, .15); color: var(--a-accent); margin-bottom: 8px; } .a-contact-label { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--a-muted); } .a-contact-value { font-size: 18px; font-weight: 700; color: #fff; word-break: break-word; } @media (max-width: 991px) { .a-contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 599px) { .a-contacts { grid-template-columns: 1fr; } } /* подвал: связь только через чат */ .a-footer-cta { padding: 56px 0; background: #0e1228; border-top: 1px solid var(--a-border); } .a-footer-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; background: linear-gradient(120deg, rgba(42, 33, 96, .9), rgba(27, 33, 72, .9)); border: 1px solid var(--a-border); border-radius: 22px; padding: 30px 36px; text-align: left; } html body .a-footer-cta h3 { margin: 0 0 6px; font-size: 26px; color: #fff; text-align: left; } html body .a-footer-cta p { margin: 0; color: var(--a-muted); text-align: left; } @media (max-width: 599px) { .a-footer-cta-inner { padding: 24px 20px; } html body .a-footer-cta .btn { width: 100%; } } /* контакты: осталась одна карточка — чат, по центру */ .a-contacts:has(> :only-child) { grid-template-columns: minmax(0, 560px); justify-content: center; } .a-contacts > .a-contact-main:only-child { align-items: center; text-align: center; padding: 40px 32px; } .a-contacts > .a-contact-main:only-child .a-contact-value { font-size: 22px; } /* подвал главной */ .a-site-footer { background: #0e1228; border-top: 1px solid var(--a-border); padding: 64px 0 0; text-align: left; } .a-site-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; gap: 48px; align-items: start; } .a-site-footer-logo img { height: 40px; width: auto; display: block; margin-bottom: 16px; } html body .a-site-footer p { color: var(--a-muted); font-size: 15px; line-height: 1.65; margin: 0 0 16px; text-align: left; } html body .a-site-footer .a-site-footer-title { color: #fff; font-weight: 700; font-size: 17px; margin-bottom: 14px; } .a-site-footer-links ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } html body .a-site-footer-links li { margin: 0; padding: 0; font-size: 15px; } html body .a-site-footer-links li::before { display: none; } html body .a-site-footer-links a { color: var(--a-text); text-decoration: none; } html body .a-site-footer-links a:hover { color: var(--a-accent); } .a-site-footer-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 22px; padding-bottom: 26px; border-top: 1px solid var(--a-border); font-size: 14px; color: var(--a-muted); } html body .a-site-footer-bottom a { color: var(--a-muted); } html body .a-site-footer-bottom a:hover { color: var(--a-accent); } @media (max-width: 767px) { .a-site-footer-grid { grid-template-columns: 1fr; gap: 32px; } } /* на главной общий подвал темы не дублировать */ html body .a-home ~ footer.page-footer:empty { display: none; } /* «Обо мне»: без пустоты снизу (пустые абзацы/переносы из старого контента), кнопки внизу */ html body .a-prose > p:empty, html body .a-prose > div:empty, html body .a-prose > br, html body .a-prose p:has(> br:only-child) { display: none; } html body .a-prose > *:last-child { margin-bottom: 0; } .a-profile-about-actions { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--a-border); } /* под подвалом главной — без пустой полосы темы */ html body .a-site-footer ~ *:not(script):not(style) { display: none !important; } /* все кнопки: текст строго по центру (у и