@media (max-width: 1200px) {
     .loop-card {
         flex: 0 0 calc(25% - (var(--loop-gap) * 3 / 4) - (var(--loop-gap) * 2 / 4));
     }
 }

 @media (max-width: 992px) {
     .loop-card {
         flex: 0 0 calc(33.33% - (var(--loop-gap) * 2 / 3) - (var(--loop-gap) * 2 / 3));
     }
 }

 @media (max-width: 768px) {
     .loop-card {
         flex: 0 0 calc(50% - (var(--loop-gap) * 1 / 2) - (var(--loop-gap) * 2 / 2));
     }
 }

 @media (max-width: 480px) {
     .loop-card {
         flex: 0 0 100%;
     }

     .loop-slider-track {
         gap: 0;
         padding: 0;
     }
 }