/* Masaże page (/masaze/) */

/* Hero: the gradient sits above the photo, the text above both. */
.ms-hero::before { z-index: 1; }
.ms-hero .mb-hero__content { z-index: 2; }
.ms-hero .mb-hero__title { line-height: 1.125; }
@media (max-width: 967px) { .ms-hero .mb-hero__title { font-size: 50px; } }
@media (max-width: 514px) { .ms-hero .mb-hero__title { font-size: 40px; } }

/* Heading + the offers of the massage plugin */
.ms-list__wrap { display: flex; flex-direction: column; align-items: center; gap: 50px; padding-top: 35px; }
.ms-list__head { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; text-align: center; }
.ms-list__kicker { letter-spacing: 1px; }
.ms-list__title { color: var(--mb-brown); font-family: var(--mb-serif); font-size: 60px; font-weight: 400; line-height: 1.125; }
.ms-list__texts { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.ms-list__text, .ms-list__note { color: var(--mb-brown); font-size: 20px; line-height: 1.3; text-align: center; }
.ms-list__text { font-weight: 400; }
.ms-list__note { font-weight: 600; }
.ms-list__offers { width: 100%; }
@media (max-width: 1600px) {
    .ms-list__title { font-size: 50px; }
    .ms-list__text, .ms-list__note { font-size: 15px; }
}
@media (max-width: 1249px) { .ms-list__title { font-size: 45px; } }
@media (max-width: 967px) {
    .ms-list__wrap { gap: 40px; }
    .ms-list__title { font-size: 40px; }
    .ms-list__texts { text-align: left; }
    .ms-list__text { text-align: left; }
}
@media (max-width: 514px) {
    .ms-list__title { font-size: 32px; }
    .ms-list__text, .ms-list__note { font-size: 14px; text-align: left; }
}