/* НОВОЕ: сжатая копия; полный исходник находится рядом. */
:root,html[data-theme=dark]{color-scheme:dark;--belora-surface-page:#203e4b;--belora-surface-header:#0b2530;--belora-surface-hero:#0e2a35;--belora-surface-section-white:#102c38;--belora-surface-action-bar:#183744;--belora-surface-section:#102c38;--belora-surface-section-soft:#102c38;--belora-surface-elevated:#203e4b;--belora-surface-card-strong:#1b3a46;--belora-surface-panel:#234653;--belora-surface-invitation:#1a3b47;--belora-surface-carousel:#0d2833;--belora-surface-media-carousel:#193844;--belora-surface-journey:#102c38;--belora-surface-journey-card:#1d3d49;--belora-surface-journey-summary:#284e5a;--belora-surface-control:#102c38;--belora-surface-control-card:#203e4b;--belora-surface-control-number:#203e4b;--belora-surface-journals:#0d2833;--belora-surface-journals-card:#193844;--belora-surface-journals-social:#203e4b;--belora-surface-journals-inspection:#264b57;--belora-reviews-cta-background:#223f4d;--belora-reviews-arrow-active:rgba(111, 146, 152, 0.92);--belora-faq-card:#1d3d49;--belora-faq-card-alternate:#203f4c;--belora-faq-card-open:#284f5b;--belora-faq-border:#7699a0;--belora-faq-toggle:#203e4b;--belora-faq-toggle-open:#223f4d;--belora-faq-shadow:0 12px 28px rgba(5, 15, 20, 0.2);--belora-contact-background:#0d2833;--belora-contact-input:#193844;--belora-contact-border:#7699a0;--belora-contact-social:#203e4b;--belora-text-primary:#f5f8f8;--belora-text-secondary:#bbcdd3;--belora-text-secondary-strong:#bbcdd3;--belora-text-body:#f5f8f8;--belora-text-on-brand-strong:#ffffff;--text-on-brand-strong:#ffffff;--belora-icon-social:#f5f8f8;--belora-brand-primary:#0b6f95;--belora-border-divider:#6f9298;--belora-border-image:#8cb3ba;--belora-border-section:#73969d;--belora-visit-border:#73969d;--belora-visit-cta-border:#b3e3ec;--belora-decorative-remote-divider:#4d6673;--belora-geography-divider:#ccd6d4;--belora-border-icon:#b4d4c9;--belora-border-media:#7ea0a7;--belora-border-journey:#7699a0;--belora-accent-journey:#a8d9ff;--belora-border-control:#c7d6de;--belora-border-journals:#73969d;--belora-control-carousel-background:#203e4b;--belora-control-carousel-border:#45606b;--belora-control-carousel-icon:#ffffff;--belora-control-carousel-disabled:rgba(111, 146, 152, 0.24);--belora-carousel-progress-track:rgba(111, 146, 152, 0.28);--belora-carousel-progress-active:rgba(158, 215, 226, 0.9);--belora-hero-image-shadow:0 16px 36px rgba(5, 18, 23, 0.32);--belora-panel-shadow:0 14px 32px rgba(5, 15, 20, 0.22);--belora-visit-cta-shadow:0 10px 24px rgba(5, 18, 23, 0.25);--belora-carousel-shadow:0 18px 40px rgba(5, 15, 20, 0.3);--border-divider:#6f9298;--border-divider-strong:#6f9298;--border-accent:#9ed7e2;--belora-focus-ring:#9ed7e2;--belora-control-theme-background:#122a34;--belora-control-theme-border:#526f79;--belora-control-theme-sun-icon:#9cb1ba;--belora-control-theme-sun-background:#122a34;--belora-control-theme-moon-icon:#ffffff;--belora-control-theme-moon-background:#0e8bb2;--belora-visibility-logo-light-on-dark:100;--belora-visibility-logo-dark-on-light:0}html[data-theme=light]{color-scheme:light;--belora-surface-page:#f7f8fa;--belora-surface-header:#f7f8fa;--belora-surface-hero:#e6e9ed;--belora-surface-section-white:#ffffff;--belora-surface-action-bar:#ffffff;--belora-surface-section:#ffffff;--belora-surface-section-soft:#f7f8fa;--belora-surface-elevated:#ffffff;--belora-surface-card-strong:#ffffff;--belora-surface-panel:#ffffff;--belora-surface-invitation:#e6e9ed;--belora-surface-carousel:#f7f8fa;--belora-surface-media-carousel:#ffffff;--belora-surface-journey:#e6e9ed;--belora-surface-journey-card:#ffffff;--belora-surface-journey-summary:#ffffff;--belora-surface-control:#f7f8fa;--belora-surface-control-card:#fefefb;--belora-surface-control-number:#e4eee9;--belora-surface-journals:#e6e9ed;--belora-surface-journals-card:#ffffff;--belora-surface-journals-social:#ffffff;--belora-surface-journals-inspection:#264b57;--belora-reviews-cta-background:#007fa8;--belora-reviews-arrow-active:#7e9fa6;--belora-faq-card:#ffffff;--belora-faq-card-alternate:#ffffff;--belora-faq-card-open:#ffffff;--belora-faq-border:#9eb5bb;--belora-faq-toggle:#ffffff;--belora-faq-toggle-open:#007fa8;--belora-faq-shadow:0 12px 28px rgba(16, 24, 40, 0.14);--belora-contact-background:#e6e9ed;--belora-contact-input:#ffffff;--belora-contact-border:#9eb5bb;--belora-contact-social:#ffffff;--belora-text-primary:#344054;--belora-text-secondary:#5f6978;--belora-text-secondary-strong:#344054;--belora-text-body:#5f6978;--belora-text-on-brand-strong:#ffffff;--text-on-brand-strong:#ffffff;--belora-icon-social:#344054;--belora-brand-primary:#007fa8;--belora-border-divider:#7c9087;--belora-border-image:#8cb3ba;--belora-border-section:#9eb5bb;--belora-visit-border:transparent;--belora-visit-cta-border:#b3e3ec;--belora-decorative-remote-divider:#d5dde0;--belora-geography-divider:#ccd6d4;--belora-border-icon:#cdd3da;--belora-border-media:#9eb5bb;--belora-border-journey:#9eb5bb;--belora-accent-journey:#344054;--belora-border-control:#cdd3da;--belora-border-journals:#cdd3da;--belora-control-carousel-background:#ffffff;--belora-control-carousel-border:#9eb5bb;--belora-control-carousel-icon:#344054;--belora-control-carousel-disabled:rgba(95, 105, 120, 0.18);--belora-carousel-progress-track:rgba(95, 105, 120, 0.24);--belora-carousel-progress-active:rgba(0, 127, 168, 0.82);--belora-hero-image-shadow:0 16px 36px rgba(5, 18, 23, 0.2);--belora-panel-shadow:0 14px 32px rgba(16, 24, 40, 0.1);--belora-visit-cta-shadow:0 10px 24px rgba(16, 24, 40, 0.14);--belora-carousel-shadow:none;--border-divider:#7c9087;--border-divider-strong:#6f9298;--border-accent:#9ed7e2;--belora-focus-ring:#0b6f95;--belora-control-theme-background:#ffffff;--belora-control-theme-border:#b8c9ce;--belora-control-theme-sun-icon:#ffffff;--belora-control-theme-sun-background:#0e8bb2;--belora-control-theme-moon-icon:#344054;--belora-control-theme-moon-background:#ffffff;--belora-visibility-logo-light-on-dark:0;--belora-visibility-logo-dark-on-light:100}.site-header .belora-global-theme-toggle{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--belora-control-theme-border);border-radius:12px;background:var(--belora-control-theme-background);color:var(--belora-text-primary);cursor:pointer;touch-action:manipulation}.site-header .belora-global-theme-toggle:hover{border-color:var(--belora-focus-ring)}.site-header .belora-global-theme-toggle:active{filter:brightness(.9)}.site-header .belora-global-theme-toggle:focus-visible{outline:3px solid var(--belora-focus-ring);outline-offset:3px}.site-header .belora-global-theme-toggle__moon,.site-header .belora-global-theme-toggle__sun{grid-area:1/1;width:20px;height:20px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.site-header .belora-global-theme-toggle__sun{-webkit-mask-image:url('../home-next/icon-sun.svg');mask-image:url('../home-next/icon-sun.svg')}.site-header .belora-global-theme-toggle__moon{-webkit-mask-image:url('../home-next/icon-moon.svg');mask-image:url('../home-next/icon-moon.svg')}.site-header .belora-global-theme-toggle__moon,.site-header .belora-global-theme-toggle__sun{transition:opacity .22s ease}html[data-theme=dark] .site-header .belora-global-theme-toggle__moon,html[data-theme=light] .site-header .belora-global-theme-toggle__sun{opacity:0}::view-transition-new(root),::view-transition-old(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.site-header .belora-global-theme-toggle__moon,.site-header .belora-global-theme-toggle__sun{transition:none}}.site-header .belora-global-theme-toggle--main{display:none}@media (max-width:767px){.site-header .belora-global-theme-toggle--utility{display:none}.site-header .belora-global-theme-toggle--main{display:grid;margin-left:auto}.site-header .menu-toggle{margin-left:0}}/* ИЗМЕНЕНО: белый логотип использует ту же прозрачную форму, без повторной перерисовки. */ .belora-v11-logo__image--dark, .belora-site-footer__logo-dark, .belora-v11-mobile-bar__logo-img--on-dark, .belora-logo-fallback__on-dark img { filter: brightness(0) invert(1); } /* ИЗМЕНЕНО: прозрачные поля вписываются в существующее место без растяжения букв. */ .belora-v11-logo .belora-v11-logo__image, .belora-site-footer__logo .belora-site-footer__logo-dark, .belora-site-footer__logo .belora-site-footer__logo-light { object-fit: contain; } /* НОВОЕ: варианты общего логотипа для журнала и остальных страниц со старой шапкой. */ .belora-logo-fallback { display: block; position: relative; width: var(--belora-logo-width); max-width: 100%; height: var(--belora-logo-height); } .belora-logo-fallback picture { position: absolute; inset: 0; } .logo .belora-logo-fallback img { display: block; width: 100%; height: 100%; object-fit: contain; } .belora-logo-fallback__on-dark { display: none; } html:not([data-theme="light"]) .belora-logo-fallback__on-dark { display: block; } html:not([data-theme="light"]) .belora-logo-fallback__on-light { display: none; } /* ИЗМЕНЕНО: обычная шапка журнала имеет постоянный светлый фон, поэтому логотип здесь тёмный. */ html .site-header .belora-logo-fallback__on-light { display: block; } html .site-header .belora-logo-fallback__on-dark { display: none; } @media (max-width: 767.98px) { /* ИЗМЕНЕНО: мобильная шапка показывает только BELORA, сохраняя место для кнопок. */ .logo .belora-logo-fallback { height: 32px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__logo-img { height: auto; max-height: 32px; object-fit: contain; } } @media (max-width: 374.98px) { /* ИЗМЕНЕНО: один ряд на узком телефоне; понемногу уменьшены логотип, кнопки, рамки и отступы. */ .belora-v11-header .belora-v11-mobile-bar { height: 64px; min-height: 64px; padding-inline: 4px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__logo { flex: 0 0 80px; width: 80px; max-width: 80px; min-width: 80px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__tools { display: flex; flex-wrap: nowrap; gap: 0; } /* ИЗМЕНЕНО: ширина нажатия 36px, высота сохранена 44px; действует и при прокрутке страницы. */ html .belora-v11-header .belora-v11-mobile-bar .belora-v11-mobile-bar__tools > .belora-v11-mobile-bar__hit { flex: 0 0 36px; width: 36px; min-width: 36px; height: 44px; min-height: 44px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__frame { width: 32px; height: 32px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon:not(.belora-v11-mobile-bar__icon--sun) { width: 22px; height: 22px; } }

/* ИЗМЕНЕНО: mobile-header-enlarged-2026-10-05 — увеличены все шесть элементов по отмеченному образцу. */ @media (max-width: 767.98px) { .belora-v11-mobile-bar .belora-v11-mobile-bar__frame { width: 40px; height: 40px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon { width: 30px; height: 30px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon--sun { width: 24px; height: 24px; } } @media (min-width: 420px) and (max-width: 767.98px) { /* ИЗМЕНЕНО: при достаточной ширине увеличивается и вся область нажатия. */ html .belora-v11-header .belora-v11-mobile-bar .belora-v11-mobile-bar__tools > .belora-v11-mobile-bar__hit { flex: 0 0 48px; width: 48px; min-width: 48px; height: 48px; min-height: 48px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__frame { width: 44px; height: 44px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon:not(.belora-v11-mobile-bar__icon--sun) { width: 32px; height: 32px; } } @media (max-width: 374.98px) { /* ИЗМЕНЕНО: на 320px значки также крупнее; все кнопки остаются в одном ряду. */ .belora-v11-mobile-bar .belora-v11-mobile-bar__frame { width: 34px; height: 34px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon:not(.belora-v11-mobile-bar__icon--sun) { width: 26px; height: 26px; } .belora-v11-mobile-bar .belora-v11-mobile-bar__icon--sun { width: 22px; height: 22px; } }

/* ИЗМЕНЕНО: hero-outline-links-2026-10-05 — две отдельные кнопки без заливки и подчёркивания. */ .belora-v11-hero .belora-v11-hero__more { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 252px), 1fr)); gap: 12px; margin: 16px 0 0; } .belora-v11-hero .belora-v11-hero__more a { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid var(--belora-border-divider); border-radius: 12px; background: transparent; color: var(--belora-text-primary); font-size: 16px; font-weight: 400; line-height: 1.4; text-align: left; text-decoration: none; transition: border-color 160ms ease, box-shadow 160ms ease; } /* НОВОЕ: декоративная стрелка без добавления лишнего текста для озвучивания. */ .belora-v11-hero .belora-v11-hero__more a::after { content: ""; flex: 0 0 7px; width: 7px; height: 7px; margin-right: 3px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); } @media (hover: hover) { .belora-v11-hero .belora-v11-hero__more a:hover { border-color: var(--belora-focus-ring); box-shadow: inset 0 0 0 1px var(--belora-focus-ring); text-decoration: none; } } .belora-v11-hero .belora-v11-hero__more a:active { border-color: var(--belora-text-primary); box-shadow: inset 0 0 0 1px var(--belora-text-primary); } .belora-v11-hero .belora-v11-hero__more a:focus-visible { outline: 3px solid var(--belora-focus-ring); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .belora-v11-hero .belora-v11-hero__more a { transition: none; } }