.site-navigation { min-height: 88px; }
.guide-nav { position: absolute; right: 24px; display: inline-flex; align-items: center; gap: 20px; background: #0a0a0a; color: #fff; border-radius: 999px; min-height: 46px; padding: 14px 22px; font-size: 11px; font-weight: 600; transition: background 180ms ease; }
.guide-nav:hover { background: #333; }
.site-navigation a.guide-nav[aria-current] { color: #fff; }
.newsletter { margin-top: 40px; text-align: left; }
.newsletter h2 { margin: 0 0 16px; font: 400 24px/1.2 var(--font-serif); color: #fbf9f6; }
.newsletter p { margin: 0; color: #c9c3bb; font-size: 15px; line-height: 1.8; max-width: 44ch; }
.newsletter__form { align-self: center; }
.newsletter__form label { display: block; color: #fbf9f6; font-size: 13px; margin-bottom: 6px; }
.newsletter__fields { display: flex; border-bottom: 1px solid #b0a190; }
.newsletter input { width: 100%; min-width: 0; background: transparent; color: white; font: 16px var(--font-sans); padding: 14px 0; border: 0; border-radius: 0; caret-color: #e2bd91; }
.newsletter input::placeholder { color: #aaa39b; opacity: 1; }
.newsletter input:focus-visible { outline: 2px solid #e2bd91; outline-offset: 4px; }
.newsletter button { display: flex; align-items: center; gap: 20px; flex-shrink: 0; min-height: 48px; color: #fbf9f6; background: transparent; cursor: pointer; font-size: 13px; padding: 12px 4px 12px 20px; }
.newsletter button:hover { color: #e2bd91; }
.newsletter button:disabled { opacity: .5; cursor: default; }
.newsletter .newsletter__feedback { color: #fbf9f6; margin-top: 12px; font-size: 13px; }
.guide-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.guide-form input[type=email] { display: block; width: 100%; min-width: 0; background: transparent; border: 1px solid #9b958b; border-radius: 0; padding: 14px 16px; color: #0a0a0a; font: 16px var(--font-sans); caret-color: #8b5a2b; }
.guide-form input::placeholder { color: #62605b; opacity: 1; }
.guide-form .guide-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; margin-top: 16px; padding: 15px 24px; border-radius: 999px; background: #0a0a0a; color: #fff; font-size: 13px; cursor: pointer; }
.guide-form .guide-button:hover { background: #403529; }
.guide-form input:focus-visible { outline: 2px solid #8b5a2b; outline-offset: 4px; }
.guide-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.guide-unavailable { font-size: 14px; color: #62605b; }
.guide-popup { width: min(880px,calc(100% - 48px)); max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 0; background: #fff; color: #0a0a0a; overflow-y: auto; box-shadow: 0 24px 80px #0004; }
.guide-popup::backdrop { background: #0009; }
.guide-popup__close { position: absolute; right: 8px; top: 8px; width: 44px; height: 44px; display: grid; place-items: center; background: #fff; cursor: pointer; z-index: 1; border-radius: 50%; }
.guide-popup__close:hover { background: #eee; }
.guide-popup__layout { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 0; padding: 0; }
.guide-popup__art { min-width: 0; background: #f1f1f1; }
.guide-popup__art img { display: block; width: 100%; height: 100%; object-fit: cover; box-shadow: none; }
.guide-popup__copy { padding: 56px 32px 32px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.guide-popup h2 { font: 400 32px/1.18 var(--font-serif); letter-spacing: -.02em; margin: 0 0 18px; text-wrap: pretty; }
.guide-popup h2:focus { outline: none; }
.guide-popup__copy p { color: #555; font-size: 14px; line-height: 1.75; margin: 0 0 24px; }
.guide-popup .guide-form .guide-button { width: 100%; }
.guide-popup__more { display: inline-flex; align-items: center; gap: 12px; min-height: 40px; color: #555; font-size: 12px; margin-top: 12px; text-underline-offset: 4px; }
.guide-popup__more:hover { color: #111; text-decoration: underline; }
body:has(.guide-popup[open]) { overflow: hidden; }
.guide-popup :focus-visible { outline: 2px solid #111; outline-offset: 4px; }
.guide-form input[type=email] { border-radius: 999px; border-color: #999; padding-inline: 20px; }
.guide-form .guide-button:hover { background: #333; }
.guide-form input:focus-visible { outline-color: #111; }
.newsletter__fields { border: 0; gap: 12px; align-items: center; }
.newsletter input { border: 1px solid #888; border-radius: 999px; padding: 14px 18px; }
.newsletter input:focus-visible { outline-color: #fff; }
.newsletter button { background: #fff; color: #111; border-radius: 999px; padding: 14px 20px; gap: 14px; }
.newsletter button:hover { background: #e5e5e5; color: #000; }
@media (min-width: 1024px) {
    .site-navigation { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; }
    .site-navigation .site-navigation__signature { position: static; justify-self: start; }
    .site-navigation > .guide-nav { position: relative; right: auto; justify-self: end; }
    .site-navigation > .hidden.md\:flex { gap: 24px; }
}
@media (max-width: 1023px) {
    .site-navigation > .guide-nav { display: none; }
    .mobile-menu .mobile-guide-link { background: #0a0a0a; color: #fff; border-radius: 999px; margin-top: 8px; padding: 15px 18px; display: flex; justify-content: space-between; font-size: 11px; letter-spacing: .04em; }
}
@media (max-width: 767px) {
    .newsletter p { font-size: 14px; }
    .guide-popup { width: calc(100% - 32px); max-height: calc(100dvh - 32px); }
    .guide-popup__layout { display: block; }
    .guide-popup__art { height: 180px; }
    .guide-popup__art img { width: 100%; height: 100%; object-fit: contain; }
    .guide-popup__copy { display: flex; padding: 26px 24px 20px; }
    .guide-popup h2 { font-size: 26px; margin-bottom: 14px; }
    .guide-popup__copy p { font-size: 14px; line-height: 1.65; margin-bottom: 20px; }
    .guide-popup__more { margin-top: 18px; }

}
@media (max-width: 359px) {
    .guide-popup h2 { font-size: 24px; }
    .newsletter__fields { flex-direction: column; align-items: stretch; }
    .newsletter button { justify-content: space-between; }
}

/* Align the label with the text inside each rounded field. */
.guide-form label { padding-left: 20px; }
.newsletter__form label { padding-left: 19px; }
.guide-form input::placeholder { color: #757575; font-size: 13px; }
.newsletter input::placeholder { color: #aaa; font-size: 13px; }
.guide-popup__main { margin-block: auto; }
.guide-popup__more { align-self: flex-end; margin-top: 28px; flex-shrink: 0; color: #111; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; gap: 12px; }
.guide-popup__more .text-link-label { text-decoration: underline; text-underline-offset: 3px; }
.guide-popup__more:hover { text-decoration: none; color: #555; }

/* New calls to action follow the typography of the existing hero button. */
.guide-nav, .mobile-menu .mobile-guide-link, .guide-button, .guide-form .guide-button, .newsletter button, .podcast-youtube {
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.newsletter__feedback:empty { display: none; }
.guide-popup__more { justify-content: flex-end; }

/* ===== Guide pop-ups in the design of the homepage (14.11.2026), the same on every page =====
   Geologica, bold title, square field and green button with the sweep from the left, the "read more" link with
   the short green line; no shadow (the dark backdrop sets the window apart), no pills, no micro capitals. */
.guide-popup { width: min(880px, calc(100% - 48px)); border-radius: 2px; background: #fff; color: #17181b; box-shadow: none; font-family: "Geologica", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.guide-popup::backdrop { background: rgb(17 20 23 / .72); }
.guide-popup__close { right: 12px; top: 12px; width: 44px; height: 44px; border-radius: 2px; background: transparent; color: #17181b; transition: background .25s ease; }
.guide-popup__close:hover { background: #f1f2f4; }
.guide-popup__art { background: #f1f2f4; }
.guide-popup__copy { padding: 64px clamp(28px, 4vw, 48px) 36px; }
.guide-popup h2 { margin: 0 0 16px; font: 700 clamp(26px, 2.4vw, 34px)/1.1 "Geologica", Arial, sans-serif; letter-spacing: -0.04em; text-wrap: balance; }
.guide-popup__copy p { margin: 0 0 28px; color: #5b6067; font-size: 15px; font-weight: 350; line-height: 1.6; }
.guide-popup .guide-form label { padding-left: 0; margin-bottom: 10px; font: 600 14px/1.4 "Geologica", Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.guide-popup .guide-form input[type=email] { min-height: 54px; padding: 0 16px; border: 1px solid #b9bdc3; border-radius: 3px; background: #fff; color: #17181b; font: 400 15px/1 "Geologica", Arial, sans-serif; caret-color: #11914a; }
.guide-popup .guide-form input::placeholder { color: #5b6067; font-size: 15px; }
.guide-popup .guide-form .guide-button { position: relative; isolation: isolate; overflow: hidden; justify-content: center; width: 100%; min-height: 54px; margin-top: 12px; padding: 0 28px; border: 1px solid #11914a; border-radius: 3px; background: #11914a; color: #fff; font: 500 15px/1 "Geologica", Arial, sans-serif; letter-spacing: 0; text-transform: none; transition: color .3s cubic-bezier(.22, .61, .36, 1) .05s; }
.guide-popup .guide-form .guide-button::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; transform: scaleX(0); transform-origin: left center; transition: transform .55s cubic-bezier(.16, 1, .3, 1); }
.guide-popup .guide-form .guide-button:hover { background: #11914a; color: #11914a; }
.guide-popup .guide-form .guide-button:hover::before { transform: scaleX(1); }
.guide-popup__more { position: relative; align-self: flex-start; min-height: 0; margin-top: 28px; padding-bottom: 7px; color: #17181b; font: 600 14px/1.3 "Geologica", Arial, sans-serif; letter-spacing: 0; text-transform: none; text-decoration: none; }
.guide-popup__more .text-link-label { text-decoration: none; }
.guide-popup__more::after { content: ""; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; background: #11914a; transition: width 260ms ease; }
.guide-popup__more:hover { color: #17181b; text-decoration: none; }
.guide-popup__more:hover::after { width: 100%; }
.guide-popup :focus-visible, .guide-popup .guide-form input:focus-visible { outline: 2px solid #11914a; outline-offset: 3px; }
.guide-popup .guide-note, .guide-popup .guide-error, .guide-popup .guide-success p { font-family: "Geologica", Arial, sans-serif; }
.guide-popup .guide-success h3 { font: 700 22px/1.2 "Geologica", Arial, sans-serif; letter-spacing: -0.03em; }
@media (max-width: 767px) {
    .guide-popup { width: calc(100% - 32px); }
    .guide-popup__copy { padding: 26px 24px 22px; }
    .guide-popup h2 { font-size: 26px; margin-bottom: 12px; }
    .guide-popup__copy p { font-size: 14px; margin-bottom: 20px; }
    .guide-popup__more { margin-top: 20px; }
}

/* pop-ups, interactions (15.11): the button changes colour with a short fade, the "read more" link changes colour, no lines */
.guide-popup .guide-form .guide-button::before, .guide-popup__more::after { display: none; }
.guide-popup .guide-form .guide-button { transition: background-color .35s ease, color .35s ease, border-color .35s ease; }
.guide-popup .guide-form .guide-button:hover { background: #0f7c39; border-color: #0f7c39; color: #fff; }
.guide-popup__more { padding-bottom: 0; transition: color .3s ease; }
.guide-popup__more:hover { color: #11914a; }

/* the guides button keeps its white text when it is the current page (15.11) */
.site-navigation a.guide-nav[aria-current], .jw-subpage .site-navigation a.guide-nav[aria-current] { color: #fff; }

/* ===== The bar that slides down on scroll (15.11.2026) =====
   At the top of the page the original header stays (dark Roomhero bar + navigation); once scrolled past it, one white bar
   slides down: signature, menu, "Od 2024 roku rozwijam" + Roomhero logo, guides button. Only on a large screen. */
.site-sticky { display: none; }
@media (min-width: 1024px) {
    .site-sticky { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 110; background: #fff; transform: translateY(-101%); transition: transform .45s cubic-bezier(.22, .61, .36, 1); }
    .site-sticky.is-on { transform: none; }
    .site-sticky__bar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: clamp(36px, 3.6vw, 64px); min-height: 72px; }
    .site-sticky__signature-img { display: block; width: auto; height: 40px; }
    .site-sticky__menu { display: flex; align-items: center; gap: 28px; }
    .site-sticky__link { color: #5b6067; font: 500 15px/1.2 "Geologica", Arial, sans-serif; text-decoration: none; transition: color .3s ease; }
    .site-sticky__link:hover { color: #11914a; }
    .site-sticky__link[aria-current] { color: #17181b; font-weight: 600; }
    .site-sticky__end { display: flex; align-items: center; gap: 28px; }
    .site-sticky__roomhero { display: inline-flex; align-items: center; gap: 10px; color: #5b6067; font: 400 14px/1.2 "Geologica", Arial, sans-serif; text-decoration: none; white-space: nowrap; transition: color .3s ease; }
    .site-sticky__roomhero:hover { color: #11914a; }
    .site-sticky__roomhero-logo { display: block; width: auto; height: 17px; }
    .site-sticky .guide-nav { position: relative; right: auto; min-height: 44px; padding: 0 20px; border-radius: 2px; background: #17181b; color: #fff; font: 600 14px/1 "Geologica", Arial, sans-serif; letter-spacing: 0; text-transform: none; transition: background-color .35s ease; }
    .site-sticky .guide-nav:hover { background: #11914a; color: #fff; }
}
@media (min-width: 1024px) and (max-width: 1279px) { .site-sticky__roomhero-text { display: none; } }
@media (prefers-reduced-motion: reduce) { .site-sticky { transition: none; } }

/* ===== Phones and tablets (15.11) ===== */
/* the bar that slides down on scroll: signature and hamburger below 1024 px */
.site-sticky__burger { display: none; }
@media (max-width: 1023px) {
    .site-sticky { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 110; background: #fff; transform: translateY(-101%); transition: transform .4s cubic-bezier(.22, .61, .36, 1); }
    .site-sticky.is-on { transform: none; }
    .site-sticky__bar { display: flex; align-items: center; justify-content: space-between; min-height: 60px; }
    .site-sticky__signature-img { display: block; width: auto; height: 34px; }
    .site-sticky__menu, .site-sticky__end { display: none; }
    .site-sticky__burger { display: grid; place-items: center; width: 44px; height: 44px; margin-right: -10px; color: #17181b; }
}
/* the menu on the whole screen: graphite, a circle growing from the hamburger, the links coming up one after another */
.menu-screen { position: fixed; inset: 0; z-index: 200; display: flex; flex-direction: column; overflow-y: auto; background: #17181b; color: #fff; clip-path: circle(0 at var(--mx, calc(100% - 40px)) var(--my, 40px)); transition: clip-path .6s cubic-bezier(.65, 0, .35, 1); }
.menu-screen[hidden] { display: none; }
.menu-screen.is-open { clip-path: circle(160vmax at var(--mx, calc(100% - 40px)) var(--my, 40px)); }
.menu-screen__top { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding-top: 8px; }
.menu-screen__signature-img { display: block; width: auto; height: 38px; }
.menu-screen__close { display: grid; place-items: center; width: 48px; height: 48px; margin-right: -10px; border-radius: 50%; color: #fff; transition: background-color .3s ease, transform .5s cubic-bezier(.22, .61, .36, 1); }
.menu-screen__close:hover { background: rgb(255 255 255 / .08); }
.menu-screen.is-open .menu-screen__close { transform: rotate(90deg); }
.menu-screen__nav { display: grid; align-content: center; gap: 6px; flex: 1; padding-block: 32px; }
.menu-screen__link, .menu-screen__foot { opacity: 0; transform: translateY(28px); transition: opacity .45s ease, transform .6s cubic-bezier(.16, 1, .3, 1); }
.menu-screen.is-open .menu-screen__link, .menu-screen.is-open .menu-screen__foot { opacity: 1; transform: none; transition-delay: calc(.22s + var(--i, 0) * .06s); }
.menu-screen__link { justify-self: start; padding: 6px 0; color: #fff; font: 700 clamp(34px, 10vw, 52px)/1.1 "Geologica", Arial, sans-serif; letter-spacing: -0.04em; text-decoration: none; }
.menu-screen__link:hover, .menu-screen__link[aria-current] { color: #6fcf97; }
.menu-screen__foot { display: grid; gap: 22px; justify-items: start; padding-bottom: max(32px, env(safe-area-inset-bottom)); }
.menu-screen__guides { display: inline-flex; align-items: center; min-height: 54px; padding: 0 26px; border-radius: 3px; background: #11914a; color: #fff; font: 500 16px/1 "Geologica", Arial, sans-serif; text-decoration: none; transition: background-color .35s ease; }
.menu-screen__guides:hover { background: #0f7c39; }
.menu-screen__roomhero { display: inline-flex; align-items: center; gap: 10px; color: #a9b0b6; font: 400 14px/1.2 "Geologica", Arial, sans-serif; text-decoration: none; }
.menu-screen__roomhero-logo { display: block; width: auto; height: 17px; }
html.menu-is-open, html.menu-is-open body { overflow: hidden; }
@media (min-width: 1024px) { .menu-screen { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .menu-screen, .menu-screen__link, .menu-screen__foot { transition: none; } }
/* the bottom Roomhero button on phones without the white fade behind it */
.jw-home .sm\:hidden.fixed.bottom-0, .jw-subpage .sm\:hidden.fixed.bottom-0, .sm\:hidden.fixed.bottom-0 { background: none; padding-bottom: max(16px, env(safe-area-inset-bottom)); }

/* 15.11: the X and the signature of the full-screen menu stand exactly where the hamburger and the signature of the bar
   that opened it stand (--cx/--cy, --sx/--sy/--sh set by site-sticky.js), so opening reads as the hamburger turning
   into the X. The X fades and grows in (no quarter-turn through a "+"); no focus ring on a finger or mouse open
   (the dialog takes the focus), a white ring for the keyboard; hover only where a mouse hovers. */
@media (max-width: 1023px) {
    .menu-screen:focus { outline: none; }
    .menu-screen__top { position: static; height: var(--top-h, 72px); min-height: 0; padding: 0; }
    .menu-screen__signature { position: absolute; left: var(--sx, 24px); top: var(--sy, 17px); }
    .menu-screen__signature-img { height: var(--sh, 38px); }
    .menu-screen__close { position: absolute; left: calc(var(--cx, calc(100% - 34px)) - 24px); top: calc(var(--cy, 36px) - 24px); margin: 0; opacity: 0; transform: scale(.6); transition: opacity .25s ease .06s, transform .4s cubic-bezier(.22, .61, .36, 1) .06s, background-color .3s ease; }
    .menu-screen.is-open .menu-screen__close { opacity: 1; transform: none; }
    .menu-screen__close:hover { background: none; }
    .menu-screen :focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
    .menu-screen .menu-screen__close:focus-visible { outline-offset: 0; }
}
@media (max-width: 1023px) and (hover: hover) { .menu-screen__close:hover { background: rgb(255 255 255 / .08); } }
/* 15.11: while the circle grew, Chrome painted the menu's own (empty) scrollbar track as a light 2 px strip on the right
   edge until the animation ended. The menu still scrolls on a very short screen, the bar is just not drawn. */
.menu-screen { scrollbar-width: none; }
.menu-screen::-webkit-scrollbar { display: none; }
/* 15.11: leaving the menu. A fade of the whole menu in place (anchor on this page, new tab); on the X the circle closes
   while the links only fade (they no longer slide down, they move back under the closed circle afterwards); the link
   just clicked stays green while the next page loads. */
.menu-screen.is-fading { opacity: 0; transition: opacity .3s ease; }
.menu-screen:not(.is-open) .menu-screen__link, .menu-screen:not(.is-open) .menu-screen__foot { transition: opacity .2s ease, transform 0s linear .6s; }
.menu-screen__link.is-going { color: #6fcf97; }

/* 15.11: "Sprawdź teraz" next to Roomhero everywhere: in the sliding desktop bar right after the Roomhero logo (green
   like on the top bar), and on the phone top bar too (smaller, the bar keeps its 40 px). */
.site-sticky__check { display: none; }
@media (min-width: 1024px) {
    .site-sticky__check { display: inline-flex; align-items: center; height: 33px; margin-left: -14px; padding: 0 18px; border-radius: 2px; background: #15a04a; color: #fff; font: 600 13px/1 "Geologica", Arial, sans-serif; text-decoration: none; white-space: nowrap; transition: background-color .35s ease; }
    .site-sticky__check:hover { background: #0f7c39; color: #fff; }
}
@media (max-width: 639px) {
    html body .bg-silky-dark.fixed.top-0 { gap: 12px; padding-block: 8px; }
    html body .bg-silky-dark.fixed.top-0 > a.bg-green-600 { display: inline-flex; padding: 6px 12px; font-size: 12px; line-height: 1; white-space: nowrap; }
}
@media (max-width: 639px) { html body .bg-silky-dark.fixed.top-0 { min-height: 40px; } }
@media (max-width: 389px) {
    html body .bg-silky-dark.fixed.top-0 { gap: 8px; padding-inline: 10px; }
    html body .bg-silky-dark.fixed.top-0 > a.bg-green-600 { padding-inline: 9px; font-size: 11px; }
}
@media (max-width: 359px) {
    html body .bg-silky-dark.fixed.top-0 { gap: 6px; padding-inline: 8px; }
    html body .bg-silky-dark.fixed.top-0 > div { gap: 6px; font-size: 11px; white-space: nowrap; }
    html body .bg-silky-dark.fixed.top-0 > div img { height: 14px; }
    html body .bg-silky-dark.fixed.top-0 > a.bg-green-600 { padding-inline: 8px; }
}

/* 15.11: the menu's foot like the bars: Roomhero gets its green "Sprawdź teraz" under "Od 2024 roku rozwijam roomhero",
   and the guides button is white (dark text) so the two read as different things. */
.menu-screen__guides { background: #fff; color: #17181b; }
.menu-screen__guides:hover { background: #dfe3e6; color: #17181b; }
.menu-screen__rh { display: grid; gap: 14px; justify-items: start; }
.menu-screen__check { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 3px; background: #15a04a; color: #fff; font: 500 15px/1 "Geologica", Arial, sans-serif; text-decoration: none; transition: background-color .35s ease; }
.menu-screen__check:hover { background: #0f7c39; color: #fff; }

/* 15.11: Roomhero sits between the menu and the guides (centred in the free space of the sliding desktop bar), and its
   "Sprawdź teraz" is the same size as "Bezpłatne poradniki" (44 px, 14 px text, equal width); in the phone menu the
   order follows: links, Roomhero with its green button, then the white guides button, both buttons the same size. */
@media (min-width: 1024px) {
    .site-sticky__bar { grid-template-columns: auto auto minmax(0, 1fr) auto; }
    .site-sticky__end { display: contents; }
    .site-sticky__rh { display: flex; align-items: center; justify-self: center; gap: 22px; }
    .site-sticky__check { height: 44px; min-width: 184px; margin-left: 0; padding: 0 20px; justify-content: center; font: 600 14px/1 "Geologica", Arial, sans-serif; }
    .site-sticky__guides { min-width: 184px; justify-content: center; }
}
.menu-screen__foot { gap: 34px; }
.menu-screen__rh { gap: 16px; }
.menu-screen__check, .menu-screen__guides { min-height: 54px; min-width: 232px; padding: 0 26px; justify-content: center; font: 500 16px/1 "Geologica", Arial, sans-serif; }