/* mobile-touch-ux (reconciled, service/cases/editorial/privacy) */
/* ═══ TOUCH DEVICES: отключаем hover на тач-экранах ═══ */
@media (hover: none) {
  a:hover { color: inherit; }
  .btn-primary:hover,
  .btn-gold:hover,
  .cta-btn:hover { background: var(--gold) !important; }
  .btn-secondary:hover,
  .btn-outline:hover { opacity: 1; }
  .nav-mobile-cta-btn:hover { background: var(--gold) !important; }
}
/* ═══ :ACTIVE — мгновенная обратная связь при тапе ═══ */
.btn-primary:active,
.btn-gold:active { background: var(--gold-dark, #a07830) !important; transform: scale(0.98); }
.btn-secondary:active,
.btn-outline:active { opacity: 0.7; }
.cta-btn:active { background: var(--gold-dark, #a07830) !important; transform: scale(0.98); }
/* ═══ Тактильная обратная связь: nav и карточки ═══ */
.nav-back:active { opacity: 0.7; }
.nav-link:active { color: var(--gold-light) !important; }
.breadcrumb-inner a:active { color: var(--gold-light) !important; }
.related-card:active { border-color: rgba(201,168,76,0.4) !important; opacity: 0.85; }
footer a:active { color: var(--white-soft) !important; }
/* ═══ TOUCH-ACTION: убираем 300ms задержку ═══ */
a[href],
button,
.btn-primary,
.btn-secondary,
.btn-outline,
.btn-gold,
.cta-btn,
.faq-summary,
.faq-item dt,
details summary { touch-action: manipulation; }
/* ═══ TOUCH TARGETS: min 44px ═══ */
@media (max-width: 768px) {
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-gold,
  .cta-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .faq-summary,
  .faq-item dt,
  details summary { min-height: 44px; }
}

@media(max-width:600px){
  .cta-note{font-size:max(0.75rem,12px)!important}
  .related-tag{font-size:max(0.68rem,11px)!important}
  .screenshot-caption{font-size:max(0.72rem,12px)!important}
  .breadcrumb-inner{font-size:max(0.68rem,11px)!important}
}

/* Мобильный футер: клиренс под плавающие кнопки (VK-fab, back-to-top), иначе они навсегда накрывают правовую строку внизу страницы */
@media(max-width:900px){footer{padding-bottom:140px!important}}

/* Единая мобильная CTA: высота ≈62px и шрифт 12px, как у главной (сервисные было 49px/10.9px, кейсы 44px) */
@media(max-width:480px){
  .btn-primary{padding:18px 20px!important;font-size:max(0.72rem,12px)!important;line-height:1.66!important}
}
/* Крошки: единая высота 44px на мобиле (у сервисных было 36px) */
@media(max-width:600px){
  .breadcrumb-inner{height:44px!important}
}

/* Единая кнопка «наверх»: 44px @ bottom 80 / right 16 (было right 14 на кейсах/privacy) */
@media(max-width:900px){#back-to-top{width:44px!important;height:44px!important;bottom:80px!important;right:16px!important}}

/* Единая плавающая VK-кнопка для страниц без services.css (кейсы, отзывы) */
.mobile-vk-fab{position:fixed;bottom:20px;right:16px;z-index:997;width:48px;height:48px;background:var(--gold,#c9a84c);border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(201,168,76,0.4);text-decoration:none;transition:transform .2s,box-shadow .2s;touch-action:manipulation}
.mobile-vk-fab:active{transform:scale(.93)}
@media(max-width:900px){.mobile-vk-fab{display:flex}}