ul {
        display: flex
}
main>h2 {
        font-size: 23px;
}

.advantages h2 {
        font-size: 20px;
        font-weight: bold;
}

.advantages ul {
        gap: 5%;
        justify-content: space-around;
}

.advantages ul li {
        width: 25%;
}

.product-types ul {
        align-content: center;
        align-items: fill;
        justify-content: center;
        justify-items: center;
        gap: 20px;
}

.product-types li {
        box-shadow: 0px 0px 3px var(--primary-fg-color);
        width: 200px;
}

.product-types img {
        width: 100%;
        height: 200px;
        object-fit: cover;
}

.product-types h2 {
        font-size: 105%;
        font-weight: bold;
}

.product-types p {
        text-wrap: balance;
}
a:has(.banner) {
        width: 100%;
        display: flex;
        justify-content: center;
}
.banner {
        max-width: 100%;
}
@media (max-width: 1280px) {
.banner {
        /* visibility: hidden; */
}
}
@media (max-width: 754px) {
        ul {
                flex-direction: column;
        }
                ul>*{
                        margin-top: var(--padding-from-sides);
                }
}