/* DESIGN V2 (11/11): экран «Магазин» — сводка, вкладки, пакеты, подписка */
@media (min-width: 901px) {
  .dv2-head-pill { display: inline-flex; align-items: center; padding: 9px 16px; border-radius: 999px; background: #141420; color: #b9b9c4; font-size: 13.5px; font-weight: 600; text-decoration: none; }
  .dv2-head-pill:hover { background: #1c1c2a; color: #fff; }
  .dv2-credits-accent { background: rgba(124,108,245,.12) !important; border-color: rgba(124,108,245,.4) !important; color: #a99cff !important; }
  .dv2-credits-accent b { color: #c9c1ff !important; }
  .dv2-credits-accent .dv2-credits-add { background: #7c6cf5 !important; }
  .dv2-shop-col { max-width: 900px; display: flex; flex-direction: column; gap: 16px; }
  .dv2-shop-plus { color: #c9c9d4; font-weight: 600; }
  .dv2-shop-summary { display: grid; grid-template-columns: 1fr 1fr; background: #121219; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; overflow: hidden; }
  .dv2-shop-summary > div { padding: 20px 22px; display: flex; flex-direction: column; gap: 3px; }
  .dv2-shop-summary > div:first-child { border-right: 1px solid rgba(255,255,255,.07); }
  .dv2-shop-summary span { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; color: #7a7a86; }
  .dv2-shop-summary b { font-size: 34px; font-weight: 800; color: #f4f4f8; display: inline-flex; align-items: center; gap: 8px; }
  .dv2-shop-summary b.dv2-shop-pluson { color: #4fd6c4; }
  .dv2-shop-summary i { font-style: normal; font-size: 12.5px; color: #7a7a86; }
  .dv2-shop-summary-solo { grid-template-columns: 1fr; }
  .dv2-shop-summary-solo > div:first-child { border-right: 0; }
  .dv2-shop-tabs { display: flex; gap: 4px; padding: 5px; background: #101017; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; }
  .dv2-shop-tabs button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px; border: 0; border-radius: 10px; background: transparent; color: #a6a6b2; font-size: 14.5px; font-weight: 700; font-family: inherit; cursor: pointer; }
  .dv2-shop-tabs button.active { background: linear-gradient(135deg,#7c6cf5,#9d6cf0); color: #fff; box-shadow: 0 6px 16px rgba(124,108,245,.3); }
  .dv2-shop-info { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; background: #14141b; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; color: #a99cff; }
  .dv2-shop-info span { font-size: 13.5px; color: #b6b6c2; line-height: 1.5; }
  .dv2-shop-green { display: flex; align-items: flex-start; gap: 13px; padding: 18px 20px; background: linear-gradient(135deg,#0f2620,#0c1b18); border: 1px solid rgba(63,206,154,.22); border-radius: 16px; }
  .dv2-shop-greenicon { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; background: rgba(63,206,154,.14); color: #5fce9a; display: inline-flex; align-items: center; justify-content: center; }
  .dv2-shop-greenmain { display: flex; flex-direction: column; gap: 3px; }
  .dv2-shop-greenmain b { font-size: 15px; font-weight: 700; color: #dff5ec; }
  .dv2-shop-greenmain i { font-style: normal; font-size: 13px; color: #8fb6a9; line-height: 1.5; }
  .dv2-shop-list { display: flex; flex-direction: column; gap: 13px; }
  .dv2-shop-pack, .dv2-shop-plan { display: flex; align-items: center; gap: 18px; padding: 18px 20px; border: 1.5px solid rgba(255,255,255,.08); border-radius: 16px; background: #121219; cursor: pointer; font-family: inherit; text-align: left; }
  .dv2-shop-pack:hover, .dv2-shop-plan:hover { border-color: rgba(255,255,255,.2); }
  .dv2-shop-pack.selected, .dv2-shop-plan.selected { border-color: #7c6cf5; background: #16142a; box-shadow: 0 0 0 3px rgba(124,108,245,.16); }
  .dv2-shop-packicon { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 14px; background: linear-gradient(140deg,#ff8a4d,#ff5a2e); box-shadow: 0 6px 16px rgba(255,90,46,.32); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
  .dv2-shop-packmain { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .dv2-shop-packmain b { font-size: 18px; font-weight: 700; color: #f4f4f8; }
  .dv2-shop-packmain i { font-style: normal; font-size: 13px; font-weight: 500; color: #8a8a96; }
  .dv2-shop-packright { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
  .dv2-shop-packright b { font-size: 22px; font-weight: 800; color: #f4f4f8; }
  .dv2-shop-packright i { font-style: normal; font-size: 12px; color: #7a7a86; }
  .dv2-shop-packright em, .dv2-shop-planbadge { font-style: normal; padding: 4px 10px; border-radius: 8px; background: #7c6cf5; color: #fff; font-size: 11px; font-weight: 700; }
  .dv2-shop-planbadge { padding: 3px 8px; margin-left: 6px; }
  .dv2-shop-radio { width: 24px; height: 24px; flex: 0 0 24px; border: 2px solid rgba(255,255,255,.2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; }
  .dv2-shop-plan.selected .dv2-shop-radio { border-color: #7c6cf5; background: #7c6cf5; }
  .dv2-shop-subcard { padding: 22px; background: linear-gradient(140deg,#171426,#121019); border: 1px solid rgba(124,108,245,.24); border-radius: 18px; }
  .dv2-shop-subhead { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
  .dv2-shop-subhead .dv2-shop-packmain b { font-size: 19px; }
  .dv2-shop-subicon { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 13px; background: linear-gradient(140deg,#5b8cff,#22b8a6); box-shadow: 0 8px 20px rgba(79,142,240,.3); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
  .dv2-shop-perks { display: flex; flex-direction: column; gap: 12px; }
  .dv2-shop-perks > div { display: flex; align-items: flex-start; gap: 12px; color: #5fce9a; }
  .dv2-shop-perks span { display: flex; flex-direction: column; gap: 2px; }
  .dv2-shop-perks b { font-size: 14px; font-weight: 600; color: #e6e6ec; }
  .dv2-shop-perks i { font-style: normal; font-size: 12.5px; color: #8a8a96; }
  .dv2-shop-buy { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 17px; border: 0; border-radius: 15px; background: linear-gradient(135deg,#7c6cf5,#9d6cf0); color: #fff; font-size: 16px; font-weight: 700; font-family: inherit; cursor: pointer; box-shadow: 0 12px 28px rgba(124,108,245,.34); }
  .dv2-shop-buy:hover { filter: brightness(1.07); }
  .dv2-shop-note { margin: 0 0 30px; font-size: 12px; color: #63636f; text-align: center; }
}

/* DESIGN V2 (паритет): раскрытие полного текста стиха + «Показать ещё» в музыке */
@media (min-width: 901px) {
  /* Ряд «Читать полностью» + тумблер языка справа (владелец 07-17) */
  .dv2-poem-readrow { display: flex; align-items: center; gap: 10px; margin: 2px 0 10px; }
  .dv2-poem-readrow .dv2-poem-lang { margin-left: auto; }
  .dv2-poem-expand { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: none; color: #9a9aa8; font-size: 12.5px; font-weight: 600; font-family: inherit; cursor: pointer; }
  .dv2-poem-expand:hover { color: #e8e8ee; border-color: rgba(255,255,255,.2); }
  .dv2-poem-expand .dv2-ic { transition: transform .15s; }
  .dv2-poem-expand.open .dv2-ic { transform: rotate(180deg); }
  .dv2-pcard .pcard-full, .dv2-poemrow .pcard-full { margin: 0 0 12px; padding: 14px 16px; background: #0e0e15; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
  .dv2-pcard .pcard-full-text, .dv2-poemrow .pcard-full-text { font-family: "Spectral", Georgia, serif; font-size: 15px; line-height: 1.6; color: #d6d6e0; }
  .dv2-pcard .pcard-full-note, .dv2-poemrow .pcard-full-note { margin-top: 10px; font-size: 12px; color: #7a7a86; }
  .dv2-pcard .pcard-full .feed-status, .dv2-poemrow .pcard-full .feed-status { color: #8a8a96; font-size: 13px; }
  .dv2-poemrow { flex-wrap: wrap; }
  .dv2-row-expand.open { color: #a99cff; border-color: rgba(124,108,245,.5); }
  .dv2-row-expand .dv2-ic { transition: transform .15s; }
  .dv2-row-expand.open .dv2-ic { transform: rotate(180deg); }
  .dv2-row-full { flex-basis: 100%; margin-top: 10px; }
  .dv2-more-wrap { display: flex; justify-content: center; margin: 4px 0 34px; }
  .dv2-more-btn { padding: 12px 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: #121219; color: #c9c9d4; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; }
  .dv2-more-btn:hover:not(:disabled) { border-color: rgba(255,255,255,.24); color: #fff; }
  .dv2-more-btn:disabled { opacity: .6; cursor: default; }
  .dv2-more-btn[hidden] { display: none; }
}

/* DESIGN V2 (паритет-2): статусы «Моих песен», действия, комменты-ссылка, seek-курсор */
@media (min-width: 901px) {
  .dv2-mine-status { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 12px; background: #121219; border: 1px dashed rgba(255,255,255,.14); color: #b6b6c2; font-size: 13.5px; }
  .dv2-mine-status.pending { color: #d8c9a0; border-color: rgba(255,176,80,.3); }
  .dv2-mine-status.failed { color: #e8927f; border-color: rgba(224,72,58,.3); }
  .dv2-mact-danger:hover { color: #e8705f; border-color: rgba(224,72,58,.45); }
  .dv2-mrow-comments { display: inline-flex; align-items: center; gap: 5px; color: #8f8f9b; text-decoration: none; font: inherit; font-weight: 600; border: 0; background: none; padding: 0; cursor: pointer; }
  .dv2-mrow-comments:hover { color: #e8e8ee; }
  /* Список комментов в модалке — умеренная высота со скроллом (как ридер) */
  .web-modal-body .web-comments-list { max-height: 46vh; overflow-y: auto; }
  .dv2-mrow.active .dv2-mrow-bar, .dv2-swipe-card.active .dv2-mrow-bar { cursor: pointer; }
}