.registry__header {
    padding-top: 64px;
    padding-bottom: 40px;
    border-bottom: 1px solid #0000001A;
}
.registry__products-ul {
    display: grid;
    grid-template-columns: repeat(4, calc((100% - 1.5rem * (4 - 1)) / 4));
    gap: 3rem 1.5rem;
    margin-top: 56px;
    padding-bottom: 64px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .registry__products-ul {
        grid-template-columns: repeat(3, calc((100% - 7px) / 3));
        gap: 22px 7px;
   } 
}
@media (max-width: 767px) {
   .registry__products-ul {
        grid-template-columns: repeat(2, calc((100% - 7px) / 2));
        gap: 22px 7px;
   } 
}