.layout-switcher button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.layout-switcher button.active {
  pointer-events: none;
}

.layout-switcher sup {
  font-size: 10px;
  line-height: 0.6;
}

@media (pointer: fine) {
  .layout-switcher button:hover sup {
    animation: animation-beat 0.6s infinite ease;
  }
}

@media (min-width: 640px) {
  .promotion-card-item {
    height: auto;
    min-height: var(--s-height);
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .main-collection__list {
    --mobile-columns-alt: var(--columns);
    --mobile-gap-columns-alt: var(--gap-columns);
  }
}

@media (max-width: 767px) {
  .main-collection__list {
    --mobile-columns-alt: var(--mobile-columns);
    --mobile-gap-columns-alt: var(--mobile-gap-columns);
  }
}