/*
|--------------------------------------------------------------------------
| ONLINEFOODIES TAKEAWAY
|--------------------------------------------------------------------------
*/

.ofta-restaurant{

    max-width:900px;

    margin:auto;

}


.ofta-category{

    margin-top:45px;

    margin-bottom:20px;

}


.ofta-category h2{

    font-size:26px;

    font-weight:700;

}


.ofta-products{

    display:flex;

    flex-direction:column;

    gap:15px;

}


.ofta-card{

    background:#ffffff;

    border-radius:16px;

    padding:20px;

    border:1px solid #e6e6e6;

    transition:.25s;

}


.ofta-card:hover{

    transform:translateY(-2px);

}


.ofta-card-content{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

}


.ofta-card-info{

    width:75%;

}


.ofta-title{

    margin:0;

    font-size:20px;

}


.ofta-description{

    margin-top:8px;

    color:#666;

    font-size:14px;

}


.ofta-card-footer{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

}


.ofta-price{

    font-weight:bold;

    font-size:18px;

}


.ofta-add-button{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    font-size:22px;

    background:#111;

    color:#fff;

}

.ofta-category-title{

    margin:0;

    font-size:30px;

    font-weight:700;

    .ofta-modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(0,0,0,.60);

    z-index:99999;

}

.ofta-modal-window{

    width:95%;

    max-width:520px;

    background:#fff;

    border-radius:18px;

    padding:25px;

    position:relative;

}

.ofta-close{

    position:absolute;

    right:15px;

    top:15px;

    border:none;

    background:none;

    cursor:pointer;

    font-size:28px;

}

.ofta-open-product{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#111;

    color:#fff;

    font-size:22px;

}

}