@media (min-width: 1441px) {
  .container { width: min(1320px, calc(100% - 56px)); }
  .hero .container { padding-bottom: 76px; }
}

@media (hover: hover) {
  .card, .btn, .nav-links a, .product-media { transition: transform .22s ease, border-color .22s ease, background .22s ease; }
  .card:hover, .product-card:hover { transform: translateY(-4px); border-color: rgba(255,106,0,.46); }
  .btn:hover { transform: translateY(-2px); }
}