.white-logo{
    filter: invert();
}

.cart .cart-number{
    border: 1px solid black;
    background-color: rgba(0,0,0,0.2);
}

.cart p{
    color: black;
}

.dettaglio-first{
    background-color: var(--gray-light);
}

.dettaglio-first .container-1920{
    padding-top: 150px;
}

.dettaglio-first-img{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: flex-end;
    padding-bottom: 100px;
    height: 100%;
    text-align: center;
}

.dettaglio-first-img img{
    z-index: 1;
    position: relative;
}

.detail-first-white{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50% 50% 0 0;
    background-color: var(--white);
    height: 50%;
    width: 100%;
}

.wine-simbol{
    position: absolute;
    top: 7%;
    left: 0;
}

.dettaglio-first-info{
    padding-bottom: 100px;
}

.detail-info-mobile{
    display: none;
}

.detail-info-title{
    position: relative;
    margin-bottom: 40px;
}
.detail-info-title .bio-leaf-icon{
    width: 80px;
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}


.detail-info-title h1{
    font-size: 48px;
    font-family: 'playfair';
    letter-spacing: 0;
    line-height: 56px;
    margin-bottom: 0;
}

.detail-info-title p{
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}

.detail-info-main{
    margin-top: 35px;
    margin-bottom: 30px;
    position: relative;
}

.show-more-desktop{
    width: 100%;
    cursor: pointer;
    margin-top: 10px;
}

.show-more-desktop-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-more-desktop p{
    margin-right: 15px;
}

.detail-info-main-title p{
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}

.detail-info-main-text{
    margin-bottom: 10px;
}

.elite label{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    cursor: pointer;
}

.news-privacy.elite .checkbox-round{
    width: 24px;
    height: 24px;
}

.detail-add-to-cart{
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}

.detail-info-price p{
    font-family: 'musetta';
    font-size: 96px;
    letter-spacing: 0;
    line-height: 104px;
}

.detail-info-price span{
    font-family: 'musetta';
    font-size: 24px;
    letter-spacing: 0;
}

.detail-info-shipping button{
    border: none;
}

.select-quantity{
    position: relative;
    width: 180px;
}

.detail-info-quantity p,
.detail-info-shipping p{
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 10px;
}

.detail-info-quantity{
    margin-left: 15px;
    margin-right: 15px;
}

.detail-info-shipping button p{
    margin-bottom: 0;
}

.select-quantity input{
    border-radius: 40px;
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    padding: 20px 35px;
    width: 180px;
    background-color: var(--white);
    border: none;
    height: 65px;
    position: relative;
    z-index: 2;
}

.select-quantity button{
    height: 65px;
    width: 65px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    z-index: 3;
}

.select-quantity button.active{
    border: 1px solid var(--olive);
}

.select-quantity button:first-child{
    right: unset;
    left: 0;
}

.dettaglio-horizontal .container-1920{
    padding: 140px 0 60px;
    text-align: right;
    position: relative;
    max-width: 2600px;
}

.dettaglio-horizontal .container-1920 img{
    position: relative;
    z-index: 3;
}

.detail-marquee-wrap{
    position: absolute;
    top: 25%;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.dettaglio-horizontal .container{
    padding-bottom: 75px;
}

.dettaglio-horizontal .container h2{
    font-size: 128px;
    letter-spacing: 0;
    line-height: 128px;
}

.dettaglio-horizontal .container h2 span{
    font-family: 'roboto';
}

.dettaglio-horizontal .container p{
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
    margin-top: 115px;
}

.detail-slider .container-1920{
    position: relative;
}

.detail-slider-container{
    position: relative;
    overflow: hidden;
}

.swiper-detail{
    width: 100%;
    height: 100%;
}

.swiper-detail .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-detail .swiper-slide picture img{
    width: 235px;
}

.swiper-detail .swiper-slide a{
    text-decoration: none;
}

.detail-mobile-proceed{
    display: none;
}

.mob-arrow{
    display: none;
}

.swiper-arrow-next.desk-arrow, .swiper-arrow-prev.desk-arrow{
    top: 52%;
}

.swiper-arrow-next.desk-arrow {
    right: 20px;
}
.swiper-arrow-prev.desk-arrow {
    left: 20px;
}

.show-more-desktop{
    display: none;
}

.show-more-desktop p{
    display: none;
}

.show-more-desktop .rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.show-more-desktop .rotate.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.show-more-desktop p.active{
    display: block;
    font-family: 'playfair';
}

@media (max-width: 1600px){
    .detail-bottom-wrap{
        display: none;
    }

    .show-more-desktop{
        display: block;
    }

    .dettaglio-first-info {
        padding-bottom: 50px;
    }

    .dettaglio-first-img img{
        max-width: 95%;
    }
}


@media (max-width: 1400px){
    .dettaglio-horizontal .container h2{
        font-size: 88px;
        line-height: 88px;
    }

    .dettaglio-horizontal .container p {
        font-size: 25px;
    }
}

@media (max-width: 1200px){
    .dettaglio-first .container-1920 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .dettaglio-first-img picture img{
        max-width: 80%;
    }
}

@media (max-width: 992px){
    .mob-arrow{
        display: flex;
    }

    .desk-arrow{
        display: none;
    }

    .dettaglio-first-img picture img{
        max-width: 92%;
    }

    .detail-bottom-wrap{
        display: block;
    }

    .show-more-desktop{
        display: none;
    }

    .black-logo{
        display: none;
    }

    .dettaglio-first .container-1920{
        padding-top: 86px;
    }

    .dettaglio-first-img{
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .detail-add-to-cart{
        flex-wrap: wrap;
    }

    .detail-info-title .bio-leaf-icon{
        width: 80px;
        top: 50%;
        left: unset;
        right: 0;
    }

    .detail-info-main{
        background-color: var(--white);
        border: 2px solid var(--olive);
        cursor: pointer;
    }

    .detail-info-price{
        width: 100%;
    }

    .detail-info-quantity{
        margin: 0;
        margin-right: 3px;
        width: calc(42% - 3px);
    }

    .detail-info-shipping{
        width: calc(58% - 3px);
        margin-left: 3px;
    }

    .detail-info-shipping .button{
        padding: 15px 35px 15px 65px;
        width: 100%;
        max-width: 252px;
        min-width: unset;
    }

    .select-quantity{
        width: 100%;
        max-width: 180px;
    }

    .select-quantity input{
        height: 54px;
        width: 100%;
        max-width: 180px;
    }

    .select-quantity button{
        height: 54px;
        width: 54px;
    }

    .detail-info-mobile{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
    }

    .detail-info-mobile p{
        display: none;
    }

    .detail-info-mobile p.active{
        display: block;
        font-size: 24px;
        line-height: 32px;
    }

    .detail-info-mobile i{
        display: none;
    }

    .detail-info-mobile i.active{
        display: block;
    }

    .detail-info-content{
        display: none;
        padding: 10px 20px;
    }

    .detail-info-top{
        padding-bottom: 0;
    }

    .detail-info-bottom{
        padding-top: 0;
    }

    .detail-marquee-wrap{
        top: 5%;
    }

    .detail-first-white {
        bottom: unset;
        top: 0;
        left: 50%;
        transform: translate(-50%) rotate(180deg);
        max-width: 460px;
    }

    .detail-slider .row{
        flex-direction: column-reverse;
    }

    .detail-slider-image{
        margin-top: 50px;
    }

    .select-quantity input{
        border: 1px solid var(--olive);
    }

    .select-quantity button.active{
        background-color: var(--olive);
    }

    .dettaglio-horizontal .container h2 {
        font-size: 54px;
        line-height: 54px;
    }

    .dettaglio-horizontal .container p {
        margin-left: 25px;
        margin-top: 25px;
    }

    .swiper-detail .swiper-slide {
        background-color: var(--gray-light);
        padding: 30px 20px;
    }

    .product-wine-price{
        visibility: hidden;
    }

    .swiper-slide.swiper-slide-active .product-wine-price{
        visibility: visible;
        transition: ease 1s;
    }

    .detail-mobile-proceed{
        display: flex;
        justify-content: space-between;
        padding: 20px;
        background-color: var(--white);
        border-top: 1px solid var(--olive);
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
    }

    .proceed-mobile-price p{
        font-size: 60px;
        font-family: 'musetta';
        line-height: 1;
    }

    .proceed-mobile-price span{
        font-size: 22px;
    }

    .proceed-mobile-price p:first-child{
        font-size: 16px;
        font-family: 'roboto';
        padding-top: 3px;
    }

    .proceed-mobile-add{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .footer-last{
        margin-bottom: 119px;
    }
}

@media (max-width: 768px){
    .detail-info-shipping .button{
        width: 100%;
        max-width: 252px;
    }

    .dettaglio-first .container-1920 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .detail-info-title h1 {
        font-size: 32px;
        line-height: 46px;
    }

    .proceed-mobile-add .button{
        padding: 15px 15px 15px 25px;
        min-width: unset;
    }

    .proceed-mobile-add p:first-child,
    .proceed-mobile-price p:first-child{
        font-size: 14px;
    }

    .proceed-mobile-price{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product-wine-price {
        margin-top: 20px;
    }

    .detail-info-price p {
        font-size: 80px;
        line-height: 80px;
    }

    .detail-add-to-cart {
        margin-top: 30px;
    }
}

@media (max-width: 678px){
    .detail-info-title .bio-leaf-icon{
        top: -21px;
    }
}
@media (max-width: 550px){
    .detail-first-white{
        height: 340px;
    }

    .dettaglio-first-img picture{
        width: 195px;
    }

    .proceed-mobile-price p {
        font-size: 50px;
        line-height: 1;
    }

    .swiper-detail .swiper-slide picture img{
        width: 130px;
    }
}

@media (max-width: 400px){
    .detail-info-shipping .button{
        padding: 15px 35px 15px 45px;
    }

}

@media (max-width: 350px){
    .detail-mobile-proceed{
        padding: 10px;
    }

    .dettaglio-first-img picture img {
        max-width: 80%;
    }

    .select-quantity button {
        height: 45px;
        width: 45px;
    }

    .select-quantity input {
        height: 45px;
    }

    .detail-info-shipping .button {
        padding: 10px 0;
    }

    .proceed-mobile-add .button {
        padding: 10px 10px 10px 20px;
    }

    .dettaglio-horizontal .container h2 {
        font-size: 49px;
        line-height: 54px;
    }
}