/* STEP514: live mobile content using the existing artwork, data and actions.
   The accepted desktop composition starts at 1440px and is not overridden. */
.pusk-mobile-copy-v514 { display: none; }

@media (min-width: 761px) and (max-width: 1439px) {
  body:not(.pusk-cabinet-page-v1) .pusk-header-v12 {
    padding: 16px 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body:not(.pusk-cabinet-page-v1) .pusk-header-v13-art { display: none !important; }
  body:not(.pusk-cabinet-page-v1) .pusk-header-stage-v12 {
    position: relative !important; display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(calc(100% - 24px), 760px) !important;
    max-width: none !important; height: auto !important;
    margin: 0 auto !important; gap: 16px !important; transform: none !important;
  }
  body:not(.pusk-cabinet-page-v1) .pusk-brand-v12 {
    position: static !important; display: flex !important;
    justify-content: center !important; align-items: center !important;
    width: auto !important; height: 56px !important; padding: 0 !important;
    margin: 0 !important; gap: 12px !important; transform: none !important;
  }
  body:not(.pusk-cabinet-page-v1) .pusk-brand-v12 > * { visibility: visible !important; }
  body:not(.pusk-cabinet-page-v1) .pusk-logo-v12 { width: 56px !important; height: 56px !important; }
  body:not(.pusk-cabinet-page-v1) .pusk-wordmark-v12 { font-size: 26px !important; }
  body:not(.pusk-cabinet-page-v1) #topAuth.pusk-header-actions-v12 {
    position: static !important; display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: auto !important; height: auto !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; gap: 10px !important;
    transform: none !important; pointer-events: auto !important;
  }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-v12 {
    position: static !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    min-width: 0 !important; width: auto !important; height: auto !important;
    min-height: 68px !important; padding: 10px !important; margin: 0 !important;
    gap: 8px !important; transform: none !important; pointer-events: auto !important;
    color: #f5fbff !important; border: 1px solid #647ef4 !important;
    border-radius: 16px !important; background: linear-gradient(125deg,#12357c,#482086) !important;
  }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-v12[hidden] { display: none !important; }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-v12 > * { visibility: visible !important; }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-icon-v12 {
    display: grid !important; place-items: center !important;
    width: 24px !important; height: 24px !important; padding: 0 !important; border: 0 !important;
  }
  body:not(.pusk-cabinet-page-v1) #topAuth svg { width: 24px !important; height: 24px !important; }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-title-v12 { font-size: 13px !important; }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-cabinet-label-v12 {
    font-size: 12px !important; line-height: 1.35 !important; white-space: normal !important;
  }
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-action-kicker-v12,
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-download-v12,
  body:not(.pusk-cabinet-page-v1) #topAuth .pusk-chevron-v12 { display: none !important; }
}

@media (max-width: 1439px) {
  body #premium.pusk-premium-v1, body #bubbles.pusk-bubbles-v1, body #faq.v2-faq {
    display: block !important; width: auto !important; padding: 28px 0 !important;
    margin: 0 !important; height: auto !important;
  }
  body #premium .pusk-premium-stage-v1, body #bubbles .pusk-bubbles-stage-v1 {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    width: min(calc(100% - 24px), 760px) !important; max-width: none !important;
    margin: 0 auto !important; gap: 16px !important; transform: none !important;
  }
  body #premium .pusk-premium-art-v1, body #bubbles .pusk-bubbles-art-v1 {
    width: 100% !important; max-width: 100% !important; height: auto !important;
    margin: 0 !important; transform: none !important;
  }
  body .pusk-mobile-copy-v514 {
    display: block; color: #edf6ff; font: 16px/1.6 system-ui,sans-serif;
    background: linear-gradient(145deg,rgba(13,35,76,.9),rgba(27,17,66,.9));
    border: 1px solid #687de4; border-radius: 20px; padding: 20px;
    overflow-wrap: anywhere;
  }
  body .pusk-mobile-copy-v514 h2 { font: 24px/1.3 "Russo One",sans-serif; margin: 0 0 16px; color: #9df6ff; }
  body .pusk-mobile-copy-v514 p { margin: 0 0 12px; }
  body .pusk-mobile-copy-v514 ul { margin: 0; padding-left: 20px; display: grid; gap: 10px; }
  body #premium .pusk-premium-plan-hit-v2 { display: none !important; }
  body #premium .pusk-premium-live-price-v2:not([hidden]) {
    position: static !important; display: flex !important; flex-wrap: wrap !important;
    width: auto !important; max-width: 100% !important; min-height: 80px !important;
    height: auto !important; margin: 0 !important; padding: 18px !important;
    gap: 8px !important; align-items: center !important; justify-content: flex-end !important;
    transform: none !important; border: 1px solid #6689f5 !important; border-radius: 16px !important;
    background: linear-gradient(120deg,#0a2555,#29205b) !important;
    font-size: 24px !important; line-height: 1.4 !important; white-space: normal !important;
  }
  body #premium .pusk-premium-live-price-v2::before {
    flex: 1 1 150px; font: 16px/1.5 "Russo One",sans-serif; color: #a2ffe5; text-align: left;
  }
  body #premium [data-period-days="30"].pusk-premium-live-price-v2::before { content: "1 месяц · СТАРТ"; }
  body #premium [data-period-days="90"].pusk-premium-live-price-v2::before { content: "3 месяца · ОПТИМУМ"; }
  body #premium [data-period-days="180"].pusk-premium-live-price-v2::before { content: "6 месяцев · МАКСИМУМ"; }
  body #premium .pusk-premium-subscribe-hit-v1 {
    position: static !important; display: block !important; order: 10;
    width: 100% !important; min-height: 52px !important; height: auto !important;
    margin: 0 !important; padding: 14px !important; transform: none !important;
    color: white !important; font: 16px/1.5 "Russo One",sans-serif !important;
    border: 1px solid #9e90ff !important; border-radius: 16px !important;
    background: linear-gradient(115deg,#174ccc,#782cb4) !important; cursor: pointer;
  }
  body #premium .pusk-premium-subscribe-hit-v1::before { content: "Оформить подписку"; }
  body #faq .v2-section-head, body #faq .v2-faq-list {
    width: min(calc(100% - 24px),760px) !important; margin: 0 auto 20px !important;
    transform: none !important; padding: 0 !important;
  }
  body #faq .v2-section-head h2 { font-size: 26px; }
  body #faq .v2-faq-list summary { min-height: 64px; padding: 18px 64px 18px 18px; font-size: 16px; overflow-wrap: anywhere; }
  body #faq .v2-faq-list summary::after { right: 14px; width: 34px; height: 34px; }
  body #faq .v2-faq-list details p { padding: 16px 18px 22px; font-size: 16px; }
  body #support .pusk-support-stage-v1 {
    width: min(calc(100% - 24px),760px) !important; display: grid !important;
    gap: 16px !important; margin: 0 auto !important; transform: none !important;
  }
  body #support .pusk-support-art-v1 { width: 100% !important; height: auto !important; transform: none !important; }
  body #support .pusk-support-telegram-hit-v1 {
    position: static !important; display: grid !important; place-items: center !important;
    width: auto !important; min-height: 52px !important; height: auto !important;
    padding: 12px !important; transform: none !important;
    font: 16px/1.5 "Russo One",sans-serif; color: #a2ffe5 !important;
    border: 1px solid #68dcbc !important; border-radius: 16px !important;
    background: #102b2a !important;
  }
  body #support .pusk-support-telegram-hit-v1::after { display: block !important; content: "Написать в Телеграм" !important; }
  body:not(.pusk-cabinet-page-v1) .pusk-header-v12 :is(a,button):focus-visible,
  body #premium button:focus-visible, body #support a:focus-visible { outline: 2px solid #a2ffe5 !important; outline-offset: 3px !important; }
}