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

   Макет goldline-face-massage пришёл со своей шапкой и подвалом, Georgia и Arial, коричневыми кнопками,
   полосой из пяти значков и контейнером 1180 px. Приведён к сайту так же, как соседние страницы массажа:
   Jost, оливковое действие, тёплые панели, точки — сайтовые 1100 / 850 / 600.
   ===================================================================== */

/* ---- Первый экран: иллюстрация 1672×941 (с 16.09.2026) — слева проекция города, лицо гостьи около 50–62 % ширины,
   мастер 55–93 %. Кадр прижат вправо: при обрезке уходит проекция, а не люди; проекция ложится под растяжку.
   Подпись «Иллюстрация» — честная метка: это не снимок кабинета (inc/face.php). */
.glf-hero {--gll-copy:540px;--gll-fade:340px}
.glf-hero .gll-hero__photo {object-position:85% 50%}
/* Кадр тёмный: у общей растяжки (lymph.css) на широких экранах читался резкий край — здесь переход длиннее и мягче. */
.glf-hero .gll-hero__visual::after {background:linear-gradient(90deg,#f9efe4 0%,#f9efe4f2 28%,#f9efe4c2 50%,#f9efe47a 70%,#f9efe433 86%,#f9efe400 100%)}
@media(min-width:1600px){.glf-hero{--gll-fade:460px}}
.glf-hero__caption {position:absolute;right:16px;bottom:16px;padding:5px 12px;border-radius:40px;background:#2b2118a8;color:#fff;font-size:12px;line-height:1.3}
@media(max-width:1320px){.glf-hero{--gll-copy:470px;--gll-fade:260px}}
@media(max-width:1100px){.glf-hero .gll-hero__photo{object-position:66% 50%}}
@media(max-width:600px){.glf-hero .gll-hero__photo{object-position:70% 50%}.glf-hero__caption{right:10px;bottom:10px}}

/* ---- Коротко о процедуре: паспорт сеанса и «в фокусе / не обещаем» ---- */
.glf-about {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.glf-facts {display:grid;align-content:start;margin:0;padding:8px 26px;border-radius:18px;background:var(--glm-warm)}
.glf-facts>div {display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:4px 16px;padding:14px 0;border-bottom:1px solid #eadcc8}
.glf-facts>div:last-child {border-bottom:0}
.glf-facts dt {color:#6a675f;font-size:14px;line-height:1.45}
.glf-facts dd {margin:0;color:var(--ink);font-size:16px;line-height:1.45}

/* ---- Массаж, аппарат или инъекции: таблица «Массажа», колонка этой страницы подсвечена ---- */
.glf-compare thead td {background:#faf6f0}
.glf-compare .is-current {background:#f5f7f0}
.glf-compare thead th.is-current {border-top:3px solid var(--olive);color:var(--ink)}
.glf-compare tbody th {width:17%}
.glf-compare__actions .text-link {white-space:normal;text-align:left}

/* ---- Техники: строка «есть в прайсе» подсвечена, «нет в прайсе» — словами ---- */
.glf-techniques tbody th {width:24%}
.glf-techniques .glm-table__clinic {width:26%}

/* ---- Цены: три карточки и «Курс или пакет» ---- */
.glf-prices__grid {grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---- Противопоказания и сочетание с процедурами ---- */
.glf-safety {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:stretch}
.glf-doctor h3 .icon {color:#9a5238}
.glf-doctor__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:14px 0 0;padding:0;list-style:none}
.glf-doctor__list li {position:relative;padding-left:16px;color:var(--ink);font-size:15px;line-height:1.45}
.glf-doctor__list li::before {content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#b0765d}
.glf-doctor .gll-safety__note {margin-top:16px;padding-top:14px;border-top:1px solid #efdcd2}
.glf-combine {display:flex;flex-direction:column;align-items:flex-start}
.glf-combine .text-link {margin-top:auto;padding-top:18px;white-space:normal}

/* ---- Мастер и врачи-косметологи ---- */
.glf-team {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:stretch}
.glf-medics {padding:24px 26px;border-radius:var(--radius);background:var(--glm-warm)}
.glf-medics h3 {font:350 23px/1.25 var(--display);letter-spacing:-.008em}
.glf-medics ul {display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}
.glf-medics li {display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}
.glf-medic__photo {display:block;overflow:hidden;aspect-ratio:.8;border-radius:12px;background:#fff}
.glf-medic__photo img {width:100%;height:100%;object-fit:cover}
.glf-medics strong {display:block;color:var(--ink);font:350 19px/1.25 var(--display)}
.glf-medics span {display:block;margin-top:4px;color:var(--glm-text);font-size:14px;line-height:1.45}
.glf-medics .text-link {margin-top:6px;font-size:14px}
.glf-docs__title {margin:36px 0 16px;font:350 24px/1.25 var(--display);letter-spacing:-.008em}

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

/* ===================================================================== */
@media(max-width:1100px){
 .glf-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.glf-facts{grid-column:1 / -1}
 .glf-prices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .glf-safety,.glf-team{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:850px){
 .glf-prices__grid .gll-course{grid-column:auto}
}
@media(max-width:600px){
 .glf-about{grid-template-columns:minmax(0,1fr)}
 .glf-facts{padding:4px 16px;border-radius:14px}.glf-facts>div{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0}.glf-facts dd{font-size:15px}
 .glf-compare tbody th,.glf-techniques tbody th,.glf-techniques .glm-table__clinic{width:auto}
 .glf-compare .is-current{background:none}
 .glf-compare__actions td{align-items:center}
 .glf-prices__grid{grid-template-columns:minmax(0,1fr)}
 .glf-doctor__list{grid-template-columns:minmax(0,1fr)}
 .glf-medics{padding:18px 16px;border-radius:14px}.glf-medics li{grid-template-columns:72px minmax(0,1fr);gap:12px}
 .glf-docs__title{margin-top:28px;font-size:21px}
 .glf .gll-docs{grid-template-columns:minmax(0,1fr)}.glf .gll-doc__image{height:220px}
}

/* ---- Миниатюра сертификата в паспорте сеанса (оценщик, 15.09.2026): настоящий документ посреди текстовой части ---- */
.glf-facts__doc {display:block;margin-top:10px}
.glf-facts__doc-open {display:inline-flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border:1px solid #eadcc8;border-radius:12px;background:#fff;color:var(--olive-dark);font-size:14px;transition:border-color .2s}
.glf-facts__doc-open:hover {border-color:#cdbfa9}
.glf-facts__doc-open img {width:60px;height:60px;object-fit:contain;border-radius:8px;background:#f5f1ea}