/* ============================================================
   design-salon-krasoty.css — нишевая посадочная /prodayushchiy-sayt/dlya-salona-krasoty/ («Сайт для салона красоты»).
   Страница — копия «Сайта для юриста» (весь каркас: design-prodajushchiy.css + design-yurist.css + common.css),
   здесь только рамки смыслов на кадрах первого экрана демо-салона в блоке «Подход» (карточки 2 и 3).
   Порядок подключения: … -> design-yurist.css -> design-salon-krasoty.css -> common.css
   ============================================================ */

/* Кадры proto-hero.jpg / design-hero.jpg — верх демо-сайта «ФОРМА» 1024×644 (1600×1006, пропорция как у юриста).
   Координаты рамок — в % кадра по элементам демо: H1 с услугами, кнопка «Выбрать услугу», «от 3 500 ₽»,
   «5 минут от м. Трубная», подпись к фото «… · мастер Анна». */
.ps-shot--salon .ps-shot__zone--uslugi { left: 3.4%; top: 22.6%; width: 49%; height: 23.6%; }
.ps-shot--salon .ps-shot__zone--zapis  { left: 3.4%; top: 59.6%; width: 18.6%; height: 8.6%; }
.ps-shot--salon .ps-shot__zone--cena   { left: 3.4%; top: 72.2%; width: 8.4%; height: 5.2%; }
.ps-shot--salon .ps-shot__zone--metro  { left: 15.8%; top: 72.2%; width: 16%; height: 5.2%; }
.ps-shot--salon .ps-shot__zone--master { left: 71.8%; top: 71.2%; width: 25.6%; height: 4.9%; }