@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Variabili CSS */
:root {
    /* Colori principali */
    --primary-color: #1A1A1A; /* Nero principale */
    --secondary-color: #FFBA8F; /* Rosa */
    --accent-color: #FFA066; /* Rosa scuro */
    
    /* Colori di sfondo */
    --bg-primary: #ffffff;
    --bg-secondary: #FFF5ED; /* Rosa molto chiaro */
    --bg-accent: #FFE4D6; /* Rosa chiarissimo */
    --bg-hero: #FFBA8F; /* Colore sfondo hero */
    --bg-dark: #1A1A1A; /* Sfondo scuro */
    --bg-light-blue: #D6E9F3; /* Azzurro chiaro per acqua */
    
    /* Colori del testo */
    --text-primary: #1A1A1A; /* Nero */
    --text-secondary: #666666;
    --text-light: #ffffff;
    
    /* Font */
    --font-primary: 'Barlow', sans-serif;
    /* --font-primary: 'Montserrat', sans-serif; */
    
    /* Spaziature */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    
    /* Breakpoints */
    --mobile: 768px;
    --tablet: 1024px;
    --desktop: 1440px;

    --width-container: 1440px;
    --site-header-height: 80px;

    --swiper-theme-color: var(--primary-color);

    --marquee-duration: 20s;
}

/* Reset e stili base */
* {
    margin: 0; padding: 0; box-sizing: border-box;
}

body {
    font-family: var(--font-primary); line-height: 1.6; color: var(--text-primary); font-size: 16px;
}

a {
    text-decoration: none; color: inherit;
}

ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary); font-weight: 700; line-height: 1.2;
}
h1{
    font-size: 2.5rem;
    text-align: center;
}
h2{
    font-size: 2rem;
    text-align: center;
}
h3{
    font-size: 1.5rem;
    text-align: center;
}
h4{
    font-size: 1.2rem;
}
h5{
    font-size: 1rem;
}
h6{
    font-size: 0.8rem;
}

img {
    width: 100%; height: auto; object-fit: cover; margin: 0; padding: 0; display: block;
}

/* Container principale */
.container {
    width: 100%; max-width: var(--width-container); margin: 0 auto; padding: 0 var(--spacing-md);
}
.myInner {
    width: 90%; max-width: var(--width-container); margin: 0 auto; padding: 0 var(--spacing-md);
}
/* Bottoni */

.cta_cnt {
    display: block; 
    padding: var(--spacing-md) var(--spacing-md);
}
.cta_cnt a {
    display: inline-block; font-size: 1rem; font-weight: 600; text-decoration: none; color: inherit; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid var(--primary-color); padding-bottom: 5px; transition: all 0.3s ease;
}

.cta_cnt a:hover {
    color: var(--secondary-color); border-color: var(--secondary-color);
}

.btn {
    display: inline-block; padding: var(--spacing-sm) var(--spacing-md); border-radius: 30px; text-decoration: none; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--primary-color); color: var(--text-light);
}

.btn-primary:hover {
    background-color: var(--secondary-color); transform: translateY(-2px);
}

/* ============================
   Colori
   ============================ */
.dark {
    background-color: var(--bg-dark); color: var(--text-light);
}

.light {
    background-color: var(--bg-primary); color: var(--text-primary);
}

/* ============================
   Header e Navigazione
   ============================ */
.header {
    position: fixed; top: 0; left: 0; width: 100%; background-color: var(--bg-primary); z-index: 1000; padding: var(--spacing-sm) 0; border-bottom: 1px solid #eeeeee;
}
    .logo {
        display: flex; flex-direction: column; align-items: center; text-align: center;
    }
        .logo img {
            height: 50px;
            width: auto;
        }

    /* Menu di navigazione */
    .header-inner {
        width: 100%; margin: 0 auto; padding: 0 var(--spacing-md); display: flex; justify-content: space-between; align-items: center;
    }
        .header-side-block {
            flex: 1;
        }
        .main-nav {
            display: flex; justify-content: space-between; align-items: center;
        }
            .nav-menu {
                display: flex; flex-direction: row;
            }
            .nav-menu#nav-menu--left {
                flex: 1; justify-content: flex-end; margin-right: var(--spacing-md);
            }
            .nav-menu#nav-menu--right {
                flex: 1; justify-content: flex-start; margin-left: var(--spacing-md);
            }
            .nav-menu a {
                color: var(--text-primary); font-family: var(--font-primary); font-size: 0.9em; font-weight: 500; padding: .5em 1em; text-transform: uppercase; letter-spacing: .05em; transition: color 0.3s ease; white-space: nowrap;
            }
            .nav-menu a:hover {
                color: var(--secondary-color);
            }
            .nav-menu--lang{
                display: flex; flex-direction: row; justify-content: flex-end;
            }
            .nav-menu--lang a {
                padding: .5em .5em;
            }

main{
    padding-top: var(--site-header-height);
}

/* ============================
   Gallery Section
   ============================ */

.gallery{ position: relative; z-index: 1; }
.row.gallery {
    width: 100%; background-color: var(--bg-hero); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 0; 
    /* height: calc(100vh - var(--site-header-height));  */
}
    .gallery__content {
        width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;
    }
    .gallery__slide {
        height: 80%; width: 80%; display: flex; align-items: center; justify-content: center; z-index: 2;
    }

    .gallery__slide img {
        height: 90%; width: 90%; object-fit: contain;
    }

/* ============================
   Row Simple Section
   ============================ */
.row-simple {
    width: 100%; padding: var(--spacing-lg) 0; background-color: var(--bg-primary);
}
    .row-simple__content {
        max-width: var(--width-container); margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center;
    }
    .row-simple__image {
        width: 100%; margin-bottom: var(--spacing-xl); position: relative;
    }
    .row-simple__text {
        width: 80%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs);
    }
        .row-simple__text h2 {
            max-width: 600px;
        }
        .row-simple__description {
            font-size: 1.1rem; line-height: 1.8; color: var(--text-secondary); margin-bottom: var(--spacing-lg);
        }

/* ============================
   Row Testi Full Section
   ============================ */
.row-testi-full {
    width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--spacing-xl) 0;
}
    .row-testi-full__content {
        max-width: var(--width-container); margin: 0 auto; 
        display: flex; flex-direction: column; align-items: center; text-align: center;
    }

    .row-testi-full__title {
        font-size: 3rem; margin-bottom: var(--spacing-lg); text-transform: uppercase; letter-spacing: 2px;
    }

    .row-testi-full__text {
        font-size: 1.2rem; line-height: 1.8; margin-bottom: var(--spacing-lg); width: 50%;
        display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spacing-sm);
    }


    .row-testi-full__icon {
        width: 250px; height: 250px; margin-top: var(--spacing-lg);
    }

    .row-testi-full__icon img {
        width: 100%; height: 100%; object-fit: contain;
    }

    .row-testi-full.dark img {
        filter: brightness(0) invert(1); 
    }

    .row-testi-full.light img {
        filter: none;
    }

/* ============================
   Row Testi Img Col Section
   ============================ */
.row-testi-img-col {
    width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center;
}
    .testi-img-col__content {
        width: 100%; 
        display: grid; grid-template-columns: 35% 65%; gap: 0;
        padding: var(--spacing-md );
    }
        .testi-img-col__image {
            flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
        }
            .testi-img-col__image figure {
                height: 100%; width: 100%;
            }
            .testi-img-col__image img {
                height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 2;
            }
        .testi-img-col__text {
            flex: 1; display: flex; flex-direction: column; justify-content: center; padding: var(--spacing-md); 
            text-align: center;
        }
            .testi-img-col__text h2 {
                font-size: 4em; font-weight: 700; margin: 0 0 var(--spacing-sm) 0; line-height: 1; text-transform: uppercase; 
            }
            .testi-img-col__text h3 {
                font-size: 1.5em; font-weight: 600; margin: 0 0 var(--spacing-sm) 0; text-transform: uppercase; color: var(--text-secondary);
            }
            .testi-img-col__description {
                font-size: 1.2rem; line-height: 1.8; margin: var(--spacing-sm) 0 0 0; color: var(--text-secondary);
            }


/* ============================
   Row Smallimg Txt Section
   ============================ */
.row-smallimg-txt {
    width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center;
}
    .smallimg-txt__content {
        width: 100%; display: grid; grid-template-columns: 30% 70%; gap: 0; padding: var(--spacing-md );
    }
        .smallimg-txt__image {
            flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
        }
        .smallimg-txt__text {
            flex: 1; display: flex; flex-direction: column; justify-content: center; padding: var(--spacing-md) var(--spacing-xl); gap: var(--spacing-sm);
        }
        
/* ============================
   Row Strip Section
   ============================ */
.img_strip {
    width: 100%; display: flex; flex-direction: column; padding: var(--spacing-md) var(--spacing-md);
}
    .img_strip__content {
        width: 100%; display: flex; flex-direction: row; gap: var(--spacing-sm); flex-wrap: nowrap; overflow-x: auto; 
    }
        .img_strip__item {
            width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
        }
        .img_strip__item figure {
            width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
        }
        .img_strip__item img {
            width: 100%; height: 100%; object-fit: cover;
        }



/* ============================
   Row Columns Section
   ============================ */
.row-columns{
    width: 100%;  display: flex; align-items: center; justify-content: center; padding: var(--spacing-lg) 0;
}
    .row-columns__content {
        padding: var(--spacing-md ) var(--spacing-xl);
        text-align: center;
    }
        .row-columns__content-header{
            margin-bottom: var(--spacing-lg);
            display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spacing-sm);
        }
        .row-columns__grid{
            display: grid; gap: var(--spacing-sm);
            grid-template-columns: repeat(3, 1fr);
        }
        .row-columns__grid-2{
            grid-template-columns: repeat(2, 1fr);
        }
        .row-columns__grid-3{
            grid-template-columns: repeat(3, 1fr);
        }
        .row-columns__grid-4{
            grid-template-columns: repeat(4, 1fr);
        }
            .row-columns__grid-item{
                border-top: 1px solid var(--text-primary); padding: var(--spacing-md) var(--spacing-xs); margin: var(--spacing-xs) 0;
                display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative;
            }

/* ============================
   Row Categorie Section
   ============================ */
.row-products-cate{
    width: 100%; display: flex; align-items: center; justify-content: center; padding: var(--spacing-md) 0;
}

    .row-products-cate__content{
        width: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 0  var(--spacing-md);
    }
        .row-products-cate__content-header{
            margin-bottom: var(--spacing-lg);
        }
        .row-products-cate__content-grid{
            display: grid; gap: var(--spacing-sm);
            grid-template-columns: repeat(4, 1fr);
        }
        .row-products-cate__content-grid-item{ padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;  }
        .row-products-cate__content-grid-item a{ display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: 0; text-align: center; }
        .row-products-cate__content-grid-item img{ width: 100%; height: 100%; object-fit: cover;}
        .row-products-cate__content-grid-item a h4{ font-size: 1.2em; font-weight: 600; margin: var(--spacing-sm) 0; text-transform: uppercase; color: var(--text-primary); }


        .row-products-cate-min{
            padding: var(--spacing-md) 0;
       }
            .row-products-cate-min .row-products-cate__content-grid{
                display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--spacing-sm);
            }
            .row-products-cate-min .row-products-cate__content-grid-item{
                width: calc(20% - var(--spacing-sm));
                
            }
            .row-products-cate-min .row-products-cate__content-grid-item__img{
                width: 100%;
                display: block;
                height: auto;
                aspect-ratio: 19 / 9 ;
                background-color: var(--bg-accent);
            }
            .row-products-cate-min .row-products-cate__content-grid-item__img img{
                aspect-ratio: 19 / 9 ;
                object-fit: contain;
            }
            .row-products-cate-min .row-products-cate__content-grid-item a h4{ font-size: 1rem; width: 100%; text-align: left; margin: var(--spacing-xs) 0;  }




/* ============================
   Row Carousel Categorie Prodotti Section
   ============================ */
.row-carousel-products-categories{
    width: 100%; display: block; padding: var(--spacing-sm) 0;
}
    .row-carousel-products-categories__content{
        width: 100%; display: block; padding: 0 var(--spacing-sm); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-sm);
    }
        .row-carousel-products-categories__item{
            width: 100%; display: block;
        }
        .row-carousel-products-categories__item a{
            display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0;
        }
        .row-carousel-products-categories__itemimg{
            width: 100%; height: 100%; object-fit: cover;
        }
        .row-carousel-products-categories__item a h4{
            font-size: 1.2rem; font-weight: 600; margin: var(--spacing-sm) 0; text-transform: uppercase; color: var(--text-primary);
        }

/* ============================
   Product Detail Section
   ============================ */
.product-detail{
    width: 100%; display: grid; grid-template-columns: calc(50% - var(--spacing-md)) calc(50% - var(--spacing-md)); gap: var(--spacing-md);
}
    .product-detail__img{
        background-color: var(--bg-secondary);
        width: 100%; height: 100%; object-fit: cover;
    }
    .product-detail__content{
        width: 100%; height: 100%; 
    }
        .product-detail__category{
            width: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
            font-size: 1.2rem; font-weight: 600; margin: 0 0 var(--spacing-sm) 0; padding: var(--spacing-lg) 0; text-transform: uppercase; color: var(--text-primary);
        }
        .product-detail__titles{
            width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden;
        }

        .product-detail__content-dati{
            width: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; position: relative; overflow: hidden; padding: var(--spacing-md) 0;
        }
            .product-detail__content-row{
                display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; position: relative; overflow: hidden;
                width: 100%; gap: 0;
                margin: var(--spacing-sm) 0;
            }
                /* .product-detail__content-row-col{
                    display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; overflow: hidden;
                    gap: var(--spacing-sm); width: 100%;
                } */
                .product-detail__content-row-label{
                    border-top: 1px solid var(--text-primary); padding: var(--spacing-sm) 0; margin:0 var(--spacing-xs);
                    font-weight: 600;
                    width: 100%;
                }
                .product-detail__content-row .product-detail__content-row-label:first-child{
                    width: 35%;
                    margin:0 var(--spacing-xs) 0 0;
                }

                .product-detail__content-row-item{
                    border-top: 1px solid var(--text-primary); padding: var(--spacing-sm) 0; margin: 0;
                    font-weight: 400;
                    text-align: center;
                    width: 100%;
                }
                .product-detail__content-row-item p{
                    text-align: left;
                }
         
.row-scrolling-title{
    width: 100%; display: block; 
    overflow: hidden;
    padding: var(--spacing-sm) 0;
}
    .marquee {
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;

    }

        .marquee__item{
            animation-duration: calc(var(--marquee-duration )* 4);
            font-size: 12vh;
            line-height: 1;
            padding: 0;
            padding-right: 15vh;
            margin-top: 0;
            margin-bottom: 10px;
            font-weight: 900;
            font-style: normal;
            text-transform: uppercase;
            animation-duration: var(--marquee-duration) ;
            animation-iteration-count: infinite ;
            animation-name: marquee-content ;
            animation-timing-function: linear ;        
        }

        .marquee:hover .marquee__item {
            animation-play-state: paused ;
        }
        
       
        
        @keyframes marquee-content {
            from {
                transform: translateX( 0% );
            }
            to {
                transform: translateX( -100% );
            }
        }
        

/* ============================
   Footer
   ============================ */
.footer {
    background-color: var(--bg-dark); color: var(--text-light); padding: var(--spacing-lg) 0;
}

.footer__logo {
    display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: var(--spacing-md);
}
.footer__logo img {
    max-width: 250px;
}

.footer__content {
    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--spacing-lg); padding: 0 var(--spacing-lg);
}

.footer-nav {
    display: flex; flex-direction: column;
}



ul.footer-nav-menu {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--spacing-lg);
}

.footer__menu a {
    color: var(--text-light); font-size: 0.9rem; text-decoration: none; transition: color 0.3s ease;
}

.footer__menu a:hover {
    color: var(--secondary-color);
}

.footer__bottom {
    padding-top: var(--spacing-xl); border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spacing-lg);
}

.footer__location {
    text-align: center;
}

.footer__location h2 {
    font-family: var(--font-primary); font-size: 2.5rem; font-weight: 700; margin-bottom: var(--spacing-xs);
}

.footer__location h3 {
    font-family: var(--font-primary); font-size: 1.5rem; font-weight: 700;
}

.footer__credits {
    display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs); font-size: 0.8rem; color: rgba(255, 255, 255, 0.7);
}

/* ============================
   Media Queries
   ============================ */
@media (max-width: 1024px) {
    body {
        font-size: 14px;
    }
    .main-nav {
        font-size: 1em;
    }
    
    .row.gallery {
        height: auto; 
    }
    
    .marquee__item{
        font-size: 9vh;
    }

    .testi-img-col__content {
        width: 100%; 
        display: grid; grid-template-columns: 50% 50%; gap: 0;
        padding: var(--spacing-md );
    }

    .row-carousel-products-categories__content{
        width: 100%; display: block; padding: 0 var(--spacing-sm); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-sm);
    }
}
@media (max-width: 768px) {
    :root{
         /* Spaziature */
        --spacing-xs: 0.5rem;
        --spacing-sm: 1rem;
        --spacing-md: 1.5rem;
        --spacing-lg: 2rem;
        --spacing-xl: 2.5rem;
        
        --site-header-height: 80px;
    }

    body.mobile_open {

        overflow: hidden;
    }


    .menu-toggle{ display: block; cursor: pointer; width: 25px; height: 25px; position: fixed; top: 2em; right: 2em; padding: 0; z-index: 1100;}
	.menu-toggle__bar {
		display: block;
		width: 25px;
		height: 3px;
		background-color: var(--primary-color);
		margin: 5px 0;
		position: relative;
		transition: all 0.3s ease-in-out;
	}
	.mobile_open .menu-toggle .menu-toggle__bar{ display: none; position: absolute; top: 5px; left: 0; background-color: var(--primary-color);}
	.mobile_open .menu-toggle .menu-toggle__bar:first-child {  display: block; transform: rotate(45deg);  }
	.mobile_open .menu-toggle .menu-toggle__bar:last-child { display: block; transform: rotate(-45deg); }

    
    


    .myInner {
        width: 100%; max-width: 100%; margin: 0 auto; padding: 0 var(--spacing-xs);
    }
    /* Header e Navigazione */

    .header { padding: 0 0; }
        .logo { margin: 0; }
        .logo img { height: 50px; }
        .main-nav { padding: var(--spacing-sm) ; }
        .nav-menu { display: none; }

        .header-inner{
           transition: all 0.3s ease-in-out;
        }


        .mobile_open .header-inner {
            display: flex; flex-direction: column; justify-content: center; align-items: center; 
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            width: 100%; height: 100%; background-color: var(--bg-primary); z-index: 1000; padding: var(--spacing-sm) 0; border-bottom: 1px solid #eeeeee; z-index: 1000;
        }
        .mobile_open .main-nav {
            display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
            height: 70%; width: 100%; padding: var(--spacing-sm) 0;
            position: relative;

        }
        .mobile_open .nav-menu {
            display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: var(--spacing-sm) 0;
        }
        .nav-menu#nav-menu--left,
            .nav-menu#nav-menu--right {
            flex: 1; justify-content: center;
        
        }
        .mobile_open .logo{ position: absolute; top:0; width: 100%; left: 0; right: 0; text-align: center; }

        /* 
        .nav-menu a {
            color: var(--text-primary); font-family: var(--font-primary); font-size: 0.9em; font-weight: 500; padding: .5em 1em; text-transform: uppercase; letter-spacing: .05em; transition: color 0.3s ease; white-space: nowrap;
        }
        .nav-menu a:hover {
            color: var(--secondary-color);
        }
        .nav-menu--lang{
            display: flex; flex-direction: row; justify-content: flex-end;
        }
        .nav-menu--lang a {
            padding: .5em .5em;
        } */



    /* Hero Section */
    .hero__title { font-size: 5rem;}
    
    .hero__image img { height: 60%; }

    /* Feature Blocks */

    .row-simple__text {
        width: 100%; 
    }

    .marquee__item{
        font-size: 6vh;
    }

    .row-products-cate__content-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .row-products-cate-min .row-products-cate__content-grid {
        display: grid; gap: var(--spacing-sm);
        grid-template-columns: repeat(2, 1fr);
    }

    .row-products-cate-min .row-products-cate__content-grid-item {
        width: 100%;
    }

    .product-detail {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
    }
    .product-detail__content{
        width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
        padding: var(--spacing-md);
    }
    .product-detail__content-row{
        display: flex; flex-direction: column; align-items: stretch; justify-content: center; position: relative; overflow: hidden;
        width: 100%; gap: 0;
        margin: var(--spacing-sm) 0;
    }
    .product-detail__content-row-label, .product-detail__content-row .product-detail__content-row-label:first-child {
        width: 100%;
        margin:0 var(--spacing-xs) 0 0;
        padding: var(--spacing-sm) 0 0 0;
        /* margin: 0 var(--spacing-xs); */
    }
    .product-detail__content-row-item {
        border-top: none;
        padding: var(--spacing-sm) 0;
        margin: 0;
        font-weight: 400;
        text-align: center;
        width: 100%;
    }

    .product-detail__content-row:first-child {
        display: flex; flex-wrap: wrap; gap: var(--spacing-sm); flex-direction: row; align-items: stretch; justify-content: flex-start;
        gap: 0;
    }
    .product-detail__content-row:first-child  .product-detail__content-row-label {
        border-top: none;
        width: 40%;
        margin:0;
        padding: var(--spacing-sm) 0 0 0;
    }
    .product-detail__content-row:first-child .product-detail__content-row-item {
        width: auto;
        margin: 0;
        padding: var(--spacing-sm) calc(var(--spacing-sm) / 3);
        text-align: left;
    }
    .product-detail__content-row:first-child .product-detail__content-row-item.product-detail__content-row-item--confezione {
        width: 60%;
    }


    .row-testi-full {
        padding: var(--spacing-lg) var(--spacing-sm); height: auto; min-height: 60vh;
    }
    
    .row-testi-full__title {
        font-size: 2rem; margin-bottom: var(--spacing-md);
    }
    
    .row-testi-full__text {
        font-size: 1rem; margin-bottom: var(--spacing-md); width: 100%;
    }
    
    .row-testi-full__icon {
        width: 100px; height: 100px;
    }

    /* Product Section */
    .row-testi-img-col {
        padding: var(--spacing-md) 0; height: auto; min-height: 60vh;
    }

    .testi-img-col__content { width: 100%;  display: flex; flex-direction: column-reverse; padding: var(--spacing-md );}
        .testi-img-col__text { padding: var(--spacing-md) 0; text-align: center; align-items: center; }

    .smallimg-txt__content{  width: 100%;  display: flex; flex-direction: column; padding: var(--spacing-md ); }
        .smallimg-txt__text{ padding: var(--spacing-md) 0; text-align: center; align-items: center; }
    

    /* Story Section */
    .row-simple {
        padding: var(--spacing-lg) var(--spacing-sm);
    }
    
    .row-simple__description {
        font-size: 1rem; margin-bottom: var(--spacing-md);
    }
    
    .row-simple__image {
        margin-bottom: var(--spacing-lg);
    }

    /* Row Columns */

    .row-columns__content{
        padding: var(--spacing-md) var(--spacing-sm);
    }
    .row-columns__grid,
    .row-columns__grid-2,
    .row-columns__grid-3,
    .row-columns__grid-4
    {
        display: grid; gap: var(--spacing-sm);
        grid-template-columns: repeat(2, 1fr);
    }

    /* Row Carousel Products Categories */
    
    .row-carousel-products-categories__content{
        min-width: 100%; width: auto; padding: 0 var(--spacing-md);

        display: inline-flex;
        overflow-x: auto;
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: justify;
        width: 100vw;

    }
        .row-carousel-products-categories__item{
            width: 80vw; display: block;
        }

    /* Footer */
    .footer__content {
        grid-template-columns: 1fr; gap: var(--spacing-lg); text-align: center;
    }
    
    ul.footer-nav-menu {
        display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--spacing-sm);
    }
    
   
    
    .footer__bottom {
        padding-top: var(--spacing-lg); gap: var(--spacing-md);
    }
}