body{
    --min-height-cart-container-takeaway: 130px;
    --max-height-cart-container-takeaway: 415px;
}
#cart-container{
    overflow-x:hidden;
    overflow-y:auto;
}
@media (max-height: 700px) {
    body{ 
        --max-height-cart-container-takeaway: 315px;
    }
}
@media (max-height: 600px) {
    body{ 
        --max-height-cart-container-takeaway: unset !important;
    }
    #order-popup{
        max-height: unset !important;
    }
}
#cart-container{
    background: white;
}
#checkout{
    width:300px;
} 
#continue-to-delivery-button{
    width:300px;
    max-width:100%;
}
.pickup-buttons-cont {
    display: flex;
    
}   
.popup-content-cancel{
    min-height: fit-content !important;
} 
.cart-container-in-house{ 
    min-height: 130px;
}
#cancel-delivery{
    width:300px;
    max-width: calc(100% - 20px);
} 

.cart-container-takeaway{ 
    max-height: var(--max-height-cart-container-takeaway);
    min-height: var(--min-height-cart-container-takeaway);

}
#cart-container{
margin-top:30px; 
} 
#customerFormForTakeAway .inputCont {
margin-bottom: 10px !important;
}
.inputCont input,.inputCont textarea{
transition: all 0.3s ease;
}
.inputCont input:focus,.inputCont textarea:focus{
border : 1px solid  var(--primary-color) !important; 
}
.styled-select {
    width: calc(100% - 13px);
    margin-inline:auto;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9; 
    font-size: 16px;
    color: #333;
    box-sizing:border-box;
    transition: border-color 0.3s ease-in-out;
}
#OrderTypeInHouseCont{
    margin-inline:10px;
}
.styled-select:focus {
    border-color: var(--primary-color);
    outline: none;
}

/* Style for the input elements */
.styled-input {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    box-sizing:border-box; 
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    background-color: #fafafa;
    color: #333;
    box-sizing: border-box; 
} 
.styled-input:focus{
    border-color: var(--primary-color);
    outline: none;
}


/* Responsive Design */
@media (max-width: 768px) {
    .styled-select, .styled-input {
        font-size: 14px;
    }
}

.popup-content-delivery{
    height: 100%;
    overflow-y:hidden;
    border:none;
    max-height: fit-content;
    padding-inline: 10px;
}
.labelForOrder{
    margin-top:30px;
    margin-bottom: 10px;
}
.radiosTakeAwayCont{
    display: flex;
    justify-content: space-evenly;
    align-items:center;
}
.radioLabelTakeAwayCont{
    font-size: 16px !important;
    color:#333 !important;
    margin-block:3px !important;
}
.radiosTakeAwayRabel{
    appearance: none;
    margin-right: 10px;
    width: 20px !important; 
    height: 20px;
    border: 2px solid #333;
    margin-inline-end: 7px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    transition: border-color 0.3s, background-color 0.3s;
}
.radiosTakeAwayRabel:checked{
                        
    background-color: var(--primary-color);
}