/* ==========================================================
   SR-MOBILE-TYPE v1 - 23.08.2026
   Chitaemost na telefone: nichego melche 14px, osnovnoy tekst 16px.
   Menyayutsya TOLKO razmer shrifta i mezhstrochnyy interval.
   Pozicii, shiriny i vysoty elementov ne trogayutsya.
   ========================================================== */
@media screen and (max-width: 767px) {

  /* 1. Pol chitaemosti - nichego melche 14px */
  .sr-nav a, .sr-lang a, .sr-msoc a, .sr-btn, .sr-burger, .sr-mbook,
  .sr-fbtn, .sr-flabel, .sr-on, .sr-fbottom, .sr-fbottom div, .sr-fbottom a,
  .chip, .tchip, .crumbs, .crumbs a, .review-src, .th-role, .off,
  .eyebrow, .tag, .ribbon, .price-meta, .g-tag,
  .sm-play, .sm-hint, .sm-ticks span, .ba-note,
  .hero-proof i, .swatches .sw span, .promo small, .final-info b,
  .t-text, .t-text p, .t698__form-bottom-text,
  small {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* 2. Osnovnoy tekst - 16px i bolshe vozduha mezhdu strok */
  .card-body p, .why-item p, .step p, .price-note, .promo p,
  .review p, .faq details p, .studio-note p, .final-info div,
  .hero-note, .sr-ftag {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  /* 3. Polya form - 16px, inache iOS sam zumit stranicu pri fokuse */
  input[type="text"], input[type="tel"], input[type="email"],
  input:not([type]), textarea, select {
    font-size: 16px !important;
  }
}

/* ==========================================================
   SR-TAP-TARGETS v1 — 27.08.2026
   Область нажатия доводится до 44 px вертикальными полями
   с компенсирующим отрицательным margin: раскладка не едет,
   внешний вид не меняется. Переключатель языка не трогаем —
   у него своя подложка, правим отдельно после визуальной сверки.
   ========================================================== */
@media (max-width: 767px) {
  .sr-msoc a,
  .sr-ftext a,
  .wa-price a,
  .reviews-head a,
  a.hero-wa {
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: -13px;
    margin-bottom: -13px;
  }
}

/* SR-TAP-TARGETS v2 — 27.08.2026
   Три селектора перебивались стилями самих блоков (замер показал padding 0).
   Здесь только они, и только вертикальные поля — вид не меняется. */
@media (max-width: 767px) {
  .sr-msoc a,
  .wa-price a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    margin-top: -13px !important;
    margin-bottom: -13px !important;
  }
}

/* SR-TAP-TARGETS v3 — 27.08.2026
   Контактные ссылки финального блока и строка политики в подвале. */
@media (max-width: 767px) {
  .final-info a,
  .sr-fbottom a {
    display: inline-block;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    margin-top: -13px !important;
    margin-bottom: -13px !important;
  }
}

/* SR-PRICES-PAD v1 — 29.08.2026: боковые отступы шапки блока цен (правило .srp-phead обнуляло их) */
#srPrices .srp-wrap.srp-phead { padding-left: 24px; padding-right: 24px; }
@media (max-width: 720px) {
  #srPrices .srp-wrap.srp-phead { padding-left: 20px; padding-right: 20px; }
}

/* SR-LOGO-NOWRAP v1 — 29.08.2026: логотип шапки не ломается на три строки в ID-версии */
.sr-head .sr-logo { white-space: nowrap; }
/* SR-HEAD-ID-FIT v2 — 29.08.2026: индонезийское меню на десктопе укладывается в 1200 px вместе с логотипом в две строки (замер: было 1231 px, стало 1200, запас 23 px) */
html .sr-id .sr-nav { gap: 10px; }
html .sr-id .sr-nav a { font-size: 12px; }
html .sr-id .sr-wrap { gap: 14px; }
html .sr-id .sr-right { gap: 8px; }

/* SR-FOOT-PAD v1 — 29.08.2026: нижний ряд подвала не перекрывается плавающей панелью связи (десктоп 60 px, телефон 89 px) */
.sr-fbottom { padding-bottom: 76px !important; }
@media (max-width: 767px) {
  .sr-fbottom { padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; }
}

/* SR-TAP-TARGETS v4 — 29.08.2026: области нажатия ≥ 44 px на телефоне (переключатель EN/ID в шапке и бургере, кнопка шапки, чекбокс загара, «Play the course», ползунок сеансов) */
@media (max-width: 767px) {
  .sr-lang a { min-height: 38px !important; min-width: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; }
  .sr-head .sr-btn { min-height: 44px !important; }
  .tan-check { padding: 10px 0 !important; min-height: 44px; align-items: center; }
  .tan-check input { width: 24px !important; height: 24px !important; }
  .sm-play { min-height: 44px !important; }
  .sm-ctrl input[type="range"] { height: 44px !important; }
}

/* SR-HERO-MOBILE v1 — 29.08.2026: на телефоне фото первого экрана уходит под кнопки, обе кнопки в первом экране (замер 390×844: BOOK ONLINE 503–559, WhatsApp 571–623; было 855 и 922); чипы 2–3 скрыты — они повторяются в полосе цифр и в «Why» */
@media (max-width: 768px) {
  .hero .hero-visual { order: 2 !important; margin-top: 8px; }
  .hero .hero-grid { gap: 24px !important; }
  .hero .badges .badge:nth-child(n+2) { display: none !important; }
  .hero .hero-cta { gap: 12px !important; }
  .hero .hero-cta .btn-hero { width: 100%; box-sizing: border-box; }
  .hero .hero-cta .hero-wa { width: 100% !important; justify-content: center; min-height: 52px; border: 1.5px solid #724451; border-radius: 14px; padding: 0 16px !important; margin: 0 !important; box-sizing: border-box; }
}

/* SR-BOX v1 — 29.08.2026: шапка, подвал и панель считают ширину как border-box на всех страницах. На прайсах нет глобального *{box-sizing:border-box}, поэтому там шапка и подвал были на 48 px шире (логотип на 24 px левее, чем на остальных страницах) */
.sr-head, .sr-head *, .sr-foot, .sr-foot *, .sr-cbar, .sr-cbar * { box-sizing: border-box; }

/* SR-HERO-CTA v1 — 29.08.2026: первая кнопка — WhatsApp (решение владельца 29.08); хвост «— reply in 20 min» скрыт на телефоне, чтобы кнопка не переносилась */
@media (max-width: 768px) {
  .hero .hero-rt { display: none; }
  .hero .btn-hero.hero-whatsapp { padding-left: 16px; padding-right: 16px; }
}
/* SR-HERO-CTA v1.1 — 29.08.2026: кнопка и ссылка первого экрана столбиком на всех ширинах (на десктопе 425 + 24 + 286 px не помещались в колонку 584 px) */
.hero .hero-cta { flex-direction: column; align-items: flex-start; gap: 14px; }
/* SR-MOTION v1 — 29.08.2026: отклик на нажатие для всех кнопок сайта (шапка, панель связи, прайсы, подвал, главная); при prefers-reduced-motion — без движения */
.btn:active,.sr-btn:active,.sr-mbook:active,.sr-cb:active,.sr-big:active,.sr-bksend:active,.srp-btn:active,.sr-fbtn:active,.sr-fbtn2:active,.sm-play:active,.sw:active{transform:scale(.97)}
.sr-btn,.sr-mbook,.sr-cb,.sr-big,.sr-bksend,.srp-btn,.sr-fbtn,.sr-fbtn2{transition:transform .12s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}
@media (prefers-reduced-motion:reduce){
  .btn:active,.sr-btn:active,.sr-mbook:active,.sr-cb:active,.sr-big:active,.sr-bksend:active,.srp-btn:active,.sr-fbtn:active,.sr-fbtn2:active,.sm-play:active,.sw:active{transform:none}
  .sr-btn,.sr-mbook,.sr-cb,.sr-big,.sr-bksend,.srp-btn,.sr-fbtn,.sr-fbtn2{transition:none}
}