.item-title {
        text-transform: lowercase;
    }
    
    .item-title:first-letter {
        text-transform: uppercase;
    }
    
    .framework7-root {
        overflow: auto !important;
    }
    
    .menulink {
        color: #4a4848 !important;
    }
    
    hr {
        margin: 0 !important;
        background-color: #e4e4e4;
        height: 1px !important;
    }
    
    .item-title-row {
        margin: 5px 12px 0px 17px;
        padding: 0px 0 0px 0 !important;
        display: block !important;
    }
    
    .item-media {
        padding-top: 0px;
        margin: auto;
    }
    
    .item-inner {
        padding: 0px !important;
        margin-left: 4px !important;
    }

    .add {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #0000004a;
    }
    
    .add-button {
        background: var(--btn_bg_color);
        width: 96%;
        text-align: left;
        height: 51px;
        font-size: 19px;
        color: var(--btn_color);
        border: 1px solid #888383;
        margin: 215px 0 0 0;
    }

    .item-title-row p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 5px 0 !important;
        font-size: 14px !important;
        color: #676767;
    }
    .orderbutton{
        background: var(--btn_bg_color);
        max-width: 145px;
        height: 33px;
        color: var(--btn_color);
        font-size: 17px !important;
        border: none;
        border-radius: 4px;
        width: auto;
        float: right;
        margin-top: -5px;
        margin-bottom: 12px;
    }
    .counter{
        color: var(--btn_color);
        float: right;
        margin-top: -5px;
        margin-bottom: 12px;
    }
    .counters1{
        color: var(--theme_color);
        float: right;
        margin-top: -4px;
        margin-bottom: 10px;
    }
    .link .external .menulink .active-state{
     background:rgba(0,0,0,.1);
     }
