/* MERI BEAUTY v2 (плейбук ред. 2, 08.10.2026). Слой поверх site.css/cro.css/typography.css:
   первый экран по данным (L-25/L-26/L-28), коллаж реальных работ (W1), полоса фактов (W2),
   короткая форма во второй секции (L-25), липкая панель после кнопок первого экрана (L-06).
   Движение только opacity/transform, вход ≤ 0,7 с, при reduced-motion — статика (L-24, О1). */
/* Правило владельца 09.10: телефон в шапке вместо кнопки записи — на всех ширинах. Цифры без табличного начертания
   (табличный ноль не нужен; правило «без перечёркнутого нуля»). */
.header-phone{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-left:auto;font:600 .9375rem/1.2 var(--sans);white-space:nowrap;font-variant-numeric:lining-nums;color:#fff;text-decoration:none}
.header-phone span{border-bottom:1px solid #ffffff55}
.header-phone svg{flex:0 0 18px;color:var(--accent)}
.header-phone+.menu-toggle{margin-left:0}
@media(max-width:760px){.header-phone{font-size:.875rem;gap:6px}.header-phone svg{width:16px;height:16px;flex-basis:16px}}
@media(max-width:340px){.header-phone span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* ru: баннер автоматического перевода сразу под шапкой (не sticky). */
.km-translate-bar{background:#f3e3b5;color:#3b2f0b;font:500 .875rem/1.45 var(--sans);padding:9px 0}
.km-translate-bar__link{color:#3b2f0b;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
/* Короткая форма второй секцией (главная и страницы без прайса). */
.v2-quick-section{padding-block:28px}
.v2-quick-section .v2-quick{max-width:760px;margin:0 auto}

/* Первый экран */
.v2-hero{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);grid-template-areas:"copy visual" "more visual";min-height:0}
.v2-hero .hero-copy{grid-area:copy;align-self:end;padding-bottom:22px}
.v2-hero .hero-more{grid-area:more;padding:0 7vw 54px max(56px,calc((100vw - 1280px)/2));min-width:0;max-width:100%}
.v2-hero .hero-visual{grid-area:visual;min-height:640px}
.v2-hero .hero-copy>.eyebrow{margin-bottom:18px}
.v2-hero h1{font-size:clamp(2.8rem,4.6vw,4.6rem)}
.v2-hero.home-hero h1{font-size:clamp(2.4rem,3.3vw,3.6rem);max-width:none}
.v2-geo{margin:16px 0 0!important;font-size:.875rem;color:#c6d6bf;max-width:none!important}
.v2-price{margin:18px 0 0;padding:0;list-style:none;font:600 1.125rem/1.45 var(--sans);color:var(--accent);font-variant-numeric:lining-nums}
.v2-price-list{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:1rem}
.v2-price-list li{position:relative;padding-left:14px}
.v2-price-list li:before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.v2-facts{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v2-facts li{border:1px solid #ffffff38;border-radius:30px;padding:5px 13px;font-size:.8125rem;line-height:1.45;color:#eef3ec;font-variant-numeric:lining-nums}
.v2-cta{display:grid;grid-template-columns:auto auto 52px;gap:10px;align-items:stretch;margin-top:24px;justify-content:start}
.v2-cta .button{min-height:52px}
.v2-call{display:flex;gap:10px;align-items:center;min-height:52px;padding:6px 18px;border:1px solid #ffffff60;border-radius:3px;color:#fff;font-size:.875rem;font-weight:600;line-height:1.25;transition:background .2s}
.v2-call:hover{background:#ffffff14}
.v2-call small{display:block;font-weight:400;font-size:.8125rem;color:#d7e2d4;font-variant-numeric:lining-nums}
.v2-tg{display:grid;place-items:center;width:52px;min-height:52px;border-radius:3px;background:#229ed9;transition:background .2s}
.v2-tg:hover{background:#1787bd}
.v2-tg img{width:30px;height:30px}
.v2-intro{color:#e0e6df;max-width:470px;line-height:1.7;font-size:.9375rem}
.v2-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px!important}
.hero-more .filters{margin-top:18px}

/* Коллаж реальных работ */
.v2-visual{position:relative;overflow:hidden}
.v2-visual:after{display:none}
.v2-collage{position:absolute;inset:0;display:grid;gap:6px;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;background:var(--dark)}
.v2-collage-2{grid-template-rows:1fr}
.v2-tile{position:relative;margin:0;padding:0;border:0;background:#203328;overflow:hidden;cursor:zoom-in;display:block;min-height:0}
.v2-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.v2-tile:hover img{transform:scale(1.03)}
.v2-tile-1{grid-row:1/-1}
.v2-cap{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;color:#fff;background:#15261dc4;padding:6px 10px;font-size:.75rem;line-height:1.4;text-align:left;backdrop-filter:blur(4px)}
.v2-badge{position:absolute;top:10px;left:10px;z-index:1;background:#15261dd0;color:#fff;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px}
.v2-badge:before{content:'▶ ';font-size:.6rem}

/* Полоса фактов (W2): каждое значение — запись content/facts.json */
.v2-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v2-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:44px 0}
.v2-band-item{border-left:2px solid var(--accent);padding-left:18px}
.v2-band-item strong{display:block;font:500 clamp(2.1rem,3vw,2.8rem)/1.05 var(--serif);color:var(--green);letter-spacing:-.02em;font-variant-numeric:lining-nums}
.v2-band-item span{display:block;margin-top:8px;color:var(--muted);font-size:.875rem;line-height:1.5}

/* Короткая форма во второй секции */
.v2-quick{margin-top:30px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);padding:24px 26px}
.v2-quick-title{font:600 1.35rem/1.35 var(--sans);letter-spacing:-.015em}
.v2-quick-note{color:var(--muted);font-size:.875rem;margin-top:4px!important}
.v2-quick-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:14px}
.v2-quick label{display:block;font-size:.8125rem;color:var(--muted)}
.v2-quick input{width:100%;border:0;border-bottom:1px solid #9cae9f;background:#fff;min-height:48px;padding:10px 0;border-radius:0;color:var(--ink);font-size:16px}
.v2-quick .button{min-height:48px}
.v2-quick .field-hint{font-size:.75rem;color:var(--muted);margin-top:8px}
.v2-quick .consent{font-size:.75rem;color:var(--muted);margin-top:6px!important}
.v2-quick .form-status{font-size:.875rem}
.v2-quick .accepted-message{font-weight:600;color:var(--green)}

/* Липкая панель: телефон | Telegram | Instagram | запис */
html.js .v2-sticky:not(.ready){display:none!important}
.v2-sticky .phone{display:flex!important;gap:6px;align-items:center;justify-content:center;min-width:0;padding:0 12px;border:1px solid var(--line);color:var(--ink);font-size:.8125rem;font-weight:600;border-radius:2px}
.v2-sticky .messenger.instagram{border-color:#c13584;color:#c13584}
.v2-sticky .messenger.instagram:hover{background:#c1358412}

@media(max-width:1100px){.v2-hero .hero-more{padding-left:32px;padding-right:35px}.v2-cta{grid-template-columns:auto 52px}.v2-call{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){
 .header .wrap{height:60px}.logo,.logo img{width:66px;height:46px}.nav{top:60px}html{scroll-padding-top:64px}
 .v2-hero{display:flex;flex-direction:column}
 .v2-hero .hero-copy{padding:22px 18px 16px}
 .v2-hero .hero-copy>.eyebrow{margin-bottom:12px;font-size:.6875rem}
 .v2-hero h1,.v2-hero.service-hero h1{font-size:clamp(2.35rem,10.5vw,2.9rem);line-height:1.02}
 .v2-hero.home-hero h1{font-size:clamp(1.85rem,8vw,2.3rem);line-height:1.06}
 .v2-geo{font-size:.8125rem;margin-top:10px!important;line-height:1.5}
 .v2-price{margin-top:10px;font-size:1rem}
 .v2-price-list{font-size:.9375rem;gap:2px 16px;flex-direction:column}
 .v2-facts{margin-top:10px;gap:6px}
 .v2-facts li{font-size:.75rem;padding:4px 11px}
 .v2-cta{grid-template-columns:minmax(0,1fr) 52px;gap:8px;margin-top:14px}
 .v2-cta .button{padding:12px 16px;gap:14px;grid-column:1;grid-row:1;width:100%}
 .v2-tg{grid-column:2;grid-row:1}
 .v2-call{grid-column:1/-1;grid-row:2;justify-self:stretch;min-height:48px;justify-content:center}
 .v2-call span{display:flex;gap:8px;align-items:baseline}
 .v2-hero .hero-visual,.v2-hero.service-hero .hero-visual{order:2;min-height:0;height:auto;margin:0 18px;overflow:visible}
 .v2-collage{position:static;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:6px;background:transparent}
 .v2-collage-2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v2-collage-2 .v2-tile{aspect-ratio:16/11}
 .v2-tile{aspect-ratio:4/5;border-radius:3px}
 .v2-tile-1{grid-row:auto}
 .v2-cap{display:none}
 .v2-badge{top:6px;left:6px;font-size:.625rem;padding:2px 6px}
 .v2-hero .hero-more{order:3;padding:16px 18px 30px}
 .v2-hero .hero-more .filters{margin:18px -18px 0;padding:0 18px}
 .v2-intro{font-size:.875rem}
 .v2-hero.no-collage .hero-visual{height:300px;margin:0;order:2}
 .v2-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:30px 0}
 .v2-band-item{padding-left:12px}
 .v2-band-item strong{font-size:2rem}
 .v2-band-item span{font-size:.8125rem}
 .v2-quick{padding:20px 18px;margin-top:24px}
 .v2-quick-fields{grid-template-columns:1fr}
 .v2-quick .button{width:100%}
 .v2-sticky{gap:8px;padding-left:12px;padding-right:12px}
 .v2-sticky .button{padding:9px 12px;gap:10px;font-size:.8125rem}
}
@media(max-width:360px){.v2-sticky .phone span{display:none}.v2-hero h1{font-size:2.2rem}}
@media(min-width:761px){.v2-hero .v2-collage-3 .v2-tile-2,.v2-hero .v2-collage-3 .v2-tile-3{min-height:0}}
@media(prefers-reduced-motion:reduce){.v2-tile img{transition:none}}
.v2-hero .hero-copy>p.v2-price{margin:18px 0 0;max-width:none;color:var(--accent);line-height:1.45}
@media(max-width:760px){.v2-hero .hero-copy>p.v2-price{margin-top:10px}}