/*fonts*//*pune pls fonturile de la ei io am pus placeholdere ca sa pot face designu*/
@font-face {
    font-family: "Helvetica-Bold";
    src: url({root}/html/fonts/Helvetica-Bold.ttf);
}
@font-face {
    font-family: "Helvetica-Regular";
    src: url({root}/html/fonts/Helvetica.ttf);
}
@font-face {
    font-family: "Inter-Bold";
    src: url({root}/html/fonts/Inter-Bold.ttf);
}
@font-face {
    font-family: "inter-regular";
    src: url({root}/html/fonts/inter-regular.ttf);
}
.basf-calc .hel-b{
    font-family: "Helvetica-Bold";
}
.basf-calc .hel-r{
    font-family: "Helvetica-Regular";
}
.basf-calc .int-b{
    font-family: "Inter-Bold";
}
.basf-calc .int-r{
    font-family: "inter-regular";
}
.basf-calc .tx-grn{
    color:#65AC1E;
}
.basf-calc .tx-blk{
    color:rgba(0, 0, 0, 0.6);
}
.basf-calc .tx-wht{
    color:#fff;
}
/**/
.d-none{
    display: none!important;
}
.on-mb{
    display: none!important;
}
body{
    margin: 0;
    background-color: #444;
}
/**/
/*menu*/
.menu-holder{
    position: absolute;
    top:clamp(2.813rem, 2.344vw, 4.219rem);
    left: 0;
}
.menu-holder .logo{
    display: block;
    background-color: #65AC1E;
    width: fit-content;
    height: fit-content;
    padding:
        clamp(1.250rem, 1.042vw, 1.875rem)
        clamp(1.875rem, 1.563vw, 2.813rem)
        clamp(1.250rem, 1.042vw, 1.875rem)
        clamp(5.000rem, 4.167vw, 7.500rem);
}
.menu-holder .logo img{
    height: clamp(2.625rem, 2.188vw, 3.938rem);
    width: auto;
}
/*menu*/
/**/
.basf-calc{
    display: flex;
    min-height: 100vh;
    position: relative;
    width: clamp(77.500rem, 64.583vw, 116.250rem);
    background-color: #EDEDED;
    margin:0 auto;
}
.basf-calc .page-holder{
    width: clamp(59.375rem, 49.479vw, 89.063rem);
    margin:0 auto;
    padding:clamp(12.375rem, 7.813vw, 14.063rem) 0;
}
.basf-calc .title-holder .title,
.basf-calc .prod-holder .prod title{
    font-size: clamp(2.250rem, 1.875vw, 3.375rem);
    line-height: 1.6;
    margin:0 0 clamp(0.625rem, 0.521vw, 0.938rem);
}
.basf-calc .title-holder .sb-title,
.basf-calc .disc-holder .disc{
    font-weight: normal;
    text-align: justify;
    font-size: clamp(1.250rem, 1.042vw, 1.875rem);
    line-height: 1.2;
    margin:0;
}
/**/
/*calc*/
.basf-calc .ds-1{
    /*filter: drop-shadow( 0 clamp(0.625rem, 0.521vw, 0.938rem) clamp(0.625rem, 0.521vw, 0.938rem) #00000040);*/
    filter: drop-shadow(0 clamp(0.500rem, 0.417vw, 0.750rem) clamp(0.250rem, 0.208vw, 0.375rem) #00000049);
}
.basf-calc .calc-holder-hint{
    padding-top: clamp(4.375rem, 3.646vw, 6.563rem);
}
.basf-calc .calc-holder{
    width: 100%;

    display: grid;
    grid-template-columns: 62.5% 27%;
    grid-template-rows: clamp(17.188rem, 14.323vw, 25.781rem) auto;
    column-gap: 6%;
    row-gap:clamp(2.000rem, 1.667vw, 3.000rem);
}
.basf-calc .calc-holder .inp-holder{
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    gap:clamp(2.000rem, 1.667vw, 3.000rem);
}
.basf-calc .calc-holder .inp-holder .calc-item{
    position: relative;
    /*z-index: 1;*/
    padding:clamp(0.125rem, 0.104vw, 0.188rem);
    border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    /*    -webkit-border-radius:clamp(1.000rem, 0.833vw, 1.500rem);
        -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
        box-shadow: 0 6px 12px rgba(0,0,0,.15);*/
}
.basf-calc .calc-title{
    margin-bottom: clamp(-2.000rem, -1.667vw, -3.000rem);
    padding-bottom: 1%;
    color: #65AC1E;
    font-weight:bold;
}
#areaUM_chosen .chosen-single{
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}
.basf-calc .calc-holder .inp-holder .calc-item img.ico{
    z-index: 10;
    pointer-events: none;
}
.basf-calc .calc-holder .inp-holder .calc-item .inp.more-shadow{
    box-shadow: inset 0 clamp(0.500rem, 0.417vw, 0.750rem) clamp(0.625rem, 0.521vw, 0.938rem) #00000040;
}
.basf-calc .calc-holder .inp-holder .calc-item .inp.b-placeholder{
    font-family: "inter-bold";
    font-weight: bold;
}
.basf-calc .calc-holder .inp-holder .calc-item .inp{
    width: 100%;
    padding-left: clamp(3.750rem, 3.125vw, 5.625rem);
    padding-right: clamp(3.125rem, 2.604vw, 4.688rem);
    font-size: clamp(1.375rem, 1.146vw, 2.063rem);
    line-height: calc(clamp(4.375rem, 3.646vw, 6.563rem) - (2 * (clamp(0.125rem, 0.104vw, 0.188rem)))); /*size - paddingu containerului*/
    border-radius: clamp(0.938rem, 0.781vw, 1.406rem);
    -webkit-border-radius:clamp(0.938rem, 0.781vw, 1.406rem);
    -moz-border-radius: clamp(0.938rem, 0.781vw, 1.406rem);
    background-color:#fff;
    box-shadow: inset 0 clamp(0.188rem, 0.156vw, 0.281rem) clamp(0.250rem, 0.208vw, 0.375rem) #00000030;

    -webkit-border-radius:clamp(1.000rem, 0.833vw, 1.500rem);
    -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
}
.basf-calc .calc-holder .inp-holder .calc-item .inp,
.basf-calc .calc-holder .inp-holder .calc-item .inp:active,
.basf-calc .calc-holder .inp-holder .calc-item .inp:hover{
    outline:none;
    border:0 transparent;
}
.basf-calc .calc-holder .sur-holder{
    display: grid;
    grid-template-columns: 22% 74%;
    gap: 4%;
}
.basf-calc .calc-holder .sur-holder .calc-item .inp:not(input){
    padding-left: clamp(1.563rem, 1.302vw, 2.344rem);
    padding-right: clamp(1.563rem, 1.302vw, 2.344rem);
}
.basf-calc .calc-holder .inp-holder .calc-item .inp.bg-2{

    background-color: #DAD6D6;
}
.basf-calc .calc-holder .inp-holder .calc-item:not(.dore) img.ico{
    position: absolute;
    top: 50%;
    left: clamp(1.563rem, 1.302vw, 2.344rem);
    width:clamp(1.563rem, 1.302vw, 2.344rem);
    height: auto;
    transform: translateY(-50%);
    /*z-index: 99999;*/
}
.basf-calc .calc-holder .inp-holder .calc-item.dore{
    background-color:#65AC1E;
    /*display: grid;*/
    /*grid-template-columns: auto auto 24% auto;*/
    display: flex;
    align-items: center;
    gap: 12px;
}
.calc-item.dore > span.int-b {
    white-space: nowrap;
    flex: 0 0 auto;
}

.calc-item.dore img.ico,
.calc-item.dore img:last-child {
    flex-shrink: 0;
    display: inline-block;
}
.calc-item.dore input {
    margin: 0;
    align-self: center;
}
.basf-calc .calc-holder .inp-holder .calc-item.dore:after{
    background: transparent;
}
.basf-calc .calc-holder .inp-holder .calc-item.dore .inp{
    border-radius: 0;
    padding-left: clamp(1.563rem, 1.302vw, 2.344rem);
    padding-right: clamp(1.563rem, 1.302vw, 2.344rem);
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.basf-calc .calc-holder .inp-holder .calc-item.dore img.ico{
    margin:auto 0 auto 4%;
    width: clamp(1.750rem, 1.458vw, 2.625rem);
    height: auto;
}
.basf-calc .calc-holder .inp-holder .calc-item.dore img:not(.ico){
    margin:auto;
    width: clamp(1.375rem, 1.146vw, 2.063rem);
    height: auto;
}
.calc-item.dore .icon-pen{
    margin: auto 2% auto 0%!important;
}
#spanUm{
    color: #fff;
    font-size: clamp(1.313rem, 1.094vw, 1.969rem);
    font-family: "Inter-Bold";
}
.basf-calc .calc-holder .inp-holder .calc-item.dore span:not(.validator){
    font-size: clamp(1.313rem, 1.094vw, 1.969rem);
    margin:auto;
}
.basf-calc .calc-holder .inp-holder .calc-item .validator{
    font-size: clamp(1.000rem, 0.833vw, 1.500rem);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(110%);
    color: #F22;
    display: none;
}
.basf-calc .btn-holder{
    grid-row-start: 3;
    display: grid;
    grid-template-columns: 48% 48%;
    gap:4%;
}
.basf-calc .btn-holder .calc-btn{
    display: flex;
    padding:0 clamp(1.250rem, 1.042vw, 1.875rem);
    background-color: #00793A;
    border-radius: clamp(0.938rem, 0.781vw, 1.406rem);
    -webkit-border-radius:  clamp(0.938rem, 0.781vw, 1.406rem);
    -moz-border-radius:  clamp(0.938rem, 0.781vw, 1.406rem);
    filter: drop-shadow(0 clamp(0.250rem, 0.208vw, 0.375rem) clamp(0.250rem, 0.208vw, 0.375rem) #0004);
    outline:none;
    border:0 transparent;
}
.basf-calc .btn-holder .calc-btn img{
    width: clamp(2.125rem, 1.771vw, 3.188rem);
    height: clamp(2.125rem, 1.771vw, 3.188rem);
    margin:auto 0;
}
.basf-calc .btn-holder .calc-btn span{
    margin:auto;
    font-size: clamp(1.250rem, 1.042vw, 1.875rem);
    line-height: clamp(4.500rem, 3.750vw, 6.750rem);

}
/**/
.basf-calc .calc-holder .inp-holder .calc-item select.inp{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/arr-dn.svg);
    background-size: clamp(1.563rem, 1.302vw, 2.344rem);
    background-position-y: center;
    background-position-x: calc(100% - (clamp(1.563rem, 1.302vw, 2.344rem))) ;
    background-repeat: no-repeat;

}
.chosen-single{
    padding-left: clamp(3.750rem, 3.125vw, 5.625rem)!important;
    padding-right: clamp(3.125rem, 2.604vw, 4.688rem)!important;
    font-size: clamp(1.375rem, 1.146vw, 2.063rem)!important;
    line-height: clamp(2.975rem, 1.146vw, 2.063rem) !important;
    border-radius: clamp(0.938rem, 0.781vw, 1.406rem);
    min-height: clamp(3.750rem, 3.125vw, 5.625rem);
}
.chosen-single span{
    font-size: clamp(1.375rem, 1.146vw, 2.063rem);
}
.basf-calc .chosen-container{
    -webkit-border-radius:clamp(1.000rem, 0.833vw, 1.500rem);
    -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
    width:100%!important;

}
.basf-calc .chosen-container-single .chosen-single{
    position: relative;
    padding-left: clamp(3.750rem, 3.125vw, 5.625rem) !important;
    padding-right: clamp(3.125rem, 2.604vw, 4.688rem) !important;
    min-height:  calc(100vw * (73 / 1920))!important;
}
.basf-calc .chosen-container-single .chosen-single div{
    display: none !important;
}
.basf-calc .chosen-container-single .chosen-single::after{
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(1.000rem, 0.833vw, 1.500rem);
    transform: translateY(-50%);
    width: clamp(1.875rem, 1.563vw, 2.813rem);
    height: clamp(1.875rem, 1.563vw, 2.813rem);
    border-radius: 999px;
    background: #65AC1E;
}

.basf-calc .chosen-container-single .chosen-single::before{
    content: "";
    position: absolute;
    top: 50%;
    right: calc(clamp(1.000rem, 0.833vw, 1.500rem) + (clamp(1.875rem, 1.563vw, 2.813rem) / 2));
    transform: translate(50%, -40%);
    width: 0;
    height: 0;
    border-left: clamp(0.313rem, 0.260vw, 0.469rem) solid transparent;
    border-right: clamp(0.313rem, 0.260vw, 0.469rem) solid transparent;
    border-top: clamp(0.438rem, 0.365vw, 0.656rem) solid #fff;
    z-index: 1;
}

.basf-calc .chosen-container-single .chosen-single{
    position: relative;
    padding-right: clamp(3.125rem, 2.604vw, 4.688rem) !important;
}

.basf-calc .btn-holder.diff-shadow {
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
}
.basf-calc .calc-holder .inp-holder .calc-item.diff-shadow {
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
}
.basf-calc .do-holder{
    display: flex;
    flex-direction: column;
    gap:clamp(0.938rem, 0.781vw, 1.406rem);
    background-color: #AC2A1E;
    text-align: center;
    padding:clamp(1.875rem, 1.563vw, 2.813rem) 0;
    border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    -webkit-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    width: clamp(16.250rem, 13.542vw, 24.375rem);
    height: clamp(16.250rem, 13.542vw, 24.375rem);
    background-color: #AC2A1E;
}
.basf-calc .do-holder img{
    height: clamp(4.500rem, 3.750vw, 6.750rem);
    width: auto;
    margin-bottom: clamp(0.313rem, 0.260vw, 0.469rem);
}
.basf-calc .do-holder p{
    font-size: clamp(1.563rem, 1.302vw, 2.344rem);
    line-height: 1.2;
    margin:0;
}
/*keku rosu de sus*/
.basf-calc .prod-holder{
}
.basf-calc .prod-holder .prod-holder-div{
    background-color: #fff;
    text-align: center;
    padding: clamp(1.875rem, 1.563vw, 2.813rem) 0 clamp(2.500rem, 2.083vw, 3.750rem);
    border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    -webkit-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
    margin-bottom: auto;
    width: clamp(16.250rem, 13.542vw, 24.375rem);
}

#productLink {
    position: relative;
    display: block;
    width: 70%;
    background-color: #65AC1E;
    font-size: clamp(0.938rem, 0.781vw, 1.406rem);
    line-height: clamp(1.875rem, 1.563vw, 2.813rem);
    text-decoration: none;
    text-align: left;
    margin:5% auto 0;
    padding: 0 clamp(1.250rem, 1.042vw, 1.875rem);
    border-radius: clamp(1.250rem, 1.042vw, 1.875rem);
    color:white;
    text-align: center;
}
.basf-calc .prod-holder img{
    width: 64%;
    height: auto;
}
.basf-calc .prod-holder .prod-title{
    font-size: clamp(1.250rem, 1.042vw, 1.875rem);
    line-height: 1.2;
    margin:0 auto;
}
.basf-calc .prod-holder .prod-link{
    position: relative;
    display: block;
    width: 40%;
    background-color: #65AC1E;
    font-size: clamp(0.938rem, 0.781vw, 1.406rem);
    line-height: clamp(1.875rem, 1.563vw, 2.813rem);
    text-decoration: none;
    text-align: left;
    margin:clamp(0.250rem, 0.208vw, 0.375rem) auto 0;
    padding: 0 clamp(1.250rem, 1.042vw, 1.875rem);
    border-radius: clamp(1.250rem, 1.042vw, 1.875rem);
}
.basf-calc .prod-holder .prod-link:after{
    content: " \25B6";
    text-align: right;
    position:absolute;
    top:50%;
    /*right: clamp(1.250rem, 1.042vw, 1.875rem);*/
    right:5px;
    transform: translateY(-50%);
    font-size: clamp(0.375rem, 0.313vw, 0.563rem);
}
/*calc*/
/**/
/**/
/*disc*/
.basf-calc .disc-holder{
    position: relative;
    padding-left: clamp(3.125rem, 2.604vw, 4.688rem);
    margin-top: clamp(4.375rem, 3.646vw, 6.563rem);
}
.basf-calc .disc-holder img{
    width: clamp(2.625rem, 2.188vw, 3.938rem);
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    transform:translateY(-10%);
}
/*disc*/
/**/

.step-required {
    outline: 2px solid #f2b705;
    box-shadow: 0 0 0 4px rgba(242,183,5,.2);
    border-radius: 10px;
}
.step-disabled {
    opacity: .55;
}
.step-done {
    outline: 2px solid rgba(0, 160, 80, .35);
    border-radius: 10px;
}
.step-hint {
    margin: 8px 0 10px;
    font-size: 13px;
    opacity: .85;
}
.step-disabled {
    opacity: .55;
    position: relative;
}
.step-disabled::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: not-allowed;
    background: transparent;
}
#btnReset:hover{
    cursor:pointer;
}
.basf-calc .prod-holder .prod-link-holder{
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.25rem, 0.6vw, 0.5rem);
    justify-content: center;
    margin-top:5%;
}

.basf-calc .prod-holder .prod-link{
    margin: 0;
    width: auto;
    flex: 0 1 auto;
    white-space: nowrap;
}
.chosen-container-single .chosen-single {
    display: flex;
    align-items: center;
}
.chosen-container-single .chosen-single span {
    height: auto;
    line-height: normal;
}
.chosen-container-single .chosen-single {
    height:calc(100vw * (73 / 1920))!important;
    line-height:calc(100vw * (73 / 1920))!important;
}

.chosen-container-single .chosen-single span {
    line-height: inherit;
}
.chosen-container {
    font-size: clamp(1.375rem, 1.146vw, 2.063rem);
}

.chosen-container .chosen-drop,
.chosen-container .chosen-results,
.chosen-container .chosen-results li,
.chosen-container .chosen-search input {
    font-size: inherit;
}
.chosen-container-single .chosen-single {
    display: flex;
    align-items: center;
}
.chosen-container-single .chosen-single span {
    /*line-height: 1.1;  or normal */
}

.chosen-container .chosen-results li {
    line-height: 1.2;
    padding-top: .35em;
    padding-bottom: .35em;
}

.chosen-container .chosen-search input {
    line-height: 1.2;
}
.chosen-container .chosen-results li.active-result{
    height:auto;
}
.calc-btn.is-disabled,
.calc-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

@media screen and (max-width:1255px)and (min-width:768px){
    .on-mb{
        display: none!important;
    }
    /*menu*/
    .menu-holder{
        top:clamp(2.813rem, 3.750vw, 4.219rem);
    }
    .menu-holder .logo{
        padding:
            clamp(1.250rem, 1.667vw, 1.875rem)
            clamp(1.875rem, 2.500vw, 2.813rem)
            clamp(1.250rem, 1.667vw, 1.875rem)
            clamp(5.000rem, 6.667vw, 7.500rem);
    }
    .menu-holder .logo img{
        height:clamp(2.625rem, 3.500vw, 3.938rem);
    }
    /*menu*/
    /**/
    /*full-width*/
    .basf-calc{
        width: 100%;
        margin:0;
    }
    .basf-calc .page-holder{
        width:clamp(41rem, 75.000vw, 84.375rem);
        padding-top: clamp(9.375rem, 35.714vw, 14.063rem);
    }
    .basf-calc .title-holder .title,
    .basf-calc .prod-holder .prod title {
        font-size:clamp(2.188rem, 2.917vw, 3.281rem);
    }
    .basf-calc .title-holder .sb-title,
    .basf-calc .disc-holder .disc{
        font-size: clamp(1.188rem, 1.583vw, 1.781rem);
    }
    /**/
    /*calc*/
    .basf-calc .calc-holder .inp-holder{
        gap:clamp(1.375rem, 2.200vw, 2.063rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item .inp{
        padding-left: clamp(2.500rem, 4.000vw, 3.750rem);
        padding-right: clamp(2.500rem, 4.000vw, 3.750rem);
        font-size:clamp(0.938rem, 1.500vw, 1.406rem);
        line-height: calc(clamp(3.750rem, 6.000vw, 5.625rem) - (2 * (clamp(0.125rem, 0.104vw, 0.188rem)))); /*size - paddingu containerului*/
    }
    .basf-calc .calc-holder .sur-holder .calc-item .inp:not(input){
        padding-left: clamp(1.125rem, 1.800vw, 1.688rem);
        padding-right: clamp(1.125rem, 1.800vw, 1.688rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item:not(.dore) img.ico{
        left:clamp(0.938rem, 1.500vw, 1.406rem);
        width:clamp(1.375rem, 2.200vw, 2.063rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore .inp{
        padding-left: clamp(1.125rem, 1.800vw, 1.688rem);
        padding-right: clamp(1.125rem, 1.800vw, 1.688rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore img.ico{
        width: clamp(1.125rem, 1.800vw, 1.688rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore img:not(.ico){
        width: clamp(0.938rem, 1.500vw, 1.406rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore span:not(.validator){
        font-size: clamp(1.125rem, 1.800vw, 1.688rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item .validator{
        font-size:clamp(0.938rem, 1.500vw, 1.406rem);
    }
    .basf-calc .btn-holder .calc-btn{
        padding:0 clamp(1.250rem, 1.042vw, 1.875rem);
    }
    .basf-calc .btn-holder .calc-btn img{
        width: clamp(0.938rem, 1.500vw, 1.406rem);
        height: clamp(0.938rem, 1.500vw, 1.406rem);
    }
    .basf-calc .btn-holder .calc-btn span{
        font-size: clamp(1.125rem, 1.800vw, 1.688rem);
    }
    /**/
    /*select in loc de chosen ca nu stiu sa pun chosen*/
    /*sper ca merg copiate stilurlie probabil tre adaucag mai mult specificity in functie de cate clase baga chosenu*/
    .basf-calc .calc-holder .inp-holder .calc-item select.inp{
        background-size: clamp(1.375rem, 2.200vw, 2.063rem);
        background-position-x: calc(100% - (clamp(1.375rem, 2.200vw, 2.063rem))) ;
    }
    /*blur shadow pe text pt ca sens*/
    .basf-calc .calc-holder input,
    .basf-calc .calc-holder select,
    .basf-calc .calc-holder span{
        text-shadow:0 0 clamp(0.250rem, 0.208vw, 0.375rem) #00000040;
    }
    /**/
    /**/
    /*calc*/
    .basf-calc .ds-1{
        filter: drop-shadow( 0 clamp(0.625rem, 0.833vw, 0.938rem) clamp(0.625rem, 0.833vw, 0.938rem) #00000040);
    }
    .basf-calc .calc-holder{
        padding:clamp(3.750rem, 5.000vw, 5.625rem) 0;
        grid-template-columns: 67% 27%;
        grid-template-rows: clamp(14.375rem, 23.000vw, 21.563rem) auto;
    }
    /**/
    /*keku rosu de sus*/
    .basf-calc .do-holder{
        gap:clamp(0.875rem, 1.400vw, 1.313rem);
        padding:clamp(1.875rem, 3.000vw, 2.813rem) 0;
    }
    .basf-calc .do-holder img{
        height: clamp(2.813rem, 4.500vw, 4.219rem);
        margin-bottom: clamp(0.250rem, 0.400vw, 0.375rem);
    }
    .basf-calc .do-holder p{
        font-size: clamp(1.375rem, 2.200vw, 2.063rem);
    }
    /*keku rosu de sus*/
    .basf-calc .prod-holder img{
        width: 64%;
        height: auto;
    }
    .basf-calc .prod-holder .prod-title{
        font-size: clamp(1.375rem, 2.200vw, 2.063rem);
    }
    .basf-calc .prod-holder .prod-link{
        font-size: clamp(0.875rem, 1.400vw, 1.313rem);
    }
    /*calc*/
    /**/
    /*disc*/
    .basf-calc .disc-holder{
        padding-left: clamp(2.500rem, 3.333vw, 3.750rem);
    }
    .basf-calc .disc-holder img{
        width: clamp(1.6rem, 4.4vw, 2.3rem);
    }
    /*disc*/
    /**/
}
@media screen and (max-width: 1050px){
    .on-mb{
        display: initial!important;
    }
    /*menu*/
    .menu-holder{
        top:clamp(2.813rem, 3.750vw, 4.219rem);
        left: 0;
    }
    .menu-holder .logo{
        padding:
            clamp(0.750rem, 2.857vw, 1.125rem)
            clamp(1.250rem, 4.762vw, 1.875rem)
            clamp(0.750rem, 2.857vw, 1.125rem)
            clamp(2.500rem, 9.524vw, 3.750rem);
    }
    .menu-holder .logo img{
        height: clamp(1.875rem, 7.143vw, 2.813rem);
    }
    /*menu*/
    /**/
    /*full-width*/
    .basf-calc{
        width: 100%;
        margin:0;
        /*overflow: clip;*/
        overflow: visible;
    }
    .basf-calc .page-holder{
        width:100%;
        padding: clamp(9.375rem, 35.714vw, 14.063rem) 0;
    }
    .basf-calc .title-holder {
        padding-left: 11vw;
        padding-right: 15vw;
    }
    .basf-calc .title-holder .title,
    .basf-calc .prod-holder .prod title {
        font-size:clamp(1.250rem, 4.762vw, 1.875rem);
    }
    .basf-calc .title-holder .sb-title,
    .basf-calc .disc-holder .disc{
        font-size:clamp(0.750rem, 2.857vw, 1.125rem);
    }
    /**/
    /*calc*/
    .basf-calc .ds-1{
        filter: drop-shadow( 0  clamp(0.125rem, 0.476vw, 0.188rem)  clamp(0.125rem, 0.476vw, 0.188rem) #00000040);
    }
    .basf-calc .calc-holder{
        padding:clamp(1.250rem, 4.762vw, 1.875rem) 0 clamp(2.813rem, 10.714vw, 4.219rem) 11vw;
        grid-template-columns: 83% 15%;
        gap:1%;
        justify-content: space-between;
    }
    .basf-calc .calc-holder .inp-holder{
        gap:clamp(1.000rem, 3.810vw, 1.500rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item{
        padding: clamp(0.063rem, 0.238vw, 0.094rem);
        border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -webkit-border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -moz-border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item .inp{
        padding-left: clamp(1.875rem, 7.143vw, 2.813rem);
        padding-right: clamp(1.875rem, 7.143vw, 2.813rem);
        font-size:clamp(0.688rem, 2.619vw, 1.031rem);
        line-height: calc(clamp(2.188rem, 8.333vw, 3.281rem) - (2 * (clamp(0.063rem, 0.238vw, 0.094rem)))); /*size - paddingu containerului*/
        border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -webkit-border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -moz-border-radius: clamp(0.500rem, 1.905vw, 0.750rem);
    }
    .basf-calc .calc-holder .sur-holder .calc-item .inp:not(input){
        padding-left: clamp(1.000rem, 3.810vw, 1.500rem);
        padding-right: clamp(1.000rem, 3.810vw, 1.500rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item:not(.dore) img.ico{
        left:clamp(0.563rem, 2.143vw, 0.844rem);
        width:clamp(0.875rem, 3.333vw, 1.313rem);
    }
    .basf-calc .calc-holder .sur-holder {
        grid-template-columns: 23% 75%;
        gap: 2%;
    }
    .basf-calc .calc-holder .sur-holder .calc-item .inp:not(input) {
        padding-left:clamp(1.000rem, 3.810vw, 1.500rem);
        padding-right:clamp(1.000rem, 3.810vw, 1.500rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore .inp{
        padding-left: clamp(1.000rem, 3.810vw, 1.500rem);
        padding-right: clamp(1.000rem, 3.810vw, 1.500rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore img.ico{
        width: clamp(1.000rem, 3.810vw, 1.500rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore img:not(.ico){
        width: clamp(0.875rem, 3.333vw, 1.313rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item.dore span:not(.validator){
        font-size: clamp(0.688rem, 2.619vw, 1.031rem);
    }
    .basf-calc .calc-holder .inp-holder .calc-item .validator{
        font-size:clamp(0.688rem, 2.619vw, 1.031rem);
    }
    .basf-calc .btn-holder{
        grid-row-start: 5;
    }
    .basf-calc .btn-holder .calc-btn{
        padding:0 clamp(0.688rem, 2.619vw, 1.031rem);
        border-radius:clamp(0.500rem, 1.905vw, 0.750rem);
        -webkit-border-radius:clamp(0.500rem, 1.905vw, 0.750rem);
        -moz-border-radius:clamp(0.500rem, 1.905vw, 0.750rem);
    }
    .basf-calc .btn-holder .calc-btn img{
        width: clamp(0.875rem, 3.333vw, 1.313rem);
        height: clamp(0.875rem, 3.333vw, 1.313rem);
    }
    .basf-calc .btn-holder .calc-btn span{
        font-size: clamp(0.563rem, 2.143vw, 0.844rem);
        line-height: clamp(2.500rem, 9.524vw, 3.750rem);
    }
    /**/
    /*select in loc de chosen ca nu stiu sa pun chosen*/
    /*sper ca merg copiate stilurlie probabil tre adaucag mai mult specificity in functie de cate clase baga chosenu*/
    .basf-calc .calc-holder .inp-holder .calc-item select.inp{
        background-size:clamp(0.750rem, 2.857vw, 1.125rem);
        background-position-x: calc(100% - (clamp(0.750rem, 2.857vw, 1.125rem))) ;
    }
    /**/
    /*calc*/
    /**/
    /*keku rosu de sus*/
    .basf-calc .calc-holder .do-holder{
        -webkit-border-top-left-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -webkit-border-top-right-radius:0;
        -webkit-border-bottom-left-radius:clamp(0.500rem, 1.905vw, 0.750rem);
        -webkit-border-bottom-right-radius:0;
        -moz-border-top-left-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        -moz-border-top-right-radius:0;
        -moz-border-bottom-left-radius:clamp(0.500rem, 1.905vw, 0.750rem);
        -moz-border-bottom-right-radius:0;
        border-top-left-radius: clamp(0.500rem, 1.905vw, 0.750rem);
        border-top-right-radius:0;
        border-bottom-left-radius:clamp(0.500rem, 1.905vw, 0.750rem);
        border-bottom-right-radius:0;
        padding:clamp(0.750rem, 2.857vw, 1.125rem) 0;
        gap:clamp(0.250rem, 0.952vw, 0.375rem);
        margin-bottom: auto;
        width: 100%;
        height: auto;
    }
    .basf-calc .calc-holder .do-holder p{
        font-size:clamp(0.500rem, 1.905vw, 0.750rem);
    }
    .basf-calc .do-holder img{
        height:clamp(1.000rem, 3.810vw, 1.500rem);
        margin-bottom: 0;
    }
    .basf-calc .calc-holder .prod-holder{
        grid-row-start: 3;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        z-index: 2;
        background: transparent;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        /*padding:clamp(2.188rem, 1.823vw, 3.281rem) 0 clamp(2.188rem, 1.823vw, 3.281rem) 30vw;*/
        padding: 0 0 0 30vw;
        margin-top:clamp(3.438rem, 2.865vw, 5.156rem);
        margin-bottom: clamp(1.250rem, 4.762vw, 1.875rem);
        /*width: fit-content;*/
        width: 100%;
        min-height: 35vw;
    }
    .basf-calc .calc-holder .prod-holder:before{
        content: "";
        position: absolute;
        z-index: -1;

        width: 100vw;                 /* full viewport width */
        left: calc(11vw * -1);        /* cancels .calc-holder left padding */
        top: 0;
        bottom: 0;                    /* grows with content */
        height: auto;

        transform: none;              /* remove vertical centering */
        background-color: #fff;
        border-radius: clamp(0.75rem, 2.5vw, 1.25rem);
        box-shadow: 0 6px 12px rgba(0,0,0,.12);
        min-height: 35vw;
    }
    .basf-calc .prod-holder .prod-title{
        position: absolute;
        top: calc(clamp(2.188rem, 8.333vw, 3.281rem) * -1.5);
        left: 0;
        text-align: left;
        width: 100%;
        /*font-size:clamp(1.375rem, 5.238vw, 2.063rem);*/
        font-size: 130%;
    }
    .basf-calc .prod-holder .prod-title br{
        display: none;
    }
    .basf-calc .prod-holder img{
        width: clamp(6.875rem, 10.476vw, 10.313rem);
        height: clamp(6.875rem, 10.476vw, 10.313rem);
        position: absolute;
        top: clamp(0.375rem, 0.571vw, 0.563rem);
        transform: none;
        left: clamp(-0.938rem, -1.429vw, -1.406rem);
    }
    .basf-calc .prod-holder .prod-link-holder{
        /*        flex-wrap: wrap;
                gap: clamp(0.4rem, 2vw, 0.8rem);
                justify-content: flex-start;
                margin-top: 10%;*/
        margin-top: 0;
        align-content: center;
        justify-content: flex-start;
        width: clamp(13.125rem, 20.000vw, 19.688rem);
    }
    .basf-calc .prod-holder .prod-link-holder:has(.prod-link:only-child){
        /*justify-content: center;*/
    }

    /* if only 1 link, don't force 50% width */
    .basf-calc .prod-holder .prod-link-holder:has(.prod-link:only-child) .prod-link{
        flex: 0 0 auto;
    }
    .basf-calc .prod-holder .prod-link{
        width: fit-content;
        margin-top: 0;
        font-size: clamp(0.750rem, 1.143vw, 1.125rem);
        line-height:clamp(1.750rem, 6.667vw, 2.625rem);
        padding: 0  clamp(0.938rem, 1.429vw, 1.406rem) 0 clamp(0.625rem, 2.381vw, 0.938rem);
        flex: 0 0 calc(50% - clamp(3.125rem, 4.762vw, 4.688rem));
        text-align: left;
    }
    .basf-calc .prod-holder .prod-link:after{
        right: 7%;
    }
    /*calc*/
    /**/
    /*disc*/
    .basf-calc .disc-holder{
        padding-left: clamp(2.500rem, 3.333vw, 3.750rem);
        margin: 0 15% 0 11%;
    }
    .basf-calc .disc-holder img{
        width: clamp(1.6rem, 4.4vw, 2.3rem);
    }
    /*disc*/
    /*ficat*/
    /*chiar nu stiu cum sa incerc sa fac altfel kktu asta fara ele-dala*/
    /*    .basf-calc .btn-holder{
            display: none!important;
        }
        .basf-calc .btn-holder.on-mb{
            display: grid!important;
            grid-row-start: 4;
        }*/
    /*ficat*/

    .basf-calc .calc-holder-hint {
        padding-top: 3vw;
        padding-bottom: 0vw;
        padding-left: 11vw;
    }

    #productLink {
        position: relative;
        display: block;
        width: 70%;
        background-color: #65AC1E;
        font-size: clamp(0.750rem, 1.143vw, 1.125rem);
        line-height: clamp(1.875rem, 1.563vw, 2.813rem);
        text-decoration: none;
        text-align: left;
        margin: 0;
        padding: 0 clamp(0.625rem, 0.952vw, 0.938rem);
        border-radius: clamp(1.250rem, 1.042vw, 1.875rem);
        color: white;
        text-align: center;
        height: clamp(1.875rem, 1.563vw, 2.813rem);
    }
    .basf-calc .prod-holder .prod-holder-div {
        background-color: #fff;
        text-align: center;
        padding:10% 0 4%;
        border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
        -webkit-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
        -moz-border-radius: clamp(1.000rem, 0.833vw, 1.500rem);
        margin-bottom: initial;
        width: clamp(16.250rem, 13.542vw, 24.375rem);
    }
    .basf-calc .calc-title{
        margin-bottom:clamp(-1.000rem, -3.810vw, -1.500rem);
        padding-bottom: 1%;
        color: #65AC1E;
        font-weight:bold;
    }
    #spanUm{
        font-size: clamp(0.688rem, 2.619vw, 1.031rem);
    }
}
.print-value {
    display: none;
}
.print-mirror {
    display: none;
}
.print-only{
    display:none;
}
@media print {
    .print-only{
        display:block;
        margin-bottom: -2%;
    }
    .print-mirror {
        display: block !important;
    }

    .chosen-container {
        display: none !important;
    }
    #productLink{
        display:none!important;
    }

    body * {
        visibility: hidden;
    }
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .step-hint,
    .btn-holder {
        display: none !important;
    }

    .print-mirror {
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        padding: 10px 14px;
        font-size: 14px;
    }

    .print-area, .print-area * {
        visibility: visible;
    }
    .print-logo {
        display: block !important;
        width: 120px;
        height: auto;
    }
    .print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .print-only {
        display: block !important;
    }

    .chosen-container {
        display: none !important;
    }
    .ico{
        display:none;
    }
    #btnPrintPdf,
    #btnReset{
        display:none;
    }
    nav.menu-holder, nav.menu-holder * {
        visibility: visible !important;
    }
    .print-field {
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        padding: 14px 16px;
        line-height: 1.2;
        box-shadow: 0 4px 10px rgba(0,0,0,.08);
        font-size: 16px;
    }

    .calc-btn {
        display: none;
    }

    input, select, textarea {
        display: none !important;
    }

    .print-value {
        display: block;
        padding: 12px 16px;
        border-radius: 14px;
        border: 2px solid #f2b705;
        font-size: 16px;
        background: #fff;
    }
    .step-required{
        outline:none;
        box-shadow: none;
    }
    #stepHint{
        display:none;
    }

    .icon-pen{
        display:none!important;
    }

}