@media (max-width: 980px) {
  body {
    background-attachment: fixed;
  }

  .site-header {
    left: auto;
    margin: 0 auto;
    min-height: auto;
    position: relative;
    top: auto;
    width: min(729px, calc(100% - 24px));
  }

  .main-nav {
    display: none;
    margin-top: 12px;
  }

  .main-nav.is-open {
    display: block;
  }

  .nav-toggle {
    display: inline-block;
    margin-top: 92px;
  }

  main {
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(34px, 7vw, 72px);
    width: min(729px, calc(100% - max(48px, 12vw)));
  }

  .site-footer {
    margin-left: auto;
    margin-right: auto;
    width: min(729px, calc(100% - max(48px, 12vw)));
  }
}

@media (max-width: 680px) {
  body {
    font-size: 13px;
  }

  .parchment-page,
  .page-shell,
  .newsletter-panel {
    padding: 18px 10px 26px;
  }

  main.page-shell {
    margin-top: clamp(28px, 7vw, 44px);
  }

  .welcome-box,
  .archive-grid,
  .timeline,
  .product-grid,
  .split-section,
  .form-section,
  .creator-facts div,
  .legal-details div,
  .admin-form-grid,
  .admin-product-languages,
  .admin-user-row {
    grid-template-columns: 1fr;
  }

  .welcome-box img {
    height: auto;
    width: 25%;
  }

  .site-footer {
    display: block;
  }

  .site-footer nav {
    justify-content: flex-start;
    margin-top: 8px;
  }

  .admin-stats {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }

  .admin-stat-card__value {
    font-size: 22px;
  }

  .admin-tabs {
    flex-wrap: nowrap;
  }

  .admin-header {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-header__actions {
    justify-content: stretch;
  }

  .admin-header__actions .button {
    flex: 1;
  }

  .admin-product-row__preview {
    flex-wrap: wrap;
  }

  .admin-product-row__actions {
    margin-left: 62px;
  }

  .admin-overview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .product-card,
  .product-grid--preview .product-card,
  .product-grid--full .product-card {
    grid-template-columns: 1fr;
  }

  .product-card img,
  .product-grid--preview .product-card img,
  .product-grid--full .product-card img {
    height: auto;
    min-height: 0;
    width: 100%;
  }
}

@media (max-width: 400px) {
  .page-shell,
  .admin-shell,
  .newsletter-panel,
  .parchment-page {
    padding-left: 10px;
    padding-right: 10px;
  }

  .legal-text {
    padding: 10px;
  }

  .admin-header__actions,
  .admin-actions,
  .admin-user-row__actions,
  .admin-product-edit__actions,
  .admin-product-row__actions,
  .modal-actions,
  .checkout-form__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-form-grid,
  .admin-product-languages,
  .admin-user-row {
    gap: 10px;
  }

  .admin-product-languages fieldset {
    padding: 8px;
  }

  .admin-stat-card {
    padding: 8px 10px;
  }

  .admin-stat-card__value {
    font-size: 18px;
  }

  .admin-tab {
    font-size: 12px;
    padding: 6px 10px;
  }

  .data-table {
    font-size: 12px;
  }

  .data-table th,
  .data-table td {
    padding: 5px 6px;
  }

  .data-table__message {
    max-width: 120px;
  }

  .admin-product-row__actions {
    margin-left: 0;
    width: 100%;
  }

  input,
  textarea,
  button,
  .text-links a,
  .button--primary,
  .button--checkout,
  .button--ghost {
    min-width: 0;
  }

  input,
  textarea {
    min-height: 38px;
  }

  .admin-table {
    margin-left: -4px;
    margin-right: -4px;
  }

  .admin-table table {
    font-size: 12px;
    min-width: 520px;
  }
}