/* ==========================================================================
   MOBILE ADAPTATION — l2.top
   Breakpoints: 1024px (tablet), 768px (mobile), 480px (compact)
   Desktop unchanged. No conflicts with styles.css legacy (#cat_menu removed).
   ========================================================================== */

/* --- Accessibility --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Promo codes tablet cleanup: 768-1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-card--promocodes,
  .lk-cabinet .lk-card--promocodes {
    display: block !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px !important;
    gap: 6px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 0 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-toggle,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .server,
  .lk-cabinet .lk-card--promocodes .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .server__vip,
  .lk-cabinet .lk-card--promocodes .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__title,
  .lk-cabinet .lk-card--promocodes .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__name,
  .lk-cabinet .lk-card--promocodes .server__name {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__grp,
  .lk-cabinet .lk-card--promocodes .server__grp {
    grid-row: 2 !important;
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__chron,
  .mid.mid--billing .lk-card--promocodes .server__date,
  .lk-cabinet .lk-card--promocodes .server__chron,
  .lk-cabinet .lk-card--promocodes .server__date {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate-row,
  .lk-cabinet .lk-card--promocodes .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate,
  .lk-cabinet .lk-card--promocodes .server__rate {
    font-size: 10px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift,
  .lk-cabinet .lk-card--promocodes .server__promo-gift {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--promocodes .demonstration {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right[style*="none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right[style*="none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="block"] {
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    border-left: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="block"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: none !important;
    border-top: none !important;
    display: block !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-label,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-value,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-value {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-panel {
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline-center,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline-center {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-label {
    font-size: 12px !important;
    text-align: left !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-controls,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-controls {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btns,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    font-size: 11px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__save-row .lk-card__btn,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__delete-row .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__save-row .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__delete-row .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
  }

  .mid.mid--billing .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row,
  .lk-cabinet .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    display: none !important;
  }
}

/* Final LK demo radius sync with homepage */
.mid.mid--billing .lk-card--promocodes,
.mid.mid--billing .lk-card--top-online,
.lk-cabinet .lk-card--promocodes,
.lk-cabinet .lk-card--top-online {
  border-radius: var(--r-lg) !important;
}

.mid.mid--billing .lk-promocodes__server-panel,
.mid.mid--billing .lk-top-online__server-zone,
.mid.mid--billing .lk-top-online__server-panel,
.mid.mid--billing .lk-card--promocodes .demonstration,
.mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
.mid.mid--billing .lk-card--promocodes .server,
.mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
.lk-cabinet .lk-promocodes__server-panel,
.lk-cabinet .lk-top-online__server-zone,
.lk-cabinet .lk-top-online__server-panel,
.lk-cabinet .lk-card--promocodes .demonstration,
.lk-cabinet .lk-card--top-online .lk-top-online__demo-block,
.lk-cabinet .lk-card--promocodes .server,
.lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
  border-radius: var(--r-md) !important;
}

@media (max-width: 767px) {
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--promocodes .demonstration {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server,
  .lk-cabinet .lk-card--promocodes .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__vip,
  .lk-cabinet .lk-card--promocodes .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__title,
  .lk-cabinet .lk-card--promocodes .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__name,
  .mid.mid--billing .lk-card--promocodes .server__chron,
  .mid.mid--billing .lk-card--promocodes .server__date,
  .mid.mid--billing .lk-card--promocodes .server__rate,
  .lk-cabinet .lk-card--promocodes .server__name,
  .lk-cabinet .lk-card--promocodes .server__chron,
  .lk-cabinet .lk-card--promocodes .server__date,
  .lk-cabinet .lk-card--promocodes .server__rate {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__name,
  .lk-cabinet .lk-card--promocodes .server__name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__grp,
  .lk-cabinet .lk-card--promocodes .server__grp {
    grid-row: 2 !important;
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate-row,
  .lk-cabinet .lk-card--promocodes .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift,
  .lk-cabinet .lk-card--promocodes .server__promo-gift {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right[style*="display: none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right[style*="display:none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__metric,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__metric {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-panel {
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline-center,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline-center {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 12px !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-controls,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btns,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btns {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    line-height: 28px !important;
    padding: 0 !important;
    font-size: 10px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    display: none !important;
  }
}

/* Billing <900: unified rounded corners */
@media (min-width: 769px) and (max-width: 899px) {
  .mid.mid--billing .lk-card--settings,
  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .mid.mid--billing .lk-card--promocodes,
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--settings,
  .lk-cabinet .lk-dashboard > .lk-card.lk-stats,
  .lk-cabinet .lk-dashboard > .lk-card--vip,
  .lk-cabinet .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-card--promocodes,
  .lk-cabinet .lk-card--top-online {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-settings__header,
  .mid.mid--billing .lk-card__header,
  .mid.mid--billing .lk-promocodes__title,
  .mid.mid--billing .lk-top-online__title,
  .lk-cabinet .lk-settings__header,
  .lk-cabinet .lk-card__header,
  .lk-cabinet .lk-promocodes__title,
  .lk-cabinet .lk-top-online__title {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-promocodes__server-panel,
  .mid.mid--billing .lk-top-online__server-panel,
  .mid.mid--billing .lk-promocodes__limit-panel,
  .mid.mid--billing .lk-card--promocodes .demonstration,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .mid.mid--billing .lk-card--promocodes .server,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-promocodes__server-panel,
  .lk-cabinet .lk-top-online__server-panel,
  .lk-cabinet .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--promocodes .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-settings__input,
  .mid.mid--billing .lk-settings__select,
  .mid.mid--billing .lk-date-like-field__input,
  .mid.mid--billing .lk-card__btn,
  .mid.mid--billing .lk-promocodes__limit-btn,
  .mid.mid--billing .lk-promocodes__status-badge,
  .mid.mid--billing .lk-promocodes__limit-badge,
  .lk-cabinet .lk-settings__input,
  .lk-cabinet .lk-settings__select,
  .lk-cabinet .lk-date-like-field__input,
  .lk-cabinet .lk-card__btn,
  .lk-cabinet .lk-promocodes__limit-btn,
  .lk-cabinet .lk-promocodes__status-badge,
  .lk-cabinet .lk-promocodes__limit-badge {
    border-radius: 8px !important;
  }
}

/* Ultimate last override: billing tablet layout 768-1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices),
  .lk-cabinet .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "settings settings"
      "stats status"
      "toponline promo"
      "rating rating" !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard,
  .lk-cabinet .lk-dashboard {
    display: contents !important;
  }

  .mid.mid--billing .lk-content-area > .lk-card--top-online,
  .lk-cabinet .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-dashboard > .lk-card--rating {
    grid-area: rating !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr) !important;
    grid-template-areas:
      "header values"
      "desc values"
      "subtext buttons" !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__header,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__header {
    grid-area: header !important;
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__desc,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__desc {
    grid-area: desc !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values {
    grid-area: values !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: rgba(22, 28, 39, 0.34) !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__subtext,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__subtext {
    grid-area: subtext !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons {
    grid-area: buttons !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__header,
  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title,
  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: block"] {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel {
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }
}

/* Absolute final EOF override: billing tablet layout 768-1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices),
  .lk-cabinet .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "settings settings"
      "stats status"
      "toponline promo"
      "rating rating" !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard,
  .lk-cabinet .lk-dashboard {
    display: contents !important;
  }

  .mid.mid--billing .lk-content-area > .lk-card--top-online,
  .lk-cabinet .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-dashboard > .lk-card--rating {
    grid-area: rating !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr) !important;
    grid-template-areas:
      "header values"
      "desc values"
      "subtext buttons" !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__header,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__header {
    grid-area: header !important;
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__desc,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__desc {
    grid-area: desc !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values {
    grid-area: values !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: rgba(22, 28, 39, 0.34) !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__subtext,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__subtext {
    grid-area: subtext !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons {
    grid-area: buttons !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__header,
  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title,
  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: block"] {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel {
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }
}

/* Promo demo date defaults for non-tablet ranges (профиль — в theme.css @media 1025 / 1024) */
.lk-card--promocodes .server__date-full {
  display: inline;
}

.lk-card--promocodes .server__date-short {
  display: none;
}

/* Final EOF override: billing tablet layout 768-1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices),
  .lk-cabinet .lk-content-area:not(.lk-support):not(.lk-support-ticket):not(.lk-deposit):not(.lk-myservices) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "settings settings"
      "stats status"
      "toponline promo"
      "rating rating" !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard,
  .lk-cabinet .lk-dashboard {
    display: contents !important;
  }

  .mid.mid--billing .lk-content-area > .lk-card--top-online,
  .lk-cabinet .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-dashboard > .lk-card--rating {
    grid-area: rating !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr) !important;
    grid-template-areas:
      "header values"
      "desc values"
      "subtext buttons" !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__header,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__header {
    grid-area: header !important;
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__desc,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__desc {
    grid-area: desc !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values {
    grid-area: values !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: rgba(22, 28, 39, 0.34) !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__subtext,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__subtext {
    grid-area: subtext !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons {
    grid-area: buttons !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__header,
  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title,
  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: block"] {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel {
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }
}

/* Final tablet layout: swap top-online with rating, align top-online to promo style */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Иначе «Мои услуги» (header + tabs + table) ломается в 2 колонки: заголовок слева, кнопки справа */
  .mid.mid--billing .lk-content-area:not(.lk-myservices),
  .lk-cabinet .lk-content-area:not(.lk-myservices) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "settings stats"
      "settings status"
      "toponline promo"
      "rating rating" !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .mid.mid--billing .lk-content-area > .lk-card--top-online,
  .lk-cabinet .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-dashboard > .lk-card--rating {
    grid-area: rating !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr) !important;
    grid-template-areas:
      "header values"
      "desc values"
      "subtext buttons" !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__header,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__header {
    grid-area: header !important;
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__desc,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__desc {
    grid-area: desc !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__text,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__text {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__key-row.lk-card__rating-values {
    grid-area: values !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: rgba(22, 28, 39, 0.34) !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__label,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__rating-values .lk-card__label {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__value--big,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__value--big {
    min-width: 72px !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__subtext,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__subtext {
    grid-area: subtext !important;
    margin: 0 !important;
    align-self: center !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons {
    grid-area: buttons !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    align-self: stretch !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-dashboard > .lk-card--rating .lk-card__buttons .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--top-online {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__header,
  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title,
  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title .lk-top-online__novip-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__title .lk-top-online__novip-badge {
    margin-left: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    min-height: 56px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:none"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right[style*="display: block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display:block"],
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right[style*="display: block"] {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions {
    margin-top: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel {
    width: 100% !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
  }
}

:focus-visible {
  outline: 2px solid #f7901e;
  outline-offset: 2px;
}

.seo-block-mobile-under-sidebar {
  display: none;
}

/* Кнопка «Админ панель» в ЛК — скрыта на всех экранах, показывается только в @media (max-width: 768px) ниже */
.lk-sidebar__mobile-toggle {
  display: none !important;
}

/* ==========================================================================
   TABLET (≤1024px)
   ========================================================================== */
@media (max-width: 900px) {
  html, body {
    overflow-x: clip !important;
    background: var(--bg-0) !important;
    width: 100% !important;
    max-width: 100vw;
  }

  body.page {
    background: var(--bg-0) !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow-x: clip !important;
  }

  .wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .mid {
    flex-direction: column;
    padding: 0;
    gap: 8px;
  }

  .left-col,
  .right-col,
  .top-servers__list,
  .inline-zone-2col {
    min-width: 0 !important;
  }
  .left-col {
    flex: 1 1 100% !important;
  }

  .right-col,
  .side-wrapper_top,
  .side-wrapper_top_online,
  .top-servers,
  .side,
  .side_future,
  .side_past,
  .sidebar,
  .content-wrp {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .bar-side {
    display: none !important;
  }

  .inline-zone-2col {
    flex-direction: column;
  }

  .main-after-banner,
  .content-wrp,
  .sidebar,
  .unified-vip-switcher-wrapper,
  .header__container {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    max-width: 100%;
  }

  .header-banner-zone,
  .header-banner-bleed,
  .header.bg_l2b,
  .header,
  .top_bnr_wrp,
  .main-after-banner,
  .unified-vip-switcher-wrapper,
  .wrapper,
  .main.main_top {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow-x: clip !important;
  }

  .content-wrp__main,
  .seo-block {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Server cards: override fixed widths from style.css — prevent cutoff/overflow */
  .server__title {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .server .server__bg-vip {
    left: 0 !important;
    right: 0 !important;
  }

  .server,
  .page-reklama__card,
  .lk-card,
  .rel_block,
  .rel-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .section-row { padding: 0; }
  .section-wrp { flex-direction: column; }
  .section-left,
  .section-right { margin: 0; width: 100%; }
  .content-wrp { flex-direction: column; justify-content: center; align-items: center; margin: 0; }
  .seo-block { margin-left: 0; margin-right: 0; }

  /* Высоту/масштаб баннера задают блоки ≤768 и 769–1024 — здесь не трогаем (иначе height:auto + min-height раздувают hero) */
  .main-after-banner { margin-top: 0 !important; }
  .main_top { padding-top: 0 !important; }

  .top_bnr_wrp { padding: 0 8px; box-sizing: border-box; }
  .top_bnr_468 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    box-sizing: border-box;
  }

  .unified-vip-switcher {
    flex-wrap: wrap;
    height: auto;
    min-height: 48px;
    padding: 8px 12px;
    gap: 8px;
  }
  .unified-vip-switcher__menu { margin-left: 0; flex-wrap: wrap; justify-content: flex-start; }
  .unified-vip-switcher__action,
  .unified-vip-btn { min-width: 0; padding: 8px 12px; font-size: 13px; }
}

@media (max-width: 900px) and (orientation: landscape) {
  html,
  body,
  body.page {
    width: 100dvw !important;
    max-width: 100dvw !important;
    min-width: 100dvw !important;
  }

  .header.bg_l2b,
  .header,
  .top_bnr_wrp,
  .header-banner-zone,
  .header-banner-bleed,
  .main.main_top,
  .main-after-banner,
  .unified-vip-switcher-wrapper,
  .wrapper {
    width: 100dvw !important;
    max-width: 100dvw !important;
    min-width: 100dvw !important;
    margin-left: calc(50% - 50dvw) !important;
    margin-right: 0 !important;
  }

  .header__container,
  .main-after-banner,
  .unified-vip-switcher-wrapper,
  .wrapper,
  .content-wrp,
  .content-wrp__main,
  .mid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* Switcher: show only active side (matches custom.js breakpoint 900).
   .side_top_online не скрываем здесь — видимость #top-online-block задаёт unifiedVipSwitcher.js (только VIP). */
@media (max-width: 900px) {
  .side:not(.side_top_online) {
    display: none;
  }
  .side_active {
    display: block;
  }

  /* servers_all.tpl: в одноколоночном layout показываем future/past как обычные секции */
  .inline-zone-2col .side_future,
  .inline-zone-2col .side_past {
    display: block !important;
  }

  .main-after-banner:has(.inline-zone-2col) > .switcher {
    display: none !important;
  }
}

/* ≤900px: бургер + выезжающая панель; пункты шапки — в панели, не в свитчере */
@media (max-width: 900px) {
  .menu-wrp { display: none; }
  .burger-btn { display: flex !important; }
  .unified-vip-switcher__menu,
  .unified-vip-switcher__lk-btn,
  a.unified-vip-switcher__lk-btn,
  button.unified-vip-switcher__lk-btn {
    display: none !important;
  }
  .unified-vip-switcher-wrapper:not(:has(.unified-vip-btn:not(.unified-vip-switcher__lk-btn))) {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .mobile-burger-menu { display: none !important; }
  .burger-btn { display: none !important; }
}

/* 901–1024: бургер скрыт — панель не должна перекрывать экран при случайном классе */
@media (min-width: 901px) and (max-width: 1024px) {
  .mobile-burger-menu,
  .mobile-burger-menu__nav {
    display: none !important;
  }
}

/* In tablet range, burger is redundant (switcher stays visible) */
@media (min-width: 901px) and (max-width: 1024px) {
  .burger-btn {
    display: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  .mid:not(.mid--billing) .inline-zone-2col {
    gap: 10px !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side:not(.side_top_online),
  .mid:not(.mid--billing) .inline-zone-2col .top-servers,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online,
  .side-wrapper_top_online {
    overflow: visible !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side_top_online {
    margin-top: 0 !important;
  }
}

/* Keep logo stable under 900px */
@media (max-width: 900px) {
  .header__container {
    justify-content: space-between !important;
    align-items: center !important;
  }

  .logo {
    margin-right: 0 !important;
    max-width: min(220px, 58vw);
    flex-shrink: 1;
  }

  .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* Mobile menu overlay */
@media (max-width: 1024px) {
  .menu-wrp {
    display: none;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 86;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  html.mobile-menu_open .menu-wrp { display: flex !important; }
  html.mobile-menu_open body { overflow: hidden !important; }
  .mobile-menu_open .page,
  html.mobile-menu_open body.page { margin-left: 0 !important; left: 0 !important; }
  .mobile-menu_open .header { left: 0 !important; transform: none !important; }
}

/* Бургер-панель ≤900px: тот же язык, что у .side / карточек (theme.css) */
@media (max-width: 900px) {
  .mobile-burger-menu {
    display: none;
    position: fixed;
    inset: 0;
    /* Выше .header (до 130), ниже .burger-btn (140) — карточка не под шапкой */
    z-index: 133;
    padding: 60px 14px 24px;
    padding-top: max(60px, calc(env(safe-area-inset-top, 0px) + 54px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    background: rgba(11, 16, 26, 0.58);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  html.mobile-menu_open .mobile-burger-menu {
    display: block;
  }

  /* Кнопка закрытия поверх затемнения и карточки */
  html.mobile-menu_open .burger-btn {
    z-index: 145 !important;
  }

  .mobile-burger-menu__nav {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: min(320px, calc(100vw - 28px));
    margin: 10px auto 0;
    border-radius: var(--r-lg);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(180deg, rgba(38, 48, 67, 0.96), rgba(20, 26, 40, 0.98));
    box-shadow: var(--sh-panel), var(--sh-inset);
    box-sizing: border-box;
  }

  .mobile-burger-menu__link {
    display: block;
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid var(--stroke-0);
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    box-sizing: border-box;
    min-height: 48px;
    line-height: 1.35;
    transition:
      background 0.15s ease,
      color 0.15s ease,
      border-color 0.15s ease;
  }

  .mobile-burger-menu__link:last-child {
    border-bottom: none;
  }

  .mobile-burger-menu__link:hover,
  .mobile-burger-menu__link:focus {
    background: var(--surface-1);
    color: var(--accent);
    outline: none;
  }

  .mobile-burger-menu__link--btn {
    appearance: none;
  }

  .burger-btn {
    background: linear-gradient(180deg, rgba(38, 48, 67, 0.55), rgba(20, 26, 40, 0.72));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--r-md);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), var(--sh-inset);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .burger-btn__line {
    background-color: rgba(234, 240, 255, 0.92);
  }

  .burger-btn:hover,
  .burger-btn:focus-visible {
    border-color: var(--accent-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--accent-glow);
  }
}

/* ==========================================================================
   MOBILE (≤768px)
   ========================================================================== */
@media (max-width: 768px) {
  /* Addserver: колонка дат + обёртки на всю ширину (style.css .section-right { 308px }) */
  #add-server .section-wrp,
  #add-server-billing .section-wrp {
    flex-direction: column !important;
  }
  #add-server .section-left,
  #add-server .section-right,
  #add-server-billing .section-left,
  #add-server-billing .section-right {
    width: 100% !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }
  #add-server .section-right > div,
  #add-server-billing .section-right > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .main-after-banner,
  .content-wrp,
  .sidebar,
  .unified-vip-switcher-wrapper,
  .header__container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .mid,
  .content-wrp,
  .content-wrp__main { padding-left: 0; padding-right: 0; }
  .header__container { max-width: none; }

  /* Лимит серверов на addserver — мобильная адаптация */
  .addserver-limit-msg {
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    word-wrap: break-word;
  }

  /* Header */
  .header {
    position: sticky;
    top: 0;
    z-index: 90;
    min-height: 48px !important;
    height: auto;
    padding: 6px 0 !important;
    padding-top: max(6px, env(safe-area-inset-top)) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
  }
  .header {
    overflow: visible;
  }
  .header__container {
    padding: 0 52px 0 max(12px, env(safe-area-inset-left)) !important;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }
  .logo {
    overflow: visible;
    min-width: 0;
  }
  .logo img { height: 38px; width: auto; max-width: calc(100% - 100px); }
  .burger-btn {
    width: 44px;
    height: 44px;
    top: 6px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    padding: 0;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(38, 48, 67, 0.55), rgba(20, 26, 40, 0.72));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--r-md);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), var(--sh-inset);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .burger-btn__line {
    width: 22px;
    background-color: rgba(234, 240, 255, 0.92);
  }
  .burger-btn:hover,
  .burger-btn:focus-visible {
    border-color: var(--accent-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--accent-glow);
  }

  /* Content blocks */
  .top-servers,
  .side,
  .side_future,
  .side_past,
  .sidebar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 12px 14px !important;
    box-sizing: border-box;
  }
  .server {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    min-height: 56px;
    padding: 12px 14px;
    border-radius: 8px;
  }
  .server__title,
  .server__name { font-size: 14px; word-break: break-word; overflow-wrap: break-word; }
  .server__chron,
  .server__date { font-size: 12px; }
  .side .servers,
  .side_active .servers {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .page-reklama__card,
  .lk-card,
  .rel_block,
  .rel-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .section-row { padding-left: 0 !important; padding-right: 0 !important; }

  body {
    font-size: 15px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }

  .ttl {
    font-size: 15px;
    padding: 10px 12px;
    margin: 12px 0 8px;
    border-radius: 6px;
  }
  .unified-vip-switcher {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    min-height: auto;
  }
  .unified-vip-btn {
    min-height: 44px;
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 6px;
    justify-content: center;
  }
  .switcher {
    gap: 8px;
    padding: 8px 0;
    margin: 0 0 12px;
    border-radius: 8px;
    overflow: hidden;
  }
  .switcher__btn { min-height: 44px; font-size: 14px; font-weight: 600; }
  .wrapper { padding-bottom: 20px; }
  .content-wrp {
    padding: 12px 0;
    margin: 0 0 12px;
    border-radius: 8px;
  }
  .main-after-banner { overflow-x: hidden; }

  /* Footer */
  .footer {
    padding: 24px 12px;
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
  .f-nav { flex-direction: column; gap: 12px; padding: 16px 0; }
  .f-nav__link { margin: 4px 0; font-size: 15px; }
  .f-container { flex-direction: column; align-items: center; text-align: center; }
  .bnr_88_wrp { margin: 12px 0; }
  .footer_copy { font-size: 13px; line-height: 1.6; margin-top: 12px; }

  /* SEO block */
  .seo-block {
    padding: 14px 12px;
    margin: 16px 0 12px;
    border-radius: 8px;
    font-size: 15px;
  }
  .seo-block__h1,
  .seo-block__h2,
  .seo-block__text {
    display: block !important;
    position: static !important;
    line-height: 1.5;
  }
  .seo-block__h1 { font-size: 18px; margin-bottom: 8px; }
  .seo-block__h2 { font-size: 15px; margin-bottom: 6px; }
  .seo-block__text { margin-top: 8px; }

  /* Article content */
  #dle-content {
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    max-width: 100%;
  }
  #dle-content img { max-width: 100%; height: auto; }
  #dle-content h1 { font-size: 22px; }
  #dle-content h2 { font-size: 19px; }
  #dle-content h3 { font-size: 17px; }
  #dle-content p { margin-bottom: 1em; }

  /* Tables: без display:block — иначе ломается <table> внутри .xdsoft_calendar (сетка дат не тянется). Скролл — overflow-x. */
  #dle-content table,
  .content-wrp table,
  .billing-table,
  #searchtable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  /* xdsoft: гарантированно табличная раскладка поверх любых правил для table */
  #dle-content .xdsoft_calendar table,
  .content-wrp .xdsoft_calendar table,
  #add-server .xdsoft_calendar table,
  #add-server-billing .xdsoft_calendar table,
  .lk-main .xdsoft_calendar table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow-x: visible;
  }
  #searchtable table,
  .lk-myservices__table { min-width: 320px; }
  img { max-width: 100%; height: auto; }

  /* Forms — 16px prevents iOS zoom */
  input:not([type="checkbox"]):not([type="radio"]),
  select {
    min-height: 44px;
    padding: 10px 14px;
    font-size: 16px;
    box-sizing: border-box;
  }
  textarea {
    min-height: 80px;
    padding: 10px 14px;
    font-size: 16px;
    box-sizing: border-box;
  }
  .g-btn,
  a.g-btn,
  input[type="submit"],
  input[type="button"] {
    min-height: 44px;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* LK <768: чекбоксы справа, поля баннеров в размер, кнопки компактнее */
  .mid.mid--billing .lk-settings__date-row,
  .lk-cabinet .lk-settings__date-row {
    display: grid !important;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
  }
  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap,
  .lk-cabinet .lk-settings__date-row .lk-settings__priority-wrap {
    order: 2;
    justify-self: end;
    margin-left: 0;
  }
  .mid.mid--billing .lk-settings__date-row .lk-settings__input,
  .lk-cabinet .lk-settings__date-row .lk-settings__input {
    order: 1;
    min-width: 0;
  }
  .mid.mid--billing .lk-card--settings .lk-date-like-field,
  .lk-cabinet .lk-card--settings .lk-date-like-field,
  .mid.mid--billing .lk-card--settings .lk-date-like-field__row,
  .lk-cabinet .lk-card--settings .lk-date-like-field__row,
  .mid.mid--billing .lk-card--settings .lk-date-like-field__input,
  .lk-cabinet .lk-card--settings .lk-date-like-field__input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  .mid.mid--billing .lk-card--settings .lk-date-like-field__input,
  .lk-cabinet .lk-card--settings .lk-date-like-field__input {
    min-height: 36px !important;
    height: auto !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }
  .mid.mid--billing .lk-card__btn,
  .mid.mid--billing .lk-card--vip .lk-card__buttons .lk-card__btn,
  .mid.mid--billing .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-card__btn,
  .lk-cabinet .lk-card--vip .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-card--rating .lk-card__buttons .lk-card__btn {
    min-height: 36px !important;
    height: auto !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .mid.mid--billing .lk-card--vip .lk-card__buttons,
  .mid.mid--billing .lk-card--rating .lk-card__buttons,
  .lk-cabinet .lk-card--vip .lk-card__buttons,
  .lk-cabinet .lk-card--rating .lk-card__buttons {
    gap: 8px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    padding: 4px 10px;
    font-size: 10px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    min-height: 36px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
  }

  /* Промокоды: удобнее на iPhone и узких экранах */
  .mid.mid--billing .lk-card--promocodes,
  .lk-cabinet .lk-card--promocodes {
    padding: 14px 12px 16px;
    border-radius: 8px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
    gap: 8px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0 0 6px 0;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 0;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 12px;
    line-height: 1.4;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-toggle,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-toggle {
    display: none !important;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 12px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    flex-direction: column !important;
    align-items: stretch;
  	gap: 10px;
  	padding: 12px 12px;
  	border-radius: 8px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .mid.mid--billing .lk-card--promocodes .server__title,
  .mid.mid--billing .lk-card--promocodes .server__name,
  .lk-cabinet .lk-card--promocodes .server__title,
  .lk-cabinet .lk-card--promocodes .server__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation),
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation) {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
    justify-content: center;
    padding-top: 4px;
    border-top: 1px solid #3a3535;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border-left: none !important;
    border-top: none !important;
    justify-content: center;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-panel {
    padding: 12px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline {
    flex-direction: column;
    gap: 10px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline-center,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline-center {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline .lk-promocodes__metric--inline,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline .lk-promocodes__metric--inline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #4a4545;
    padding-top: 10px;
    justify-content: center;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-label {
    font-size: 12px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btns,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btn {
    width: 100% !important;
    min-width: 0;
    height: 32px;
    font-size: 12px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: 100% !important;
    max-width: none;
    justify-content: center;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 12px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__details-summary,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__details-summary {
    min-height: 44px;
    padding: 12px 0;
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor: pointer;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 4px;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__instruction,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__instruction {
    font-size: 12px;
    padding: 8px 0 0;
  }
  .mid.mid--billing .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row,
  .lk-cabinet .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }
  .mid.mid--billing .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row .lk-card__btn,
  .lk-cabinet .lk-card--promocodes[data-promocodes-loaded="block"] .lk-promocodes__delete-row .lk-card__btn {
    flex: 1 1 auto;
    min-width: 0;
  }
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__save-row .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__save-row .lk-card__btn {
    width: 100%;
  }

  /* ЛК: промокоды + ТОП Онлайн — мобилка: без лишней минимальной высоты, единый NoVIP, демо на всю ширину */
  .mid.mid--billing .lk-card--promocodes,
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--promocodes,
  .lk-cabinet .lk-card--top-online {
    min-height: 0 !important;
  }
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--top-online {
    padding: 14px 12px 16px;
    border-radius: 8px;
    margin-top: 12px;
    box-sizing: border-box;
  }
  .main-after-banner--billing .lk-card__vip-restrict,
  .mid.mid--billing .lk-card__vip-restrict,
  .lk-cabinet .lk-card__vip-restrict {
    margin-top: 10px;
    padding: 12px 14px;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .main-after-banner--billing .lk-card__vip-restrict-text,
  .mid.mid--billing .lk-card__vip-restrict-text,
  .lk-cabinet .lk-card__vip-restrict-text {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.4;
  }
  .mid.mid--billing .lk-top-online__header,
  .lk-cabinet .lk-top-online__header {
    margin-bottom: 10px;
  }
  .mid.mid--billing .lk-top-online__title,
  .lk-cabinet .lk-top-online__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 6px 0;
  }
  .main-after-banner--billing .lk-top-online__title .lk-top-online__novip-badge,
  .mid.mid--billing .lk-top-online__title .lk-top-online__novip-badge,
  .lk-cabinet .lk-top-online__title .lk-top-online__novip-badge {
    margin-left: 0;
    flex-shrink: 0;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700;
    padding: 2px 8px;
    vertical-align: baseline;
  }
  .mid.mid--billing .lk-top-online__demo-block,
  .lk-cabinet .lk-top-online__demo-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .mid.mid--billing .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-top-online__server-panel .lk-top-online__demos {
    max-width: 100% !important;
    width: 100% !important;
  }
  .mid.mid--billing .lk-top-online__desc,
  .lk-cabinet .lk-top-online__desc {
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 10px;
  }
  .mid.mid--billing .lk-top-online__server-zone,
  .lk-cabinet .lk-top-online__server-zone {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .mid.mid--billing .lk-top-online__server-panel,
  .lk-cabinet .lk-top-online__server-panel {
    gap: 12px !important;
  }
  .mid.mid--billing .lk-top-online__server-right,
  .lk-cabinet .lk-top-online__server-right {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    border-top: none !important;
    box-sizing: border-box !important;
  }
  /* Промокоды + ТОП Онлайн: одинаковые бейджи статуса (в т.ч. «НЕ АКТИВНО») */
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* «Загрузить CSV» и «Забронировать размещение» — одна ширина; текст по центру по вертикали */
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-place,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .js-top-online-actions-cancel {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    line-height: 1.25 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* ЛК демо ТОП Онлайн: ширина от колонки, без устаревшего фиксированного px */
  .main-after-banner--billing .mid.mid--billing .lk-top-online__demo-block,
  .main-after-banner--billing .lk-cabinet .lk-top-online__demo-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* addserver: селекторы VIP (ELITE, PREMIUM…) — компактнее; календари — крупнее и читабельнее */
  .try-on {
    gap: 6px;
    flex-wrap: wrap;
  }
  .try-on__g-btn {
    width: calc(25% - 5px) !important;
    min-width: 0 !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 2px 4px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  /* Все встроенные xdsoft на мобилке: одна логика (в т.ч. addserver / .xdsoft--addserver — раньше был :not() и сетка «залипала»). */
  .xdsoft_datetimepicker.xdsoft_inline {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker {
    width: 100% !important;
    max-width: 100% !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_calendar td,
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_calendar th {
    min-height: 46px !important;
    height: 46px !important;
    font-size: 16px !important;
    padding: 6px !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_calendar td > div {
    padding-right: 6px !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_monthpicker {
    min-height: 44px !important;
    padding: 6px 0 !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_monthpicker .xdsoft_label,
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label.xdsoft_month,
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_label.xdsoft_year {
    font-size: 17px !important;
  }
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_prev,
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_next,
  .xdsoft_datetimepicker.xdsoft_inline .xdsoft_today_button {
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 10px !important;
    font-size: 16px !important;
  }

  /* Page Reklama */
  .page-reklama.page-reklama--cards {
    padding: 16px 12px 28px;
    margin: 0 0 16px;
    border-radius: 6px;
  }
  .page-reklama__title { font-size: 1.35rem; margin-bottom: 20px; }
  .page-reklama__grid { gap: 12px; grid-template-columns: 1fr; }
  .page-reklama__card { padding: 16px 14px; min-height: auto; }
  .page-reklama__card-title { font-size: 1rem; margin-bottom: 8px; }
  .page-reklama__card-desc { font-size: 0.85rem; margin-bottom: 12px; }
  .page-reklama__card-status { font-size: 0.8rem; padding: 10px 14px; margin-bottom: 12px; }
  .page-reklama__card-btn {
    min-height: 44px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }
  .page-reklama__contacts {
    margin-top: 24px;
    padding: 16px 12px;
    max-width: 100%;
  }
  .page-reklama__contacts-links { flex-direction: column; gap: 10px; }
  .page-reklama__contact {
    min-height: 44px;
    padding: 12px 18px;
    display: flex;
    justify-content: center;
  }

  /* Modals — по центру экрана на мобилках, ширина строго по viewport */
  .lk-vip-modal__content,
  .lk-top-online-modal__content,
  .lk-vote-modal__content,
  .lk-banner-modal__content,
  .lk-buyvotes-modal__content,
  .lk-promocodes-modal__content,
  .lk-tg-modal__content,
  .lk-discord-modal__content,
  .lk-promocodes-limit-modal__content,
  .lk-site-share-modal__content,
  .lk-bonus-code-modal__content,
  .lk-support-modal__content,
  .lk-delete-modal__content,
  .lk-promocodes-delete-modal__content,
  .lk-vip-confirm-modal__content,
  .ba-modal {
    position: fixed !important;
    z-index: 10060 !important;
    left: 14px !important;
    right: 14px !important;
    top: 50% !important;
    bottom: auto !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 16px 14px max(16px, env(safe-area-inset-bottom)) !important;
    max-height: calc(100vh - 28px) !important;
    min-height: 120px;
    border-radius: 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
  }
  .lk-vip-modal__close,
  .lk-top-online-modal .lk-vip-modal__close,
  .lk-vote-modal__close,
  .lk-banner-modal__close,
  .lk-buyvotes-modal__close,
  .lk-promocodes-modal__close,
  .lk-tg-modal__close,
  .lk-discord-modal__close,
  .lk-promocodes-limit-modal__close,
  .lk-promocodes-delete-modal__close,
  .lk-vip-confirm-modal__close,
  .lk-delete-modal__close,
  .lk-site-share-modal__close,
  .lk-bonus-code-modal__close,
  .lk-support-modal__close,
  .ba-modal__mfp-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    top: 8px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    line-height: 1 !important;
  }
  .mfp-content .ba-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
  .mfp-container { padding: 12px; }
  .mfp-content { max-width: calc(100vw - 24px) !important; }

  body.lk-modal-open,
  html:has(body.lk-modal-open) { overflow-y: hidden !important; }

  /* Mode switcher */
  .mode-switcher-overlay {
    top: clamp(180px, 45vw, 260px);
    padding: 0 12px;
  }
  .mode-switcher-overlay .inner {
    width: 100%;
    padding: 8px 10px;
    gap: 8px;
  }
  .mode-btn {
    min-height: 44px;
    height: 44px;
    line-height: 44px;
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Slick / carousel touch targets */
  .slick-prev,
  .slick-next {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
    z-index: 5;
  }
  .slick-dots li button {
    min-width: 44px;
    min-height: 44px;
    padding: 12px;
  }

  /* Chosen select */
  .chosen-container-single .chosen-single {
    min-height: 44px;
    line-height: 42px;
  }
  .chosen-container .chosen-results li {
    min-height: 44px;
    line-height: 1.4;
    padding: 12px 14px;
  }

  /* e-list sidebar links */
  .e-list__link {
    display: block;
    padding: 12px 14px;
    min-height: 44px;
    line-height: 1.4;
    box-sizing: border-box;
  }

  /* add-info forms */
  .add-info { flex-direction: column; justify-content: flex-start; align-items: stretch; }
  .add-info__name { padding: 0 0 10px 0; }
  .add-info input,
  .add-info select,
  .add-info .chosen-container,
  .add-info textarea {
    max-width: 100%;
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

  /* addcomment */
  .addcomment .plus_icon { min-height: 44px; padding: 14px 0; }
  .addcomment input[type="text"],
  .addcomment input[type="email"],
  .addcomment #question_answer,
  .addcomment #sec_code {
    min-height: 44px !important;
    font-size: 16px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .addcomment .form_submit .btn { min-height: 44px; width: 100%; }
  .addcomment .combo_field { width: 100%; }
  .addcomment .combo_field input { width: 100% !important; }

  /* Search */
  #search_btn { min-height: 44px; width: 100%; max-width: 100%; }
  .search_result_num { margin: 16px 0; }

  /* Story icons (fullstory, shortstory) */
  .story_icons > li {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .story_icons .fav_btn span,
  .story_icons .edit_btn i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
  }
  .rate_like span,
  .rate_like-dislike span {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  /* Lang switcher */
  .lang-switcher__btn {
    min-width: 44px;
    min-height: 44px;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  /* Feedback / contacts */
  .fast-contacts { flex-direction: column; gap: 12px; }
  .feedback_contacts_flex { flex-wrap: wrap; }
  .feedback_contacts_flex > div { width: 100%; }
  .text_contats .uf-input,
  .text_contats input,
  .text_contats textarea {
    min-height: 44px !important;
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Partner blocks */
  .partner { width: 100%; max-width: 100%; box-sizing: border-box; }

  /* custom.css overrides — fixed widths break mobile */
  .serv-info__container input,
  .serv-info__container textarea,
  .serv-info__container select,
  .input_wrapper_select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .input_wrapper_name { width: 100%; }
  #adding { width: 100% !important; max-width: 100% !important; }
  .scroll__to { right: 12px; bottom: max(24px, env(safe-area-inset-bottom)); }

  /* page_form */
  .page_form__inner { padding: 16px 12px; }
  .page_form__form .form-group input,
  .page_form__form .form-group textarea,
  .page_form__form .form-group select,
  .page_form__form .c-captcha input {
    min-height: 44px !important;
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .page_form__form .form_submit .btn { min-height: 44px; width: 100%; }
}

/* ==========================================================================
   BILLING / LK — mobile (inherits from 768px, adds LK-specific)
   ========================================================================== */
@media (max-width: 768px) {
  .lk-cabinet {
    flex-direction: column;
    padding: 12px 0;
    gap: 16px;
  }
  .lk-cabinet:has(.lk-pm) {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "sidebar" "main";
    padding: 12px 12px 16px;
    gap: 16px;
  }
  .lk-sidebar,
  .lk-cabinet:has(.lk-pm) .lk-sidebar {
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
  }
  .lk-sidebar__btn,
  a.lk-sidebar__btn--fill,
  .lk-sidebar__menu-item,
  button.lk-sidebar__menu-item,
  a.lk-sidebar__menu-item {
    min-height: 44px;
    padding: 10px 0;
  }
  .lk-main { min-width: 0; width: 100%; }
  .lk-dashboard { flex-direction: column; flex-wrap: wrap; gap: 12px; }
  .lk-card,
  .lk-card.lk-stats,
  .lk-card--vip,
  .lk-card--rating {
    width: 100%;
    min-width: 0;
    min-height: auto;
  }
  .lk-card__btn,
  .lk-card--vip .lk-card__buttons .lk-card__btn,
  .lk-card--rating .lk-card__buttons .lk-card__btn {
    min-height: 44px;
    height: auto;
    line-height: 42px;
    padding: 10px 16px;
  }
  .lk-deposit__amount-row { flex-direction: column; align-items: stretch; }
  .lk-deposit__input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px;
  }
  .lk-deposit__presets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }
  .lk-deposit__preset,
  .lk-deposit__method { min-height: 44px; padding: 10px 16px; }
  .lk-deposit__buy,
  .lk-btn.lk-deposit__buy {
    min-height: 48px;
    width: 100%;
    font-size: 16px;
  }
  .lk-deposit__title {
    text-align: center;
  }
  /* Ползунок: трек только на pseudo-elements — фон на input даёт «плиту» в WebKit/iOS */
  .lk-deposit__slider-wrap {
    margin-top: 2px;
  }
  .lk-deposit__slider {
    width: 100%;
    height: 6px !important;
    margin-bottom: 4px;
    padding: 0 !important;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
  }
  .lk-deposit__slider::-webkit-slider-runnable-track {
    height: 6px;
    background: #4f4545;
    border-radius: 3px;
    border: 0;
  }
  .lk-deposit__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    background: #f7901e;
    border-radius: 50%;
    cursor: pointer;
    border: 0;
  }
  .lk-deposit__slider::-moz-range-track {
    height: 6px;
    background: #4f4545;
    border-radius: 3px;
    border: 0;
  }
  .lk-deposit__slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #f7901e;
    border-radius: 50%;
    cursor: pointer;
    border: none;
  }
  /* Тот же приоритет, что в theme — перебивает фон на хосте на billing-странице */
  .main-after-banner--billing .lk-deposit__slider,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 6px !important;
  }
  .main-after-banner--billing .lk-deposit__slider::-webkit-slider-runnable-track,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__slider::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 3px;
    border: 0;
    background: linear-gradient(90deg, rgba(96, 111, 136, 0.72), rgba(56, 70, 94, 0.8));
  }
  .main-after-banner--billing .lk-deposit__slider::-moz-range-track,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__slider::-moz-range-track {
    height: 6px;
    border-radius: 3px;
    border: 0;
    background: linear-gradient(90deg, rgba(96, 111, 136, 0.72), rgba(56, 70, 94, 0.8));
  }
  .main-after-banner--billing .lk-deposit__slider::-webkit-slider-thumb,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border-radius: 50%;
    border: 1px solid rgba(255, 143, 42, 0.7);
    background: linear-gradient(180deg, rgba(255, 167, 78, 0.98), rgba(232, 126, 34, 0.92));
    box-shadow: 0 4px 10px rgba(255, 143, 42, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.34);
  }
  .main-after-banner--billing .lk-deposit__slider::-moz-range-thumb,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(255, 143, 42, 0.7);
    background: linear-gradient(180deg, rgba(255, 167, 78, 0.98), rgba(232, 126, 34, 0.92));
    box-shadow: 0 4px 10px rgba(255, 143, 42, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.34);
  }
  .lk-deposit__slider-labels {
    position: relative;
    width: 100%;
    height: 16px;
  }
  .lk-deposit__slider-label {
    position: absolute;
    transform: translateX(-50%);
    font-size: 10px;
    color: #7a7474;
  }
  .lk-deposit__slider-label:first-child {
    transform: none;
  }
  .lk-deposit__slider-label:last-child {
    left: auto !important;
    right: 0;
    transform: none;
  }
  .lk-myservices__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lk-myservices__table { min-width: 320px; font-size: 13px; }
  .lk-myservices__th,
  .lk-myservices__cell { padding: 12px 10px; }
  .lk-myservices__tab { min-height: 44px; font-size: 14px; }
  .lk-login-page,
  .lk-register-page { padding: 16px 12px; }
  .lk-login-page__panel,
  .lk-login-panel {
    padding: 20px 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .lk-login-page__fields,
  .lk-form__field {
    position: static !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .lk-login__error,
  .lk-form__error {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 4px;
  }
  .lk-login__input,
  .lk-form__input {
    min-height: 44px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .lk-login__btn,
  .lk-login__btn--primary,
  .lk-login__btn--secondary {
    min-height: 44px;
    padding: 12px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  .lk-login__actions { flex-direction: column; gap: 10px; }
  .lk-login__social--page { flex-wrap: wrap; gap: 10px; }
  .lk-login__social-btn {
    min-height: 44px;
    padding: 12px 16px;
    flex: 1 1 calc(50% - 8px);
    min-width: 120px;
  }
  .lk-profile-page { padding: 0 12px; }
  .lk-profile__tab-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .lk-profile__tab-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(13px, 3.2vw, 16px) !important;
    box-sizing: border-box !important;
  }
  .lk-profile__tab-item { min-width: 0 !important; }
  .lk-profile__input,
  .lk-profile__stats-range,
  .lk-profile__stats-select {
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .lk-profile__stats-row { flex-direction: column; align-items: stretch; gap: 8px; }
  .lk-profile__stats-metrics { grid-template-columns: 1fr; }
  .lk-profile__actions .lk-card__btn { min-height: 44px; width: 100%; }

  /* profile editable rows: keep input and pencil button in one row */
  .lk-profile__value,
  .lk-profile__value--email {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .lk-profile__field {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .lk-profile__field .lk-profile__input,
  .lk-profile__display {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .lk-profile__edit-btn {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 34px !important;
    margin: 0 !important;
  }

  .lk-profile__value--email .lk-profile__error {
    flex-basis: 100%;
    order: 3;
  }
  .lk-site-share-modal__content {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 14px 10px !important;
    max-height: calc(100vh - 28px) !important;
    overflow-x: hidden !important;
  }
  .lk-site-share-modal__close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    top: 8px !important;
    right: 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .lk-site-share-modal .site-share__btns { display: flex; flex-wrap: wrap; gap: 10px; }
  .lk-site-share-modal .site-share__btn {
    min-height: 44px;
    padding: 12px 16px;
    flex: 1 1 calc(50% - 5px);
    min-width: 120px;
  }
  .lk-site-share-modal .site-share__copy {
    min-height: 44px;
    width: 100%;
    margin-top: 12px;
  }
  #billingPaySum,
  .billing-pay-step input[type="text"] {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #billingPayBtn { min-height: 44px; width: 100%; }
}

/* <=1242: SEO-блок всегда ниже контента, без наезда на карточки */
@media (max-width: 1242px) {
  .content-wrp {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .content-wrp__main {
    order: 1 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .content-wrp__bottom {
    order: 2 !important;
    position: static !important;
    z-index: auto !important;
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .content-wrp__bottom .seo-block {
    position: static !important;
    margin: 10px 0 0 !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   COMPACT (≤480px)
   ========================================================================== */
@media (max-width: 480px) {
  body { font-size: 14px; }
  #dle-content { font-size: 14px; }
  #dle-content h1 { font-size: 18px; }
  #dle-content h2 { font-size: 16px; }
  #dle-content h3 { font-size: 15px; }
  .seo-block__h1 { font-size: 16px; }
  .seo-block__h2 { font-size: 14px; }
  .seo-block { font-size: 14px; padding: 12px 10px; margin: 12px 0; }
  .ttl { font-size: 14px; padding: 8px 10px; margin: 10px 0 6px; }
  .g-btn,
  a.g-btn,
  input[type="submit"],
  input[type="button"],
  .unified-vip-btn,
  .switcher__btn,
  .lk-card__btn {
    min-height: 44px !important;
    max-height: 48px;
    padding: 10px 16px !important;
    font-size: 14px;
  }
  .main-after-banner,
  .content-wrp,
  .sidebar,
  .unified-vip-switcher-wrapper,
  .header__container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .content-wrp { padding: 10px 0; margin: 0 0 10px; }
  .side,
  .sidebar { padding: 10px 12px; margin: 0 0 10px; }
  .server { padding: 10px 12px; min-height: 48px; }
  .lk-vip-modal__content,
  .lk-top-online-modal__content,
  .lk-vote-modal__content,
  .lk-banner-modal__content,
  .lk-buyvotes-modal__content,
  .lk-promocodes-modal__content,
  .lk-tg-modal__content,
  .lk-discord-modal__content,
  .lk-promocodes-limit-modal__content,
  .lk-site-share-modal__content,
  .lk-bonus-code-modal__content,
  .lk-support-modal__content,
  .lk-delete-modal__content,
  .lk-promocodes-delete-modal__content,
  .lk-vip-confirm-modal__content,
  .ba-modal {
    left: 8px !important;
    right: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 14px 10px max(14px, env(safe-area-inset-bottom)) !important;
  }
  .mfp-content .ba-modal {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
  .mfp-container { padding: 8px; }
  .mfp-content { max-width: calc(100vw - 16px) !important; }
}

/* Десктоп и планшет (≥769px): модалка удаления сервера строго по центру экрана */
/* Не переопределяем display — им управляет JS (inline style), иначе модалка не закрывается */
@media (min-width: 769px) {
  .lk-delete-modal[style*="flex"] {
    align-items: center !important;
    justify-content: center !important;
  }
  .lk-delete-modal__content {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 480px !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    z-index: 10061 !important;
  }
}

/* Планшет: модалки по центру, отступы от краёв, прокрутка при переполнении */
@media (min-width: 769px) and (max-width: 1024px) {
  .lk-support-modal,
  .lk-delete-modal,
  .lk-bonus-code-modal {
    padding: 20px 16px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .lk-support-modal__content,
  .lk-delete-modal__content,
  .lk-bonus-code-modal__content {
    max-width: min(480px, calc(100vw - 32px)) !important;
    width: 100% !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
  }
  .lk-promocodes-delete-modal__content,
  .lk-vip-confirm-modal__content {
    max-width: min(400px, calc(100vw - 32px)) !important;
    width: 100% !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
  }
  .lk-vip-modal__content,
  .lk-top-online-modal__content,
  .lk-vote-modal__content,
  .lk-banner-modal__content,
  .lk-buyvotes-modal__content,
  .lk-promocodes-modal__content,
  .lk-tg-modal__content,
  .lk-discord-modal__content,
  .lk-promocodes-limit-modal__content,
  .lk-site-share-modal__content {
    max-width: min(720px, calc(100vw - 32px)) !important;
    width: 100% !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .lk-support-modal__close,
  .lk-bonus-code-modal__close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    top: 8px !important;
    right: 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   VERY NARROW (≤400px)
   ========================================================================== */
@media (max-width: 400px) {
  .header__container { padding-left: 44px; }
  .logo img { height: 38px; }
  .unified-vip-switcher__action { flex: 1 1 100%; }
  .switcher { grid-template-columns: 1fr; }
  .switcher__btn { min-height: 48px; }
}

/* ==========================================================================
   MOBILE LAYOUT STABILIZATION (refactor)
   - Keeps project colors
   - Prevents overlap/cutoff in server rows
   ========================================================================== */
@media (max-width: 900px) {
  .inline-zone-2col,
  .left-col,
  .right-col,
  .side-wrapper,
  .side-wrapper_top,
  .side-wrapper_future,
  .side-wrapper_past,
  .top-servers,
  .top-servers__list,
  .side,
  .side_future,
  .side_past,
  .content-wrp,
  .content-wrp__main,
  .content-wrp__bottom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .right-col {
    display: flex !important;
    flex-direction: column !important;
  }

  .inline-zone-2col {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .right-col .side-wrapper_top_online {
    order: 1;
  }

  .right-col .side-wrapper_top {
    order: 2;
  }

  html.unified-vip-mode-regular .inline-zone-2col > .right-col {
    order: 1;
  }

  html.unified-vip-mode-regular .inline-zone-2col > .left-col {
    order: 2;
  }

  .side,
  .side_future,
  .side_past,
  .top-servers,
  .side_top_online {
    padding: 10px 12px !important;
    margin: 0 0 10px !important;
    overflow: hidden;
  }

  /* Server row as stable mobile grid.
     !important required — theme.css (loads last) has grid-column on child elements
     and a 5-col grid-template-columns on .server, which collapse the title column to 0. */
  .server {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "vip title rate"
      "vip meta  meta" !important;
    column-gap: 8px !important;
    row-gap: 4px !important;
    align-items: center;
    height: auto !important;
    min-height: 52px;
    margin: 0 0 6px !important;
    padding: 8px 10px !important;
    border-radius: 7px;
    overflow: hidden;
  }

  .server__vip {
    grid-area: vip !important;
    align-self: start;
  }

  .server__title {
    grid-area: title !important;
    grid-column: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    letter-spacing: 0;
    overflow: hidden;
  }

  .server__name {
    display: block !important;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.2;
  }

  .server__rate-row,
  .server__rate {
    grid-area: rate !important;
    grid-column: unset !important;
    justify-self: end;
    width: auto !important;
    min-width: 0 !important;
  }

  .server__grp {
    grid-area: meta !important;
    grid-column: unset !important;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .server__chron,
  .server__date {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .server__date {
    text-align: left;
  }

  /* No negative bleed on mobile */
  .server .server__bg,
  .server .server__bg-vip,
  .server_type_vip-2 .server__bg-vip,
  .server_type_vip-3 .server__bg-vip {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 7px;
  }

  .server .server__bg {
    background-color: rgba(0, 0, 0, 0.35);
  }

  .server .marking {
    margin-left: 5px;
    flex-direction: row;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    gap: 4px;
  }

  .server__more,
  .server__edit {
    display: none !important;
  }

  /* ТОП-3 онлайн: сетка строки — в блоке ≤900 ниже (как 901–1024), без отдельного «узкого» грида */

  /* Keep SEO block below server lists */
  .content-wrp {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
  }

  .content-wrp__main {
    flex: 0 0 auto;
    display: block;
  }

  .content-wrp__bottom {
    position: static !important;
    z-index: auto !important;
    margin-top: 8px;
  }

  .seo-block {
    position: static !important;
    margin: 10px 0 12px !important;
  }
}

/* ==========================================================================
   ≤900: Скоро / Уже / ТОП серверов / ТОП-3 онлайн — та же сетка, что 901–1024
   (перекрывает общий .server из max-width:900 — выше специфичность; включая <768)
   ========================================================================== */
@media (max-width: 900px) {
  .side-wrapper_future .server,
  .side-wrapper_past .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    overflow: visible !important;
    border-radius: var(--r-md, 6px);
    position: relative !important;
  }

  .side-wrapper_future .server__grp,
  .side-wrapper_past .server__grp {
    display: contents !important;
  }

  .side-wrapper_future .server__vip,
  .side-wrapper_past .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  .side-wrapper_future .server__title,
  .side-wrapper_past .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
  }

  .side-wrapper_future .server__chron,
  .side-wrapper_past .server__chron {
    grid-row: 2 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: left !important;
    align-self: start !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px !important;
  }

  .side-wrapper_future .server__rate-row,
  .side-wrapper_past .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    position: relative !important;
    z-index: 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: var(--server-rate-icons-col) max-content !important;
    column-gap: var(--server-rate-icons-gap-to-rate) !important;
    row-gap: 6px !important;
    justify-content: end !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .side-wrapper_future .server__rate-row > *:not(.server__rate),
  .side-wrapper_past .server__rate-row > *:not(.server__rate) {
    grid-column: 1 !important;
    justify-self: center !important;
  }

  .side-wrapper_future .server__rate-row .server__priority-icons,
  .side-wrapper_past .server__rate-row .server__priority-icons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-right: 0 !important;
  }

  .side-wrapper_future .server__rate-row > .server__rate,
  .side-wrapper_past .server__rate-row > .server__rate {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .side-wrapper_future .server__date,
  .side-wrapper_past .server__date {
    grid-row: 1 / span 2 !important;
    grid-column: 4 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    z-index: 3 !important;
    white-space: nowrap;
    overflow: visible !important;
    font-size: 11px !important;
  }

  .side-wrapper_future .server > .server__bg,
  .side-wrapper_future .server > .server__bg-vip,
  .side-wrapper_future .server > .server__bnr,
  .side-wrapper_past .server > .server__bg,
  .side-wrapper_past .server > .server__bg-vip,
  .side-wrapper_past .server > .server__bnr {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  .side-wrapper_future .server > .server__link,
  .side-wrapper_past .server > .server__link {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 2 !important;
  }

  .side-wrapper_future .server__name,
  .side-wrapper_past .server__name {
    display: block !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .side-wrapper_future .server__rate,
  .side-wrapper_past .server__rate {
    font-size: 11px !important;
  }

  .side-wrapper_future .server__date .vote-count,
  .side-wrapper_past .server__date .vote-count {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ТОП серверов (901–1024): промо+рейт в одну линию (flex) */
  .side-wrapper_top .server,
  .top-servers .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    overflow: visible !important;
    border-radius: var(--r-md, 6px);
    position: relative !important;
  }

  .side-wrapper_top .server__grp,
  .top-servers .server__grp {
    display: contents !important;
  }

  .side-wrapper_top .server__vip,
  .top-servers .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  .side-wrapper_top .server__title,
  .top-servers .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
  }

  .side-wrapper_top .server__chron,
  .top-servers .server__chron {
    grid-row: 2 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: left !important;
    align-self: start !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px !important;
  }

  .side-wrapper_top .server__rate-row,
  .top-servers .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    position: relative !important;
    z-index: 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--server-rate-icons-gap-to-rate) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .side-wrapper_top .server__rate-row .server__promo-gift-wrap,
  .top-servers .server__rate-row .server__promo-gift-wrap {
    flex: 0 0 var(--server-rate-icons-col) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .side-wrapper_top .server__rate-row > .server__rate,
  .top-servers .server__rate-row > .server__rate {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .side-wrapper_top .server__date,
  .top-servers .server__date {
    grid-row: 1 / span 2 !important;
    grid-column: 4 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    z-index: 3 !important;
    white-space: nowrap;
    overflow: visible !important;
    font-size: 11px !important;
  }

  .side-wrapper_top .server > .server__bg,
  .top-servers .server > .server__bg,
  .side-wrapper_top .server > .server__bg-vip,
  .top-servers .server > .server__bg-vip,
  .side-wrapper_top .server > .server__bnr,
  .top-servers .server > .server__bnr {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  .side-wrapper_top .server > .server__link,
  .top-servers .server > .server__link {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 2 !important;
  }

  .side-wrapper_top .server__name,
  .top-servers .server__name {
    display: block !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .side-wrapper_top .server__rate,
  .top-servers .server__rate {
    font-size: 11px !important;
  }

  .side-wrapper_top .server__date .vote-count,
  .top-servers .server__date .vote-count {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ТОП-3 онлайн: как 901–1024 — одна строка, VIP по центру, без overflow:hidden (иначе «режется» тень) */
  /* ЛК ТОП Онлайн: демо как у промокодов — .demonstration > .server */
  .side_top_online .server,
  .lk-top-online__demo-block .server,
  .lk-top-online__demo-block .server {
    display: grid !important;
    grid-template-areas: "vip title top-online" !important;
    grid-template-columns: 40px minmax(0, 1fr) minmax(88px, 1fr) !important;
    align-items: center;
    column-gap: var(--server-rate-icons-gap) !important;
    min-height: 59px !important;
    padding: 10px 12px !important;
    margin-bottom: var(--gap-row, 8px) !important;
    border-radius: var(--r-md, 6px) !important;
    box-sizing: border-box;
    overflow: visible !important;
    position: relative;
  }

  .side_top_online .server > .server__bg,
  .side_top_online .server > .server__bg-vip,
  .lk-top-online__demo-block .server > .server__bg,
  .lk-top-online__demo-block .server > .server__bg-vip,
  .lk-top-online__demo-block .server > .server__bg,
  .lk-top-online__demo-block .server > .server__bg-vip {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
  }

  .side_top_online .server > .server__link,
  .lk-top-online__demo-block .server > .server__link,
  .lk-top-online__demo-block .server > .server__link {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    z-index: 2 !important;
  }

  .side_top_online .server__vip,
  .lk-top-online__demo-block .server__vip,
  .lk-top-online__demo-block .server .server__vip {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    grid-area: unset !important;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    align-self: unset !important;
    justify-self: unset !important;
    z-index: 1 !important;
  }

  .side_top_online .server__title {
    grid-area: title !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }

  .lk-top-online__demo-block .server__title,
  .lk-top-online__demo-block .server .server__title {
    grid-area: title !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }

  .side_top_online .server__name {
    font-size: 14px !important;
    line-height: 1.25;
  }

  .lk-top-online__demo-block .server__name,
  .lk-top-online__demo-block .server .server__name {
    font-size: 14px !important;
    line-height: 1.25;
  }

  .side_top_online .top-online__list .server {
    margin-bottom: 0 !important;
  }

  .lk-top-online__demo-block .server {
    margin-bottom: 0 !important;
  }

  .lk-top-online__demo-block {
    gap: 6px !important;
  }

  .side_top_online .server__top-online,
  .lk-top-online__demo-block .server .server__top-online {
    grid-area: top-online !important;
    justify-self: stretch;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1;
  }

  .inline-zone-2col .side_top_online .server__top-online {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .side_top_online .server__top-online__bar-track,
  .lk-top-online__demo-block .server__top-online__bar-track,
  .lk-top-online__demo-block .server .server__top-online__bar-track {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 18px;
    justify-content: center !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  .side_top_online .server__top-online__count,
  .lk-top-online__demo-block .server__top-online__count,
  .lk-top-online__demo-block .server .server__top-online__count {
    font-size: 11px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, 0.55),
      var(--accent-text-shadow);
  }

  .side_top_online .server__rate-row {
    display: flex !important;
    position: absolute !important;
    right: var(--server-rate-icons-gap) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-items: center !important;
    z-index: 3 !important;
    pointer-events: auto !important;
  }
}

/* ==========================================================================
   TABLET ONLY (901–1024)
   Keep layout clean without mobile stacking artifacts
   ========================================================================== */
@media (min-width: 901px) and (max-width: 1024px) {
  .inline-zone-2col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  .left-col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .right-col {
    flex: 0 0 clamp(300px, 34vw, 360px) !important;
    min-width: 0 !important;
    width: clamp(300px, 34vw, 360px) !important;
    max-width: clamp(300px, 34vw, 360px) !important;
  }

  .side,
  .side_future,
  .side_past,
  .top-servers,
  .side_top_online,
  .side-wrapper_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .top-servers,
  .side_top_online,
  .side-wrapper_top_online {
    overflow: visible !important;
  }
  .lk-top-online__demo-block.side-wrapper_top_online {
    width: 100% !important;
    max-width: min(480px, 100%) !important;
  }

  .content-wrp {
    align-items: stretch !important;
  }

  .content-wrp__main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }

  /*
   * Скоро / Уже / ТОП серверов (901–1024):
   * [шильдик слева по центру по вертикали] | колонка: название / хроника | рейты | дата (рейт+дата в одну линию, по центру по вертикали).
   */
  .side-wrapper_future .server,
  .side-wrapper_past .server,
  .side-wrapper_top .server,
  .top-servers .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    overflow: visible !important;
    border-radius: var(--r-md, 6px);
    position: relative !important;
  }

  .side-wrapper_future .server__grp,
  .side-wrapper_past .server__grp,
  .side-wrapper_top .server__grp,
  .top-servers .server__grp {
    display: contents !important;
  }

  .side-wrapper_future .server__vip,
  .side-wrapper_past .server__vip,
  .side-wrapper_top .server__vip,
  .top-servers .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  .side-wrapper_future .server__title,
  .side-wrapper_past .server__title,
  .side-wrapper_top .server__title,
  .top-servers .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
  }

  .side-wrapper_future .server__chron,
  .side-wrapper_past .server__chron,
  .side-wrapper_top .server__chron,
  .top-servers .server__chron {
    grid-row: 2 !important;
    grid-column: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    text-align: left !important;
    align-self: start !important;
  }

  /* Скоро / Уже: сетка — стопка ОБТ/бонус/промо + рейт */
  .side-wrapper_future .server__rate-row,
  .side-wrapper_past .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    position: relative !important;
    /* Выше .server__link (z-index: 2), иначе ОБТ/Бонус/промо не получают hover */
    z-index: 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: var(--server-rate-icons-col) max-content !important;
    column-gap: var(--server-rate-icons-gap-to-rate) !important;
    row-gap: 6px !important;
    justify-content: end !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* ТОП серверов: только промо + рейт — в одну линию (flex), фикс. «колонка» под 🎁 */
  .side-wrapper_top .server__rate-row,
  .top-servers .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    position: relative !important;
    z-index: 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--server-rate-icons-gap-to-rate) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .side-wrapper_top .server__rate-row .server__promo-gift-wrap,
  .top-servers .server__rate-row .server__promo-gift-wrap {
    flex: 0 0 var(--server-rate-icons-col) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .side-wrapper_future .server__rate-row > *:not(.server__rate),
  .side-wrapper_past .server__rate-row > *:not(.server__rate) {
    grid-column: 1 !important;
    justify-self: center !important;
  }

  .side-wrapper_future .server__rate-row .server__priority-icons,
  .side-wrapper_past .server__rate-row .server__priority-icons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-right: 0 !important;
  }

  .side-wrapper_future .server__rate-row > .server__rate,
  .side-wrapper_past .server__rate-row > .server__rate {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .side-wrapper_top .server__rate-row > .server__rate,
  .top-servers .server__rate-row > .server__rate {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .side-wrapper_future .server__date,
  .side-wrapper_past .server__date,
  .side-wrapper_top .server__date,
  .top-servers .server__date {
    grid-row: 1 / span 2 !important;
    grid-column: 4 !important;
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    max-width: none !important;
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    /* Выше .server__link (z-index: 2), иначе голосование не получает hover */
    z-index: 3 !important;
  }

  .side-wrapper_future .server > .server__bg,
  .side-wrapper_past .server > .server__bg,
  .side-wrapper_top .server > .server__bg,
  .top-servers .server > .server__bg,
  .side-wrapper_future .server > .server__bg-vip,
  .side-wrapper_past .server > .server__bg-vip,
  .side-wrapper_top .server > .server__bg-vip,
  .top-servers .server > .server__bg-vip,
  .side-wrapper_future .server > .server__bnr,
  .side-wrapper_past .server > .server__bnr,
  .side-wrapper_top .server > .server__bnr,
  .top-servers .server > .server__bnr {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  .side-wrapper_future .server > .server__link,
  .side-wrapper_past .server > .server__link,
  .side-wrapper_top .server > .server__link,
  .top-servers .server > .server__link {
    position: absolute !important;
    inset: 0 !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 / -1 !important;
    z-index: 2 !important;
  }

  .side-wrapper_future .server__name,
  .side-wrapper_past .server__name,
  .side-wrapper_top .server__name,
  .top-servers .server__name {
    display: block !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .side-wrapper_future .server__rate,
  .side-wrapper_past .server__rate,
  .side-wrapper_top .server__rate,
  .top-servers .server__rate {
    font-size: 11px !important;
  }

  /* ТОП-3 онлайн: одна строка; как блок ≤900 — без clip тени */
  .side_top_online .server,
  .lk-top-online__demo-block .server,
  .lk-top-online__demo-block .server {
    display: grid !important;
    grid-template-areas: "vip title top-online" !important;
    grid-template-columns: 40px minmax(0, 1fr) minmax(88px, 1fr) !important;
    align-items: center;
    column-gap: var(--server-rate-icons-gap) !important;
    min-height: 59px !important;
    padding: 10px 12px !important;
    margin-bottom: var(--gap-row, 8px) !important;
    border-radius: var(--r-md, 6px) !important;
    box-sizing: border-box;
    overflow: visible !important;
    position: relative;
  }

  .side_top_online .server > .server__bg,
  .side_top_online .server > .server__bg-vip,
  .lk-top-online__demo-block .server > .server__bg,
  .lk-top-online__demo-block .server > .server__bg-vip,
  .lk-top-online__demo-block .server > .server__bg,
  .lk-top-online__demo-block .server > .server__bg-vip {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
  }

  .side_top_online .server > .server__link,
  .lk-top-online__demo-block .server > .server__link,
  .lk-top-online__demo-block .server > .server__link {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    z-index: 2 !important;
  }

  .side_top_online .server__vip,
  .lk-top-online__demo-block .server__vip,
  .lk-top-online__demo-block .server .server__vip {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    grid-area: unset !important;
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    align-self: unset !important;
    justify-self: unset !important;
    z-index: 1 !important;
  }

  .side_top_online .server__title {
    grid-area: title !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }

  .lk-top-online__demo-block .server__title,
  .lk-top-online__demo-block .server .server__title {
    grid-area: title !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }

  .side_top_online .server__name {
    font-size: 14px !important;
    line-height: 1.25;
  }

  .lk-top-online__demo-block .server__name,
  .lk-top-online__demo-block .server .server__name {
    font-size: 14px !important;
    line-height: 1.25;
  }

  .side_top_online .top-online__list .server {
    margin-bottom: 0 !important;
  }

  .lk-top-online__demo-block .server {
    margin-bottom: 0 !important;
  }

  /* ТОП онлайн на главной: gap задаётся в custom.css (#top-online-block — выше специфичность). Демо ЛК: */
  .lk-top-online__demo-block {
    gap: 6px !important;
  }

  .side_top_online .server__top-online,
  .lk-top-online__demo-block .server .server__top-online {
    grid-area: top-online !important;
    justify-self: stretch;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1;
  }

  .inline-zone-2col .side_top_online .server__top-online {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .side_top_online .server__top-online__bar-track,
  .lk-top-online__demo-block .server__top-online__bar-track,
  .lk-top-online__demo-block .server .server__top-online__bar-track {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 18px;
    justify-content: center !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  .side_top_online .server__top-online__count,
  .lk-top-online__demo-block .server__top-online__count,
  .lk-top-online__demo-block .server .server__top-online__count {
    font-size: 11px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, 0.55),
      var(--accent-text-shadow);
  }

  /* ТОП онлайн: снова показываем промо (как в theme — абсолютно в .server__title) */
  .side_top_online .server__rate-row {
    display: flex !important;
    position: absolute !important;
    right: var(--server-rate-icons-gap) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-items: center !important;
    z-index: 3 !important;
    pointer-events: auto !important;
  }

  .side-wrapper_future .server__chron,
  .side-wrapper_past .server__chron,
  .side-wrapper_top .server__chron,
  .top-servers .server__chron {
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px !important;
  }

  /* Дата + голосование: без overflow:hidden — иначе обрезается box-shadow у .vote-icon и виден «квадрат» */
  .side-wrapper_future .server__date,
  .side-wrapper_past .server__date,
  .side-wrapper_top .server__date,
  .top-servers .server__date {
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap;
    overflow: visible !important;
    font-size: 11px !important;
  }

  .side-wrapper_future .server__chron,
  .side-wrapper_past .server__chron,
  .side-wrapper_top .server__chron,
  .top-servers .server__chron {
    text-align: left;
  }

  .side-wrapper_future .server__date .vote-count,
  .side-wrapper_past .server__date .vote-count,
  .side-wrapper_top .server__date .vote-count,
  .top-servers .server__date .vote-count {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .server .server__bg,
  .server .server__bg-vip,
  .server_type_vip-2 .server__bg-vip,
  .server_type_vip-3 .server__bg-vip {
    left: 0 !important;
    right: 0 !important;
  }

  .content-wrp__bottom,
  .seo-block {
    position: static !important;
    z-index: auto !important;
  }

  /* Keep Telegram/Discord sidebar visible on the right */
  .mid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }

  .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
  }

  .sidebar {
    flex: 0 0 260px;
    width: 260px !important;
    min-width: 260px;
    max-width: 260px;
    margin: 0 !important;
  }

  /* Полоса ТГ/Discord: зазор между колонками (сетка .mid — две колонки контента) */
  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .social-widgets-strip__grid {
    column-gap: 10px !important;
    row-gap: 0 !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-block {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* <=768: ensure logo is always visible */
@media (max-width: 768px) {
  .header__container {
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 44px;
  }

  .logo {
    margin-right: 0 !important;
    max-width: none !important;
    flex: 0 1 auto;
  }

  .logo img {
    width: auto !important;
    height: 38px !important;
    max-width: 170px !important;
    display: block;
  }
}

/* 1025-1202: reduce empty gaps and prevent card overlap */
@media (min-width: 1025px) and (max-width: 1202px) {
  .wrapper,
  .header__container,
  .unified-vip-switcher-wrapper {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .mid {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
  }

  .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
  }

  .sidebar {
    flex: 0 0 250px;
    width: 250px;
    min-width: 250px;
    margin: 10px 0;
  }

  .inline-zone-2col {
    gap: 10px;
  }

  .left-col,
  .right-col {
    min-width: 0 !important;
  }

  .side,
  .top-servers {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  .server {
    max-width: 100% !important;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .unified-vip-switcher__action,
  .unified-vip-btn,
  .unified-vip-switcher__menu #login_pane .login__link {
    min-height: 34px;
    padding: 6px 14px;
    box-sizing: border-box;
  }
}

/* Unified switcher alignment in desktop-like ranges */
@media (min-width: 769px) and (max-width: 1202px) {
  .unified-vip-switcher {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .unified-vip-switcher__menu {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .unified-vip-switcher__action,
  .unified-vip-btn,
  .unified-vip-switcher__menu #login_pane .login__link {
    min-height: 34px;
    padding: 6px 14px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ==========================================================================
   CRITICAL RANGE HOTFIXES
   ========================================================================== */

/* 769-900: sidebar справа; главная колонка — вертикальный стек с ТОП-3 Онлайн первым
   (раньше здесь был display:block на .inline-zone-2col — он ломал order/flex ниже по файлу) */
@media (min-width: 769px) and (max-width: 900px) {
  .mid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px;
  }

  .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
  }

  .sidebar {
    display: block !important;
    flex: 0 0 245px;
    width: 245px !important;
    min-width: 245px;
    max-width: 245px;
    margin: 0 !important;
    padding: 10px 12px !important;
  }

  .inline-zone-2col {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    min-width: 0;
  }

  .mid:not(.mid--billing) .inline-zone-2col {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online .side_top_online {
    margin-top: 0 !important;
  }

  .inline-zone-2col > .left-col,
  .inline-zone-2col > .right-col {
    display: contents !important;
  }

  .inline-zone-2col #top-online-block {
    order: -1 !important;
  }

  .inline-zone-2col .side-wrapper_future {
    order: 1 !important;
  }

  .inline-zone-2col .side-wrapper_past {
    order: 2 !important;
  }

  .inline-zone-2col .side-wrapper_top {
    order: 3 !important;
  }

  .left-col,
  .right-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}

/* 901-1024: same style + better banner visibility + menu on right */
@media (min-width: 901px) and (max-width: 1024px) {
  .mid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px;
  }

  .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
  }

  .sidebar {
    display: block !important;
    flex: 0 0 255px;
    width: 255px !important;
    min-width: 255px;
    max-width: 255px;
    margin: 0 !important;
    padding: 10px 12px !important;
  }

  /*
   * .inline-zone-2col здесь не трогаем: для главной (не ЛК) сетка 2 колонки задаётся
   * в блоке 901–1401 (.mid:not(.mid--billing) .inline-zone-2col { display:grid }).
   * flex + display:contents ломали две колонки на 901–1024.
   */

  .left-col,
  .right-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  /* Reduce overlap so banner is more visible */
  .main-after-banner {
    margin-top: -95px !important;
  }

  .main.main_top {
    min-height: clamp(260px, 31vw, 420px) !important;
  }
}

/* 1025-1241: stable two-column cards + seo block at bottom, scroll in main when overflow */
@media (min-width: 1025px) and (max-width: 1241px) {
  .mid {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px;
  }

  .content-wrp {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
  }

  .content-wrp__main {
    flex: 1 1 auto !important;
    display: block !important;
    min-height: 0;
    overflow-y: auto;
  }

  .content-wrp__bottom {
    margin-top: auto !important;
    position: static !important;
    z-index: auto !important;
    width: 100%;
  }

  .inline-zone-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
  }

  .left-col,
  .right-col {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .side,
  .top-servers {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  .sidebar {
    flex: 0 0 255px;
    width: 255px !important;
    min-width: 255px;
    max-width: 255px;
    margin: 10px 0 !important;
  }
}

/* ==========================================================================
   FINAL RANGE FIXES (based on screenshots)
   ========================================================================== */

/* 769-900: свитчер VIP/Regular; пункты шапки скрыты на ≤900 (см. max-width:900 выше) */
@media (min-width: 769px) and (max-width: 900px) {
  .unified-vip-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}

/* 901-1202: prevent SEO overlap and keep flow stable */
@media (min-width: 901px) and (max-width: 1202px) {
  .content-wrp {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
  }

  .content-wrp__main {
    display: block !important;
    flex: 0 0 auto;
  }

  .content-wrp__bottom,
  .seo-block {
    position: static !important;
    z-index: auto !important;
    margin-top: 10px;
  }
}

/* 1025-1202: two server columns like old desktop, but without overlap */
@media (min-width: 1025px) and (max-width: 1202px) {
  .inline-zone-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
  }

  .left-col,
  .right-col {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .side,
  .top-servers {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    box-sizing: border-box;
    overflow: hidden;
  }
}

/* ==========================================================================
   ULTIMATE RANGE HOTFIXES v2
   ========================================================================== */

/* Unified switcher buttons: fixed 27px height on all <1203 */
@media (max-width: 1202px) {
  .unified-vip-switcher__action,
  .unified-vip-btn,
  .unified-vip-switcher__menu #login_pane .login__link {
    height: 27px !important;
    min-height: 27px !important;
    line-height: 27px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    box-sizing: border-box;
  }
}

/* <=1024: align future/past blocks with content, no right shift */
@media (max-width: 1024px) {
  .content-wrp__main,
  .inline-zone-2col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .side-wrapper,
  .side-wrapper_future,
  .side-wrapper_past,
  .side-wrapper_top,
  .side-wrapper_top_online,
  .side.side_future,
  .side.side_past,
  .top-servers,
  .side_top_online {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 769-900: keep sidebar visible, hide burger, switcher menu right */
@media (min-width: 769px) and (max-width: 900px) {
  .mid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px;
  }

  .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
  }

  .sidebar {
    display: block !important;
    flex: 0 0 235px;
    width: 235px !important;
    min-width: 235px;
    max-width: 235px;
    margin: 0 !important;
  }

  /* Не display:block — иначе ломается flex order из CRITICAL (ТОП-3 Онлайн первым) */
  .inline-zone-2col {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    min-width: 0;
  }

  .mid:not(.mid--billing) .inline-zone-2col {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online .side_top_online {
    margin-top: 0 !important;
  }

  .inline-zone-2col > .left-col,
  .inline-zone-2col > .right-col {
    display: contents !important;
  }

  .inline-zone-2col #top-online-block {
    order: -1 !important;
  }

  .inline-zone-2col .side-wrapper_future {
    order: 1 !important;
  }

  .inline-zone-2col .side-wrapper_past {
    order: 2 !important;
  }

  .inline-zone-2col .side-wrapper_top {
    order: 3 !important;
  }

  .left-col,
  .right-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}

/* <=768: VIP/Regular in one row, fixed 27px height */
@media (max-width: 768px) {
  .unified-vip-switcher {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: auto !important;
    padding: 6px 8px !important;
  }

  .unified-vip-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

/* 901-1024: menu right + less banner overlap */
@media (min-width: 901px) and (max-width: 1024px) {
  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  .main-after-banner {
    margin-top: -82px !important;
  }

  .main.main_top {
    min-height: clamp(280px, 32vw, 430px) !important;
  }
}

/* 1025-1202: seo block at bottom, scroll in main when overflow */
@media (min-width: 1025px) and (max-width: 1202px) {
  .content-wrp {
    display: flex !important;
    flex-direction: column !important;
  }

  .content-wrp__main {
    flex: 1 1 auto !important;
    min-height: 0;
    display: block !important;
    overflow-y: auto;
  }

  .content-wrp__bottom {
    margin-top: auto !important;
    position: static !important;
    z-index: auto !important;
    width: 100%;
  }
}

/* 1203-1241: prevent top-servers overlap with "soon" section */
@media (min-width: 1203px) and (max-width: 1241px) {
  .inline-zone-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
  }

  .left-col,
  .right-col {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .side-wrapper_top,
  .top-servers,
  .side-wrapper_future,
  .side-wrapper_past {
    position: static !important;
    margin: 10px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
  }

  /* .side-wrapper_top_online: без overflow:hidden из группы выше — см. theme (border-radius + overflow) */
  .side-wrapper_top_online {
    position: static !important;
    margin: 10px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .side_future .server__rate-row,
  .side_past .server__rate-row {
    display: grid;
    grid-template-columns: var(--server-rate-icons-col) max-content;
    column-gap: var(--server-rate-icons-gap-to-rate);
    row-gap: 6px;
    justify-content: end;
    align-items: center;
    width: 100%;
    min-width: 0;
  }

  .side-wrapper_top .server__rate-row,
  .top-servers .server__rate-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--server-rate-icons-gap-to-rate);
    width: 100%;
    min-width: 0;
  }

  .side-wrapper_top .server__rate-row .server__promo-gift-wrap,
  .top-servers .server__rate-row .server__promo-gift-wrap {
    flex: 0 0 var(--server-rate-icons-col);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
  }

  .side_future .server__rate-row > *:not(.server__rate),
  .side_past .server__rate-row > *:not(.server__rate) {
    grid-column: 1;
    justify-self: center;
  }

  .side_future .server__rate-row > .server__rate,
  .side_past .server__rate-row > .server__rate {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: center;
  }

  .side-wrapper_top .server__rate-row > .server__rate,
  .top-servers .server__rate-row > .server__rate {
    flex: 0 0 auto;
  }

  .server__grp {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
  }

  .vote-icon {
    margin-left: 4px;
    flex-shrink: 0;
  }
}

/* Final priority: keep switcher menu on the right for 1025-1202 */
@media (min-width: 1025px) and (max-width: 1202px) {
  .unified-vip-switcher {
    display: flex !important;
    align-items: center !important;
  }

  .unified-vip-switcher__menu {
    margin-left: auto !important;
    justify-content: flex-end !important;
    display: flex !important;
  }
}

/* Vote slider: allow horizontal touch drag on mobile */
@media (max-width: 768px) {
  .vote-slider-track,
  .vote-slider-thumb {
    touch-action: none;
  }
}

.header-giveaway-mobile-slot,
.header-giveaway-pill--mobile {
  display: none;
}

.header-giveaway-mobile-slot:empty {
  display: none !important;
}

/* <768: fixed header height + desktop-like compact language switcher */
@media (max-width: 768px) {
  .header {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .header__container {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 44px 0 12px !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.page {
    padding-top: 62px !important;
  }

  .logo img {
    height: 44px !important;
    width: auto !important;
    max-width: 170px !important;
  }

  .lang-switcher {
    width: 60px !important;
    height: 30px !important;
    padding: 2px !important;
    border-radius: 20px !important;
    margin: 0 8px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .lang-switcher__btn {
    width: 28px !important;
    height: 24px !important;
    min-width: 28px !important;
    min-height: 24px !important;
    padding: 0 4px !important;
    border-radius: 18px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  /* На мобиле хедер остаётся чистым: pill уходит в отдельный блок ниже */
  .header-right-zone {
    gap: 8px !important;
    min-width: 0 !important;
    margin-left: auto !important;
  }

  .header:has(.header-giveaway-pill--desktop) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .header:has(.header-giveaway-pill--desktop) .header__container {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-color: rgba(255,255,255,.03) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(255,255,255,.02) !important;
  }

  .header-giveaway-pill--desktop {
    display: none !important;
  }

  .header-giveaway-mobile-slot:not(:empty) {
    display: block !important;
    position: relative;
    z-index: 32;
    margin-top: -1px !important;
    padding: 0 !important;
    background:
      radial-gradient(720px 220px at 50% -120px, rgba(255,255,255,.05), transparent 64%),
      linear-gradient(180deg, rgba(22,31,47,.97) 0%, rgba(12,18,29,.97) 100%) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;
    box-shadow: 0 16px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow: visible !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill--mobile {
    display: flex !important;
    width: 100% !important;
    min-height: 58px !important;
    max-width: none !important;
    padding: 10px 14px 10px 12px !important;
    gap: 10px !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.05) !important;
    border-radius: 0 !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
    box-shadow: none !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 3px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__title {
    font-size: 14px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__subtitle {
    font-size: 11px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__gift {
    font-size: 20px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__info-wrap {
    margin-left: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__info {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 124px !important;
    max-width: 156px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__tooltip {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(300px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    z-index: 1200 !important;
  }

  body.page:has(.header-giveaway-pill--mobile) {
    padding-top: calc(62px + env(safe-area-inset-top, 0px)) !important;
  }
}

@media (max-width: 560px) {
  .header-giveaway-mobile-slot:not(:empty) {
    padding: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill--mobile {
    padding: 10px 12px !important;
    gap: 8px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__title,
  .header-giveaway-mobile-slot .header-giveaway-pill__subtitle {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 430px) {
  .header-giveaway-mobile-slot:not(:empty) {
    padding: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill--mobile {
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    min-height: 52px !important;
    padding: 8px 10px !important;
    row-gap: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__icon {
    align-self: center !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__content {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__title {
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__subtitle {
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__info-wrap {
    align-self: center !important;
    margin-top: 0 !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__info {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 102px !important;
    max-width: 120px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    margin-top: 0 !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    border-radius: 9px !important;
  }
}

@media (max-width: 320px) {
  .header-giveaway-mobile-slot .header-giveaway-pill--mobile {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    min-height: 0 !important;
    padding: 8px !important;
    gap: 7px !important;
    row-gap: 8px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__icon {
    align-self: flex-start !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__content {
    flex: 1 1 calc(100% - 58px) !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__title,
  .header-giveaway-mobile-slot .header-giveaway-pill__subtitle {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__info-wrap {
    align-self: flex-start !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill--mobile {
    row-gap: 8px !important;
  }

  .header-giveaway-mobile-slot .header-giveaway-pill__button {
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: 11px !important;
    padding: 0 12px !important;
    margin-top: 2px !important;
  }
}

/* <768: banner readability + fixed header */
@media (max-width: 768px) {
  .header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 130 !important;
  }

  body.page {
    padding-top: 62px !important;
  }

  .main-after-banner {
    margin-top: 0 !important;
  }

  .burger-btn {
    display: flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    right: 8px !important;
    top: 14px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 140 !important;
  }

  .burger-btn__line {
    width: 18px !important;
  }
}

@media (max-width: 768px) {
  @keyframes mobile-banner-pan {
    0% { background-position: 40% top; }
    100% { background-position: 60% top; }
  }
}

/* Visual unification for tablet ranges */
@media (min-width: 769px) and (max-width: 1024px) {
  .main-after-banner {
    margin-top: 0 !important;
  }

  .main.main_top {
    min-height: clamp(300px, 36vw, 460px) !important;
  }

  .side.side_future,
  .side.side_past,
  .top-servers,
  .side_top_online {
    padding: 12px 14px !important;
    margin: 10px 0 12px !important;
    border-radius: var(--r-lg);
    border-color: #2f333a;
  }

  .server {
    margin: 0 0 6px !important;
    border-radius: 6px;
  }
  .side_top_online .top-online__list .server {
    margin-bottom: 0 !important;
  }
}

/* <1024: align sidebar top level with future block */
@media (max-width: 1024px) {
  .side.side_future,
  .top-servers,
  .sidebar {
    margin-top: 10px !important;
  }
}

/* 1202-1242: keep top-servers on same top line as future block */
@media (min-width: 1202px) and (max-width: 1242px) {
  .side-wrapper_future,
  .side-wrapper_top {
    margin-top: 0 !important;
  }

  .side.side_future,
  .top-servers,
  .side_top_online {
    margin-top: 10px !important;
  }
}

/* 1025–1149: узкие карточки — весь текст строки сервера 10px (название, рейты, хроники, дата, онлайн) */
@media (min-width: 1025px) and (max-width: 1149px) {
  .mid:not(.mid--billing) .inline-zone-2col .server,
  .mid:not(.mid--billing) .inline-zone-2col .server__name,
  .mid:not(.mid--billing) .inline-zone-2col .server__title,
  .mid:not(.mid--billing) .inline-zone-2col .server__chron,
  .mid:not(.mid--billing) .inline-zone-2col .server__rate,
  .mid:not(.mid--billing) .inline-zone-2col .server__date,
  .mid:not(.mid--billing) .inline-zone-2col .server__vip,
  .mid:not(.mid--billing) .inline-zone-2col .server__top-online__count {
    font-size: 10px !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .server__date .vote-icon i.fas.fa-thumbs-up {
    font-size: 10px !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .server__title,
  .mid:not(.mid--billing) .inline-zone-2col .server__chron,
  .mid:not(.mid--billing) .inline-zone-2col .server__rate,
  .mid:not(.mid--billing) .inline-zone-2col .server__date,
  .mid:not(.mid--billing) .inline-zone-2col .server__vip {
    line-height: 1.2 !important;
    min-height: 0 !important;
  }
}

/* 1150-1242: длинные названия серверов — обрезка с ellipsis + уменьшенный шрифт, чтобы не уплывала вёрстка */
@media (min-width: 1150px) and (max-width: 1242px) {
  .side-wrapper_future .server,
  .side-wrapper_past .server,
  .side-wrapper_top .server {
    min-width: 0;
  }

  .side-wrapper_future .server__title,
  .side-wrapper_past .server__title,
  .side-wrapper_top .server__title {
    min-width: 0 !important;
    width: auto !important;
    flex: 1 1 0 !important;
    overflow: hidden;
    max-width: 100%;
  }

  .side-wrapper_future .server__name,
  .side-wrapper_past .server__name,
  .side-wrapper_top .server__name {
    display: block !important;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px !important;
  }

  .side-wrapper_future .server_type_vip-1 .server__title,
  .side-wrapper_future .server_type_vip-2 .server__title,
  .side-wrapper_future .server_type_vip-3 .server__title,
  .side-wrapper_past .server_type_vip-1 .server__title,
  .side-wrapper_past .server_type_vip-2 .server__title,
  .side-wrapper_past .server_type_vip-3 .server__title,
  .side-wrapper_top .server_type_vip-1 .server__title,
  .side-wrapper_top .server_type_vip-2 .server__title,
  .side-wrapper_top .server_type_vip-3 .server__title {
    font-size: 12px !important;
  }
}

/* Keep content top aligned with sidebar top offset */
@media (min-width: 769px) and (max-width: 1242px) {
  .content-wrp {
    margin-top: 10px !important;
  }
}

/* <1024: softer banner overlap for better readability */
@media (max-width: 1024px) {
  .main.main_top {
    min-height: clamp(300px, 38vw, 460px) !important;
  }

  .main.main_top .l2b-header-bnr {
    background-position: center top !important;
    background-size: cover !important;
    /* theme.css: 58%/78% затухание от высоты блока — на планшете низ баннера низкий, иначе градиент совпадает с верхом свитчера; опускаем вниз */
    mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 82%,
      rgba(0, 0, 0, 0.62) 92%,
      transparent 100%
    ) !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 82%,
      rgba(0, 0, 0, 0.62) 92%,
      transparent 100%
    ) !important;
  }

  .main-after-banner {
    margin-top: -52px !important;
  }
}

/* <=900: keep mobile/tablet gentle (no aggressive overlap) */
@media (max-width: 900px) {
  .header.bg_l2b,
  .header {
    border-radius: 0 !important;
  }

  .header__container {
    border-radius: 0 !important;
  }

  .main-after-banner {
    margin-top: 0 !important;
  }

  .side-wrapper_future,
  .side.side_future.side_active {
    margin-top: 0 !important;
  }

  /*
   * Addserver: в style.css .content-wrp__main — display:flex + justify-content:space-around.
   * #add-server / #add-server-billing как flex-элемент с flex:0 1 auto не растягивается на 100%,
   * ширина = min-content (~колонка 308px) — календарь «прилипает» слева. Тема ≤900 чинит .section-right,
   * но не родителя. Сбрасываем flex-контейнер только если внутри форма addserver.
   */
  .content-wrp__main:has(#add-server) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
  .lk-main:has(#add-server-billing) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  #add-server,
  #add-server-billing {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* FINAL MOBILE LOCK (<768): header 62px + smaller readable banner */
@media (max-width: 768px) {
  .header.bg_l2b,
  .header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 130 !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .header__container {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 52px 0 12px !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.page {
    padding-top: 62px !important;
  }

  /* Без l2b-header-has-intrinsic — запасной clamp (высота по файлу — theme.css .l2b-header-has-intrinsic). */
  .main.main_top {
    height: clamp(120px, 30vw, 170px) !important;
    min-height: clamp(120px, 30vw, 170px) !important;
    max-height: 170px !important;
    margin-top: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  .main.main_top .l2b-header-bnr {
    background-size: 165% auto !important;
    background-position: 50% top !important;
    background-repeat: no-repeat !important;
    animation: mobile-banner-pan 14s ease-in-out infinite alternate !important;
    z-index: 0 !important;
    overflow: visible !important;
    mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 55%,
      rgba(0, 0, 0, 0.45) 82%,
      transparent 100%
    ) !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 55%,
      rgba(0, 0, 0, 0.45) 82%,
      transparent 100%
    ) !important;
  }

  .main.main_top::after {
    content: none !important;
    display: none !important;
  }

  .mid {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: stretch !important;
  }

  .content-wrp {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .content-wrp__main {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Сайдбар: столбик блоков; виджеты TG/Discord — в .sidebar__social-widgets-desktop (см. глобальный блок ниже) */
  .mid:not(.mid--billing) .sidebar {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .mid:not(.mid--billing) .sidebar > * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* 1025-1202: enforce vertical spacing between stacked blocks */
@media (min-width: 1025px) and (max-width: 1202px) {
  .side-wrapper_future,
  .side-wrapper_past,
  .side-wrapper_top {
    margin-bottom: 12px !important;
  }

  .side.side_future,
  .side.side_past,
  .top-servers,
  .side_top_online {
    margin: 0 0 12px 0 !important;
  }
}

/* 1203-1241: prevent right-edge clipping of side blocks */
@media (min-width: 1203px) and (max-width: 1241px) {
  .content-wrp,
  .content-wrp__main,
  .inline-zone-2col,
  .left-col,
  .right-col,
  .side-wrapper_future,
  .side-wrapper_past,
  .side-wrapper_top,
  .side-wrapper_top_online {
    overflow: visible !important;
  }

  .side.side_future,
  .side.side_past,
  .top-servers,
  .side_top_online,
  .side-wrapper_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box;
  }
  .lk-top-online__demo-block.side-wrapper_top_online {
    width: 100% !important;
    max-width: min(480px, 100%) !important;
  }
}

/* Align top edge of server blocks with sidebar */
@media (min-width: 769px) and (max-width: 1241px) {
  .side.side_future,
  .top-servers {
    margin-top: 10px !important;
  }
}

/* FINAL TABLET LOCK (769-900): keep header at 62px */
@media (min-width: 769px) and (max-width: 900px) {
  .header.bg_l2b,
  .header {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .header__container {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 52px 0 12px !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .logo img {
    height: 44px !important;
    width: auto !important;
    max-width: 170px !important;
  }

  .main-after-banner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .content-wrp,
  .content-wrp__main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1024px) {
  html.unified-vip-mode-regular .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top {
    margin-top: 10px !important;
  }
}

/* 769-1024: readable banner (768px ровно — только правила max-width:768px, иначе перебивался компактный баннер) */
@media (min-width: 769px) and (max-width: 1024px) {
  .main.main_top {
    height: clamp(220px, 30vw, 320px) !important;
    min-height: clamp(220px, 30vw, 320px) !important;
    max-height: 320px !important;
  }

  .main.main_top .l2b-header-bnr {
    background-size: 150% auto !important;
    background-position: 50% top !important;
    background-repeat: no-repeat !important;
  }

  .main-after-banner {
    margin-top: 0 !important;
  }
}

/* FINAL ALIGN LOCK (768-1242): stop vertical jumping vs sidebar */
@media (min-width: 768px) and (max-width: 1242px) {
  .mid {
    align-items: flex-start !important;
  }

  .content-wrp {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .sidebar,
  .side-wrapper_future,
  .side-wrapper_top,
  .side.side_future,
  .side.side_future.side_active,
  .top-servers {
    margin-top: 0 !important;
  }
}

/* FINAL MOBILE WIDTH LOCK (<768): content must stretch full width */
@media (max-width: 768px) {
  .content-wrp__bottom {
    display: none !important;
  }

  /* SEO-блок всегда снизу при сужении: после контента, не наезжает */
  .seo-block-mobile-under-sidebar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 12px 20px !important;
    box-sizing: border-box !important;
    order: 999 !important;
    flex-shrink: 0 !important;
    position: static !important;
  }

  .seo-block-mobile-under-sidebar .seo-block {
    position: static !important;
    margin: 12px 0 0 !important;
    max-width: 100% !important;
  }

  .mid {
    align-items: stretch !important;
  }

  .main-after-banner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .content-wrp,
  .content-wrp__main {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ==========================================================================
   LK ONLY RESPONSIVE (safe scope)
   Affects only .mid--billing / .lk-* and does not touch main page layout
   ========================================================================== */

/* 901-1242: keep LK sidebar at left, shrink cards/grid progressively */
@media (min-width: 901px) and (max-width: 1242px) {
  .mid.mid--billing .lk-cabinet {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }

  .mid.mid--billing .lk-sidebar {
    width: 220px;
    min-width: 220px;
  }

  .mid.mid--billing .lk-main {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mid.mid--billing .lk-content-area {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-settings__grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 12px !important;
  }

  .mid.mid--billing .lk-settings__cell {
    max-width: none !important;
  }

  .mid.mid--billing .lk-dashboard {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px !important;
  }

  .mid.mid--billing .lk-card.lk-stats,
  .mid.mid--billing .lk-card--vip,
  .mid.mid--billing .lk-card--rating {
    width: auto !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 12px !important;
    min-height: 268px;
    padding: 12px 14px 12px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #2a2525;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row {
    justify-content: center;
    margin-bottom: 14px;
    gap: 4px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 11px;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos {
    width: 100%;
    max-width: none;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    display: flex;
    justify-content: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge {
    width: 100%;
    max-width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn {
    width: 100%;
    max-width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px;
  }
}

/* 900-1100: settings top (3 cols), then 3 cards row, then promocodes */
@media (min-width: 900px) and (max-width: 1100px) {
  .mid.mid--billing .lk-content-area {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--settings {
    margin-bottom: 12px !important;
    padding: 12px 10px 14px 18px !important;
  }

  .mid.mid--billing .lk-settings__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-left: 6px !important;
    width: calc(100% - 6px) !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-settings__cell {
    max-width: none !important;
    min-width: 0 !important;
  }

  /* Align date fields by input edge, not by checkbox */
  .mid.mid--billing .lk-settings__date-row {
    position: relative;
    overflow: visible;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__input {
    flex: 0 0 160px;
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }

  .mid.mid--billing .lk-dashboard {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }
}

/* 768-1024: на странице deposit шаги друг под другом (не в две колонки) */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-content-area.lk-deposit,
  .lk-cabinet .lk-content-area.lk-deposit {
    display: block !important;
  }

  .mid.mid--billing .lk-content-area.lk-deposit .lk-deposit__step,
  .mid.mid--billing .lk-content-area.lk-deposit .lk-deposit__step--pay,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__step,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__step--pay {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* 900-1024: prevent dashboard card squeeze */
@media (min-width: 900px) and (max-width: 1024px) {
  .mid.mid--billing .lk-content-area {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "settings settings"
      "stats status"
      "toponline promo"
      "rating rating";
    gap: 12px !important;
    align-items: stretch;
  }

  /* Страница deposit — без grid, шаги столбиком */
  .mid.mid--billing .lk-content-area.lk-deposit {
    display: block !important;
  }
  /* Страница support — без grid */
  .mid.mid--billing .lk-content-area.lk-support,
  .mid.mid--billing .lk-content-area.lk-support-ticket {
    display: block !important;
  }

  .mid.mid--billing .lk-card--settings {
    grid-area: settings;
    margin-bottom: 0 !important;
  }

  .mid.mid--billing .lk-dashboard {
    display: contents !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats {
    grid-area: stats;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--vip {
    grid-area: status;
  }

  .mid.mid--billing .lk-dashboard > .lk-card--rating {
    grid-area: rating;
  }

  .mid.mid--billing .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes {
    grid-area: promo;
    margin-top: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 268px;
    padding: 12px 14px 12px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #2a2525;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row {
    justify-content: center;
    margin-bottom: 14px;
    gap: 4px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 11px;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos {
    width: 100%;
    max-width: none;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    display: flex;
    justify-content: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge {
    width: 100%;
    max-width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn {
    width: 100%;
    max-width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 12px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 16px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__name,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server .server__name,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__top-online__count,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server .server__top-online__count {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server .server__bg,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server .server__bg-vip {
    overflow: visible !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right {
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Deposit mobile polish (<900): clean visual rhythm */
@media (max-width: 899px) {
  .main-after-banner--billing .lk-content-area.lk-deposit,
  .lk-cabinet .lk-content-area.lk-deposit {
    padding: 10px !important;
  }

  .main-after-banner--billing .lk-deposit,
  .lk-cabinet .lk-deposit {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .main-after-banner--billing .lk-deposit__title,
  .lk-cabinet .lk-deposit__title {
    margin: 0 0 12px !important;
    font-size: clamp(18px, 4.6vw, 30px) !important;
    line-height: 1.1;
  }

  .main-after-banner--billing .lk-deposit__step,
  .lk-cabinet .lk-deposit__step {
    padding: 10px 10px 12px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
  }

  .main-after-banner--billing .lk-deposit__input-wrap,
  .lk-cabinet .lk-deposit__input-wrap {
    position: relative;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex: none !important;
    flex-basis: auto !important;
    min-height: 0 !important;
  }

  .main-after-banner--billing .lk-deposit__input,
  .lk-cabinet .lk-deposit__input {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: 12px !important;
  }

  .main-after-banner--billing .lk-deposit__suffix,
  .lk-cabinet .lk-deposit__suffix {
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    margin: 0;
    pointer-events: none;
    color: rgba(216, 227, 245, .72) !important;
  }

  .main-after-banner--billing .lk-deposit__bonus,
  .main-after-banner--billing .lk-deposit__total,
  .lk-cabinet .lk-deposit__bonus,
  .lk-cabinet .lk-deposit__total {
    min-height: 40px !important;
    height: 40px !important;
    width: 100% !important;
  }

  .main-after-banner--billing .lk-deposit__presets,
  .lk-cabinet .lk-deposit__presets {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    height: auto !important;
  }

  .main-after-banner--billing .lk-deposit__preset,
  .lk-cabinet .lk-deposit__preset {
    min-height: 42px !important;
    padding: 6px 4px !important;
    font-size: 12px !important;
    line-height: 1.1;
  }

  .main-after-banner--billing .lk-deposit__slider-wrap,
  .lk-cabinet .lk-deposit__slider-wrap {
    margin-top: 0 !important;
    padding: 2px 1px 0;
  }

  .main-after-banner--billing .lk-deposit__slider-label,
  .lk-cabinet .lk-deposit__slider-label {
    font-size: 12px !important;
    color: rgba(196, 210, 234, .62) !important;
  }

  .main-after-banner--billing .lk-deposit__step-body,
  .lk-cabinet .lk-deposit__step-body {
    gap: 12px !important;
  }

  .main-after-banner--billing .lk-deposit__method,
  .lk-cabinet .lk-deposit__method {
    width: 100% !important;
    max-width: 290px !important;
    min-height: 68px !important;
  }

  .main-after-banner--billing .lk-deposit__converter,
  .lk-cabinet .lk-deposit__converter {
    padding: 10px !important;
    border-radius: 10px !important;
  }

  .main-after-banner--billing .lk-deposit__converter-grid,
  .lk-cabinet .lk-deposit__converter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .main-after-banner--billing .lk-deposit__currency,
  .lk-cabinet .lk-deposit__currency {
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 10px !important;
  }

  .main-after-banner--billing .lk-deposit__buy,
  .main-after-banner--billing .lk-btn.lk-deposit__buy,
  .lk-cabinet .lk-deposit__buy,
  .lk-cabinet .lk-btn.lk-deposit__buy {
    width: 100% !important;
    max-width: 320px !important;
    min-height: 44px !important;
    margin: 12px auto 0 !important;
    border-radius: 12px !important;
    font-size: 18px !important;
  }
}

/* 1101-1242: with external sidebar moved below, keep wider settings grid */
@media (min-width: 1101px) and (max-width: 1242px) {
  .mid.mid--billing .lk-card--settings {
    padding: 12px 10px 14px 18px !important;
  }

  .mid.mid--billing .lk-settings__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-left: 6px !important;
    width: calc(100% - 6px) !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-dashboard {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* Align date fields by input edge, not by checkbox */
  .mid.mid--billing .lk-settings__date-row {
    position: relative;
    overflow: visible;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__input {
    flex: 0 0 160px;
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}

/* 900-1286: unified rounded corners across billing UI */
@media (min-width: 900px) and (max-width: 1286px) {
  .mid.mid--billing .lk-card--settings,
  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .mid.mid--billing .lk-card--promocodes,
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--settings,
  .lk-cabinet .lk-dashboard > .lk-card.lk-stats,
  .lk-cabinet .lk-dashboard > .lk-card--vip,
  .lk-cabinet .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-card--promocodes,
  .lk-cabinet .lk-card--top-online {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-settings__header,
  .mid.mid--billing .lk-card__header,
  .mid.mid--billing .lk-promocodes__title,
  .mid.mid--billing .lk-top-online__title,
  .lk-cabinet .lk-settings__header,
  .lk-cabinet .lk-card__header,
  .lk-cabinet .lk-promocodes__title,
  .lk-cabinet .lk-top-online__title {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-promocodes__server-panel,
  .mid.mid--billing .lk-top-online__server-panel,
  .mid.mid--billing .lk-promocodes__limit-panel,
  .mid.mid--billing .lk-card--promocodes .demonstration,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .mid.mid--billing .lk-card--promocodes .server,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-promocodes__server-panel,
  .lk-cabinet .lk-top-online__server-panel,
  .lk-cabinet .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--promocodes .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-settings__input,
  .mid.mid--billing .lk-settings__select,
  .mid.mid--billing .lk-date-like-field__input,
  .mid.mid--billing .lk-card__btn,
  .mid.mid--billing .lk-promocodes__limit-btn,
  .mid.mid--billing .lk-promocodes__status-badge,
  .mid.mid--billing .lk-promocodes__limit-badge,
  .lk-cabinet .lk-settings__input,
  .lk-cabinet .lk-settings__select,
  .lk-cabinet .lk-date-like-field__input,
  .lk-cabinet .lk-card__btn,
  .lk-cabinet .lk-promocodes__limit-btn,
  .lk-cabinet .lk-promocodes__status-badge,
  .lk-cabinet .lk-promocodes__limit-badge {
    border-radius: 8px !important;
  }
}

/* 901–1087: на странице addserver колонки в столбик, чтобы календари не обрезались */
@media (max-width: 1087px) {
  /*
   * Критично для ЛК billing: #add-server-billing часто НЕ внутри .content-wrp — тогда только :has() не
   * перебивал style.css «.section-right { width: 308px }», календарь визуально «узкой полоской слева».
   */
  #add-server .section-wrp,
  #add-server-billing .section-wrp {
    flex-direction: column !important;
  }
  #add-server .section-left,
  #add-server .section-right,
  #add-server-billing .section-left,
  #add-server-billing .section-right {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  .content-wrp:has(#add-server) .section-wrp,
  .content-wrp:has(#add-server-billing) .section-wrp,
  .content-wrp:has(.billing-addserver-page) .section-wrp {
    flex-direction: column;
  }
  .content-wrp:has(#add-server) .section-left,
  .content-wrp:has(#add-server) .section-right,
  .content-wrp:has(#add-server-billing) .section-left,
  .content-wrp:has(#add-server-billing) .section-right,
  .content-wrp:has(.billing-addserver-page) .section-left,
  .content-wrp:has(.billing-addserver-page) .section-right {
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin-right: 0;
  }
  .content-wrp:has(#add-server) .xdsoft_datetimepicker.xdsoft_inline,
  .content-wrp:has(#add-server-billing) .xdsoft_datetimepicker.xdsoft_inline,
  .content-wrp:has(.billing-addserver-page) .xdsoft_datetimepicker.xdsoft_inline {
    max-width: 308px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  /* Addserver: компактная ширина виджета (~308px), по центру — шапка xdsoft не «рвётся» на всю колонку */
  #add-server .section-right .xdsoft_datetimepicker.xdsoft_inline,
  #add-server-billing .section-right .xdsoft_datetimepicker.xdsoft_inline {
    display: block;
    width: 100% !important;
    max-width: 308px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
  #add-server .section-right .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker,
  #add-server-billing .section-right .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .content-wrp:has(#add-server) .section-right .calendar,
  .content-wrp:has(#add-server-billing) .section-right .calendar,
  .content-wrp:has(.billing-addserver-page) .section-right .calendar {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  #add-server .section-right .calendar,
  #add-server-billing .section-right .calendar {
    float: none !important;
    display: table;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /*
   * Addserver «Демонстрация»: как в демках ЛК (промокоды, theme.css ~7314–7384):
   * одна горизонтальная строка карточки; бейдж и блок рейт+дата выровнены по вертикали
   * относительно двух строк название/хроники (align-self: center на span 2 rows).
   */
  #add-server .demonstration .server,
  #add-server-billing .demonstration .server,
  .content-wrp:has(.billing-addserver-page) .demonstration .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #add-server .demonstration .server > .server__bg,
  #add-server .demonstration .server > .server__bg-vip,
  #add-server .demonstration .server > .server__link,
  #add-server-billing .demonstration .server > .server__bg,
  #add-server-billing .demonstration .server > .server__bg-vip,
  #add-server-billing .demonstration .server > .server__link,
  .content-wrp:has(.billing-addserver-page) .demonstration .server > .server__bg,
  .content-wrp:has(.billing-addserver-page) .demonstration .server > .server__bg-vip,
  .content-wrp:has(.billing-addserver-page) .demonstration .server > .server__link {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
  }

  #add-server .demonstration .server > .server__link,
  #add-server-billing .demonstration .server > .server__link,
  .content-wrp:has(.billing-addserver-page) .demonstration .server > .server__link {
    z-index: 2 !important;
  }

  #add-server .demonstration .server__vip,
  #add-server-billing .demonstration .server__vip,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  #add-server .demonstration .server__title,
  #add-server-billing .demonstration .server__title,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #add-server .demonstration .server__grp,
  #add-server-billing .demonstration .server__grp,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__grp {
    display: contents !important;
  }

  #add-server .demonstration .server__chron,
  #add-server-billing .demonstration .server__chron,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__chron {
    grid-row: 2 !important;
    grid-column: 2 !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: left !important;
    align-self: start !important;
    justify-self: start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #add-server .demonstration .server__rate,
  #add-server-billing .demonstration .server__rate,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__rate {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 1.25 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #add-server .demonstration .server__date,
  #add-server-billing .demonstration .server__date,
  .content-wrp:has(.billing-addserver-page) .demonstration .server__date {
    grid-row: 1 / span 2 !important;
    grid-column: 4 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 1.25 !important;
    max-width: none !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* не обрезать календари: разрешаем overflow у секции и контента addserver */
  .main-after-banner--billing:has(#add-server-billing),
  .main-after-banner--billing:has(.billing-addserver-page) {
    overflow-x: visible !important;
  }
  .main-after-banner--billing:has(#add-server-billing) .content-wrp,
  .main-after-banner--billing:has(.billing-addserver-page) .content-wrp {
    overflow-x: visible !important;
  }
}

/* 1243-1360: addserver — см. конец файла: в ЛК при <1361px внешний .sidebar скрыт */
@media (min-width: 1243px) and (max-width: 1360px) {
  .main-after-banner--billing:has(.billing-addserver-page) .mid.mid--billing {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .main-after-banner--billing:has(.billing-addserver-page) .mid.mid--billing .content-wrp {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* 1243-1286: keep external widgets on the right, compress LK internals (остальные страницы ЛК) */
@media (min-width: 1243px) and (max-width: 1286px) {
  .mid.mid--billing {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .mid.mid--billing .content-wrp {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-cabinet {
    gap: 12px;
  }

  .mid.mid--billing .lk-sidebar {
    width: 210px;
    min-width: 210px;
  }

  .mid.mid--billing .lk-content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--settings {
    padding: 12px 10px 14px 18px !important;
  }

  .mid.mid--billing .lk-settings__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-left: 6px !important;
    width: calc(100% - 6px) !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-settings__cell {
    max-width: none !important;
    min-width: 0 !important;
  }

  /* Align by input edge (checkbox should not shift grid axis) */
  .mid.mid--billing .lk-settings__date-row {
    position: relative;
    overflow: visible;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__input {
    flex: 0 0 160px;
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }

  .mid.mid--billing .lk-dashboard {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* 1287-1312: сайдбар сужается по viewport, чтобы не наезжал на content-wrp (контент не менее ~1080px) */
@media (min-width: 1287px) and (max-width: 1312px) {
  .mid.mid--billing {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .mid.mid--billing .content-wrp {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* 1313-1360: плавный рост сайдбара 230→260px для ЛК (кроме addserver) */
@media (min-width: 1313px) and (max-width: 1360px) {
  .mid.mid--billing {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .mid.mid--billing .content-wrp {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* 1287-1360: ЛК/addserver — SEO блок всегда внизу, без выезда вверх */
@media (min-width: 1287px) and (max-width: 1360px) {
  .mid.mid--billing .content-wrp {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mid.mid--billing .content-wrp__main {
    order: 1 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .content-wrp__bottom {
    order: 2 !important;
    position: static !important;
    z-index: auto !important;
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .mid.mid--billing .content-wrp__bottom .seo-block {
    position: static !important;
    margin: 10px 0 0 !important;
    max-width: 100% !important;
  }

  /* addserver: SEO в общем footer-блоке не нужен (используется свой SEO в addnews.tpl) */
  .main-after-banner--billing:has(.billing-addserver-page) .mid.mid--billing .content-wrp__bottom {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* <=1286: prevent SEO block overlap with LK cards */
@media (max-width: 1286px) {
  .main-after-banner--billing .wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mid.mid--billing .content-wrp__bottom {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .seo-block-mobile-under-sidebar {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 12px 20px !important;
    box-sizing: border-box !important;
    order: 10 !important;
    flex-shrink: 0 !important;
  }

  .mid.mid--billing .seo-block-mobile-under-sidebar .seo-block {
    position: static !important;
    margin: 12px 0 0 !important;
    max-width: 100% !important;
  }

  .mid.mid--billing .content-wrp__main {
    position: relative;
    z-index: 2;
  }
}

/* FINAL FIX <=1360: для всех страниц ЛК SEO-контейнер всегда отдельной строкой снизу */
@media (max-width: 1360px) {
  /* Демо: одна колонка как в billing (480px cap) + демо на 100% колонки */
  .main-after-banner--billing .lk-card--promocodes .lk-promocodes__demos,
  .main-after-banner--billing .lk-card--top-online .lk-top-online__demos {
    max-width: min(480px, 100%) !important;
    box-sizing: border-box;
  }

  .main-after-banner--billing .lk-card--promocodes .lk-promocodes__demos .demonstration,
  .main-after-banner--billing .lk-card--top-online .lk-top-online__demos .demonstration {
    width: 100%;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
  }

  .main-after-banner--billing .lk-card--top-online .lk-top-online__demos .demonstration {
    overflow: hidden !important;
  }

  /* Убираем «раздув» от calc(100% + 40px) из главной вёрстки — в ЛК ширина как у промокодов */
  .main-after-banner--billing .lk-card--top-online .lk-top-online__demo-block .server .server__top-online {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  .main-after-banner--billing .lk-card--top-online .lk-top-online__demo-block .server {
    overflow: hidden !important;
  }

  .main-after-banner--billing .mid.mid--billing {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  /* Встроенный SEO внутри content-wrp скрываем, чтобы не было дубля и наезда */
  .main-after-banner--billing .mid.mid--billing .content-wrp__bottom {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* SEO-блок под всеми блоками (content + sidebar) */
  .main-after-banner--billing .mid.mid--billing .seo-block-mobile-under-sidebar {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 999 !important;
    margin: 20px 0 0 !important;
    padding: 0 12px 20px !important;
    box-sizing: border-box !important;
    position: static !important;
    z-index: auto !important;
  }

  .main-after-banner--billing .mid.mid--billing .seo-block-mobile-under-sidebar .seo-block {
    position: static !important;
    margin: 10px 0 0 !important;
    max-width: 100% !important;
    z-index: auto !important;
  }
}

/* Support: десктоп — расширить блок на всю ширину контента, чтобы не залазил под сайдбар */
@media (min-width: 901px) {
  .mid.mid--billing .lk-cabinet:has(.lk-support) .lk-content-area.lk-support,
  .lk-cabinet:has(.lk-support) .lk-content-area.lk-support,
  .mid.mid--billing .lk-cabinet:has(.lk-support-ticket) .lk-content-area.lk-support-ticket,
  .lk-cabinet:has(.lk-support-ticket) .lk-content-area.lk-support-ticket {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .mid.mid--billing .lk-cabinet:has(.lk-support) .lk-support,
  .lk-cabinet:has(.lk-support) .lk-support {
    max-width: none !important;
  }
}

/* Extra narrow profile tabs */
@media (max-width: 420px) {
  .lk-profile__tab-list {
    grid-template-columns: 1fr !important;
  }

  .lk-profile__tab-item a {
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }
}

/* Very narrow phones: allow wrapping for myservices date/price row */
@media (max-width: 420px) {
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2),
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2) {
    display: block !important;
    white-space: normal;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell--price,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell--price {
    display: block !important;
    text-align: left !important;
    justify-self: start;
  }
}

/* Страница «Пополнение баланса» (deposit): при сужении — порядок блоков и без наезда SEO */
@media (max-width: 1286px) {
  .mid.mid--billing .content-wrp:has(.lk-deposit) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  .mid.mid--billing .content-wrp:has(.lk-deposit) .content-wrp__main {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .content-wrp:has(.lk-deposit) .lk-deposit {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Deposit: шаг 2 — методы оплаты и конвертер в столбик при сужении */
@media (max-width: 1024px) {
  .mid.mid--billing .lk-deposit__step-body {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .mid.mid--billing .lk-deposit__converter {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
    margin-top: 0 !important;
  }

  .mid.mid--billing .lk-deposit__converter-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  }

  .mid.mid--billing .lk-deposit__method {
    width: 100% !important;
    max-width: 280px !important;
  }

  .mid.mid--billing .lk-deposit__amount-row {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .mid.mid--billing .lk-deposit__input-wrap,
  .mid.mid--billing .lk-deposit__bonus,
  .mid.mid--billing .lk-deposit__total {
    width: auto !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-deposit__total {
    margin-left: auto !important;
  }
}

/* Deposit: ещё уже — пресеты и поля в столбик, кнопка на всю ширину */
@media (max-width: 900px) {
  .mid.mid--billing .lk-deposit__amount-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mid.mid--billing .lk-deposit__input-wrap {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex: none !important;
    flex-basis: auto !important;
  }

  /* Инпут + TC в одну строку; 100% ширины только у бонуса/итого */
  .mid.mid--billing .lk-deposit__input-wrap .lk-deposit__input {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-deposit__bonus,
  .mid.mid--billing .lk-deposit__total {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-deposit__total {
    margin-left: 0 !important;
  }

  .mid.mid--billing .lk-deposit__presets {
    flex-wrap: wrap !important;
  }
}

/* Deposit: «Стоимость» — 2×2 на всю ширину (перебивает auto-fill minmax(120px) из max-width 1024) */
@media (max-width: 768px) {
  /* Без привязки к mid/banner: step-body с flex-start даёт ширину по контенту → сетка 135×2 прилипает влево */
  .lk-deposit .lk-deposit__step-body {
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .lk-deposit .lk-deposit__methods {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mid.mid--billing .lk-deposit__converter,
  .main-after-banner--billing .lk-deposit__converter,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__converter,
  .lk-deposit .lk-deposit__converter {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 14px !important;
    border-left: none !important;
    align-self: stretch !important;
    flex: 1 1 auto !important;
  }

  .mid.mid--billing .lk-deposit__converter-title,
  .main-after-banner--billing .lk-deposit__converter-title,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__converter-title,
  .lk-deposit .lk-deposit__converter-title {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  .mid.mid--billing .lk-deposit__converter-grid,
  .main-after-banner--billing .lk-deposit__converter-grid,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__converter-grid,
  .lk-deposit .lk-deposit__converter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-items: stretch !important;
  }

  .mid.mid--billing .lk-deposit__currency,
  .main-after-banner--billing .lk-deposit__currency,
  .lk-cabinet .lk-content-area.lk-deposit .lk-deposit__currency,
  .lk-deposit .lk-deposit__currency {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 44px;
    padding: 10px 12px !important;
  }
}

/* <=1286: unified field order in "Server Settings" for 3/2/1-column layouts */
@media (max-width: 1286px) {
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(1) { order: 1; }  /* OBT start date */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(5) { order: 2; }  /* Server start date */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(9) { order: 3; }  /* Bonus start date */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(2) { order: 4; }  /* Rates */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(6) { order: 5; }  /* Chronicles */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(10) { order: 6; } /* Concept */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(3) { order: 7; }  /* Site link */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(7) { order: 8; }  /* TG channel */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(11) { order: 9; } /* Discord channel */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(4) { order: 10; } /* Place banner */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(8) { order: 11; } /* Add TG widget */
  .mid.mid--billing .lk-card--settings .lk-settings__grid > .lk-settings__cell:nth-child(12) { order: 12; }/* Add Discord widget */
}

/* 768-899: сайдбар слева 210px, контент справа; grid настроек/карточек */
@media (min-width: 768px) and (max-width: 899px) {
  .mid.mid--billing .lk-cabinet {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .mid.mid--billing .lk-sidebar {
    width: 210px;
    min-width: 210px;
    flex-shrink: 0;
  }

  .mid.mid--billing .lk-main {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mid.mid--billing .lk-content-area {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "settings stats"
      "settings status"
      "rating promo";
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support,
  .mid.mid--billing .lk-content-area.lk-support-ticket {
    display: block !important;
  }

  .mid.mid--billing .lk-settings__grid {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
  }

  .mid.mid--billing .lk-settings__cell {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
    max-width: none !important;
  }

  .mid.mid--billing .lk-settings__cell > * {
    min-width: 0;
  }

  .mid.mid--billing .lk-settings__label {
    margin: 0;
    min-height: 0;
    overflow-wrap: anywhere;
  }

  .mid.mid--billing .lk-settings__field,
  .mid.mid--billing .lk-settings__input,
  .mid.mid--billing .lk-settings__select {
    width: 100% !important;
    max-width: none !important;
  }

  .mid.mid--billing .lk-settings__date-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
  }

  .mid.mid--billing .lk-card--settings {
    grid-area: settings;
    margin-bottom: 0 !important;
  }

  .mid.mid--billing .lk-dashboard {
    display: contents !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats { grid-area: stats; }
  .mid.mid--billing .lk-dashboard > .lk-card--vip { grid-area: status; }
  .mid.mid--billing .lk-dashboard > .lk-card--rating { grid-area: rating; }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes {
    grid-area: promo;
    margin-top: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0;
    padding: 12px 14px 12px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #2a2525;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row {
    justify-content: center;
    margin-bottom: 14px;
    gap: 4px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 11px;
    text-align: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos {
    width: 100%;
    max-width: none;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    display: flex;
    justify-content: center;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge {
    width: 100%;
    max-width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn {
    width: 100%;
    max-width: 100%;
  }
}

/* LK MODULE FALLBACK SCOPE (when .mid--billing is absent) */
@media (min-width: 768px) and (max-width: 899px) {
  .lk-cabinet {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .lk-cabinet .lk-sidebar {
    width: 210px;
    min-width: 210px;
  }

  .lk-cabinet .lk-main {
    flex: 1 1 auto;
    min-width: 0;
  }

  .lk-cabinet .lk-content-area {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "settings stats"
      "settings status"
      "rating promo";
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
  }
  .lk-cabinet .lk-content-area.lk-support,
  .lk-cabinet .lk-content-area.lk-support-ticket {
    display: block !important;
  }

  .lk-cabinet .lk-settings__grid {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
  }

  .lk-cabinet .lk-settings__cell {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
    max-width: none !important;
  }

  .lk-cabinet .lk-settings__cell > * {
    min-width: 0;
  }

  .lk-cabinet .lk-settings__label {
    margin: 0;
    min-height: 0;
    overflow-wrap: anywhere;
  }

  .lk-cabinet .lk-settings__field,
  .lk-cabinet .lk-settings__input,
  .lk-cabinet .lk-settings__select {
    width: 100% !important;
    max-width: none !important;
  }

  .lk-cabinet .lk-settings__date-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .lk-cabinet .lk-settings__date-row .lk-settings__priority-wrap {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  .lk-cabinet .lk-settings__date-row .lk-settings__input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
  }

  .lk-cabinet .lk-card--settings {
    grid-area: settings;
    margin-bottom: 0 !important;
  }

  .lk-cabinet .lk-dashboard {
    display: contents !important;
  }

  .lk-cabinet .lk-dashboard > .lk-card.lk-stats { grid-area: stats; }
  .lk-cabinet .lk-dashboard > .lk-card--vip { grid-area: status; }
  .lk-cabinet .lk-dashboard > .lk-card--rating { grid-area: rating; }

  .lk-cabinet .lk-dashboard > .lk-card.lk-stats,
  .lk-cabinet .lk-dashboard > .lk-card--vip,
  .lk-cabinet .lk-dashboard > .lk-card--rating {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .lk-cabinet .lk-card--promocodes {
    grid-area: promo;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    min-height: 0;
    padding: 12px 14px 12px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #2a2525;
    box-sizing: border-box;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0;
    text-align: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    justify-content: center;
    margin-bottom: 14px;
    gap: 4px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 11px;
    text-align: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos {
    width: 100%;
    max-width: none;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    display: flex;
    justify-content: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge {
    width: 100%;
    max-width: 100%;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn {
    width: 100%;
    max-width: 100%;
  }
}

/* Global responsive buttons: center text vertically and horizontally */
@media (max-width: 1360px) {
  .g-btn,
  a.g-btn,
  .lk-btn,
  .lk-card__btn,
  .lk-sidebar__btn,
  .lk-myservices__tab,
  .lk-deposit__buy,
  .lk-support__create-btn,
  .lk-support-modal__btn,
  .page-reklama__card-btn,
  .unified-vip-btn,
  .unified-vip-switcher__action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  a.g-btn,
  .lk-card__btn,
  .lk-sidebar__btn,
  .lk-myservices__tab,
  .lk-deposit__buy,
  .lk-support__create-btn,
  .lk-support-modal__btn,
  .page-reklama__card-btn,
  .unified-vip-btn,
  .unified-vip-switcher__action {
    display: flex !important;
  }

  /* Инлайн display:none (шаблон) не должен перебиваться глобальным flex для кнопок промокодов */
  .lk-card--promocodes .lk-promocodes__delete-row .lk-card__btn[style*="display:none"],
  .lk-card--promocodes .lk-promocodes__delete-row .lk-card__btn[style*="display: none"] {
    display: none !important;
  }

  input[type="submit"],
  input[type="button"] {
    text-align: center !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }
}

/* ≤768 после глобального .lk-card__btn (1360): биллинг CTA не сжимать до 195px, вертикаль текста */
@media (max-width: 768px) {
  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;
    height: auto !important;
    padding: 8px 14px !important;
    line-height: 1.25 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

/* PM page (do=pm): стабильная раскладка до 1360px включительно (в т.ч. <768, где раньше не действовали правила) */
@media (max-width: 1360px) {
  .mid.mid--billing .lk-cabinet:has(.lk-pm),
  .lk-cabinet:has(.lk-pm) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-sidebar,
  .lk-cabinet:has(.lk-pm) .lk-sidebar {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-main,
  .lk-cabinet:has(.lk-pm) .lk-main {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* Сбрасываем desktop "display: contents" для PM, чтобы не было наезда на sidebar */
  .mid.mid--billing .lk-main:has(.lk-pm),
  .lk-main:has(.lk-pm),
  .mid.mid--billing .lk-main:has(.lk-pm) #dle-content,
  .mid.mid--billing .lk-main:has(.lk-pm) .lk-content-area.lk-pm,
  .lk-main:has(.lk-pm) #dle-content,
  .lk-main:has(.lk-pm) .lk-content-area.lk-pm {
    display: block !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-content-area.lk-pm,
  .lk-cabinet:has(.lk-pm) .lk-content-area.lk-pm,
  #dle-content .lk-content-area.lk-pm {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm,
  .lk-cabinet:has(.lk-pm) .lk-pm,
  #dle-content .lk-content-area.lk-pm {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist form,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist form,
  #dle-content .lk-content-area.lk-pm .pmlist,
  #dle-content .lk-content-area.lk-pm .pmlist form {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-content-area.lk-pm > *:not(.lk-pm__title),
  .lk-cabinet:has(.lk-pm) .lk-content-area.lk-pm > *:not(.lk-pm__title),
  #dle-content .lk-content-area.lk-pm > *:not(.lk-pm__title) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm__list,
  .lk-cabinet:has(.lk-pm) .lk-pm__list,
  #dle-content .lk-content-area.lk-pm .lk-pm__list {
    overflow-x: hidden !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist table.pm,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist table.pm,
  #dle-content .lk-content-area.lk-pm .pmlist table.pm {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_list,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_list,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_head,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_list {
    padding: 8px 10px !important;
    font-size: 12px !important;
    white-space: normal !important;
  }

  /* Тема: не letter-by-letter при узкой колонке (избегаем overflow-wrap:anywhere + break-all) */
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_subj,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:first-child,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_subj,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:first-child,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_subj,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_head:first-child {
    width: 48% !important;
    min-width: 12em !important;
    max-width: none !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_from,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(2),
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_from,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(2),
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_from,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_head:nth-child(2) {
    width: 22% !important;
    min-width: 5.5em !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_date,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(3),
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_date,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(3),
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_date,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_head:nth-child(3) {
    width: 22% !important;
    min-width: 7.5em !important;
    text-align: center;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_checkbox,
  .mid.mid--billing .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(4),
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_checkbox,
  .lk-cabinet:has(.lk-pm) .lk-pm .pmlist td.pm_head:nth-child(4),
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_checkbox,
  #dle-content .lk-content-area.lk-pm .pmlist td.pm_head:nth-child(4) {
    width: 8% !important;
    min-width: 2.5rem !important;
    text-align: center;
  }
}

/* PM 769-1100: убираем правый внешний сайдбар, чтобы таблица не схлопывалась */
@media (min-width: 769px) and (max-width: 1100px) {
  .mid:has(.lk-cabinet .lk-pm) {
    display: block !important;
  }

  .mid:has(.lk-cabinet .lk-pm) .sidebar {
    display: none !important;
  }

  .mid:has(.lk-cabinet .lk-pm) .content-wrp {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .mid:has(.lk-cabinet .lk-pm) .lk-cabinet {
    display: flex !important;
  }

  .mid:has(.lk-cabinet .lk-pm) .lk-cabinet .lk-sidebar {
    flex: 0 0 200px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }
}

/* MyServices 768-1360: колонка титул → вкладки → таблица (не grid дашборда) */
@media (min-width: 768px) and (max-width: 1360px) {
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__header,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  .mid.mid--billing .lk-content-area.lk-myservices,
  .lk-cabinet .lk-content-area.lk-myservices {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices > *,
  .lk-cabinet .lk-content-area.lk-myservices > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__header,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__header {
    display: block !important;
    text-align: center;
    font-size: clamp(1.1rem, 2.8vw, 1.5rem) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__tabs,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    flex-shrink: 0 !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__tab,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__tab {
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch;
    font-size: 14px !important;
    min-height: 40px !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__panels,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__panels {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table-wrap,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__th,
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__th,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell {
    padding: 10px 10px !important;
    overflow-wrap: anywhere;
  }
}

/* Support 769-1360: таблица и блок на всю ширину, без обрезки */
@media (min-width: 769px) and (max-width: 1360px) {
  .mid.mid--billing .lk-content-area.lk-support,
  .lk-cabinet .lk-content-area.lk-support,
  .mid.mid--billing .lk-content-area.lk-support-ticket,
  .lk-cabinet .lk-content-area.lk-support-ticket {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support,
  .lk-cabinet .lk-content-area.lk-support .lk-support {
    max-width: none !important;
    width: 100% !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table-wrap,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    box-sizing: border-box !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__th,
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell,
  .lk-cabinet .lk-content-area.lk-support .lk-support__th,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell {
    padding: 10px 10px !important;
    overflow-wrap: anywhere;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__meta,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__meta {
    flex-wrap: wrap;
    gap: 8px;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__messages,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__messages {
    max-height: 320px;
  }
}

/* LK FINAL MOBILE (<=768): clean single-column layout */
@media (max-width: 768px) {
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__header,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  .mid.mid--billing .lk-main:has(.lk-myservices),
  .lk-main:has(.lk-myservices) {
    min-height: auto !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices,
  .lk-cabinet .lk-content-area.lk-myservices {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__tabs,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__tab,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
  }

  /* Mobile card view for services rows: no wide empty table gaps */
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table-wrap,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table-wrap {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table-wrap::-webkit-scrollbar,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table-wrap::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table thead,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table thead {
    display: none;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table,
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__table tbody,
  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__row,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__table tbody,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__row,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__row {
    border-bottom: 1px solid #4a4545 !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "name name"
      "dates price";
    column-gap: 10px;
    row-gap: 6px;
    align-items: center;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__row:last-child,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__row:last-child {
    border-bottom: none !important;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell--name,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell--name {
    grid-area: name;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.25;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell:not(.lk-myservices__cell--name)::before,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell:not(.lk-myservices__cell--name)::before {
    display: inline-block;
    min-width: 46px;
    margin-right: 6px;
    color: #9a9494;
    font-size: 12px;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2)::before,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2)::before {
    content: "Даты:";
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2),
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell:nth-child(2) {
    grid-area: dates;
    min-width: 0 !important;
    overflow-wrap: anywhere;
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell--price,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell--price {
    grid-area: price;
    justify-self: end;
    text-align: right !important;
    margin-top: 0;
    white-space: normal;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .mid.mid--billing .lk-content-area.lk-myservices .lk-myservices__cell--price::before,
  .lk-cabinet .lk-content-area.lk-myservices .lk-myservices__cell--price::before {
    content: "Цена:";
  }

  /* Support <=768: список тикетов карточками, модалка и страница тикета */
  .mid.mid--billing .lk-content-area.lk-support,
  .lk-cabinet .lk-content-area.lk-support,
  .mid.mid--billing .lk-content-area.lk-support-ticket,
  .lk-cabinet .lk-content-area.lk-support-ticket {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support,
  .lk-cabinet .lk-content-area.lk-support .lk-support {
    max-width: none !important;
    width: 100% !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__header,
  .lk-cabinet .lk-content-area.lk-support .lk-support__header {
    font-size: 15px;
    margin-bottom: 12px;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__create,
  .lk-cabinet .lk-content-area.lk-support .lk-support__create {
    margin-bottom: 12px;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__create-btn,
  .lk-cabinet .lk-content-area.lk-support .lk-support__create-btn {
    width: 100% !important;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table-wrap,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table-wrap {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table-wrap::-webkit-scrollbar,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table-wrap::-webkit-scrollbar {
    display: none !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table thead,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table thead {
    display: none;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table,
  .mid.mid--billing .lk-content-area.lk-support .lk-support__table tbody,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table,
  .lk-cabinet .lk-content-area.lk-support .lk-support__table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Компактная сетка: тема на всю ширину, № + статус + дата — в одну строку */
  .mid.mid--billing .lk-content-area.lk-support .lk-support__row,
  .lk-cabinet .lk-content-area.lk-support .lk-support__row {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "subject subject subject"
      "num status date" !important;
    gap: 6px 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #4a4545;
    padding: 12px 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__row:last-child,
  .lk-cabinet .lk-content-area.lk-support .lk-support__row:last-child {
    border-bottom: none;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell--subject,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell--subject {
    grid-area: subject !important;
    font-weight: 600;
    padding: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell--subject a,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell--subject a {
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(1),
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(1) {
    grid-area: num !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(3),
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(3) {
    grid-area: status !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
    padding: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(4),
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(4) {
    grid-area: date !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    white-space: nowrap;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell {
    border: 0 !important;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:not(.lk-support__cell--subject)::before,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:not(.lk-support__cell--subject)::before {
    display: inline-block;
    min-width: 42px;
    margin-right: 4px;
    color: #9a9494;
    font-size: 12px;
    flex-shrink: 0;
  }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(1)::before,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(1)::before { content: "№ "; }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(3)::before,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(3)::before { content: "Статус: "; }
  .mid.mid--billing .lk-content-area.lk-support .lk-support__cell:nth-child(4)::before,
  .lk-cabinet .lk-content-area.lk-support .lk-support__cell:nth-child(4)::before { content: "Обновлено: "; }
  /* Support modal: поля и кнопка на всю ширину (остальное — общий bottom-sheet в блоке модалок выше) */
  .lk-support-modal__input,
  .lk-support-modal__textarea {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .lk-support-modal__btn {
    width: 100% !important;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__subject,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__subject {
    font-size: 16px;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__meta,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__meta {
    flex-wrap: wrap;
    gap: 8px;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__messages,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__messages {
    max-height: 280px;
    padding: 12px !important;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__textarea,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__textarea {
    width: 100% !important;
    min-height: 72px;
    box-sizing: border-box !important;
  }
  .mid.mid--billing .lk-content-area.lk-support-ticket .lk-support-ticket__reply-actions .lk-btn,
  .lk-cabinet .lk-content-area.lk-support-ticket .lk-support-ticket__reply-actions .lk-btn {
    min-height: 44px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mid.mid--billing .lk-cabinet,
  .lk-cabinet {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 0 12px !important;
  }

  .mid.mid--billing .lk-sidebar,
  .lk-cabinet .lk-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-sidebar__mobile-toggle,
  .lk-cabinet .lk-sidebar__mobile-toggle {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    min-height: 36px;
    padding: 7px 10px;
    margin: 0 0 8px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #232020;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-sidebar__mobile-toggle-icon,
  .lk-cabinet .lk-sidebar__mobile-toggle-icon {
    font-size: 16px;
    line-height: 1;
    color: #f7901e;
  }

  .mid.mid--billing .lk-sidebar:not(.lk-sidebar--collapsed) .lk-sidebar__mobile-toggle-icon,
  .lk-cabinet .lk-sidebar:not(.lk-sidebar--collapsed) .lk-sidebar__mobile-toggle-icon {
    transform: rotate(45deg);
  }

  .mid.mid--billing .lk-sidebar.lk-sidebar--collapsed .lk-sidebar__mobile-content,
  .lk-cabinet .lk-sidebar.lk-sidebar--collapsed .lk-sidebar__mobile-content {
    display: none !important;
  }

  .mid.mid--billing .lk-sidebar:not(.lk-sidebar--collapsed) .lk-sidebar__mobile-content,
  .lk-cabinet .lk-sidebar:not(.lk-sidebar--collapsed) .lk-sidebar__mobile-content {
    display: block !important;
  }

  .mid.mid--billing .lk-sidebar__title,
  .lk-cabinet .lk-sidebar__title {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .mid.mid--billing .lk-sidebar__section-title,
  .lk-cabinet .lk-sidebar__section-title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.1;
  }

  .mid.mid--billing .lk-sidebar__server,
  .lk-cabinet .lk-sidebar__server {
    min-height: 24px;
    padding: 3px 6px;
    margin-bottom: 3px;
  }

  .mid.mid--billing .lk-sidebar__hint,
  .lk-cabinet .lk-sidebar__hint {
    margin: 6px 0 8px;
    font-size: 12px;
    line-height: 1.25;
  }

  .mid.mid--billing .lk-sidebar__divider,
  .lk-cabinet .lk-sidebar__divider {
    margin: 8px 0;
  }

  .mid.mid--billing .lk-sidebar__btn,
  .mid.mid--billing .lk-sidebar .lk-card__btn,
  .lk-cabinet .lk-sidebar__btn,
  .lk-cabinet .lk-sidebar .lk-card__btn {
    min-height: 32px !important;
    padding: 5px 9px !important;
    line-height: 1.1 !important;
    font-size: 12px !important;
  }

  .mid.mid--billing .lk-sidebar__menu,
  .lk-cabinet .lk-sidebar__menu {
    gap: 6px;
  }

  .mid.mid--billing .lk-sidebar__menu-item,
  .lk-cabinet .lk-sidebar__menu-item {
    min-height: 26px;
    padding: 5px 2px;
    font-size: 13px;
    line-height: 1.15;
  }

  .mid.mid--billing .lk-sidebar__email,
  .lk-cabinet .lk-sidebar__email {
    margin: 6px 0;
  }

  .mid.mid--billing .lk-main,
  .lk-cabinet .lk-main,
  .mid.mid--billing .lk-content-area,
  .lk-cabinet .lk-content-area {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--settings,
  .lk-cabinet .lk-card--settings {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-settings__grid,
  .lk-cabinet .lk-settings__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-settings__cell,
  .lk-cabinet .lk-settings__cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-settings__label,
  .lk-cabinet .lk-settings__label {
    margin: 0 !important;
    min-height: 0 !important;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  .mid.mid--billing .lk-settings__field,
  .mid.mid--billing .lk-settings__input,
  .mid.mid--billing .lk-settings__select,
  .lk-cabinet .lk-settings__field,
  .lk-cabinet .lk-settings__input,
  .lk-cabinet .lk-settings__select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-settings__date-row,
  .lk-cabinet .lk-settings__date-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__priority-wrap,
  .lk-cabinet .lk-settings__date-row .lk-settings__priority-wrap {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    order: 2;
    justify-self: end;
  }

  .mid.mid--billing .lk-settings__date-row .lk-settings__input,
  .lk-cabinet .lk-settings__date-row .lk-settings__input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    order: 1;
  }

  .mid.mid--billing .lk-card--settings .lk-date-like-field,
  .lk-cabinet .lk-card--settings .lk-date-like-field,
  .mid.mid--billing .lk-card--settings .lk-date-like-field:has(.lk-date-like-field__row),
  .lk-cabinet .lk-card--settings .lk-date-like-field:has(.lk-date-like-field__row),
  .mid.mid--billing .lk-card--settings .lk-date-like-field__row,
  .lk-cabinet .lk-card--settings .lk-date-like-field__row,
  .mid.mid--billing .lk-card--settings .lk-date-like-field__input,
  .lk-cabinet .lk-card--settings .lk-date-like-field__input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--settings .lk-date-like-field__input,
  .lk-cabinet .lk-card--settings .lk-date-like-field__input {
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  .mid.mid--billing .lk-dashboard,
  .lk-cabinet .lk-dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .mid.mid--billing .lk-dashboard > .lk-card.lk-stats,
  .mid.mid--billing .lk-dashboard > .lk-card--vip,
  .mid.mid--billing .lk-dashboard > .lk-card--rating,
  .mid.mid--billing .lk-card--promocodes,
  .lk-cabinet .lk-dashboard > .lk-card.lk-stats,
  .lk-cabinet .lk-dashboard > .lk-card--vip,
  .lk-cabinet .lk-dashboard > .lk-card--rating,
  .lk-cabinet .lk-card--promocodes {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes,
  .lk-cabinet .lk-card--promocodes {
    margin-top: 12px !important;
  }

  .mid.mid--billing .lk-card__btn,
  .mid.mid--billing .lk-card--vip .lk-card__buttons .lk-card__btn,
  .mid.mid--billing .lk-card--rating .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-card__btn,
  .lk-cabinet .lk-card--vip .lk-card__buttons .lk-card__btn,
  .lk-cabinet .lk-card--rating .lk-card__buttons .lk-card__btn {
    min-height: 32px !important;
    height: auto !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}

/* LK/top switcher: shrink buttons instead of wrapping */
@media (max-width: 1286px) {
  .main-after-banner--billing .unified-vip-switcher {
    flex-wrap: nowrap !important;
    gap: clamp(4px, 0.8vw, 12px);
    padding-left: clamp(6px, 0.9vw, 12px);
    padding-right: clamp(6px, 0.9vw, 12px);
    min-width: 0;
  }

  .main-after-banner--billing .unified-vip-switcher__menu {
    flex-wrap: nowrap !important;
    gap: clamp(4px, 0.7vw, 8px);
    min-width: 0;
    margin-left: auto;
  }

  .main-after-banner--billing .unified-vip-btn,
  .main-after-banner--billing .unified-vip-switcher__action,
  .main-after-banner--billing .unified-vip-switcher__menu #login_pane .login__link {
    min-width: 0;
    padding: 6px clamp(8px, 0.9vw, 16px);
    font-size: clamp(10px, 0.95vw, 13px);
    line-height: 1;
  }
}

@media (min-width: 900px) and (max-width: 1024px) {
  .lk-cabinet .lk-content-area {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "settings settings"
      "stats status"
      "toponline promo"
      "rating rating";
    gap: 12px !important;
    align-items: stretch;
  }

  .lk-cabinet .lk-content-area.lk-deposit {
    display: block !important;
  }
  .lk-cabinet .lk-content-area.lk-support,
  .lk-cabinet .lk-content-area.lk-support-ticket {
    display: block !important;
  }

  .lk-cabinet .lk-card--settings {
    grid-area: settings;
    margin-bottom: 0 !important;
  }

  .lk-cabinet .lk-dashboard {
    display: contents !important;
  }

  .lk-cabinet .lk-dashboard > .lk-card.lk-stats { grid-area: stats; }
  .lk-cabinet .lk-dashboard > .lk-card--vip { grid-area: status; }
  .lk-cabinet .lk-dashboard > .lk-card--rating { grid-area: rating; }

  .lk-cabinet .lk-content-area > .lk-card--top-online {
    grid-area: toponline !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .lk-cabinet .lk-card--promocodes {
    grid-area: promo;
    margin-top: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 268px;
    padding: 12px 14px 12px;
    border: 1px solid #5a5454;
    border-radius: 6px;
    background: #2a2525;
    box-sizing: border-box;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    margin-bottom: 10px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    margin: 0 0 8px 0;
    text-align: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    justify-content: center;
    margin-bottom: 14px;
    gap: 4px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc {
    font-size: 11px;
    text-align: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos {
    width: 100%;
    max-width: none;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    display: flex;
    justify-content: center;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge {
    width: 100%;
    max-width: 100%;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-primary .lk-card__btn {
    width: 100%;
    max-width: 100%;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin: 6px 0 12px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin: 0 0 16px !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__actions {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__name,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server .server__name,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__top-online__count,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server .server__top-online__count {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server .server__bg,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server .server__bg-vip {
    overflow: visible !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__server-right {
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
  }

  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 100% !important;
    max-width: none !important;
  }
}

/* ==========================================================================
   MAIN / CATEGORY (не ЛК): 901–1401 — сайдбар под контентом, блоки на полную ширину wrapper
   Переопределяет 901–1149 / 1025–1241 / десктоп: без бокового сайдбара нет наезда колонок при сужении.
   ≥1402px — прежняя схема: контент + сайдбар в одну строку.
   ========================================================================== */
@media (min-width: 901px) and (max-width: 1401px) {
  .mid:not(.mid--billing) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .mid:not(.mid--billing) .content-wrp {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mid:not(.mid--billing) .content-wrp__main {
    flex: 1 1 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box;
  }

  /* Узкая колонка по центру под контентом */
  .mid:not(.mid--billing) .sidebar {
    flex: 0 0 auto !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 260px !important;
    min-width: 0 !important;
    margin: 16px auto 0 !important;
    box-sizing: border-box !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .mid:not(.mid--billing) .inline-zone-2col .left-col,
  .mid:not(.mid--billing) .inline-zone-2col .right-col {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side:not(.side_top_online),
  .mid:not(.mid--billing) .inline-zone-2col .top-servers,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online {
    width: 100% !important;
    max-width: min(506px, 100%) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
    /* hidden режет box-shadow панелей — тень выглядит «жёсткой» */
    overflow: visible !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible !important;
  }

  /*
   * ТГ/Discord сверху (901–1401): при flex-direction: column вертикальный зазор между элементами — row-gap (не column-gap).
   * Полоса: margin только снизу (10px до .mid). У .tg-news-block в полосе вернуть отрицательный margin-top из style.css (иначе +~12px до карточек).
   */
  .main-after-banner:not(.main-after-banner--billing) {
    row-gap: 10px !important;
    column-gap: 0 !important;
  }

  .main-after-banner:not(.main-after-banner--billing) > .unified-vip-switcher-wrapper {
    margin-bottom: 0 !important;
  }

  .main-after-banner:not(.main-after-banner--billing) .wrapper:not(:has(> .mid.mid--billing)) {
    padding-top: 0 !important;
    box-sizing: border-box;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .mid {
    margin-top: 0 !important;
  }

  /* theme + adaptation 769–1242: margin-top у .content-wrp — сюда не суммируем */
  .main-after-banner:not(.main-after-banner--billing) .wrapper:not(:has(> .mid.mid--billing)) > .mid > .content-wrp {
    margin-top: 0 !important;
  }

  /* theme: padding-top у .inline-zone-2col — иначе +10px между полосой виджетов и панелями */
  .main-after-banner:not(.main-after-banner--billing) .wrapper:not(:has(> .mid.mid--billing)) > .mid .inline-zone-2col {
    padding-top: 0 !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 0 10px 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .social-widgets-strip__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 10px;
    align-items: stretch;
    justify-items: stretch !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .social-widgets-strip__col {
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  /*
   * Ширина как у панелей .side / .top-servers; две колонки одной высоты; превью — квадрат (object-fit: cover).
   */
  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-block {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: -12px !important;
    box-sizing: border-box;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-block > .ttl.ttl_theme_def {
    display: none !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-cards {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 10px;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card {
    flex: 1 1 auto;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    align-items: stretch;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: linear-gradient(180deg, rgba(62, 94, 121, 0.26), rgba(20, 30, 46, 0.58)) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__media {
    grid-column: 1;
    grid-row: 1 / -1;
    position: relative;
    align-self: stretch;
    justify-self: start;
    height: 100%;
    width: auto;
    min-width: 0;
    max-height: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    box-sizing: border-box;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__image--placeholder {
    position: absolute !important;
    inset: 0;
    height: 100% !important;
    min-height: 0 !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__logo,
  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__logo--placeholder {
    width: 32px !important;
    height: 32px !important;
    bottom: 6px !important;
    left: 6px !important;
    border-width: 1px !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__body {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 9px 11px 5px !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__title {
    font-size: 13px !important;
    line-height: 1.2;
    margin-bottom: 4px !important;
    flex: 0 0 auto;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__text {
    font-size: 11px !important;
    line-height: 1.4 !important;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow-y: auto;
    padding-right: 5px !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__footer {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    min-width: 0;
    padding: 0 11px 9px !important;
    gap: 6px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__channel {
    font-size: 11px !important;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-card__btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 11px !important;
    border-radius: 9px !important;
    box-sizing: border-box;
  }

  .wrapper:not(:has(> .mid.mid--billing)) .sidebar .sidebar__social-widgets-desktop {
    display: none !important;
  }
}

/*
 * Главная / категория, только 901–1024:
 * — column-gap 10px (между «Скоро» и правой колонкой), как у TABLET .inline-zone flex gap.
 * — TABLET (901–1024) задаёт .right-col width: clamp(…, 360px): при родителе display:grid
 *   колонка остаётся узкой — ТОП блоки уже левой. Сбрасываем к auto, ширину дают 1fr 1fr.
 * — В TABLET на .side-wrapper_top_online стоит padding 10px 12px, а .side-wrapper_top нет —
 *   карточка ТОП Онлайн визуально уже .top-servers; убираем padding у обёртки.
 * — Карточки в правой колонке на всю ширину трека (без max 506px + margin:auto в этом диапазоне).
 * — Ровно 10px сверху у «Скоро» и ТОП Онлайн; 10px между ТОП Онлайн и ТОП серверов
 *   (срезаем лишний margin-top у .top-servers от правила max-width:1024px).
 * — Тени ТОП Онлайн не режем overflow.
 */
@media (min-width: 901px) and (max-width: 1024px) {
  .mid:not(.mid--billing) .inline-zone-2col {
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .right-col {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online {
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
    align-self: stretch !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .right-col .side_top_online,
  .mid:not(.mid--billing) .inline-zone-2col .right-col .top-servers {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .right-col .side_top_online {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .right-col .top-servers {
    margin-top: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online,
  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online .side_top_online,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online {
    overflow: visible !important;
  }
}

/*
 * 1025–1149, главная/категория: блок 901–1401 задаёт gap:0 !important на .inline-zone-2col и
 * max-width min(506px)+margin:auto на карточках — при сужении зазор между колонками исчезает,
 * карточки не жмутся. Ставим column-gap 10px после 901–1401 в каскаде и тянем панели на 100% трека.
 */
@media (min-width: 1025px) and (max-width: 1149px) {
  .mid:not(.mid--billing) .inline-zone-2col {
    column-gap: 10px !important;
    row-gap: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side:not(.side_top_online),
  .mid:not(.mid--billing) .inline-zone-2col .top-servers,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 1150–1401: как 1025–1149 — ритм 10px между колонками, треки жмутся без горизонтального скролла */
@media (min-width: 1150px) and (max-width: 1401px) {
  .mid:not(.mid--billing) .inline-zone-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: visible;
    overflow-y: visible;
    justify-items: stretch;
  }

  .mid:not(.mid--billing) .inline-zone-2col .left-col,
  .mid:not(.mid--billing) .inline-zone-2col .right-col {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side:not(.side_top_online),
  .mid:not(.mid--billing) .inline-zone-2col .top-servers,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
    overflow: visible !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible !important;
  }

  /* Полоса ТГ/Discord: те же треки и 10px, что у .inline-zone-2col выше (без центрирования узких блоков). */
  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .social-widgets-strip__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 10px !important;
    row-gap: 0 !important;
    justify-items: stretch !important;
    overflow-x: visible;
    overflow-y: visible;
    min-width: 0;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .social-widgets-strip__col {
    width: 100%;
    max-width: none !important;
    min-width: 0;
  }

  .wrapper:not(:has(> .mid.mid--billing)) > .social-widgets-strip .tg-news-block {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/*
 * Строго <768 (max-width: 767px), главная не ЛК: один столбец панелей + order секций;
 * .sidebar (ТГ/Discord) над .content-wrp. Диапазоны 901+ не трогаем.
 */
@media (max-width: 767px) {
  .mid:not(.mid--billing) .inline-zone-2col {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online .side_top_online {
    margin-top: 0 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col > .left-col,
  .mid:not(.mid--billing) .inline-zone-2col > .right-col {
    display: contents !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col #top-online-block {
    order: -2 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_future {
    order: 1 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_past {
    order: 2 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top {
    order: -1 !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side:not(.side_top_online),
  .mid:not(.mid--billing) .inline-zone-2col .top-servers,
  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online .side.side_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 10px 12px 14px !important;
    box-sizing: border-box !important;
    border-radius: var(--r-lg) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: linear-gradient(180deg, rgba(38, 48, 67, 0.78), rgba(20, 26, 40, 0.86)) !important;
    box-shadow:
      0 14px 36px rgba(0, 0, 0, 0.38),
      0 4px 12px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    overflow: visible !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side-wrapper_top_online {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .right-col .side-wrapper_top_online .side_top_online {
    margin-top: 0 !important;
  }

  .right-col .top-servers {
    margin-bottom: 10px !important;
  }

  .mid:not(.mid--billing) .inline-zone-2col .side .ttl.ttl_theme_def,
  .mid:not(.mid--billing) .inline-zone-2col .top-servers .ttl.ttl_theme_def,
  .mid:not(.mid--billing) .inline-zone-2col .side_top_online .ttl.ttl_theme_def {
    margin: 8px 0 10px !important;
    padding: 0 12px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-sizing: border-box !important;
  }

  /*
   * Вверху только ТГ+Discord (.sidebar__social-widgets-desktop). «Мы в соцсетях» (.ttl + .scl) — после контента.
   * .sidebar { display: contents } — дети участвуют в flex .mid; order только у виджетов и соцблока.
   */
  .mid:not(.mid--billing) .sidebar {
    display: contents !important;
  }

  .mid:not(.mid--billing) .sidebar__social-widgets-desktop {
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mid:not(.mid--billing) .sidebar > .ttl.ttl_theme_def,
  .mid:not(.mid--billing) .sidebar > .scl {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mid:not(.mid--billing) .content-wrp {
    order: 0 !important;
  }

  .mid:not(.mid--billing) .seo-block-mobile-under-sidebar {
    order: 2 !important;
  }

  /* Плотнее: свитчер → виджеты → .content-wrp */
  .main-after-banner:not(.main-after-banner--billing) > .unified-vip-switcher-wrapper {
    margin-bottom: 0 !important;
  }

  .main-after-banner:not(.main-after-banner--billing) > .unified-vip-switcher-wrapper .unified-vip-switcher {
    padding: 4px 8px !important;
  }

  .mid:not(.mid--billing) {
    gap: 6px !important;
  }

  .mid:not(.mid--billing) .sidebar__social-widgets-desktop {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ==========================================================================
   Главная (не ЛК): сайдбар — Telegram и Discord столбиком, «панели» как у .side
   (виджеты лежат в .sidebar__social-widgets-desktop, не прямые дети .sidebar)
   ========================================================================== */
.mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Обёртка .tg-news-block без своего фона/рамки — оформление только у .tg-news-card (theme.css) */
.mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-block {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-block > .ttl.ttl_theme_def {
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
}

/* <768 (строго ≤767): ТГ и Discord столбиком; внутри каждого — горизонтальная карточка (как полоса 901+) */
@media (max-width: 767px) {
  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: stretch !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-block {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-block > .ttl.ttl_theme_def {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: none !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-cards {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 6px;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: 1fr auto !important;
    align-items: stretch !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--r-md, 6px) !important;
    background: linear-gradient(180deg, rgba(62, 94, 121, 0.24), rgba(20, 30, 46, 0.56)) !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__media {
    grid-column: 1;
    grid-row: 1 / -1;
    position: relative;
    align-self: stretch;
    justify-self: start;
    height: 100%;
    width: auto;
    min-width: 0;
    max-height: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    box-sizing: border-box;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__image--placeholder {
    position: absolute !important;
    inset: 0;
    height: 100% !important;
    min-height: 0 !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__logo,
  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__logo--placeholder {
    width: 26px !important;
    height: 26px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__body {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 6px 8px 4px !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__title {
    font-size: 11px !important;
    line-height: 1.2;
    margin-bottom: 2px !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__text {
    font-size: 10px !important;
    line-height: 1.35 !important;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 4.2em !important;
    overflow-y: auto;
    padding-right: 4px !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__footer {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    min-width: 0;
    padding: 0 8px 6px !important;
    gap: 4px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__channel {
    font-size: 10px !important;
  }

  .mid:not(.mid--billing) .sidebar .sidebar__social-widgets-desktop .tg-news-card__btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 10px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
  }
}

/*
 * Только ЛК (<1361px): правый .sidebar с виджетами (ТГ/Discord и т.д.) скрыт.
 * Главная и прочие страницы (.mid без .mid--billing) не трогаем.
 */
@media (max-width: 1360px) {
  .mid.mid--billing .sidebar {
    display: none !important;
  }

  .mid.mid--billing {
    display: block !important;
  }

  .mid.mid--billing .content-wrp {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
  }
}

/* Billing cards 1025-1300: compact desktop-like composition for promo and top-online */
@media (min-width: 1025px) and (max-width: 1300px) {
  .mid.mid--billing .lk-card--promocodes,
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--promocodes,
  .lk-cabinet .lk-card--top-online {
    padding: 14px !important;
    border-radius: 8px;
    min-height: 0 !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header,
  .mid.mid--billing .lk-card--top-online .lk-top-online__header,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__header,
  .lk-cabinet .lk-card--top-online .lk-top-online__header {
    margin-bottom: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title,
  .mid.mid--billing .lk-card--top-online .lk-top-online__title,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__title,
  .lk-cabinet .lk-card--top-online .lk-top-online__title {
    margin-bottom: 8px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    gap: 4px 8px;
    margin-bottom: 14px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc,
  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    font-size: 11px;
    line-height: 1.42;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-zone {
    margin-top: 12px;
    margin-bottom: 16px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 14px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    flex-wrap: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos {
    flex: 0 1 480px !important;
    width: 100% !important;
    max-width: 480px !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos {
    flex: 1 1 0 !important;
    max-width: 480px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos {
    width: 100% !important;
    max-width: 480px !important;
  }

  .mid.mid--billing .lk-card--promocodes .demonstration,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: 480px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .server,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-card--promocodes .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right {
    width: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    border-top: none !important;
    border-left: none !important;
    justify-content: flex-end !important;
    align-items: center !important;
    text-align: left;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right {
    flex: 0 0 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    flex-wrap: nowrap !important;
    margin-left: 16px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation),
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation) {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 6px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left;
    box-sizing: border-box;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-left: none !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left;
    box-sizing: border-box;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--top-online .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-promocodes__status-badge {
    width: auto !important;
    min-width: 188px;
    max-width: 100% !important;
    padding: 4px 10px !important;
    font-size: 10px !important;
    line-height: 1.35;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-promocodes__status-badge {
    width: 100% !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-primary,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-primary {
    width: 100%;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-panel {
    padding: 8px 12px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-inline-center,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-inline-center {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-controls,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-controls {
    width: auto;
    justify-content: flex-start;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btns,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btns {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    width: auto;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btn {
    width: 68px !important;
    min-width: 68px;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    font-size: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-label {
    font-size: 11px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__metric,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__metric {
    align-items: center;
    flex: 0 0 auto;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: auto !important;
    min-width: 188px;
    max-width: 100% !important;
    height: auto;
    min-height: 0;
    padding: 4px 10px;
    font-size: 10px;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__desc,
  .lk-cabinet .lk-card--top-online .lk-top-online__desc {
    margin-bottom: 12px;
    line-height: 1.42;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions {
    margin-top: 12px;
    margin-bottom: 8px;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__actions .lk-card__btn,
  .lk-cabinet .lk-card--top-online .lk-top-online__actions .lk-card__btn {
    min-width: 195px;
    height: 26px;
    min-height: 26px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions-not-loaded .lk-card__btn {
    width: 195px !important;
    max-width: 100% !important;
    min-width: 195px;
    height: 26px;
    min-height: 26px;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__top-online__bar-track,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__top-online__bar-track {
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__content,
  .lk-cabinet .lk-card--top-online .lk-top-online__content {
    margin-bottom: 10px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .mid.mid--billing .lk-card--top-online .lk-top-online__warning,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--top-online .lk-top-online__warning {
    margin-top: 14px;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__delete-row,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__delete-row {
    margin-top: 6px;
    gap: 10px;
  }

  /* Final promo layout override: avoid old flex/auto-margin hotfix collisions */
  .mid.mid--billing .lk-card--promocodes,
  .lk-cabinet .lk-card--promocodes {
    display: block !important;
    min-height: 0 !important;
  }

  /* Не использовать !important: перебивает inline display:none для NoVIP (шаблон {vip.content_display}) */
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__content,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__content {
    display: block;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 480px) 188px !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    width: 100% !important;
    padding: 10px 12px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 480px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--promocodes .demonstration {
    margin: 0 !important;
  }

  /* Только при загруженном CSV: иначе flex !important ломал inline display:none («Активен — 0» при НЕ АКТИВНО) */
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"] {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 188px !important;
    min-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"] {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 188px !important;
    min-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:none"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-label,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-value,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-label,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge .lk-promocodes__metric-value {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px !important;
  }

  /* Final geometry sync for promo + top-online */
  .mid.mid--billing .lk-card--promocodes,
  .mid.mid--billing .lk-card--top-online,
  .lk-cabinet .lk-card--promocodes,
  .lk-cabinet .lk-card--top-online {
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 480px) 188px !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 480px !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .demonstration,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: 480px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .server,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server,
  .lk-cabinet .lk-card--promocodes .server,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"] {
    grid-column: 2 !important;
    justify-self: end !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"] {
    grid-column: 2 !important;
    justify-self: end !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right {
    grid-column: 2 !important;
    justify-self: end !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .mid.mid--billing .lk-card--top-online .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--top-online .lk-promocodes__status-badge {
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    border-radius: 6px !important;
  }
}

@media (max-width: 899px) {
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 10px 12px !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-panel .lk-top-online__demos {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__name,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__chron,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__date,
  .mid.mid--billing .lk-card--top-online .lk-top-online__demo-block .server__top-online__count,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__name,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__chron,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__date,
  .lk-cabinet .lk-card--top-online .lk-top-online__demo-block .server__top-online__count {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right {
    display: flex !important;
    grid-column: auto !important;
    justify-self: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Те же размеры, что у промокодов (не тянуть бейдж на 240px) */
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--top-online .lk-top-online__server-right .lk-promocodes__status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* Final promo-only tablet polish: 768-1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__header,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin-bottom: 6px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__title,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__title {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-row,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 8px 0 14px !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__short-desc,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__short-desc {
    margin: 0 !important;
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-toggle,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-zone {
    margin-bottom: 16px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-panel,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-panel {
    display: block !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__actions,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__actions {
    margin-bottom: 18px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    margin-top: 14px !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__demos,
  .mid.mid--billing .lk-card--promocodes .demonstration,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__demos,
  .lk-cabinet .lk-card--promocodes .demonstration {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Профиль: не тянуть демо на всю ширину планшета (как промокоды max 480px) */
  .lk-profile-page .lk-profile__servers-demo.demonstration {
    width: min(480px, 100%) !important;
    max-width: min(480px, 100%) !important;
    margin: 0 !important;
    justify-self: start;
    box-sizing: border-box;
  }

  .mid.mid--billing .lk-card--promocodes .server,
  .lk-cabinet .lk-card--promocodes .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .lk-profile-page .lk-profile__servers-demo .server {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) max-content max-content !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__vip,
  .lk-cabinet .lk-card--promocodes .server__vip,
  .lk-profile-page .lk-profile__servers-demo .server__vip {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__title,
  .lk-cabinet .lk-card--promocodes .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: end !important;
    z-index: 1 !important;
  }

  .lk-profile-page .lk-profile__servers-demo .server__title {
    grid-row: 1 !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    align-self: center !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__name,
  .lk-cabinet .lk-card--promocodes .server__name,
  .lk-profile-page .lk-profile__servers-demo .server__name {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__grp,
  .lk-cabinet .lk-card--promocodes .server__grp,
  .lk-profile-page .lk-profile__servers-demo .server__grp {
    display: contents !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__chron,
  .lk-cabinet .lk-card--promocodes .server__chron,
  .lk-profile-page .lk-profile__servers-demo .server__chron {
    grid-row: 2 !important;
    grid-column: 2 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    justify-self: start !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__date,
  .lk-cabinet .lk-card--promocodes .server__date,
  .lk-profile-page .lk-profile__servers-demo .server__date {
    grid-row: 1 / span 2 !important;
    grid-column: 4 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: right !important;
    justify-self: end !important;
    align-self: center !important;
    z-index: 1 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__date-full,
  .lk-cabinet .lk-card--promocodes .server__date-full,
  .lk-profile-page .lk-profile__servers-demo .server__date-full {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__date-short,
  .lk-cabinet .lk-card--promocodes .server__date-short,
  .lk-profile-page .lk-profile__servers-demo .server__date-short {
    display: inline !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate-row,
  .lk-cabinet .lk-card--promocodes .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    display: grid !important;
    grid-template-columns: 18px max-content !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  .lk-profile-page .lk-profile__servers-demo .server__rate-row {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }
  .lk-profile-page .lk-profile__servers-demo .server__rate-row > .server__rate {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
    line-height: 1.2 !important;
  }
  .lk-profile-page .lk-profile__servers-demo .server__rate-row > .server__rate span {
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate-row > *:not(.server__rate),
  .lk-cabinet .lk-card--promocodes .server__rate-row > *:not(.server__rate) {
    grid-column: 1 !important;
    justify-self: center !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate-row > .server__rate,
  .lk-cabinet .lk-card--promocodes .server__rate-row > .server__rate {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift-wrap,
  .lk-cabinet .lk-card--promocodes .server__promo-gift-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift-wrap::before,
  .lk-cabinet .lk-card--promocodes .server__promo-gift-wrap::before {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift,
  .lk-cabinet .lk-card--promocodes .server__promo-gift {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: linear-gradient(180deg, rgba(78, 104, 146, 0.48), rgba(30, 45, 70, 0.72)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 4px 10px rgba(0, 0, 0, 0.28) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    user-select: none !important;
    font-family: inherit !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__promo-gift::before,
  .lk-cabinet .lk-card--promocodes .server__promo-gift::before {
    content: "\f06b" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: rgba(255, 143, 42, 0.95) !important;
    text-shadow: 0 0 8px rgba(255, 143, 42, 0.22) !important;
  }

  .mid.mid--billing .lk-card--promocodes .server__rate,
  .lk-cabinet .lk-card--promocodes .server__rate {
    font-size: 10px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right[style*="display:none"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right[style*="display: none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right[style*="display:none"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right[style*="display: none"] {
    display: none !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right:not(.lk-promocodes__server-right--inactive):not(.lk-promocodes__server-right--moderation)[style*="display: block"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 6px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--inactive[style*="display: block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display:block"],
  .lk-cabinet .lk-card--promocodes .lk-promocodes__server-right--moderation[style*="display: block"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__status-badge,
  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__status-badge,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-badge {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btns,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btns {
    align-items: stretch !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__limit-btn,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__limit-btn {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .mid.mid--billing .lk-card--promocodes .lk-promocodes__help-zone,
  .lk-cabinet .lk-card--promocodes .lk-promocodes__help-zone {
    display: none !important;
  }
}