.towels__content {
    & > div > div {
        width: 100%;
        gap: 24px !important;

        & > div {
            transition: all .4s ease-in-out;
        
            &:hover {
                transform: translateY(-8px);
            }
        }

        figure {
            a,img {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.towels__loop ul {
    gap: 32px !important;
}

.towels__pagination {
    padding-top: 32px;
    padding-right: 32px;
}

@media only screen and (max-width: 1100px) {
    .towels {
        .container {
            flex-direction: column;
        }
    }

    .towels__img {
       aspect-ratio: 3/2;
       padding-right: 32px;
    
        & > div {
            height: 100%;
            background-position: 50% 35%;
        }
    }
}

@media only screen and (max-width: 800px) {
    .towels__img {
       height: 450px;
        & > div {
            height: 450px;
        }
    }

    .towels__content {
        & > div {
            padding-left: 32px !important;
            padding-right: 32px !important;
        }
    }
}

@media only screen and (max-width: 576px) {

    .towels__img {
       height: 350px;
       width: calc(100% - 24px);
       padding-right: 24px;

        & > div {
            width: calc(100% - 24px);
            height: 350px;
        }
    }

    .towels__content {
        & > div {
            padding-left: 24px !important;
            padding-right: 24px !important;
     
            div.is-layout-grid {
                grid-template-columns: 1fr 1fr !important
            }
        }
    }
}