a.cta-link {
    display: inline-block;
    text-transform: uppercase;
    color: var(--brown-ig, #5E4824);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

a.shop-link {
    background: var(--yellow-ig, #FFCD45);
    padding: 8px;
    text-decoration: none;
}

a.delivery-link {
    border: 1px solid var(--brown-ig, #5E4824);
    padding: 7px;
    text-decoration: none;
}

/* Hero empty */
.row.hero-empty {
    margin-bottom: 40px;
}

.row.hero-empty #breadcrumbs {
    color: black;
}

.row.hero-empty #breadcrumbs a {
    color: black;
}

/* Hero section grafica style */
.hero-section {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-section #breadcrumbs {
    position: absolute;
    top: 0;
    color: white;
}

.hero-section #breadcrumbs a,
.hero-section #breadcrumbs a:hover {
    color: white;
}

.hero-background-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    aspect-ratio: 1280/560;
    max-height: 560px;
}

.hero-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.hero-video-element {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 1280/560;
}

.text-box-hero {
    position: relative;
    min-height: 120px;
}

.text-box-hero .cont {
    min-height: 120px;
    max-width: clamp(829px, -181.7143px + 101.0714vw, 1112px);
    padding: 24px;
    background-color: var(--background-color-hero);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-box-hero .cont .text {
    max-width: 740px;
    color: var(--text-color-hero);
}

.text-box-hero .cont .text h1 {
    margin: 0 0 4px 0;
}

.text-box-hero .cont .text p {
    margin: 0;
}

.text-box-hero .cont .links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.text-box-hero .cont .links .cta-16-24 {
    display: flex;
    font-weight: 500;
}

.text-box-hero .cont .links .cta-16-24:only-child,
.text-box-hero .cont .links .cta-16-24:first-child:nth-last-child(2) {
    background-color: var(--text-color-hero);
    color: var(--button-text-color-hero);
}

.text-box-hero .cont .links .cta-16-24:nth-child(2) {
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #5E4824;
    color: var(--text-color-hero);
    padding: 15px 23px;
    font-weight: 600;
}

@media (max-width :1000px) {
    div.text-box-hero {
        margin-bottom: 40px;
    }

    .text-box-hero .cont {
        flex-wrap: wrap;
        row-gap: 32px;
    }

    .text-box-hero .cont .text {
        max-width: 100%;
    }

    .text-box-hero .cont .links {
        justify-content: flex-start;
        flex-basis: 100%;
    }
}

@media (max-width :640px) {
    .text-box-hero .cont {
        flex-wrap: wrap;
        row-gap: 32px;
        width: 100%;
    }

    .text-box-hero .cont .text {
        max-width: 100%;
    }

    .text-box-hero .cont .links {
        flex-wrap: wrap;
    }

    .text-box-hero .cont .links a {
        flex-basis: 100%;
    }
}


/* Hero section gialla  */
.row.hero-gialla {
    background-color: var(--giallo-peck);
}

.row.hero-gialla .cont .flex-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 40px;
    padding-bottom: var(--gap80-to-56);
}

.row.hero-gialla .cont .flex-container h1 {
    color: var(--marrone-peck);
    margin: 0;
    margin-top: 40px;
    flex-grow: 1;
    flex-basis: 100%;
}

.row.hero-gialla .cont .flex-container .left-side {
    flex: 1 0 248px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 32px;
    max-width: 248px;
    border-top: 2px solid var(--marrone-peck);
}

.row.hero-gialla .cont .flex-container .left-side p {
    padding-top: 16px;
    color: var(--marrone-peck);
    margin: 0;
    font-style: italic;
    font-weight: normal;
}

.row.hero-gialla .cont .flex-container .left-side a {
    /* max-width: 193px; */
    font-weight: normal;
    text-align: center;
}

.row.hero-gialla .cont .flex-container .left-side:not(:has(> a)) {
    padding-bottom: 32px;
    border-bottom: 1px solid var(--marrone-peck);
}

.row.hero-gialla .cont .flex-container .img-container {
    flex: 2 2 500px;
    min-width: 20px;
    aspect-ratio: 824/520;
    max-width: 824px;
}

.row.hero-gialla .cont .flex-container .img-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 860px) {
    .row.hero-gialla .cont .flex-container .left-side {
        max-width: 100%;
        order: 2;
        flex-basis: 100%;
        border: 0;
    }

    .row.hero-gialla .cont .flex-container .left-side:not(:has(> a)) {
        border-bottom: 0;
    }
}

/* End of hero gialla */

/* Hero table */
.row.hero-table {
    background-color: var(--giallo-peck);
}

.row.hero-table .cont .flex-container {
    display: flex;
    justify-content: space-between;
    row-gap: 16px;
    column-gap: 40px;
    padding-bottom: var(--gap80-to-56);
}

.row.hero-table .cont .flex-container .left-side {
    flex: 1 1 560px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    max-width: 560px;
    color: var(--marrone-peck);
}

.row.hero-table .cont .flex-container .left-side h1 {
    margin: 0;
    margin-top: 44px;
}

.row.hero-table .cont .flex-container .left-side p {
    color: var(--marrone-peck);
    margin: 0;
    font-style: italic;
    font-weight: normal;
}

.row.hero-table .cont .flex-container .left-side .link-table {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

.row.hero-table .cont .flex-container .left-side .link-table a {
    color: var(--marrone-peck);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-block: 16px;
    border-bottom: 1px solid var(--marrone-peck);
    text-decoration: none;
    padding-left: 0px;
    transition: all 0.3s ease-in-out;
}

.row.hero-table .cont .flex-container .left-side .link-table a:hover {
    transition: all 0.3s ease-in-out;
    padding-left: 20px;
}

.row.hero-table .cont .flex-container .left-side .link-table a:visited {
    color: var(--marrone-peck);
}

.row.hero-table .cont .flex-container .left-side .link-table a:last-of-type {
    border-bottom: none;
}

.row.hero-table .cont .flex-container .img-container {
    flex: 2 2 384px;
    min-width: 20px;
    aspect-ratio: 384/487;
    max-width: 384px;
    max-height: 487px;
    margin-top: 48px;
    position: relative;
    overflow: hidden;
}

.row.hero-table .cont .flex-container .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.47, 0, 0.23, 1.38);
}

.row.hero-table .cont .flex-container .img-container img.active {
    opacity: 1;
}

@media (max-width: 640px) {
    .row.hero-table .cont .flex-container {
        flex-direction: column;
        padding-bottom: 16px;
    }

    .row.hero-table .cont .flex-container .left-side {
        flex: 1 1 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        max-width: 100%;
    }

    .row.hero-table .cont .flex-container .left-side .link-table {
        margin-top: 0;
        width: 100%;
    }

    .row.hero-table .cont .flex-container .img-container {
        max-width: 100%;
        display: none;
    }
}

/* End of Hero table */
/* Text - image 2 columns (highlith and flipped)*/
.slide-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.slide-content-wrapper .slide-image-column {
    flex: 1 1 730px;
    max-width: 730px;
    height: 514px;
    overflow: hidden;
}

.slide-content-wrapper .slide-image-column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content-wrapper .slide-image-column video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content-wrapper .slide-text-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 1 343px;
    max-width: 343px;
}

.slide-content-wrapper .slide-text-column .slide-title {
    color: black;
    font-size: clamp(1.5rem, 1.0618rem + 1.7978vw, 2.5rem);
    /* 24px @ 400px  → 40px @ 1280 */
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.slide-content-wrapper .slide-text-column .slide-text-content p {
    font-weight: 400;
}

.slide-content-wrapper .slide-text-column .slide-link {
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    max-width: fit-content;
    padding: 24px 0px 16px 0px;
    text-transform: uppercase;
    border-bottom: 1px solid black;
    color: black;
}

.slide-content-wrapper .slide-text-column .slide-link:visited {
    color: black;
}

.slide-content-wrapper.even .slide-image-column,
.slide-content-wrapper.even .slide-text-column {
    flex: 1 1 50%;
    max-width: 100%;
}

.slide-content-wrapper.even .slide-link {
    text-transform: initial;
}

.row-slide:has(> .highlight) {
    background-color: var(--giallo-peck);
    padding-block: var(--gap80-to-56);
}

.row-slide:has(> .highlight) .slide-link,
.row-slide:has(> .highlight) .slide-link:visited {
    color: white;
    background-color: var(--marrone-peck);
    text-transform: uppercase;
    text-align: center;
    padding: 16px 24px;
    border: none;
    font-weight: 500;
}

.slide-content-wrapper.flipped {
    flex-direction: row-reverse;
}

@media (max-width :640px) {

    /* In tutti i casi, voglio vadano in colonna */
    .cont.slide-content-wrapper,
    .row-slide:not(.auto-flip) .cont.slide-content-wrapper.flipped,
    .row-slide.flipped.auto-flip:nth-of-type(2n) .cont.slide-content-wrapper,
    .row-slide.auto-flip:not(.flipped):nth-of-type(2n + 1) .cont.slide-content-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .cont.slide-content-wrapper .slide-image-column,
    .row-slide:not(.auto-flip) .cont.slide-content-wrapper.flipped .slide-image-column,
    .row-slide.flipped.auto-flip:nth-of-type(2n) .cont.slide-content-wrapper .slide-image-column,
    .row-slide.auto-flip:not(.flipped):nth-of-type(2n + 1) .cont.slide-content-wrapper .slide-image-column {
        flex: 1 1 280px;
        /* Altezza */
        width: 100%;
    }

    .cont.slide-content-wrapper .slide-text-column,
    .row-slide:not(.auto-flip) .cont.slide-content-wrapper.flipped .slide-text-column,
    .row-slide.flipped.auto-flip:nth-of-type(2n) .cont.slide-content-wrapper .slide-text-column,
    .row-slide.auto-flip:not(.flipped):nth-of-type(2n + 1) .cont.slide-content-wrapper .slide-text-column {
        flex: 1;
        gap: 8px;
    }

    .cont.slide-content-wrapper .slide-text-column p,
    .row-slide:not(.auto-flip) .cont.slide-content-wrapper.flipped .slide-text-column p,
    .row-slide.flipped.auto-flip:nth-of-type(2n) .cont.slide-content-wrapper .slide-text-column p,
    .row-slide.auto-flip:not(.flipped):nth-of-type(2n + 1) .cont.slide-content-wrapper .slide-text-column p {
        margin: 0;
    }

    .row-slide:has(> .highlight) .cont.slide-content-wrapper .slide-link,
    .row-slide:has(> .highlight) .cont.slide-content-wrapper .slide-link:visited {
        color: white;
        margin-top: 24px;
        background-color: var(--marrone-peck);
        /* text-transform: initial; */
        text-align: center;
        padding: 16px 24px;
        border: none;
    }

    .row-slide .cont.slide-content-wrapper .slide-link {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.42;
        letter-spacing: 0.0.0175rem;
        /* text-transform: capitalize; */
        padding: 18px 0px 8px 0px;
    }
}

/* End of text-image 2 columns */

/* Shop Layout*/
.row-shop-layout .cont {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.row-shop-layout .cont .shop-card:hover,
.row-shop-layout .cont .shop-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none;
    color: black;
    gap: 24px;
    flex: 1 1 344px;
    max-width: 344px;
}

.row-shop-layout .cont .shop-card .image-wrapper {
    width: 100%;
    aspect-ratio: 344/400;
    overflow: hidden;
}

.row-shop-layout .cont .shop-card .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row-shop-layout .cont .shop-card h3 {
    margin: 0;
}

.row-shop-layout .cont .shop-card p {
    margin-top: 4px;
}

@media (max-width :640px) {
    .row-shop-layout .cont {
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
    }

    .row-shop-layout .cont .shop-card {
        flex-basis: 100%;
        flex-direction: row;
        align-items: center;
        max-width: 100%;
    }

    .row-shop-layout .cont .shop-card .image-wrapper {
        flex: 0 0 clamp(7.5rem, -13.9583rem + 85.8333vw, 20.375rem);
        aspect-ratio: 1;
        overflow: hidden;
    }

    .row-shop-layout .cont .shop-card .content {
        flex: 1 1 auto;
        max-width: 100%;
    }
}

/* End of shop layout*/

/* Start of photo collage */
.row-collage .cont {
    display: grid;
    gap: clamp(0.5rem, 0.2706rem + 0.9412vw, 1rem);
    grid-template-rows: repeat(14, minmax(0, 1fr));
    grid-template-columns: repeat(10, minmax(0, 1fr));
    max-height: 1120px;
}

.row-collage .cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Per quando ci sono 4 immagini */
.row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(1) {
    grid-row: 1 / span 7;
    grid-column: 1 / span 5;
}

.row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(2) {
    grid-row: 2 / span 7;
    grid-column: 6 / span 5;
}

.row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(3) {
    grid-row: 8 / span 7;
    grid-column: 2 / span 4;
}

.row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(4) {
    grid-row: 9 / span 6;
    grid-column: 6 / span 5;
}

/** Per quando ci sono 5 immagini */
.row-collage .cont:has(img:nth-child(5):last-child) img:first-child {
    grid-row: 2 / span 7;
    grid-column: 1 / span 4;
}

.row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(2) {
    grid-row: 1 / span 7;
    grid-column: 5 / span 5;
}

.row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(3) {
    grid-row: 9 / span 6;
    grid-column: 1 / span 4;
}

.row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(4) {
    grid-row: 8 / span 7;
    grid-column: 5 / span 3;
}

.row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(5) {
    grid-row: 8 / span 6;
    grid-column: 8 / span 3;
}

/** Per quando ci sono 6 immagini */
.row-collage .cont:has(img:nth-child(6):last-child) img:first-child {
    grid-row: 2 / span 5;
    grid-column: 1 / span 4;
}

.row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(2) {
    grid-row: 1 / span 4;
    grid-column: 5 / span 4;
}

.row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(3) {
    grid-row: 7 / span 6;
    grid-column: 1 / span 4;
}

.row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(4) {
    grid-row: 5 / span 5;
    grid-column: 5 / span 3;
}

.row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(5) {
    grid-row: 5 / span 5;
    grid-column: 8 / span 3;
}

.row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(6) {
    grid-row: 10 / span 5;
    grid-column: 5 / span 6;
}

@media (max-width: 640px) {
    .row-collage .cont {
        max-height: 648px;
    }

    /* Per quando ci sono 4 immagini (mobile) */
    .row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(1) {
        grid-row: 1 / span 4;
        grid-column: 1 / span 10;
    }

    .row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(2) {
        grid-row: 5 / span 4;
        grid-column: 1 / span 10;
    }

    .row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(3) {
        grid-row: 9 / span 6;
        grid-column: 1 / span 5;
    }

    .row-collage .cont:has(img:nth-child(4):last-child) img:nth-child(4) {
        grid-row: 9 / span 6;
        grid-column: 6 / span 5;
    }

    /** Per quando ci sono 5 immagini (mobile) */
    .row-collage .cont:has(img:nth-child(5):last-child) img:first-child {
        grid-row: 1 / span 6;
        grid-column: 1 / span 6;
    }

    .row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(2) {
        grid-row: 1 / span 6;
        grid-column: 7 / span 5;
    }

    .row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(3) {
        grid-row: 7 / span 4;
        grid-column: 1 / span 4;
    }

    .row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(4) {
        grid-row: 7 / span 4;
        grid-column: 5 / span 7;
    }

    .row-collage .cont:has(img:nth-child(5):last-child) img:nth-child(5) {
        grid-row: 11 / span 4;
        grid-column: 1 / span 11;
    }

    /** Per quando ci sono 6 immagini (mobile) */
    .row-collage .cont:has(img:nth-child(6):last-child) img:first-child {
        grid-row: 1 / span 6;
        grid-column: 1 / span 6;
    }

    .row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(2) {
        grid-row: 1 / span 6;
        grid-column: 7 / span 4;
    }

    .row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(3) {
        grid-row: 7 / span 5;
        grid-column: 5 / span 6;
    }

    .row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(4) {
        grid-row: 11 / span 5;
        grid-column: 1 / span 4;
    }

    .row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(5) {
        grid-row: 7 / span 4;
        grid-column: 1 / span 4;
    }

    .row-collage .cont:has(img:nth-child(6):last-child) img:nth-child(6) {
        grid-row: 12 / span 4;
        grid-column: 5 / span 6;
    }
}

/* End of photo collage */

/* Start of quote */
.row.row-quote {
    background-color: var(--giallo-peck);
    padding-block: var(--gap80-to-56);
}

.row-quote .cont {
    display: flex;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.row-quote .cont .quote-wrapper:has(> .quote-L) {
    max-width: 536px;
}

.quote-author p {
    margin: 0;
    color: var(--marrone-peck);
}

@media (max-width: 640px) {
    .quote-author p {
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
    }
}

/* End of quote */

/* Content table */
.row.row-content-table {
    background-color: var(--giallo-peck);
}

.row.row-content-table .cont .flex-container {
    display: flex;
    justify-content: space-between;
    row-gap: 16px;
    column-gap: 40px;
    padding-block: var(--gap80-to-56);
}

.row.row-content-table .cont .flex-container .left-side {
    flex: 1 1 560px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    max-width: 560px;
    color: var(--marrone-peck);
}

.row.row-content-table .cont .flex-container .left-side h1 {
    margin: 0;
}

.row.row-content-table .cont .flex-container .left-side p {
    color: var(--marrone-peck);
    margin: 0;
    font-style: italic;
    font-weight: normal;
}

.row.row-content-table .cont .flex-container .left-side .link-table {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

.row.row-content-table .cont .flex-container .left-side .link-table a {
    color: var(--marrone-peck);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-block: 16px;
    border-bottom: 1px solid var(--marrone-peck);
    text-decoration: none;
    padding-left: 0px;
    transition: all 0.3s ease-in-out;
}

.row.row-content-table .cont .flex-container .left-side .link-table a .text-link {
    display: flex;
    flex-direction: column;
}

.row.row-content-table .cont .flex-container .left-side .link-table a .text-link .link-label {
    font-weight: 500;
    color: var(--marrone-peck);
    text-transform: initial;
}

.row.row-content-table .cont .flex-container .left-side .link-table a:hover {
    transition: all 0.3s ease-in-out;
    padding-left: 20px;
}

.row.row-content-table .cont .flex-container .left-side .link-table a:visited {
    color: var(--marrone-peck);
}

.row.row-content-table .cont .flex-container .left-side .link-table a:last-of-type {
    border-bottom: none;
}

.row.row-content-table .cont .flex-container .img-container {
    flex: 2 2 384px;
    min-width: 20px;
    aspect-ratio: 384/487;
    max-width: 384px;
    max-height: 487px;
    position: relative;
    overflow: hidden;
}

.row.row-content-table .cont .flex-container .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.47, 0, 0.23, 1.38);
}

.row.row-content-table .cont .flex-container .img-container img.active {
    opacity: 1;
}

@media (max-width: 640px) {
    .row.row-content-table .cont .flex-container {
        flex-direction: column;
        padding-block: 56px;
        padding-bottom: 40px;
        /*Perchè si somma con altri 16 già presenti*/
    }

    .row.row-content-table .cont .flex-container .left-side {
        flex: 1 1 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        max-width: 100%;
    }

    .row.row-content-table .cont .flex-container .left-side .link-table {
        margin-top: 0;
        width: 100%;
    }

    .row.row-content-table .cont .flex-container .img-container {
        max-width: 100%;
        display: none;
    }
}

/* End of content table */

/* Prefooter sommelier */
.row.row-prefooter:not(.row-nl-section) .cont {
    max-width: 538px;
}

.row-prefooter a,
.row-prefooter a:visited {
    color: black
}
.row.row-prefooter:not(.row-nl-section) .cont h3 {
    margin-inline: auto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
}

.row.row-prefooter:not(.row-nl-section) .cont h3:not(:has(+ p)) {
    margin-bottom: 24px;
}

.row.row-prefooter:not(.row-nl-section) .cont h3+p {
    margin-bottom: 24px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0.32px;
}

/* End of prefooter sommelier */

/* Start of prefooter ecommerce */
.row.row-prefooter.row-prefooter-ecommerce {
    background-color: var(--background-color-prefooter-ecommerce);
}

.row.row-prefooter.row-prefooter-ecommerce .cont {
    color: var(--text-prefooter-ecommerce);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    padding-block: var(--gap80-to-56);
}

.row.row-prefooter.row-prefooter-ecommerce .cont h3 {
    font-size: clamp(1.25rem, 0.9059rem + 1.4118vw, 2rem);
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    text-align: left;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box {
    max-width: 248px;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box .icon-container {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    border-radius: 50%;
    border: 1px solid var(--text-prefooter-ecommerce);
    max-width: 58px;
    aspect-ratio: 1;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box h4 {
    margin-top: 8px;
    margin-bottom: 0;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box p {
    margin: 0;
}

.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box a,
.row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box a:visited {
    color: var(--text-prefooter-ecommerce);
    text-decoration: underline;
}

.row-black-ecommerce {
    padding-block: 24px;
}

.row-black-ecommerce .cont {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}

.row-black-ecommerce .cont a {
    font-weight: 500;
}

@media (max-width: 640px) {
    .row.row-prefooter.row-prefooter-ecommerce .cont {
        max-width: 342px;
    }

    .row.row-prefooter.row-prefooter-ecommerce .icon-section {
        flex-direction: column;
        gap: 24px;
    }

    .row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box:first-of-type {
        margin-top: 32px;
    }

    .row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box {
        display: flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
    }

    .row.row-prefooter.row-prefooter-ecommerce .icon-section .icon-box h4 {
        margin: 0;
    }

    .row.row-black-ecommerce {
        padding-block: 56px;
    }

    .row.row-black-ecommerce .cont {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
}

/* End of prefooter ecommerce */

/* Start of information slide */
.row.row-peck-stores {
    margin-top: var(--gap80-to-56);
}

.row-peck-stores+.row.row-information {
    margin-top: 0px;
}

.row.row-information {
    --section-color: black;
}

.row.row-information .cont {
    align-items: stretch;
}

.row.row-information .cont .slide-text-column {
    flex: 0 1 421px;
    padding-top: 4px;
    max-width: 100%;
}

.row.row-information .cont .slide-text-column h3,
.row.row-information .cont .slide-text-column h4,
.row.row-information .cont .slide-text-column h5 {
    margin: 0
}

.row.row-information .cont .slide-text-column h5 {
    margin-top: 8px;
}

.row.row-information .cont .slide-text-column h3+h4 {
    color: var(--marrone-peck-darker);
    margin-top: 16px;
}

.row.row-information .cont .slide-text-column .slide-text-content {
    padding-top: 16px;
    padding-bottom: 24px;
}

.row.row-information .cont .slide-text-column .slide-text-content p {
    font-style: italic;
    margin: 0;
}

.row.row-information .cont .slide-text-column .contacts,
.row.row-information .cont .slide-text-column .address {
    padding-bottom: 32px;
    border-bottom: 1px solid var(--section-color);
}

.row.row-information .cont .slide-text-column .contacts a,
.row.row-information .cont .slide-text-column .contacts a:visited,
.row.row-information .cont .slide-text-column .address a,
.row.row-information .cont .slide-text-column .address a:visited {
    font-weight: 400;
    color: var(--section-color);
    display: block;
    text-decoration: underline;
}

.row.row-information .cont .slide-text-column .contacts .phone-cta,
.row.row-information .cont .slide-text-column .contacts .compass-cta,
.row.row-information .cont .slide-text-column .address .phone-cta,
.row.row-information .cont .slide-text-column .address .compass-cta {
    display: none;
    margin-top: 24px;
    text-decoration: none;
    color: black;
    font-weight: 500;

    .caption-M {
        font-weight: 500;
    }
}

.row.row-information .cont .slide-text-column .contacts .phone-cta:visited,
.row.row-information .cont .slide-text-column .contacts .compass-cta:visited,
.row.row-information .cont .slide-text-column .address .phone-cta:visited,
.row.row-information .cont .slide-text-column .address .compass-cta:visited {
    color: black;
}

.row.row-information .cont .slide-text-column .contacts .phone-icon,
.row.row-information .cont .slide-text-column .address .phone-icon {
    background-image: url('../img/phone.svg');
}

.row.row-information .cont .slide-text-column .contacts .compass-icon,
.row.row-information .cont .slide-text-column .address .compass-icon {
    background-image: url('../img/compass.svg');
}

.row.row-information .cont .slide-text-column .opening-hours p {
    font-weight: 400;
    margin: 4px 0 0 0;
}

/* Questo serve per mettere un bordo superiore e rimuovere il padding superiore se non c'è la sezione titolo/testo 
            In particolare viene usato per la pagina piccolo-peck.
            Questo selettore serve apposta per la sezione piccolo peck.
        */
.row.row-information .cont .slide-text-column:not(:has(> h3)):not(:has(> h4)) {
    padding-top: 0;
}

.row.row-information .cont .slide-text-column:not(:has(> h3)):not(:has(> h4)) .contacts {
    padding-top: 0;
    border-top: none;
}

.row.row-information .cont .contacts {
    padding-top: 8px;
    border-top: 1px solid var(--section-color);
}

.row.row-information .cont .slide-image-column {
    flex: 1 1 651px;
    max-width: 651px;
    max-height: 724px;
    height: auto;
}

.row.row-information .cont .accordion-content .content-image {
    overflow: hidden;
    display: none;
}

.row.row-information .cont .accordion-icon {
    display: none;
}

.row.row-information.row-highlight {
    --section-color: var(--marrone-peck);
}

@media (max-width: 640px) {
    .row.row-information .cont {
        flex-direction: column;
    }

    .row.row-information .cont .slide-image-column {
        flex: 1 1 325px;
        max-width: 100%;
        order: 1;
    }

    .row.row-information .cont .slide-text-column {
        order: 2;
    }

    .row.row-information .cont .slide-text-column .contacts .phone-cta,
    .row.row-information .cont .slide-text-column .contacts .compass-cta,
    .row.row-information .cont .slide-text-column .address .phone-cta,
    .row.row-information .cont .slide-text-column .address .compass-cta {
        display: flex;
    }

    .row.row-information .cont .slide-text-column .contacts a:first-of-type,
    .row.row-information .cont .slide-text-column .contacts a:first-of-type:visited,
    .row.row-information .cont .slide-text-column .address a,
    .row.row-information .cont .slide-text-column .address a:visited {
        font-weight: 400;
        color: var(--section-color);
        display: none;
        text-decoration: underline;
    }
}

/* End of information slide */

/* Start of piccolo peck menu */
.row.row-piccolo-peck .cont {
    height: 416px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
}

.row.row-piccolo-peck .cont h3,
.row.row-piccolo-peck .cont p {
    margin: 0;
    color: var(--black, #000);
}

.row.row-piccolo-peck .cont p {
    font-size: 1rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.5;
}

.row.row-piccolo-peck .cont .piccolo-peck-menu-text {
    align-self: center;
}

.row.row-piccolo-peck .cont .menu-item-wrapper {
    height: 100%;
}

.row.row-piccolo-peck .cont .menu-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
}

.row.row-piccolo-peck .cont .menu-item .hidden-menu-text {
    display: none;
}

.row.row-piccolo-peck .cont .menu-item-button {
    background-color: var(--giallo-peck);
    color: var(--marrone-peck);
    text-transform: uppercase;
    margin-inline: 8px;
}

@media (max-width: 640px) {
    .row.row-piccolo-peck .cont {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: auto;
    }

    .row.row-piccolo-peck .cont .piccolo-peck-menu-text {
        align-self: flex-start;
    }

    .row.row-piccolo-peck .cont .menu-item-link {
        text-decoration: none;
    }

    .row.row-piccolo-peck .cont .menu-item-wrapper {
        flex: 1 0 320px;
        width: 100%;
        height: 320px; /*Per Safari*/
    }

    .row.row-piccolo-peck .cont .menu-item-wrapper a .menu-item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .row.row-piccolo-peck .cont .menu-item-wrapper .menu-item-button {
        display: none;
    }

    .row.row-piccolo-peck .cont .menu-item-wrapper .hidden-menu-text {
        display: flex;
        flex-direction: column;
        color: white;
        align-items: center;
        text-decoration: none;
    }
}

/* End of piccolo peck menu */

/* Start of job positions */
.row-job-positions-wrapper .cont {
    max-width: 728px;
}

.row-job-positions-wrapper .cont .job-positions-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.row-job-positions-wrapper .cont .job-positions-container h3,
.row-job-positions-wrapper .cont .job-positions-container p {
    width: 100%;
}

.row-job-positions-wrapper .cont .job-positions-container a {
    color: black;
    text-decoration: none;
}
.row-job-positions-wrapper .cont .job-positions-container span {
    text-transform: uppercase;
}

.row-job-positions-wrapper .cont .job-positions-container a:visited {
    color: black;
    text-decoration: none;
}

.row-job-positions-wrapper .cont .job-positions-container .job-position-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    border: 1px solid black;
    color: black;
    align-items: center;
}

@media (max-width: 640px) {
    .row-job-positions-wrapper .cont .job-positions-container .job-position-block {
        padding: 16px 8px;
        gap: 4px;
        color: black;
    }
    .row-job-positions-wrapper .cont .job-positions-container .job-position-block span{
        display: none;
    }
    .row-job-positions-wrapper .cont .job-positions-container .job-position-block::after {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url('../img/arrow_right.svg');
    }

}

.row-job-positions-wrapper .cont .job-positions-container .job-position-block h5,
.row-job-positions-wrapper .cont .job-positions-container .job-position-block span {
    margin: 0;
    line-height: 32px;
}

/* End of job positions */

/* Start of wysiwyg section */
.wysiwyg-section:not(.wysiwyg-large) {
    max-width: 728px;
}

.wysiwyg-section a,
.wysiwyg-section a:visited {
    color: black;
    text-decoration: underline;
}

.wysiwyg-section h2 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    /* 133.333% */
    letter-spacing: -0.015rem;
}

.wysiwyg-section p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.32px;
}

/* End of wysiwyg section */

/* Start of discover more section */
.row-discover-more .cont .inner-container {
    display: flex;
    max-height: 416px;
    gap: 16px;
    justify-content: space-between;
}

.row-discover-more .cont a {
    height: 416px;
    display: flex;
    flex: 0 1 536px;
    text-decoration: none;
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
}

.row-discover-more .cont a .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 9.6%;
    width: 100%;
}

.row-discover-more .cont a .button-wrapper span {
    background-color: var(--giallo-peck);
    color: var(--marrone-peck);
    text-decoration: none;
    width: 260px;
    text-align: center;
}

@media (max-width: 640px) {
    .row-discover-more .cont .inner-container {
        max-height: none;
        flex-direction: column;
    }

    .row-discover-more .cont a {
        position: relative;
        overflow: hidden;
        flex: 0 1 100%;
        min-height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .row-discover-more .cont a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-image: var(--bg-image);
        background-size: cover;
        background-position: center;
    }

    .row-discover-more .cont a .button-wrapper {
        position: relative;
        z-index: 2;
        padding: 0;
        margin-top: auto;
        margin-bottom: 16px;
        align-items: center;
        justify-content: center;
        padding: 16px 24px;
    }
}

/* End of discover more section */

/* Start of popup image */
.row-popup-image .cont a img {
    max-width: 100%;
    width: 100%;
    height: auto;
    cursor: zoom-in;
}

/* End of popup image */

/* Start of divider text */
.row.row-divider-text {
    background-color: var(--giallo-peck);
}

.row.row-divider-text .cont {
    padding: 40px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: var(--marrone-peck);
}

.row.row-divider-text .cont h3 {
    margin: 0;
}

.row.row-divider-text .cont p {
    margin: 4px 0 0 0;
    font-style: italic;
    font-weight: normal;
}

/* End of divider text */

/* Start of Filtri facet */
.row.row-filtri {
    margin-top: var(--gap80-to-56);
}

.row.row-filtri .cont {
    display: flex;
    justify-content: space-between;
}

.row.row-filtri .cont select {
    border: 1px solid black;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: 0.0175rem;
    margin-bottom: 0;
    height: 38.02px;
}

/* End of Filtri facet */

/* Start of Two shops */
.row-two-shops.row.row-information .cont {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.row-two-shops.row.row-information .cont .checkbox-container {
    display: none;
    width: 100%;
    margin-bottom: 24px;
}

.row-two-shops.row.row-information .cont .checkbox-container .radio-wrapper {
    flex-grow: 1;
}

.row-two-shops.row.row-information .cont .checkbox-container input[type="radio"] {
    display: none;
}

.row-two-shops.row.row-information .cont .checkbox-container label {
    background-color: white;
    color: var(--marrone-peck);
    padding: 16px 8px;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    display: flex;
    justify-content: center;
}

.row-two-shops.row.row-information .cont .checkbox-container input[type="radio"]:checked+label {
    background-color: var(--marrone-peck-darker);
    color: white;
}

.row-two-shops.row.row-information .cont .single-shop-card {
    flex: 1 1 536px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 640px) {
    .row-two-shops.row.row-information .cont .checkbox-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .row-two-shops.row.row-information .cont .single-shop-card {
        display: none;
    }

    .row-two-shops.row.row-information .cont .single-shop-card.is-active {
        display: flex;
    }
}

.row-two-shops.row.row-information .cont .slide-image-column {
    width: 100%;
    height: 200px;
    display: block;
    overflow: hidden;
    flex-grow: 0;
}

.row-two-shops.row.row-information .cont .slide-image-column img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.row-two-shops.row.row-information .cont .single-shop-column {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.row-two-shops.row.row-information .cont .accordion-title .title-L {
    margin-top: 24px;
    font-weight: 600;
    color: black;
    margin: 16px 0;
}

.row-two-shops.row.row-information .cont .accordion-title .caption-XXS {
    text-transform: uppercase;
    color: var(--marrone-peck-darker);
    margin: 0;
}

.row-two-shops.row.row-information .cont .slide-text-content p {
    margin: 0;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.32px;
}

.row-two-shops.row.row-information .cont .slide-text-content .caption-M {
    color: black;
}

.row-two-shops.row.row-information .cont .shop-details {
    margin-top: 24px;
}

.row-two-shops.row.row-information .cont .shop-details>div {
    padding: 8px 0 24px;
    border-top: 1px solid black;
    display: flex;
    flex-direction: column;
}

.row-two-shops.row.row-information .cont .shop-details .title-XXS {
    margin: 0;
}

.row-two-shops.row.row-information .cont .shop-details p.caption-M {
    font-weight: 400;
}

.row-two-shops.row.row-information .cont .shop-details a.caption-M,
.row-two-shops.row.row-information .cont .shop-details a.caption-M:visited {
    color: black;
    font-weight: 400;
}

.row-two-shops.row.row-information .cont .shop-details a.caption-M {
    text-decoration: none;
}

.row-two-shops.row.row-information .cont .shop-details a.caption-M:hover {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .row-two-shops.row.row-information .cont {
        gap: 0px;
        justify-content: flex-start;
    }

    .row-two-shops.row.row-information .cont .single-shop-card .slide-image-column {
        width: 100%;
        max-height: 200px;
        overflow: hidden;
    }

    .row-two-shops.row.row-information .cont .single-shop-card .slide-image-column img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }
}


/* End of two shops*/

/* Start of FAQs */

.page-template-page-faq .row-faq .cont {
    max-width: 728px;
}

.row-faq-title button {
    color: white;
    max-width: fit-content;
}

.row.row-faq .cont .faq-accordion {
    border: none;
    border-radius: 0;
}

.row.row-faq .cont .faq-item {
    border-bottom: 1px solid black;
}

.row.row-faq .cont .faq-item:first-child {
    border-top: 1px solid black;
}

.row.row-faq .cont .faq-question {
    background-color: transparent;
    width: 100%;
    border: none;
    padding: 16px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: black;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row.row-faq .cont .faq-question::after {
    content: '▾';
    font-size: 1.5rem;
    margin-left: 8px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.row.row-faq .cont .faq-question.active::after {
    transform: rotate(180deg);
}

.row.row-faq .cont .faq-answer {
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.row.row-faq .cont .faq-answer-content {
    padding: 0px 0 32px 0;
    color: black;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
}

.row.row-faq .cont .faq-question.active+.faq-answer {
    max-height: 500px;
    padding: 0;
    transition: max-height 0.4s ease-in, padding 0.4s ease-in;
}

/* End of FAQs */

/* Start of downloadable menu */

.row.downloadable-menu-section h2+p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    font-style: italic;
}

.row.downloadable-menu-section .menu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));
    gap: 40px;
}

.row.downloadable-menu-section .card-image {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border: none;
    position: relative;
}

.row.downloadable-menu-section .card-image .today-label {
    position: absolute;
    padding-inline: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    top: 16px;
    left: 16px;
    background-color: var(--giallo-peck);
    color: var(--marrone-peck)
}

.row.downloadable-menu-section .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row.downloadable-menu-section .menu-card,
.row.downloadable-menu-section .menu-card:visited {
    border: 1px solid var(--marrone-peck);
    display: flex;
    text-decoration: none;
    color: var(--marrone-peck);
}

.row.downloadable-menu-section .card-content {
    border-left: 1px solid var(--marrone-peck);
    flex-grow: 1;
    background-color: var(--giallo-peck);
    color: var(--marrone-peck);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.row.downloadable-menu-section .card-content span {
    text-transform: capitalize;
}

.row.downloadable-menu-section .menu-card.closed .card-content {
    background-color: white;
}

/* End of downloadable menu */