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

   Макет goldline-spa-dvoih пришёл одним файлом preview(4).html: своя шапка и подвал, контейнер 1120 px,
   карусель программ и две плашки скидок в первом экране. Приведён к сайту так же, как соседние страницы:
   сайтовый контейнер, оливковое действие, тёплые панели, точки — 1100 / 850 / 600.
   ===================================================================== */

/* ---- Первый экран: кадр 2400×1350 — слева кушетка и столик под растяжку, мастер в середине,
   вторая пара справа. Кадр прижат вправо: при обрезке уходит пустая стена, а не люди. ---- */
.glc-hero {--gll-copy:560px;--gll-fade:340px}
.glc-hero .gll-hero__photo {object-position:72% 45%}
.glc-hero__phone {white-space:nowrap}
.glc-hero__phone .icon {width:18px;height:18px}
@media(min-width:1600px){.glc-hero{--gll-fade:440px}}
@media(max-width:1320px){.glc-hero{--gll-copy:480px;--gll-fade:250px}}
@media(max-width:1100px){.glc-hero .gll-hero__photo{object-position:62% 48%}}
@media(max-width:600px){.glc-hero .gll-hero__photo{object-position:66% 48%}}

/* ---- Как это устроено: кадр парного сеанса и список ---- */
.glc-pair {display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px;align-items:center}
.glc-pair__photo {margin:0;overflow:hidden;border-radius:18px;background:var(--glm-warm)}
.glc-pair__photo img {display:block;width:100%;height:auto}
.glc-pair__copy .section__lead {margin-top:14px}
.glc-pair__copy .checklist {margin-top:22px}
.glc-pair__copy>.text-link {margin-top:20px}

/* ---- Таблица цен за двоих ---- */
.glc-table tbody th {width:28%}
.glc-table .glm-table__clinic {width:24%}
.glc-table .glm-table__clinic strong {color:var(--ink);font-size:17px}
.glc-table .glm-table__clinic .text-link {white-space:nowrap}

/* ---- SPA-программы вдвоём ---- */
.glc-programs .glm-note {margin-top:18px}

/* ---- Как проходит: тёплая полоса посреди страницы ---- */
.glc-steps-section {padding-bottom:72px;background:var(--glm-warm)}
.glc-steps-section .visit-step {background:#fff}

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

/* ---- Для подруг и «в 4 руки»: две колонки на тёплой панели ---- */
.glc-extra {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;margin-top:16px;padding:26px 30px;border-radius:18px;background:var(--glm-warm)}
.glc-extra h3 {font:350 23px/1.25 var(--display);letter-spacing:-.008em}
.glc-extra p {margin-top:10px;color:var(--glm-text);font-size:16px;line-height:1.6}

/* ---- Документы под мастерами ---- */
.glc-docs__title {margin:36px 0 16px;font:350 24px/1.25 var(--display);letter-spacing:-.008em}
.glc-docs__note {margin-top:14px;color:#6a675f;font-size:13px;line-height:1.5}

/* ---- Вопросы: в боковой карточке отзывы с площадок ---- */
.glc-help__reviews {margin-top:20px;padding-top:16px;border-top:1px solid #e6d9c7;color:var(--glm-text);font-size:14px;line-height:1.5}
.glc .gll-help .text-link {display:flex;margin-top:10px}

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

/* ===================================================================== */
@media(max-width:1100px){
 .glc-pair{grid-template-columns:minmax(0,1fr);gap:28px}
 .glc-pair__photo img{max-height:420px;object-fit:cover}
 .glc-inside{grid-template-columns:minmax(0,1fr)}
 .glc-extra{grid-template-columns:minmax(0,1fr);padding:24px}
}
@media(max-width:600px){
 .glc-pair__photo{border-radius:14px}.glc-pair__photo img{max-height:300px}
 /* На телефоне строки таблицы — карточки (massage.css): проценты колонок не нужны. */
 .glc-table tbody th,.glc-table .glm-table__clinic{width:auto}
 .glc-steps-section{padding-bottom:48px}
 .glc-extra{padding:18px 16px;border-radius:14px}.glc-extra h3{font-size:21px}.glc-extra p{font-size:15px}
 .glc-docs__title{margin-top:28px;font-size:21px}
 .glc .gll-docs{grid-template-columns:minmax(0,1fr)}.glc .gll-doc__image{height:220px}
 /* У строки программы на телефоне остаётся одна стрелка — возвращаем подпись. */
 .glc-list .glm-price__book-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;color:var(--olive-dark);font-size:13px}
 .glc-list .glm-price__book{flex-direction:column;align-items:flex-end;gap:2px}
}