body { 
    margin:0; 
    font-family: Arial, sans-serif; 
}
.container {
    max-width: 1140px;
    margin: auto;
}
header, footer { text-align:center; padding:40px 20px; }
.hero-text { padding:40px 20px; text-align:center; }
.hero-img img { width:100%; display:block; }
footer {
    background: #000;
    color: #fff;
}
/* Sezione rossa */
.red-section {
    background:url(sfondo.jpg);
    background-repeat: repeat;
    padding:60px 20px;
    color:#fff;
}
.section-red {
    width: 100%;
    background: #d01d23;
}
.red-columns {
    display: flex;
    flex-flow: row;
}
.red-columns .sx, .red-columns .dx {
    width: 50%;
}

.product-swiper {
    margin-bottom:50px;
}
img.hashtag {
    transform: rotate(-5deg);
    max-width: 500px;
    width: 100%;
}

/* Swiper generico */
.swiper {
    width:100%;
    padding-bottom:40px;
}
.swiper-slide {
    
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.swiper.container-swiper {
    max-width: 700px;
    margin-bottom: 40px;
}
.container-swiper .swiper-slide img {
    width: 100%;
}
.swiper-slide img {
    height:auto;
}
.swiper.product-swiper {
    max-width: 82%;
}

.swiper-pagination-bullet-active {
    background: #fff;
}
.container-swiper .swiper-pagination-bullet-active {
    background: #D01D23;
}

footer .container .top, footer .container .bottom {
    display: flex;
    text-align: left;
    font-size: 12px;
    gap: 30px;
}

footer .container .top {
    flex-flow: column;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    gap: 0;
}
footer .container .top img {
    height: 42px;
}
footer .container .bottom {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
footer .container .top, footer .container .bottom img {
    width: 175px;
}
footer .container .bottom .box {
    width: 40%;
    text-align: right;
}
footer .container .top, footer .container .bottom .box.left {
    width: 60%;
    text-align: left;
}

@media (max-width: 767px) {
    footer .container .bottom {
        flex-flow: column;
    }
    footer .container .bottom .box, footer .container .bottom .box.left, footer .container .top {
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
}