/* ============================================================
   Luna СПА — CSS внутренних страниц.

   ПЕРЕНЕСЁН ИЗ ЭТАЛОНА site-v3 БЕЗ ИЗМЕНЕНИЙ.

   Страницы «О студии», «Отзывы», «Блог», «Статья» и «Контакты»
   в эталоне собраны одним генератором и делят одну таблицу стилей —
   их CSS совпадает байт в байт. Поэтому здесь один файл на пять страниц,
   а не пять одинаковых копий.

   У списка мастеров свой файл: там есть .mcard, которого здесь нет.

   Исключено только то, что лежит в глобальных luna-base.css и luna.css.
   ============================================================ */

.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(59,50,42,0.28);color:#3B322A;font-weight:600;font-size:16px;padding:0 42px;height:58px;border-radius:999px}
.btn-msg{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(59,50,42,0.24);color:#3B322A;font-weight:600;font-size:17px;padding:0 30px;height:62px;border-radius:999px;transition:background .25s ease,border-color .25s ease}
.btn-msg:hover{background:rgba(110,123,75,0.08);border-color:rgba(59,50,42,0.4);color:#3B322A}
.btn-prof{border:1px solid rgba(59,50,42,0.22);color:#3B322A;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;display:inline-block}
.btn-prof:hover{color:#3B322A;border-color:rgba(59,50,42,0.4)}
/* LAYOUT */
.container{max-width:1200px;margin:0 auto;padding:clamp(54px,8vw,100px) 24px}
.g-agg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g-split{display:grid;grid-template-columns:0.95fr 1.05fr;gap:56px;align-items:center}
.g-contacts{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.mcard{overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.mcard:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(59,50,42,0.14)}
.tag-cat{display:inline-block;background:#DCE3C4;color:#4F5A34;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:20px}
.crumbs{display:flex;align-items:center;gap:10px;font-size:14px;color:#8B7C63;margin-bottom:30px;flex-wrap:wrap}
.crumbs a{color:#8B7C63}
.crumbs .cur{color:#3B322A;font-weight:600}
.lead-h1{font-weight:700;font-size:clamp(34px,5vw,52px);line-height:1.06;letter-spacing:-0.02em;color:#3B322A;margin-bottom:18px}
.lead-p{font-size:19px;line-height:1.6;color:#6E6255;max-width:600px}
/* gallery + lightbox */
.gcell{border:none;padding:0;cursor:zoom-in;border-radius:20px;overflow:hidden;aspect-ratio:1/1;position:relative;display:block;transition:transform .3s ease,box-shadow .3s ease}
/* four steps cards (identical to homepage) */
.steps4{gap:22px}
/* stat */
.stat{flex:1;min-width:130px;background:#fff;border:1px solid rgba(59,50,42,0.08);border-radius:16px;padding:18px 20px;box-shadow:0 8px 22px rgba(59,50,42,0.04);text-align:center}
.stat .v{font-family:'Manrope',sans-serif;font-size:28px;font-weight:700;color:#A6763E;letter-spacing:-0.01em;line-height:1}
.stat .k{font-size:13px;font-weight:600;color:#736546;margin-top:8px}
/* info list */
.info-li{display:flex;align-items:flex-start;gap:13px;font-size:16.5px;line-height:1.5;color:#4A4038;padding:11px 0}
.info-li svg{flex-shrink:0;margin-top:2px}
/* article body */
.article{max-width:760px;margin:0 auto}
.article p{font-size:18.5px;line-height:1.75;color:#4A4038;margin-bottom:22px}
.article h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.015em;color:#3B322A;margin:44px 0 18px}
.article ul{margin:0 0 22px 0;padding-left:0;list-style:none}
.article li{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.6;color:#4A4038;padding:8px 0}
.article li svg{flex-shrink:0;margin-top:4px}
/* V5: врезка с программой внутри текста статьи */
.prog-inline{display:flex;align-items:center;gap:18px;max-width:760px;margin:0 auto 26px;padding:14px 20px 14px 14px;background:#F5EFE4;border:1px solid rgba(59,50,42,0.09);border-radius:18px;color:#3B322A;transition:background .22s ease,border-color .22s ease}
.prog-inline:hover{background:#EFE7D8;border-color:rgba(59,50,42,0.2);color:#3B322A}
.prog-inline-img{width:84px;height:84px;flex-shrink:0;border-radius:13px;background-size:cover;background-position:center}
.prog-inline-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.prog-inline-kicker{font-size:14px;font-weight:600;color:#8B7C63}
.prog-inline-name{font-size:19px;font-weight:700;letter-spacing:-0.01em;color:#3B322A}
.prog-inline-meta{font-size:15px;font-weight:600;color:#8A5F30}
.prog-inline-arrow{flex-shrink:0;color:#8A5F30}
@media (max-width:680px){.prog-inline{gap:14px;padding:12px}.prog-inline-img{width:66px;height:66px}.prog-inline-name{font-size:17px}}
.article blockquote{border-left:3px solid #A6763E;background:#F5EFE4;border-radius:0 14px 14px 0;padding:22px 26px;margin:0 0 26px;font-size:19px;line-height:1.6;color:#5A5248;font-style:italic}
/* responsive */
@media (max-width:1040px){
  .nav,.hdr-actions{display:none}
  .burger{display:flex}
  .g4{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  .g-split,.g-contacts{grid-template-columns:1fr;gap:36px}
  .g-agg{grid-template-columns:1fr}
  .cta-title{font-size:42px !important}
}
@media (max-width:680px){
  .container{padding-left:18px;padding-right:18px}
  .g4,.g3,.g2{grid-template-columns:1fr}
  .g-gallery{grid-template-columns:repeat(2,1fr)}
  .h2{font-size:32px}
  .cta-title{font-size:34px !important}
  .btn-primary,.btn-ghost,.btn-msg,.btn-outline{width:100%;justify-content:center}
  .btn-primary{justify-content:space-between;height:56px;padding-left:24px}
  .btn-primary .lbl,.btn-ghost,.btn-outline,.btn-msg{font-size:16px}
}