/* Фотогалерея: страница после сканирования и она же превью в конструкторе. Файл один на обоих — сервер вкладывает его в страницу целиком (redirect/gallery-page.ts: политика страниц разрешает только встроенные стили), сайт подключает как есть. Строй тот же, что у бизнес-карточки и страницы соцсетей (.vc-* и .sp-* в style.css): цветная шапка с общим бликом, поверх неё скруглённым краем наезжает белый лист, на листе — фотографии, внизу — ссылка на сайт. Краски шапки и кнопки приходят в разметку номером заготовки VC_THEMES, в этом файле их нет намеренно. Числа без приставки — превью внутри нарисованного телефона (268 px). Настоящая страница (.gl-public) берёт те же числа × 1.45 — ровно как у соседей, где превью и страница — две копии одного дизайна. Блик — единственное исключение: у градиента углы и проценты от масштаба не зависят, и он скопирован из .vc-head::before числом в число. */ .gl-page{min-height:100%;display:flex;flex-direction:column;background:#fff;color:#16202B;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere} .gl-page *{box-sizing:border-box} .gl-page a{color:inherit} /* Сверху чуть больше, чем у карточки (42px): там под часами стоит кружок фотографии, а здесь сразу заголовок, и вплотную к островку он читался бы подписью к нему. */ .gl-head{position:relative;padding:50px 18px 34px;text-align:center} .gl-head::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.09) 15%,rgba(255,255,255,0) 33%)} .gl-head>*{position:relative} /* Цвет и шрифт — от шапки, с двойной точностью: превью живёт внутри сайта, а у сайта есть общее правило для h1 (тёмная краска, свой шрифт), и без этого заголовок на тёмной шапке выходил тёмным. */ .gl-page .gl-title{color:inherit;font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;text-wrap:balance} /* Серый заголовок-заглушка бывает только в превью, пока название не написано. */ .gl-page .gl-ghost{opacity:.55;font-weight:600} .gl-page .gl-desc{color:inherit;font-size:12.5px;line-height:1.5;margin:9px 0 0;opacity:.9;white-space:pre-line} /* Кнопка живёт в шапке, под описанием: это призыв «забронировать», а не ещё одна фотография, и на листе среди снимков она терялась бы. */ .gl-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;max-width:100%;height:40px;padding:0 20px;margin-top:18px;border-radius:13px;font-size:12.5px;font-weight:700;text-decoration:none;cursor:pointer} .gl-btn:active{opacity:.85} /* Лист «наезжает» на шапку скруглённым краем — position обязателен: шапка позиционирована под блик, и без своего position лист ушёл бы под неё. */ .gl-body{position:relative;flex:1;background:#fff;border-radius:22px 22px 0 0;margin-top:-20px;padding:20px 12px 34px} .gl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .gl-photo{margin:0;min-width:0} .gl-wide{grid-column:1/-1} /* Клетка пары — вертикальная 4:5; горизонтальный снимок во всю ширину — 3:2; вертикальный во всю ширину (gl-tall) остаётся в своей высоте 4:5. */ .gl-image{position:relative;display:block;overflow:hidden;border-radius:12px;background:#EDF1F5;aspect-ratio:4/5;text-decoration:none} .gl-wide .gl-image{aspect-ratio:3/2} .gl-tall .gl-image{aspect-ratio:4/5} .gl-image img{display:block;width:100%;height:100%;object-fit:cover} /* Нажатие видно сразу: на телефоне у снимка нет наведения. */ .gl-image:active img{opacity:.85} .gl-unavailable{display:none} /* Надпись «снимок недоступен» и ссылка сайта внизу — краской листа, а не серым (решение владельца 14.09.2026 «подписи темнее», проверка роботом). На странице после скана так было и раньше: клетка снимка и ссылка — , и `.gl-page a{color:inherit}` перебивал серый #93A6B9 (2,5:1 к белому). В превью ссылка сайта — , серый доставался только ей, и превью показывало не то, что увидит гость. */ .gl-failed{display:grid;place-items:center;padding:12px;text-align:center;color:inherit;font-size:11px} .gl-failed img{display:none} .gl-failed .gl-unavailable{display:block} /* Снимок ждёт повтора после сетевой ошибки (Р-24, проверка роботом, 14.09.2026): клетка серая, как при загрузке, — ни значка битой картинки, ни слов, пока попытки не кончились. */ .gl-retry img{visibility:hidden} /* Снимок в очереди (Р-25): адрес в data-src ставит скрипт, когда загрузится первая строка. Пустая картинка не видна и без скрипта не заслоняет запасную из