/** Shopify CDN: Minification failed

Line 139:0 Unexpected "}"

**/
/* StoreStock 2026-10-25 (issue #5): i titoli dei riquadri possono essere h1 o h2 (un solo H1 per pagina);
   le regole che prima valevano solo per h1 valgono anche per h2, cosi' l'aspetto non cambia. */
.full-width-item{
    width:100%;
}

.asymmetrical-widget-image{
    position:relative;
    margin-bottom:0;
}

.asymmetrical-widget-image.portrait_item{
    padding-bottom: 139.5%;
}

.asymmetrical-widget-image.landscape_item{
    padding-bottom: 76.6%;
}

.asymmetrical-widget-image img{
    position: absolute;
    width: 100%;
    height:100%;
    top:0; right:0; bottom:0; left:0;
    object-fit: cover;
}

.asymmetrical-widget-title{
    margin-bottom:2.8rem;
}

.asymmetrical-widget-title h1,
.asymmetrical-widget-title h2{
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    transition: opacity 0.3s ease;
}

.asymmetrical-widget-title h1::before,
.asymmetrical-widget-title h2::before{
    content: '';
    display: block;
    width: 1.5rem;
    height: 1px;
    background: currentColor;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
    flex-shrink: 0;
}

.asymmetrical-widget-picture:hover .asymmetrical-widget-title h1,
.asymmetrical-widget-picture:hover .asymmetrical-widget-title h2{
    opacity: 0.7;
}

.asymmetrical-widget-description{
    margin-bottom: 4rem;
    display: none;
}

.asymmetrical-widget-description p{
    margin:0;
    text-align: center;
    color: #212529;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0;
}

.asymmetrical-widget-cta{
    text-align:center;
}

.section-asymmetrical-grid{
    display: flex;
    padding: 0!important;
    .container-asymmetrical-widget{
        padding:0!important;
        display: flex;
        flex-direction: row!important;
        margin:0;
        width:100%;
        gap:0;
        flex-wrap: nowrap!important;
        max-width: 100%!important;
        .full-width-item{
            padding: 0!important;
        }
        .full-width-item:not(:last-child){
            border-bottom: 2px solid #ffffff;
        }
        .image{
            width:50%;
            .asymmetrical-widget-picture{
                position: relative;
                .asymmetrical-widget-content{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 0,2rem; /* avant : 2rem */
    display: flex;
    flex-direction: column;
    align-items: center;
}
            }
        }
        .image:not(:first-child){
    border-left: 0;
    position: relative;
}

.image:not(:first-child)::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ffffff;
    z-index: 10;
    pointer-events: none;
}
}
    }
}
@media screen and (min-width: 1024px){
    .asymmetrical-widget-title h1,
    .asymmetrical-widget-title h2{
        font-size: 1.4rem;
    }

    .asymmetrical-widget-description{
        margin-bottom: 4rem;
        display: block;
    }
}