.forniture-page {
    .top-part {
        margin: auto;
        position: relative;

        img {
            width: 100%;
            height: 100%;
            object-fit: fill;
            display: block;
        }

        & > div {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;

            & > div {
                position: relative;
                height: 100%;
                width: 100%;
            }
        }

        .top-part-text {
            position: absolute;
            height: 54%;
            margin: 0 calc(242/1920*100%);
            background-color: #03A460;
            border-radius: 3.75rem;
            z-index: 0;
            top: 28%;
            display: flex;
            flex-direction: column;
            left: 0;
            right: 0;
        }

        .top-part-back {
            width: 100%;
            height: calc(53/741*100%);
            font-family: 'Archivo', serif;
            font-style: normal;
            font-weight: 400;
            color: white;
            font-size: clamp(1rem, 1.25vw, 1.5rem);
            display: flex;
            flex-direction: row;
            padding-top: calc(40/1435*100%);

            & > div:nth-of-type(1) {
                height: 100%;
                aspect-ratio: 1/1;
                padding-left: calc(58/1435*100%);
                padding-right: calc(26/1435*100%);
            }
            & > div:nth-of-type(2) {
                align-self: center;
            }
        }

        .top-part-middle {
            padding-top: calc(72/1435*100%);
            width: 100%;
            display: flex;
            flex-direction: column;
            text-align: center;

            & > div:nth-of-type(1) {
                font-family: 'Archivo', serif;
                font-style: normal;
                font-weight: 700;
                font-size: clamp(4rem, 4.8vw, 8rem);
                color: white;
                line-height: 150%;
                display: flex;
                align-items: center;
                align-self: center;
            }
            & > div:nth-of-type(2) {
                font-family: 'Archivo', serif;
                font-style: normal;
                font-weight: 700;
                font-size: clamp(4rem, 4.8vw, 8rem);
                color: white;
                line-height: 150%;
                display: flex;
                align-items: center;
                align-self: center;
            }
            & > div:nth-of-type(3) {
                display: flex;
                align-items: center;
                align-self: center;
                font-family: 'Archivo', serif;
                font-style: normal;
                font-weight: 400;
                color: white;
                font-size: clamp(1rem, 1.25vw, 1.5rem);
                padding-top: calc(90/1435*100%);
            }
        }

        .top-part-bottom {
            margin-top: auto;
            padding-bottom: calc(40/1435*100%);
            height: calc(53/741*100%);
            width: 100%;
            display: flex;
            flex-direction: row-reverse;
            align-items: end;
            text-align: center;

            & > div:nth-of-type(1) {
                height: 100%;
                aspect-ratio: 1/1;
                padding-right: calc(175/1435*100%);
                display: flex;
                align-items: center;
                align-self: center;
            }
            & > div:nth-of-type(2) {
                display: flex;
                flex-direction: column;
                height: 100%;
                align-items: center;
                align-self: center;
                justify-content: center;
                padding-right: calc(26/1435*100%);
                font-family: 'Archivo', serif;
                font-style: normal;
                font-weight: 400;
                color: white;
                font-size: clamp(1rem, 1.25vw, 1.5rem);
            }
        }
    }

    .middle-part {
        display: flex;
        flex-direction: row;
        padding-top: calc(300/1920*100%);
        padding-bottom: calc(211/1920*100%);

        .middle-part-left {
            width: calc(468/1920*100%);
            position: relative;
        }
        .left-title {
            position: absolute;
            left: calc(140/468*100%);
            width: calc(328/468*100%);
            text-align: center;
            font-size: 2.5rem;
            top: -4.75rem;
            font-family: 'Archivo', serif;
            font-style: normal;
            font-weight: 700;
        }

        .middle-part-categorie {
            display: flex;
            flex-direction: column;
            gap: 3%;
            font-family: 'Archivo', serif;
            font-style: normal;
            font-weight: 400;
            font-size: clamp(0.625rem, 0.83vw, 1rem);

            & > div {
                border-radius: 1.125rem;
                background-color: #D9D9D9;
                display: flex;
                width: calc(328/468*100%);
                margin-left: calc(140/468*100%);
                aspect-ratio: calc(327/50)/1;
                align-items: center;
                justify-content: center;
                margin-bottom: calc(15/468*100%);

                &.selected {
                    color: white;
                    background-color: #03A460;
                }
            }
        }
        .middle-part-right {
            width: calc(1452/1920*100%);
            padding-left: calc(127/1920*100%);
            padding-right: calc(34/1920*100%);
            box-sizing: border-box;
        }
        .middle-part-prodotti {
            display: grid;
            /*grid-column-gap: calc(93/1188*100%);*/
            /*grid-row-gap: calc(80/806*100%);*/
            grid-template-columns: repeat(3, 1fr);
            width: 100%;
            height: 100%;
            /*margin-bottom: calc(93/1188*100%);*/

            .prodotto-container {
                padding-right: calc(93/430*100%);
                padding-bottom: calc(80/430*100%);
            }

            .prodotto {
                padding: calc(33/337*100%);
                display: flex;
                align-items: center;
                aspect-ratio: 1/calc(403/337);
                border-radius: 50px;
                box-shadow: 0 3px 6.4px rgba(3, 164, 96, 0.62);
                flex-direction: column;

                & > div:nth-of-type(1) {
                    width: calc(165/276*100%);
                    aspect-ratio: 1/1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;

                    & > div {
                        height: 100%;
                        width: 100%;
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
                }
                & > div:nth-of-type(2) {
                    height: calc(24/337*100%);
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    margin-top: calc(35/274*100%);
                    font-family: 'Archivo', serif;
                    font-style: normal;
                    font-weight: 400;
                    /*font-size: 1.5rem;*/
                    font-size: clamp(1rem, 1.25vw, 1.5rem);
                    color: #888888;
                }
                & > div:nth-of-type(3) {
                    height: calc(16/337*100%);
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    font-family: 'Archivo', serif;
                    font-style: normal;
                    font-weight: 800;
                    /*font-size: 1rem;*/
                    font-size: clamp(0.625rem, 0.83vw, 1rem)
                }

                .prodotto-buttons {
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                    height: calc(37/337*100%);
                    justify-content: center;
                    margin-top: calc(55/274*100%);
                    column-gap: calc(24/274*100%);

                    .info-button {
                        position: relative;

                        .product-info {
                            display: none;
                            position: absolute;
                            background-color: white;
                            text-align: center;
                            width: 150%;
                            left: 70%;
                            top: 80%;
                            opacity: 0.9;
                            border-radius: 0.25rem;
                            font-family: 'Archivo', serif;
                            font-style: normal;
                            font-weight: 400;
                            padding: 0.5rem;
                        }

                        &:hover {
                            .product-info {
                                display: block;
                            }
                        }
                    }



                    & > div {
                        flex: 1;
                        display: flex;
                        justify-content: center;
                        padding: calc(9/276*100%) 0;
                        border-radius: 1rem;
                    }

                    & > div:nth-of-type(1) {
                        background-color: #D9D9D9;
                    }
                    & > div:nth-of-type(2) {
                        background-color: #03A460;
                    }

                    /*background-color: red;*/
                    /*height: 100%;*/
                    /*width: 100%;*/
                }
            }
        }
    }
}