:root {
    --wrapper-size: 830px;
    --wrapper-size-md: 810px;
    --clr-top-hero:#ffffff;
    --clr-primary:#ccb8b7;
    --clr-secondary:#ffffff;
    
   }
   /* css reset */
 #prod-desc-container,#prod-desc-container *{box-sizing:border-box}
 #prod-desc-container{font-size:16px;max-width:var(--wrapper-size);margin:0 auto;
    /*  font-family: 'Poppins', sans-serif; */
     font-family: 'empik', 'Cabinet Grotesk', sans-serif;
 }
#prod-desc-container .headline-1{font-size:1.75em;margin:14px 14px 0px 14px}
#prod-desc-container .headline-2{font-size:1.5em;margin:14px 14px 0px 14px}
#prod-desc-container .paragraph{margin:14px; line-height: 1.5;}
#prod-desc-container .desc-img.lazy,#prod-desc-container .desc-img{width:initial;max-width:100%;height:auto}

#prod-desc-container .m-bottom-1{margin-bottom: 14px;}
#prod-desc-container .m-bottom-2{margin-bottom: 24px;}
#prod-desc-container .m-top-1{ margin-top: 14px; }
#prod-desc-container .m-top-2{ margin-top: 24px;}

#prod-desc-container .clr-primiary{
    color: var(--clr-primary);
    
}
#prod-desc-container .txt-bold{
    font-weight: 500;
}
/* COLOR TOP - START */
#prod-desc-container .bg-top-50pct{
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 49%, var(--clr-top-hero) 51%);
   
}
#prod-desc-container > div.flex-container.bg-top-50pct > div > img{
    mix-blend-mode: darken;
   
}

#prod-desc-container .prod-top .col-2 .headline-1{
    color:black;
}
#prod-desc-container .prod-top{
    background-color:  var( --clr-top-hero);
    color:black;
    border-radius: 16px 16px 0 0;
}



/* COLOR TOP - END  */
/* TOP */
#prod-desc-container .main-device{
    max-height:540px;
    margin:1em 0;
    mix-blend-mode: darken;
}

#prod-desc-container .prod-top .col-2{
    text-align:center;
    margin: auto 0;
    padding: 0 54px;
}
#prod-desc-container .prod-top .col-2 .prod-logo, #prod-desc-container .prod-top .col-2 .prod-series{
    max-width:90%;
    margin:2.5em auto !important;
    
    display:block;
}

/*YOUTUBE*/
#prod-desc-container .lay-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#prod-desc-container .lay-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* FEATURES */
#prod-desc-container .features {
    width:100%;
}

#prod-desc-container .item-features{
    text-transform: uppercase;
    text-align: center;
    padding: .1rem;
}


/* ICONS */
#prod-desc-container .prod-icons{
    background-color: var(--clr-secondary);
    color:black;
    padding:2em;
    border-radius: 16px;
}

#prod-desc-container .prod-icons .prod-icon{
    height: auto;
    width:auto;
    margin:14px 14px 0 14px; 
 
}

#prod-desc-container .flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
#prod-desc-container .col{padding:0em}
#prod-desc-container .col-1{width:100%}
#prod-desc-container .col-2{width:50%}


#prod-desc-container .col.center{justify-content:center;text-align:center;display:flex;flex-wrap:wrap;align-content:center}

@media screen and (max-width: 819px) {
    #prod-desc-container{font-size:14px;max-width:100%}
    #prod-desc-container .col-1,#prod-desc-container .col-2{width:100%}


    #prod-desc-container .prod-top .col-2 .prod-logo{
        max-width:55%;
        margin:2.5em 0 1em 0;
    }
}