:root {
    --f7-popup-tablet-width: 800px;
    --f7-popup-tablet-height: 690px;
    --swiper-navigation-size: 40px;
}
#app.framework7-root{
    padding-left: 62px;
}
.md-mt-50{
    margin-top: 40px;
}
.p-desktop-10{
    padding:10px;
}
.m-desktop-10{
    margin:10px;
}
.mt-md-30{
    margin-top: 30px;
}
.container{
    width: 80%;
    margin:auto;
}
.container-narrow{
    width: 60%;
}
.large-mt-50{
    margin-top:70px;
}

.bg-desktop-plain{
  background: var(--background-dynamic-color);
}
.bg-desktop-green{
  background-color: #00c40c;
  color: #fff;
}
.bg-desktop-grey{
  background-color: #a2a2a229;
}
.bg-desktop-blue{
  background: #ffc71442;
}
.hide-desktop{
    display: none!important;
}

.app-logo-wingm{
    width: 120px;
}
.popup_prodouct {
    --f7-popup-tablet-width: 100%;
    --f7-popup-tablet-height: 97vh;
    background: transparent;
    box-shadow: none!important;
}
.tabs-home{padding: 5px 50px 15px;}
.tabs-home > a{
    padding: 14px 5px;
}
.framework7-root .toolbar.toolbar-bottom.tabbar-labels.no-hairline{
  /*width: 60%;
  left: 20%;
  bottom: 10px;
  border-radius: 17px;
  box-shadow: 1px 4px 10px #00000030;*/
  position: fixed;
  left: 0;
  width: 62px;
  bottom: 0;
  height: 100%;
  top: 0;
  margin: auto;
  /* box-shadow: 1px 3px 20px #00000024; */
  /* display: flex; */
  justify-content: start;
  border-right: solid 1px #9f9f9f1a;
}

.style-footer-1{
  background: var(--f7-theme-color);
}
.style-footer-2{
  border-radius:0px;
}

.toolbar.toolbar-bottom.tabbar-labels.no-hairline a.tab-link{
    height: auto;
    padding: 19px 0;
    align-items: center;
    width: 100%;
    /* display: block; */
}
.toolbar.toolbar-bottom.tabbar-labels.no-hairline a.tab-link .tabbar-label{
  /* display:none; */
  /* color: #888888; */
  display: block;
}

.toolbar.toolbar-bottom.tabbar-labels.no-hairline i.icon{
    color: var(--f7-text-color);
    font-size: 26px;
}
.actions-backdrop.backdrop-in, .custom-modal-backdrop.backdrop-in, .dialog-backdrop.backdrop-in, .fab-backdrop.backdrop-in, .popover-backdrop.backdrop-in, .popup-backdrop.backdrop-in, .preloader-backdrop.backdrop-in, .sheet-backdrop.backdrop-in{
    backdrop-filter: blur(5px);
    background: rgb(0 0 0 / 43%);
}
.theme-dark .popup{
    background:transparent;
}
.d-p-sticky{
    position: sticky;
    top: 0;
}
.product-sticky-size{
    /* position: relative; */
    background: var(--background-dynamic-color);
    margin: 5px 10px 5px;
    padding: 10px;
    /* position: fixed; */
    /*    top: 50%;*/
    /* transform: translate(0, -50%); */
    /* width: 23%; */
    border-radius: 10px;
}
.inner-product-options-col {
    background: transparent;
}

.product-page .product-image-box {
    width: 95%;
    height: auto;
    background-size: cover;
    top: 0;
    padding-top: 95%;
    border-radius: 15px 0px 0px 15px;
    margin: -7px;
}
.option-list-box {
    margin-top: 20px;
    margin: 5px 10px;
    background: var(--background-dynamic-color);
    padding: 20px 10px 10px;
    border-radius: 10px;
}
.add-order-product{
    /* position: fixed; */
    /* bottom: 26px; */
    /* width: 23.5%; */
}

.product-extra-comments{
  position:fixed;
  top: 15px;
  width: 25%;
  padding: 0;
  /* transform: translate(0, 50%); */
  /* border-radius: 10px; */
  right: 10%;
}
.toolbar.toolbar-bottom .toolbar-inner{
    position: relative;
    height: auto;
    flex-direction: row;
    display: block;
}
body .view.view-main .page{
    /* padding-left: 62px; */
}
.pill-heading{
    margin: 10px 10px 0;
}
.tabs-home-container{}
.tabs-home-container .row{
    justify-content: start;
    gap: 5px;
}
.tabs-home-container .b-item-card{
    /* overflow: hidden; */
}
.tabs-home-container .b-item-card .image-box{}
.tabs-home-container .b-item-card .image-box{
    transition: 
    filter 200ms linear,
    transform 200ms linear;
}
.tabs-home-container .row:hover  .b-item-card:not(:hover) .image-box{
/*  filter: brightness(0.9) saturate(1) contrast(1.2) blur(1px);*/
transform:scale(0.98);
}

.banner-main-container{
    padding:0px 50px
}
.cart-final-c{
    position: sticky;
    top: 20px;
}
.cards-grid{
  /* display: grid; */
  /* grid-template-columns: 244px 200px 200px 200px; */
  /* grid-template-rows: 200px 200px 200px; */
  /* grid-gap: 0; */
  /* column-width: auto; */
  /* column-gap: 1em; */
  /* column-count: 2; */
}

.cards-grid .cart-card{
    /* page-break-inside: avoid; */           /* Theoretically FF 20+ */
    /* break-inside: avoid-column; */         /* Chrome, Safari, IE 11 */
}

.removeCartIt{
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    opacity: 0.8;
    top: 5px;
    right: 5px;
}
.option-list-box{
   overflow: hidden;
}
.product-image-cart-small{
    /* position: relative; */
    /* width: auto; */
    /* padding-top: 60%; */
    /* left: 0; */
    /* margin: -8px -15px 10px; */
    /* z-index: 1; */
    width:100px;
    height:100px;
}
.product-image-cart-small:after{
     content:'';
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+94,1+94 */
     background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     position: absolute;
     height: 100%;
     width: 100%;
     bottom: 0;
     opacity: 0;
}
.theme-dark .product-image-cart-small:after{
   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgb(0 0 0) 94%, rgb(0 0 0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgb(0 0 0) 94%, rgb(0 0 0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(top,  rgba(255,255,255,0) 0%, rgb(0 0 0) 94%, rgb(0 0 0) 100%); /* Chrome10-25,Safari5.1-6 */
    
}
.content-cart-card{
     /* padding: 0; */
     position: relative;
     /* z-index: 2; */
     padding-left: 110px;
     min-height: 50px;
}
.price-cart-boxwa{
    padding-left: 110px;
}
.option-list{
    padding: 10px 40px 10px;
    display: flex;
    column-count: 5;
    overflow: auto;
    flex-wrap: wrap;
    row-gap: 9px;
}
.product-option{
    display: inline-block;
    vertical-align: top;
    height: 100%;
    margin-right: 30px;
    width: 19%;
}

.card-suggested{
    opacity: 0.8;
    transition: all 0.3s ease-in;
    min-height: 110px;
}
.card-suggested:hover{
    opacity: 1;
}

.add-map-addr-fields{
    /* margin:-55% 20px 10px; */
}

.col-card{min-height: 94vh}
.product-content .block-title{
    font-size: 20px;
    margin: 0 0 13px 0px;
    padding: 0 10px 0;
}

.delivery-area-head > span.location_area {
    padding: 5px 10px;
    max-width: 300px;
    font-size: 14px;
    margin: 0 5px;
}

.row-card-expandable .card.card-expandable .card-header{
    width: 63%;
}

.option-list.option-list-single-select .product-option{
    flex-basis: 19%;
}

.navbar .title{
    font-size: 26px;
}
.button-narrow-desktop{
    max-width: 300px;
    margin:auto;
    background: transparent;
    border: solid 2px var(--f7-theme-color);
    /* padding: 20px; */
    /* line-height: 1; */
    color: #0ca353;
    font-weight: 600;
}
.toolbar-inner{
    max-width: 300px;
    margin: auto;
    left: 0;
    right: 0;
}
.bwp-about-sect .sticky-height-desktop{
    height: 100vh;
}
.sticky-top-image-home{
    position: sticky;
    top: 50px;
}

.toolbar .icon.f7-icons{
    margin: 7px auto;
}
body .toolbar .toolbar-inner .main-menu-link-bars{}
.order-text-status{
    margin: 50px 0 0 0;
    font-size: 32px;
}
.order-subtext{
    margin: 0px 0;
}
.placed-details-order{}
.placed-details-order .blue-bg{
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
}
.placed-details-order img{
    width: 50px;
}
.placed-details-order .detail{
    margin: 0;
    text-align: left;
}
.option-preferences-dom{
  max-height: 400px;
  overflow: scroll;
}
#place-order-frm .block-title{
    overflow: visible;
}

.profile-page-section-tabber-col{
    min-height: 100vh;
    /* background: #000; */
    position: fixed;
    top: 0;
    padding-top: 120px;
}
.profile-page-section-tabber-col .profile-tabber-parent{
    flex-direction: column;
}
.profile-page-section-tabber-col .profile-tabber-parent a{
    width: 100%;
    align-items: start;
    text-align: left;
    justify-content: start;
}

.desktop-flex-space-between{
  display: flex;
  justify-content: space-between;
  padding: 0 0px;
}
h2.heading{font-size: 32px}

/* 
.cart-item-grid-0 {
  grid-row: 1 / 5;
}

.cart-item-grid-1 {
  grid-column: 3 / 6;
}

.cart-item-grid-2 {
  grid-row: 2 / 3;
}

.cart-item-grid-3 {
  grid-column: 3 / 5;
}

 */