/* SAMUI · страницы «о салоне»: мастера, о нас, галерея, spa-этикет, отзывы */

/* общее */
.pg-lead-row{display:flex;flex-wrap:wrap;gap:16px;padding-top:8px}
.pg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pg-num{font-family:var(--sm-font-display);font-size:52px;font-weight:700;line-height:1;color:var(--sm-blue)}
.pg-quote{max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}
.pg-quote blockquote{font-family:var(--sm-font-display);font-size:34px;font-weight:600;line-height:1.3;text-transform:uppercase;color:var(--sm-on-dark)}
.pg-quote figcaption{font-size:16px;color:var(--sm-on-dark-muted)}
.pg-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 44px;border-radius:var(--sm-r-card-lg);background:var(--sm-brown);color:var(--sm-on-dark)}
.pg-cta .h2{color:var(--sm-on-dark)}
.pg-cta__btns{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.pg-dark-card{padding:32px 30px;border-radius:26px;border:1px solid rgba(243,231,211,.3);background:rgba(43,26,16,.55);display:flex;flex-direction:column;gap:14px}
.pg-dark-card .amen__ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sm-blue);color:var(--sm-on-dark)}
.pg-dark-card h3{font-family:var(--sm-font-display);font-size:24px;font-weight:700;text-transform:uppercase;line-height:1.15}
.pg-dark-card p{font-size:16px;line-height:1.55;color:rgba(243,231,211,.85)}

/* мастера — сетка */
.masters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.masters-grid .master{width:auto}
.master__more{font-size:15px;color:var(--sm-on-dark);text-decoration:underline;text-underline-offset:3px;text-align:left;align-self:flex-start;min-height:32px}
.master__more:hover{color:#fff}
.master__phbtn{display:block;width:100%;height:100%;padding:0}

/* модалка мастера */
.mdlg{position:fixed;inset:0;z-index:120;background:rgba(43,26,16,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.mdlg.is-open{display:flex}
.mdlg__box{position:relative;width:100%;max-width:920px;max-height:calc(calc(100vh / var(--zf,1)) - 48px);overflow:auto;border-radius:var(--sm-r-card-lg);border:1px solid var(--sm-line);background:var(--sm-sand-2);display:grid;grid-template-columns:360px 1fr}
.mdlg__ph{min-height:520px;background:var(--sm-brown-2)}
.mdlg__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.85)}
.mdlg__b{padding:48px 40px 40px;display:flex;flex-direction:column;gap:16px}
.mdlg__b .tag{border-color:var(--sm-line);color:var(--sm-text)}
.mdlg__bio{font-size:16px;line-height:1.6;color:var(--sm-muted);white-space:pre-line}
.mdlg__x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sm-sand-2);color:var(--sm-brown);z-index:1;border:1px solid var(--sm-line)}
.mdlg__x svg{width:24px;height:24px}

/* о нас */
.about-ph{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:end}
.about-ph img{height:520px}
.about-ph picture:last-child img,.about-ph>img:last-child{height:380px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stat{padding:24px 22px;border-radius:22px;border:1px solid var(--sm-line);background:var(--sm-sand-2);display:flex;flex-direction:column;gap:8px}
.stat .pg-num{font-size:44px}
.stat span:last-child{font-size:15px;color:var(--sm-muted)}
.princ{padding:30px 28px;gap:12px}
.princ .steps__n{background:var(--sm-blue)}

/* галерея */
.gal-grid{columns:3 320px;column-gap:20px}
.gal-item{break-inside:avoid;margin:0 0 20px;display:block;width:100%;border-radius:22px;overflow:hidden;position:relative;background:var(--sm-sand-2);border:1px solid var(--sm-line)}
.gal-item img{width:100%;height:auto;display:block;transition:transform .5s ease;filter:saturate(.85)}
.gal-item:hover img{transform:scale(1.03)}
.gal-item__cap{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;font-size:14px;color:var(--sm-on-dark);background:linear-gradient(0deg,rgba(43,26,16,.8),rgba(43,26,16,0));text-align:left}
.gal-item[hidden]{display:none}
.gal-filter{max-width:760px}
.lbx{position:fixed;inset:0;z-index:130;background:rgba(30,18,10,.94);display:none;align-items:center;justify-content:center;padding:72px 88px}
.lbx.is-open{display:flex}
.lbx__fig{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lbx__img{max-width:100%;max-height:calc(calc(100vh / var(--zf,1)) - 180px);object-fit:contain;border-radius:18px}
.lbx__cap{font-size:15px;color:var(--sm-on-dark-muted);text-align:center}
.lbx__btn{position:absolute;width:56px;height:56px;border-radius:50%;border:1px solid rgba(243,231,211,.5);color:var(--sm-on-dark);display:flex;align-items:center;justify-content:center}
.lbx__btn:hover{background:rgba(243,231,211,.12)}
.lbx__btn svg{width:26px;height:26px}
.lbx__x{right:24px;top:24px}
.lbx__prev{left:24px;top:50%;transform:translateY(-50%)}
.lbx__next{right:24px;top:50%;transform:translateY(-50%)}

/* spa-этикет */
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rule{padding:30px 28px;gap:12px}
.rule h3{font-size:20px;font-weight:600;line-height:1.3}
.rule p{font-size:16px;line-height:1.55;color:var(--sm-muted)}
.rule .amen__ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sm-blue);color:var(--sm-on-dark)}
.contra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.contra li{display:flex;gap:12px;align-items:flex-start;font-size:17px;padding:14px 0;border-top:1px solid var(--sm-line-soft)}
.contra svg{width:20px;height:20px;margin-top:2px;color:var(--sm-blue);flex-shrink:0}

/* отзывы */
.rev-grid{columns:3 340px;column-gap:24px}
.rev{break-inside:avoid;margin:0 0 24px;padding:30px 28px;display:flex;flex-direction:column;gap:16px}
.rev blockquote{font-size:17px;line-height:1.6}
.rev figcaption{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--sm-line-soft)}
.rev__author{font-weight:600;font-size:17px}
.rev__svc{font-size:14px;color:var(--sm-muted)}
.stars{display:flex;gap:4px;color:var(--sm-blue)}
.stars svg{width:18px;height:18px}
.stars .off{color:var(--sm-line-soft)}

@media (max-width:1280px){
  .masters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  .masters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-grid-3{grid-template-columns:1fr}
  .mdlg__box{grid-template-columns:1fr}
  .mdlg__ph{min-height:0;height:360px}
  .mdlg__b{padding:32px 28px}
  .about-ph img{height:420px}
  .rules{grid-template-columns:1fr}
  .pg-cta{flex-direction:column;align-items:flex-start}
  .pg-quote blockquote{font-size:26px}
  .lbx{padding:72px 16px}
  .lbx__prev,.lbx__next{top:auto;bottom:16px;transform:none}
  .lbx__prev{left:calc(50% - 72px)}.lbx__next{right:calc(50% - 72px)}
}
@media (max-width:600px){
  .masters-grid{grid-template-columns:1fr}
  .masters-grid .master{width:auto;max-width:none}
  .mdlg{padding:0;align-items:flex-end}
  .mdlg__box{max-height:calc(92vh / var(--zf,1));border-radius:24px 24px 0 0}
  .mdlg__ph{height:300px}
  .mdlg__b{padding:24px 20px 28px}
  .about-ph{grid-template-columns:1fr}
  .about-ph img,.about-ph picture:last-child img{height:300px}
  .stats{grid-template-columns:1fr}
  .contra{grid-template-columns:1fr}
  .gal-grid{columns:1}
  .rev-grid{columns:1}
  .rev,.rule,.princ{padding:22px 20px}
  .pg-cta{padding:28px 22px}
  .pg-cta__btns{width:100%}
  .pg-cta__btns .btn{width:100%}
  .pg-quote blockquote{font-size:20px}
  .lbx__img{max-height:calc(calc(100vh / var(--zf,1)) - 200px)}
}
.rev-grid{margin-bottom:24px}

/* единый вид карточек */
.stat{border-color:var(--sm-line-soft)}
/* мастера на телефоне — лента, которую листают вбок, а не семь экранов подряд */
@media (max-width:600px){
  .masters-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--g));padding:0 var(--g);scroll-padding:0 var(--g)}
  .masters-grid::-webkit-scrollbar{display:none}
  .masters-grid .master{flex:0 0 calc(78vw / var(--zf,1));max-width:320px;scroll-snap-align:start}
}

/* фотогалерея: единый тёплый тон, чтобы кадры не рябили цветами (родные цвета — при наведении и в полноэкранном просмотре); на телефоне две колонки */
.gal-item{border-color:var(--sm-line-soft)}
.gal-item img{filter:sepia(.28) saturate(.82) contrast(.97) brightness(.96);transition:transform .5s ease,filter .5s}
.gal-item:hover img{filter:none}
@media (max-width:760px){
  .gal-grid{columns:2;column-gap:10px}
  .gal-item{margin-bottom:10px;border-radius:16px}
  .gal-item__cap{padding:22px 10px 8px;font-size:11.5px}
}

/* форма отзыва */
.rev-form{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.rev-stars{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:4px}
.rev-stars legend{float:left;margin-right:12px;padding:0}
.rev-stars input{position:absolute;opacity:0;width:1px;height:1px}
.rev-stars label{cursor:pointer;color:var(--sm-line-soft);display:flex;transition:color .15s}
.rev-stars svg{width:32px;height:32px}
.rev-stars input:checked~label,.rev-stars label:hover,.rev-stars label:hover~label{color:var(--sm-blue)}
.rev-stars input:focus-visible+label{outline:2px solid var(--sm-blue);outline-offset:2px;border-radius:6px}
.rev-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rev-stars{position:relative;padding-top:24px}
.rev-stars legend{position:absolute;left:0;top:0;float:none;margin:0}

/* мастера, вид 2026-10-09: три в ряд; строки карточек (звёзды, имя, опыт, теги, история, кнопка) стоят на одной линии */
@media (min-width:961px){
  .masters-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
}
@media (min-width:601px){
  .masters-grid .master{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 8;row-gap:10px}
  .masters-grid .master__b{display:contents}
  .masters-grid .master__b>*{margin-left:12px;margin-right:12px}
  .masters-grid .master__ph{grid-row:1;height:auto;aspect-ratio:2/3;margin-bottom:4px}
  .masters-grid .master__stars{grid-row:2}
  .masters-grid .master__name{grid-row:3}
  .masters-grid .master__exp{grid-row:4}
  .masters-grid .master__tags{grid-row:5;align-content:flex-start}
  .masters-grid .master__bio{grid-row:6;margin-top:0}
  .masters-grid .master__more{grid-row:7}
  .masters-grid .master .btn{grid-row:8;margin-top:6px;align-self:end}
}
.master__tags{gap:6px}
.master__stars--dlg{color:#D9A23B}
.masters-grid .master__bio{font-size:16px;line-height:1.55}

/* правки 2026-10-10 (2): фото мастера в полный рост — костюм виден целиком, текст короче */
.masters-grid .master__ph{height:auto;aspect-ratio:2/3}
.masters-grid .master__ph img{object-position:50% 12%}