.productcard{
    position:relative;
}

.productcard .GuideBtn{
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: #bc897d;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 24px;
    box-shadow: -2px 4px 10px #2e2e2e29;
}

.StartContainer img{
    display: block;
    margin: 0 auto;
    max-height: 500px;
}

.StartContainer .StartButton{
    position: absolute;
    top: 10%;
    left: 25%;
    background-color: #73df88;
    color: #2e2e2e;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: -2px 4px 10px #2e2e2e29;
    display: block;
    -webkit-appearance: none;
    border-radius: 100%;
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 18px;
    margin: 0;
    padding: 29px 0px;
    animation: myAnim 1s ease 0s infinite;
}

@keyframes myAnim {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

    100% {
		transform: scale(1);
	}
}

.StartContainer .StartButton:hover{
    color: #fff;
    background-color: #00b26b;
}

#Popup > .Modal{
    background-color: #f7f4f2;
}

.Modal .ContentContainer{
    display:flex;
    flex-wrap: wrap;
}

.Modal .OverallOptionsContainer .OptionsContainer .BackButton{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: auto;
    border-radius: 100%;
    border: 1px solid #2e2e2e;
}

.Modal .ContentContainer .ExampleImageContainer{
    display:flex;
    flex: 0 0 100%;
}

.Modal .ContentContainer .SubContainer{
    /* display:flex; */
    /* flex-direction: column; */
    flex: 0 0 33.333%;
}

.Modal .ContentContainer .OptionsContainer{
    display:none;
}

.Modal .ContentContainer .SubContainer .OptionsContainer .Option{
    flex: 0 0 33.333%;
    flex-wrap: wrap;
    display: flex;
}

.Modal .ContentContainer .SubContainer .HeadText{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.Modal .ContentContainer .SubContainer .HeadText.Example{
    background: #ed7e42;
    border-radius: 100%;
    padding: 9px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
}

.Modal .ContentContainer .SubContainer .Text{
    text-align: center;
    font-size: 14px;
}

.Modal .ContentContainer .SubContainer.PureText .Text{
    margin:10px;
}

.Modal .ContentContainer .OverallOptionsContainer{

}

.Modal .ContentContainer .OverallOptionsContainer .Option{
    
    flex: 0 1 48%;
}

.Modal .ContentContainer .OptionsContainer.Wardrobe{
    flex-wrap:wrap;
}

.Modal .ContentContainer .OptionsContainer.Wardrobe .Option{
    flex: 0 1 31%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 2px;
}

.Modal .ContentContainer .OverallOptionsContainer .Option .Name,
.Modal .ExtraContainer .AddOnProductContainer .Name{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.Modal .ContentContainer .OverallOptionsContainer .Option img{

}

.Modal .ContentContainer .OverallOptionsContainer .Option .Price,
.Modal .ExtraContainer .AddOnProductContainer .Price,
.Modal .ContentContainer .OverallOptionsContainer .Option .Description,
.Modal .ExtraContainer .AddOnProductContainer .Description{
    text-align: center;
    font-size: 14px;
}

.Modal .ExtraContainer .AddOnProductContainer input{
    display:none;
}

.Modal .ExtraContainer .AddOnProductContainer label{
    display: block;
}

.Modal .ExtraContainer .AddOnProductContainer label img{
    max-height: 300px;
    display: block;
    margin: 0 auto;
}

.Modal .ExtraContainer .AddOnProductContainer input[type=checkbox]:checked + label{
    outline: 3px solid #73df88;
    border-radius: 10px;
}

.Modal .ExtraContainer .SaveBtn{
    background-color: #73df88;
    border: 1px solid #73df88;
    height: 44px;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    width: 180px;
    padding: 14px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: -2px 4px 10px #2e2e2e29;
    display: block;
    -webkit-appearance: none;
    border: 0px;
    border-radius: 24px;
    margin: 0 auto;
    text-align: center;
}

.Modal .ContentContainer .ExampleImageContainer{
    flex:0 0 100%;
    display:flex;
}

.Modal .ContentContainer .ExampleImageContainer img{
    max-width: 880px;
    display: block;
    margin: 0 auto;
    border-bottom: #e2e2e2 1px solid;
    margin-bottom: 25px;
}

.productcard > h1 > span[itemprop="name"]{
    font-size: 24px;
    font-weight: 500;
    vertical-align: top;
    display: block !important;
}

.HingeSideContainer label,
.PlinthHeightContainer label,
.PlinthTypeContainer label{
    width:100%;
    display:block;
}

.HingeSideContainer label{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:1rem;
}


.HingeSideContainer select.HingeSide,
.PlinthHeightContainer .PlinthHeight,
.PlinthContainer .PlinthType{
    width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border: 1px solid #2e2e2e;
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 1rem;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
    appearance: button;
    color: #2e2e2e;
}

.HingeSideContainer select.HingeSide{
    margin:0 auto;
    display: block;
}

.CalcContainer{
    display:flex;
}

.CalcContainer{
    margin-bottom: 5rem;
}

.CalcContainer #CanvasContainer{
    display:none;
}

.CalcContainer .StartContainer{
    display:flex;
}

.CalcContainer #CanvasContainer,
.CalcContainer .StartContainer{
    flex:0 0 70%;
    height: auto;
    cursor: pointer;
    
}

.HingeSideContainer,
.PlinthHeightContainer,
.OrderSummary{
    margin-bottom: 2rem;
}

.CalcContainer .TextContainer{
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
}

.PlinthContainer{
    display: flex;
    gap:2%;
    flex-wrap: wrap;
    row-gap: 10px;
}

.PlinthContainer .PlinthSpan{
    font-weight: bold;
    font-size:18px;
    flex: 0 0 100%;
}

.PlinthContainer .PlinthHeightContainer,
.PlinthContainer .PlinthTypeContainer{
    flex:0 0 49%;
}

.OrderSummary{
    margin-bottom: 2rem;
  }
  
  .OrderSummary{
    display:flex;
    flex-direction: column;
  }
  
  .OrderSummary .OrderHeadLine{
    background-color: #a69b8f;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3px;
    display:flex;
    flex-direction: row;
    gap: 2%;
    border-radius: 10px 10px 0px 0px;
  }
  
  .OrderSummary .Orderline{
    display:flex;
    flex-direction: row;
    gap: 2%;
    font-weight: bold;
    border-bottom: #e2e2e2 1px solid;
    border-right: #e2e2e2 1px solid;
    border-left: #e2e2e2 1px solid;
    flex-wrap: wrap;
  }
  
  .OrderSummary .Orderline .AddOnName,
  .OrderSummary .Orderline .AddOnPrice{
    font-size:12px;
    color: #2e2e2e;
    font-weight: normal;
    padding: 0px 10px 10px 10px;
  }
  
  .OrderSummary .OrderHeadLine span,
  .OrderSummary .Orderline span{
    flex: 0 0 48%;
    padding: 10px;
  }
  
  .OrderSummary .OrderHeadLine span:nth-child(2),
  .OrderSummary .Orderline .OrderLinePrice,
  .OrderSummary .Orderline .AddOnPrice{
    text-align: right;
  }

.CalcContainer .TextContainer .OrderSummary{
    display:flex;
    flex-direction: column;
}

.CalcContainer .TextContainer .OrderSummary .OrderHeadLine{
    background-color: #a69b8f;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3px;
    display:flex;
    flex-direction: row;
    gap: 2%;
    border-radius: 10px 10px 0px 0px;
}

.CalcContainer .TextContainer .OrderSummary .Orderline{
    display:flex;
    flex-direction: row;
    gap: 2%;
    font-weight: bold;
    border-bottom: #e2e2e2 1px solid;
    border-right: #e2e2e2 1px solid;
    border-left: #e2e2e2 1px solid;
    flex-wrap: wrap;
}

.CalcContainer .TextContainer .OrderSummary .Orderline i{
    font-size:12px;
    color: #2e2e2e;
}

.CalcContainer .TextContainer .OrderSummary .OrderHeadLine .OrderLineName,
.CalcContainer .TextContainer .OrderSummary .Orderline .OrderLinePrice,
.CalcContainer .TextContainer .OrderSummary .Orderline .AddOnName,
.CalcContainer .TextContainer .OrderSummary .Orderline .AddOnPrice
{
    flex: 0 0 48%;
    padding: 10px;
}

.CalcContainer .TextContainer .OrderSummary .Orderline .AddOnName,
.CalcContainer .TextContainer .OrderSummary .Orderline .AddOnPrice{
    font-weight: normal;
    font-size: 12px;
    padding: 0px 10px 10px 10px;
}

.CalcContainer .TextContainer .OrderSummary .OrderHeadLine span:nth-child(2),
.CalcContainer .TextContainer .OrderSummary .Orderline .OrderLinePrice,
.CalcContainer .TextContainer .OrderSummary .Orderline .AddOnPrice{
    text-align: right;
}



.Prices_Custom_UL{
    padding: 0;
  list-style: none;
    margin: 0px 0px 2rem 0px;
}

.HeightAssembleWarning{
    border-radius: 5px;
    border:2px solid #2e2e2e;

    position: relative;
    margin: 0px 0px 2rem 0px;
    background: #e8e2de;
}

.HeightAssembleWarning:after{
    content: url("/images/skins/justwood/images/justwood_warning.svg");
    width:50px;
    height:50px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.HeightAssembleWarningText{
    margin:15px 15px 15px 70px;
}

#BUYSECTION{
    margin-bottom: 50px !important;
}

#BUYSECTION .amountWrapper{
    display:none !important;
}

.ul_usp_koebsknap {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px 0px 20px 0px;
}

.TextContainer .needhelp .callmeWrapper{
    
    flex-wrap: wrap;
}

.TextContainer .needhelp .callmeWrapper *{
    flex:0 0 48% !important;
    margin-bottom: 10px !important;
}

.Modal .ContentContainer .SubContainer img{
    cursor: pointer;
    max-width: 100%;
}

.Modal .ContentContainer .OverallOptionsContainer .Option img{
    cursor: pointer;
    max-width: 100%;
}

.container .row > div{
    margin: auto;
    padding: 10px 2%;
}

@media (max-width: 1440px) {

    .CalcContainer{
        gap:0%;
        flex-wrap: wrap;
    }

    .CalcContainer #CanvasContainer,
    .CalcContainer .StartContainer,
    .CalcContainer .TextContainer{
        flex:0 0 100%;
    }

    .CalcContainer .StartContainer{
        margin-bottom:25px;
    }

    .Modal .ContentContainer .OptionsContainer,
    .Modal .ContentContainer{
        flex-wrap: wrap;
    }

    .Modal .ContentContainer .OptionsContainer{
        gap: 2%;
    }

    .Modal .ContentContainer .OverallOptionsContainer .Option .Description,
    .Modal .ExtraContainer .AddOnProductContainer .Description{
        display:none;
    }

    
}

@media (max-width: 460px) {
    .StartContainer .StartButton{
        left:10px;
        top:5%
    }
}

/* Billigskabe.dk styling! */
.Buy.KitchnAppliances #BUYSECTION{
    margin-bottom: 0px !important;
}

.Buy.KitchnAppliances .buyWrapper{
    flex: 1 0 100% !important;
    max-width: 100%;
}