/* Round 8 pains: desktop untouched (mobile-only extras hidden). */
.pain__n,.pv,.pains__dots{display:none}
@media (max-width:820px){
  .pains8{margin-top:4px}
  .pains{gap:0}
  .pain{padding:24px 0 24px;border-left:0;border-top:1px solid var(--line2);display:flex;flex-direction:column}
  .pain:first-child{border-top:0;padding-top:8px}
  .pain h3{font-size:20px;line-height:1.2;padding-right:44px}
  .pain p{max-width:none;font-size:15px;line-height:1.5;margin-top:6px}
  .pain__n{display:grid;position:absolute;right:0;top:24px;width:32px;height:32px;border-radius:10px;place-items:center;background:var(--lav);color:var(--ind);font:600 14px/1 var(--font-display,Inter)}
  .pain:first-child .pain__n{top:8px}
  .pain{position:relative}
  /* mini app screen */
  .pv{display:block;margin-top:16px;border:1px solid var(--line2);border-radius:12px;background:#fff;overflow:hidden;font-family:Inter,system-ui,sans-serif;pointer-events:none;order:3}
  .pv__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:38px;padding:0 14px;border-bottom:1px solid var(--line)}
  .pv__bar b{font-size:13px;color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pv__bar span{font-size:11px;font-weight:600;color:var(--acc);background:var(--lav);border-radius:6px;padding:3px 8px;white-space:nowrap}
  .pv__row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
  .pv__row img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
  .pv__row div{min-width:0;flex:1}
  .pv__row b{display:block;font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pv__row small{display:block;font-size:12px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pv__row--call .st{font-size:11.5px;gap:6px}
  .pv__sel{background:var(--lav2);border-bottom:0}
  .pv__foot{display:flex;justify-content:flex-end;padding:10px 14px;background:var(--lav2)}
  .pv__btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:9px;background:var(--grad);color:#fff;font-size:13px;font-weight:600}
  .pv__btn .ic{width:14px;height:14px;color:#fff}
  .pv__audio{display:flex;align-items:center;gap:10px;margin:12px 14px 0;padding:9px 10px;border-radius:10px;background:var(--lav2);border:1px solid var(--line)}
  .pv__pl{width:28px;height:28px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
  .pv__pl .ic{width:12px;height:12px;color:#fff}
  .pv__wave{flex:1;height:24px;display:flex;align-items:center;gap:2px}
  .pv__wave s{flex:1;background:var(--lilac2);border-radius:2px}
  .pv__wave s.p{background:var(--acc)}
  .pv__audio small{font-size:11px;color:var(--body);font-variant-numeric:tabular-nums}
  .pv__sum{margin:10px 14px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--line2)}
  .pv__sum b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--body);font-weight:600}
  .pv__sum p{margin:4px 0 0!important;font-size:12.5px!important;line-height:1.45!important;color:var(--ink)!important}
  .pv__book{display:flex;align-items:center;gap:10px;margin:10px 14px 14px}
  .pv__book span{width:28px;height:28px;border-radius:8px;background:var(--lav);color:var(--ind);display:grid;place-items:center;flex:none}
  .pv__book .ic{width:14px;height:14px;color:var(--ind)}
  .pv__book b{display:block;font-size:12.5px;color:var(--ink)}
  .pv__book small{font-size:12px;color:var(--body)}
  .pain__fix{order:4;margin-top:12px!important;padding:12px 14px;border-radius:12px;background:var(--lav);font-size:14.5px!important}
}
/* Variant B: swipeable carousel */
@media (max-width:820px){
  html[data-v-pains="b"] .pains{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 4px;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
  html[data-v-pains="b"] .pains::-webkit-scrollbar{display:none}
  html[data-v-pains="b"] .pain,html[data-v-pains="b"] .pain:first-child{flex:0 0 84%;scroll-snap-align:start;border:1px solid var(--line2);border-radius:16px;padding:18px 16px 16px;background:#fff}
  html[data-v-pains="b"] .pain__n,html[data-v-pains="b"] .pain:first-child .pain__n{top:16px;right:14px}
  html[data-v-pains="b"] .pain h3{padding-right:40px;min-height:50px}
  html[data-v-pains="b"] .pain>p:not(.pain__fix){min-height:68px}
  html[data-v-pains="b"] .pv{margin-top:12px}
  html[data-v-pains="b"] .pains__dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
  html[data-v-pains="b"] .pains__dots i{width:6px;height:6px;border-radius:3px;background:var(--lilac);transition:transform .3s var(--ease),background-color .3s}
  html[data-v-pains="b"] .pains__dots i.on{background:var(--ind);transform:scaleX(3)}
}
@media (prefers-reduced-motion:reduce){html[data-v-pains="b"] .pains__dots i{transition:none}}