@media (max-width: 700px) {
  main section[id], .footer[id] { scroll-margin-top: 90px; }

  .categories-head { display: block; margin-bottom: 28px; }
  .categories-head .small-copy { max-width: 34rem; margin: 17px 0 0; line-height: 1.55; }
}

@media (max-width: 360px) {
  .product-action { font-size: 12px; letter-spacing: 0; text-transform: none; white-space: nowrap; }
  .category:not(:first-child) { padding: 14px; }
  .category:not(:first-child) span { font-size: 22px; }
  .category svg { right: 12px; bottom: 15px; width: 18px; }
}