/* =====================================================================
   Страница «Расслабляющий массаж» — шаблон page-rasslablyayushchij.php.
   Подключается только на ней, после massage.css и lymph.css (inc/relax.php):
   первый экран, цены, шаги, таблица, мастера, документы, отзывы, вопросы и запись — компоненты
   «Массажа» (glm-*) и «Лимфодренажа» (gll-*). Здесь — свои блоки (glr-) и подстройка первого экрана.

   Макет goldline-relax пришёл со своей шапкой и подвалом, контейнером 1120 px, чипами-подборщиком
   и тремя плашками скидки. Приведён к сайту так же, как соседние страницы массажа:
   сайтовый контейнер, Jost, оливковое действие, тёплые панели, точки — 1100 / 850 / 600.
   ===================================================================== */

/* ---- Первый экран: кадр фотосессии 2400×1350 (не отражён) — слева стена и кушетка под растяжку,
   мастер около 45–62 % ширины, гостья лежит по низу кадра. Кадр прижат вправо: при обрезке уходит
   пустая стена, а не люди. ---- */
.glr-hero {--gll-copy:540px;--gll-fade:320px}
.glr-hero .gll-hero__photo {object-position:72% 42%}
.glr-hero__phone {white-space:nowrap}
.glr-hero__phone .icon {width:18px;height:18px}
@media(min-width:1600px){.glr-hero{--gll-fade:420px}}
@media(max-width:1320px){.glr-hero{--gll-copy:470px;--gll-fade:240px}}
@media(max-width:1100px){.glr-hero .gll-hero__photo{object-position:62% 45%}}
@media(max-width:600px){.glr-hero .gll-hero__photo{object-position:64% 45%}}

/* ---- Цены: карточки сеансов, под ними две подсказки в ряд ---- */
.glr-prices__grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.glr-price__note {margin-top:10px;color:var(--glm-text);font-size:15px;line-height:1.45}
.glr-price-extra {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.glr-choice>.icon {width:26px;height:26px;margin-bottom:12px;color:var(--glm-gold)}

/* ---- Что входит в час: шаги и кадр чайного уголка рядом ---- */
/* Чайный уголок — подпись страницы, а не марочка в углу (оценщик, 16.09.2026): колонка шире и во всю высоту шагов. */
.glr-hour {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:32px;align-items:stretch}
.glr-hour .visit-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
.glr-tea {display:flex;flex-direction:column;margin:0}
.glr-tea img {display:block;flex:1;width:100%;min-height:340px;object-fit:cover;object-position:50% 42%;border-radius:18px}
.glr-tea figcaption {margin-top:12px;color:var(--glm-text);font-size:15px;line-height:1.5}

/* ---- Зоны: кадр кабинета и список «зона → что с ней делают» ----
   Было четыре одинаковые карточки: у двух есть ссылка, у двух нет — низ рвался, треть площади пустовала
   (оценщик, 16.09.2026). Заодно кадр закрывает длинный текстовый участок середины страницы.
   Зоны не последовательность — без номеров. */
.glr-zones-layout {display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:center;margin-top:44px}
.glr-zones__photo {margin:0;overflow:hidden;border-radius:18px;background:var(--glm-warm)}
.glr-zones__photo img {display:block;width:100%;height:100%;max-height:520px;object-fit:cover;object-position:50% 40%}
.glr-zones__title {margin:0;font:350 27px/1.2 var(--display);letter-spacing:-.01em}
.glr-zones__lead {margin-top:12px;color:var(--glm-text);font-size:17px;line-height:1.6}
.glr-zones {display:grid;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--glm-line)}
.glr-zones li {padding:14px 0;border-bottom:1px solid var(--glm-line)}
.glr-zones h4 {margin:0;color:var(--ink);font:350 21px/1.25 var(--display);letter-spacing:-.008em}
.glr-zones p {margin:6px 0 0;color:var(--glm-text);font-size:16px;line-height:1.55}

/* ---- Сравнение форматов: первая колонка шире, цена не рвётся ---- */
.glr-table tbody th {width:20%}
.glr-table .glm-table__clinic {width:24%}
.glr-table .glm-table__clinic .text-link {white-space:normal;text-align:left}

/* ---- Чего ждать и чего не обещаем ---- */
.glr-expect {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:stretch}
.glr-card--no {background:#fbf8f4}
.glr-nolist {display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}
.glr-nolist li {position:relative;padding-left:26px;color:var(--glm-text);font-size:16px;line-height:1.5}
.glr-nolist li::before {content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;border-radius:2px;background:#c4a888}

/* ---- Показания и противопоказания ---- */
.glr-safety {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.glr-stop__list {display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}
.glr-stop__list li {position:relative;padding-left:16px;color:var(--ink);font-size:15px;line-height:1.45}
.glr-stop__list li::before {content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#b0765d}
.glr-stop .gll-safety__note {margin-top:16px;padding-top:14px;border-top:1px solid #efdcd2}

/* ---- После косметологических процедур: одна строка на тёплой панели ---- */
.glr-after {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px 40px;align-items:center;margin-top:22px;padding:26px 30px;border-radius:18px;background:var(--glm-warm)}
.glr-after h2 {font:350 27px/1.2 var(--display);letter-spacing:-.01em}
.glr-after p {margin-top:10px;color:var(--glm-text);font-size:16px;line-height:1.6}
.glr-after__actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}

/* ---- Вдвоём: сноска под кнопкой ---- */
.glr-pair__note {max-width:440px;margin-top:20px;color:#6a675f;font-size:14px;line-height:1.55}

/* ---- Документы под мастерами ---- */
.glr-docs__title {margin:36px 0 16px;font:350 24px/1.25 var(--display);letter-spacing:-.008em}

/* ---- Отзывы: два скриншота и карточка площадок ---- */
.glr-reviews__more {justify-content:flex-start;gap:6px;background:var(--glm-warm);border-color:#eadcc8}
.glr-reviews__more strong {color:var(--ink);font:350 23px/1.25 var(--display)}
.glr-reviews__more p {margin:6px 0 8px;color:var(--glm-text);font-size:15px;line-height:1.55}
.glr-reviews__more .text-link {align-self:flex-start}

/* ---- Адрес в карточке записи ---- */
.glr-booking__address {display:flex;gap:10px;margin-top:10px;color:var(--glm-text);font-size:15px;line-height:1.5}
.glr-booking__address .icon {flex-shrink:0;width:18px;height:18px;margin-top:2px;color:var(--olive-dark)}

/* ===================================================================== */
@media(max-width:1100px){
 .glr-prices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .glr-hour{grid-template-columns:minmax(0,1fr)}
 .glr-tea img{min-height:0;height:300px}
 .glr-zones-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .glr-zones__photo img{max-height:380px}
 .glr-expect,.glr-safety{grid-template-columns:minmax(0,1fr)}
 .glr-after{grid-template-columns:minmax(0,1fr);padding:22px}
}
@media(max-width:850px){
 .glr-price-extra{grid-template-columns:minmax(0,1fr)}
 .glr-hour .visit-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .glr-prices__grid{grid-template-columns:minmax(0,1fr)}
 /* На телефоне карточка цены — строка (massage.css): пояснение лишнее. */
 .glr-price__note{display:none}
 .glr-hour .visit-steps{grid-template-columns:minmax(0,1fr)}
 .glr-tea img{height:220px;border-radius:14px}
 /* На телефоне строки таблицы — карточки (massage.css): проценты колонок не нужны. */
 .glr-table tbody th,.glr-table .glm-table__clinic{width:auto}
 .glr-zones-layout{margin-top:32px}.glr-zones__photo{border-radius:14px}.glr-zones__photo img{max-height:300px}
 .glr-zones__title{font-size:23px}.glr-zones__lead{font-size:16px}
 .glr-zones h4{font-size:19px}.glr-zones p{font-size:15px}
 .glr-after{padding:18px 16px;border-radius:14px}.glr-after h2{font-size:23px}.glr-after p{font-size:15px}
 .glr-after__actions .button{width:100%}
 .glr-docs__title{margin-top:28px;font-size:21px}
 .glr .gll-docs{grid-template-columns:minmax(0,1fr)}.glr .gll-doc__image{height:220px}
}