@media (min-width: 651px) and (max-width: 1000px) {
  .gallery-nav button:disabled {
    background-color: white;
    color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
  }

  .gallery-track {
    display: flex;
    flex-wrap: nowrap;
  }

  .artwork {
    flex: 0 0 50%; /* show 2 per row */
  }

  .artwork-image {
    flex: 1;
    width: 100%;
    aspect-ratio: 3 / 4;
    max-height: 700px;
    overflow: hidden;
  }

  .artwork-image:hover img {
    transform: none;
  }

  .tabs-mobile {
    position: relative; /* required for absolute dropdown */
    display: flex; /* must be visible */
    height: var(--row-h);
  }

  .tabs-mobile .tab {
    width: 100%;
  }

  .tabs-dropdown {
    display: none !important;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    width: 25%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    align-items: center;
    background-color: var(--white);
  }

  .tabs-dropdown.open {
    display: flex !important;
  }

  .tabs-mobile button:hover {
    background-color: var(--light);
  }

  .tabs-dropdown button {
    font-size: var(--sh-desktop);
    padding: 20px;
    border: none;
    width: 100%;
    background-color: var(--white);
  }

  .tab.active {
    width: 100%;
    background-color: var(--black);
    color: var(--white);
  }

  .active-collection {
    height: 0;
    overflow: hidden;
    background-color: var(--black);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--sh-desktop);
    transition: height 0.4s ease, padding 0.4s ease;
  }

  .active-collection.show {
    height: var(--row-h);
    padding: 0 0;
  }
}