/* Theme default - responsive.css: tablet and phone adjustments for the blocks above. */
@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: 1fr; }
  .orbit { max-width: 18rem; }
  .nav { display: none; }
  .burger { display: inline-flex; }
  .btn-discord span { display: none; }
  .btn-discord { padding: 0.6rem 0.85rem; }
  .nav-open .nav {
    display: grid;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100dvh - 4.25rem);
    overflow-y: auto;
    margin: 0;
    padding: 0.8rem 1.2rem 1.6rem;
    background: rgb(var(--surface-rgb) / 0.985);
    border-bottom: 1px solid var(--line);
    gap: 0.2rem;
  }
  .nav-open .nav-item { justify-content: space-between; width: 100%; }
  .nav-open .mega { position: static; transform: none; padding-top: 0.35rem; min-width: 0; }
  .nav-open .mega-inner { min-width: 0; padding: 0.5rem; border-radius: var(--r-m); }
  .nav-open .mega-inner[data-cols="2"] { grid-template-columns: 1fr; min-width: 0; }
  .cookie-actions { margin-left: 0; width: 100%; }
  .cookie-actions .btn { flex: 1; justify-content: center; }
  .update { grid-template-columns: 1fr; gap: 0.35rem; }
  .rule { grid-template-columns: 1fr; }
  .rule .sev { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

@media (max-width: 1080px) {
  .nav-bar { grid-template-columns: auto 1fr; }
  .nav-side { grid-column: 2; }
  .brand-mark { width: 1.95rem; height: 1.95rem; }
  .nav-open .nav { animation: sheetIn 0.24s cubic-bezier(0.22, 1, 0.36, 1) both; }
  @keyframes sheetIn { from { opacity: 0; transform: translateY(-0.75rem); } to { opacity: 1; transform: none; } }
  .nav-open .nav-item { font-size: 1rem; padding: 0.8rem 0.9rem; }
  .nav-open .mega-inner::after { display: none; }
  .nav-open .mega-item { padding: 0.7rem 0.75rem; }
  .lang-menu { max-height: 60vh; overflow-y: auto; }
}

@media (max-width: 640px) {
  .nav-bar { min-height: 4rem; gap: 0.5rem; }
  .brand span { font-size: 1rem; }
  .lang summary { padding: 0.45rem 0.6rem; font-size: 0.82rem; }
  .btn-discord { padding: 0.55rem 0.7rem; }
  .burger { width: 2.4rem; height: 2.4rem; }
  .hero { padding-block: 2.5rem 2rem; }
  .hero-grid { text-align: center; justify-items: center; }
  .hero .btn-row { justify-content: center; }
  .badge { margin-inline: auto; }
  .orbit { max-width: 14rem; }
  .cookie { padding: 0.6rem; }
  .cookie-box { padding: 0.9rem 1rem; gap: 0.85rem; }
  .cookie-title { font-size: 0.95rem; }
  .cookie-body { font-size: 0.85rem; }
  .foot-grid { gap: 1.5rem; }
}

@media (hover: none) {
  .card:hover, .feature:hover, .hub-item:hover { transform: none; box-shadow: none; }
}

@media (max-width: 640px) {
  .srv { flex-direction: column; align-items: stretch; gap: 0.6rem; }
  .srv-state { min-width: 0; }
  .srv-ip { margin-left: 0; justify-content: space-between; }
  .cmd { grid-template-columns: 1fr; gap: 0.25rem; }
  .dc-wrap { flex-direction: column; }
  .dc-widget { width: 100%; }
  .dc-side, .dc-side .btn { width: 100%; justify-content: center; }
}