.popular-categories__box-1 {
    margin-top: 3rem;

    display: flex;
    flex-direction: column;
}

.popular-categories__box-11 {
    min-height: 14rem;

    display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr;
}

.popular-categories__box-12 {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.popular-categories__box-121 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.popular-categories__box-121 .popular-categories__item {
    min-height: 14rem;
}

.popular-categories__box-122 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.popular-categories__item {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;

    position: relative;

    display: flex;
    flex-direction: column;

    border: 1px solid var(--border-color);

    transition: border .5s ease-in-out;
}

.popular-categories__item:hover {
    border: 1px solid #000;
}

.popular-categories__item-title {
    /* font-size: 1.5rem; */
    font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));
}

.popular-categories__item-img {
    position: absolute;

    right: 1rem;
    bottom: 1rem;
    
    width: 70%;
    height: 70%;
}