.background-scalp {
    background-color: #e2efe1
        /*#e8f2e7*/
    ;
}

.background-shine {
    background-color: #f4edeb;
}

.background-repair {
    background-color: #dfd7d5;
}

.background-blonde {
    background-color: #e4def0;
}

.background-model img {
    min-width: 40vw;
    max-height: 50vw;
}

.border-scalp {
    border-color: #8bbf87 !important;
}

.border-shine {
    border-color: #c6a49a !important;
}

.border-repair {
    border-color: #8a6a65 !important;
}

.border-blonde {
    border-color: #836abc !important;
}

.button-rectangle {
    max-width: 8vw;
    max-height: 4vh;
    font-size: 12;
    padding: 3px;
}

.button-acquista {
    width: 110px;
    height: 42px;
    border: 1px solid transparent;
    font-size: 1rem;
}

.color-scalp {
    color: #8bbf87;
}

.color-shine {
    color: #c6a49a;
}

.color-repair {
    color: #8a6a65;
}

.color-blonde {
    color: #836abc;
}

.content-shop {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
    margin-top: 5px;
    margin-bottom: 50px;
    /*uguale a footer margin-top??*/
}

h6 {
    font-size: 1.1rem;
    cursor: pointer !important;
}

.imgQuadrato {
    width: 16vw;
    height: auto;
}

.imgRettangolo {
    min-width: 100px;
    max-width: 175px;
    width: auto;
    height: auto;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.min-height-descrizione {
    min-height: 175px;
    height: auto;
}

.max-width-descrizione {
    max-width: 180px;
    width: auto;
}

.min-width-prod {
    min-width: 20vw;
    max-width: 30vw;
    width: auto;
}

.min-height-prod {
    min-height: 32vw;
    height: auto;
}

.min-height-name-prod {
    min-height: 65px;
}

.min-height-name-prod-scalp {
    min-height: 10vw;
}

p {
    font-size: 16;
}

.piu,
.meno,
.piu-cart,
.meno-cart {
    padding: 7px 10px 8px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    cursor: pointer !important;
    font-size: 1.5rem;
    color: #61666c;
    border-top: none;
    border-bottom: none;
}

.piu,
.piu-cart {
    border-left: 1px solid #61666c;
    border-right: none;
}

.meno,
.meno-cart {
    border-right: 1px solid #61666c;
    border-left: none;
}

.quantity,
.quantity-cart {
    width: 50px;
    height: 40px;
    border: none;
    padding: 0px 5px;
    text-align: center;
    background-color: white;
}

.inline-block input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
    outline: none;
}


.square span {
    position: absolute;
    display: flex;
    right: 0;
    left: 0;
    align-items: center;
    white-space: nowrap;
    top: -35.5px;
}

#square-prod {
    top: -33px;
}

.square span:before {
    margin-right: 15px;
}

.square span:after {
    margin-left: 15px;
}

.square span:before,
.square span:after {
    content: ' ';
    height: 1.5px;
    display: block;
    width: 50%;
}

.border-scalp span::before,
.border-scalp span::after {
    background: #8bbf87;
}

.border-shine span::before,
.border-shine span::after {
    background: #c6a49a;
}

.border-repair span::before,
.border-repair span::after {
    background: #8a6a65;
}

.border-blonde span::before,
.border-blonde span::after {
    background: #836abc;
}

.border-cart {
    border-color: #61666c;
}

.border-cart span::before,
.border-cart span::after {
    background: #61666c;
}

.square-info,
.square-info-right {
    min-width: 45%;
}

.square-info-right {
    right: 0;
}

.opacity0 {
    opacity: 0;
    transition: all ease-in-out .5s;
}

.opacity1 {
    opacity: 1 !important;
}

.uso {
    width: 500px;
}


.width-margin {
    width: 96vw;
}

@media screen and (max-width: 1200px) {

    .uso {
        width: 100%;
    }

    .background-model {
        /*non mostrare img modella in mobile*/
        display: none;
    }

    .content-shop {
        margin-top: 2vw;
        /*stessa dell'header o maggiore altrimenti parte da top:0*/
    }

    .square span {
        top: -3.9vw;
    }

    #square-prod {
        top: -4.33vw;
    }

    .square-info,
    .square-info-right {
        width: 100%;
    }

    .imgRettangolo {
        min-width: 15vw;
        width: auto;
        max-width: 27vw;
    }

    .imgQuadrato {
        width: 500px;
        height: 500px;
    }

    .container-imgQuadrato {
        height: 505px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cover {
        object-fit: cover;

    }

    .max-width-descrizione {
        max-width: 28vw;
    }

    .min-height-descrizione {
        min-height: 46vw;
    }

    .min-width-prod {
        min-width: 100%;
    }

    .min-height-prod {
        min-height: 85vw;
        height: auto;
    }

    .min-height-name-prod,
    .min-height-name-prod-scalp {
        min-height: 8vw;
    }

    .mobile-margin-top {
        margin-top: 1vh;
    }

    .quantity {
        width: 140px;
        height: 98px;
        top: 2px;
        font-weight: bold;
    }

    .quantity-cart {
        width: 100px;
        height: 50px;
        font-weight: bold;
    }

    .piu,
    .meno {
        width: 100px;
        height: 100px;
        font-size: 6vw;
    }

    .piu-cart,
    .meno-cart {
        width: 50px;
        height: 50px;
        font-size: 3.5vw;
    }

    .button-acquista {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        width: 340px;
        padding: 5px;
        margin-left: 30px;
        font-size: 3rem;
    }

    p {
        font-size: 3.3vw;
    }

    h6 {
        font-size: 3.8vw;
    }

}

.transition-zoom img{
    transition: transform 0.5s ease-in-out;
}

.transition-zoom:hover img {
    transform: scale(1.10);
}
.transition-zoom{
    overflow: hidden;
}