@font-face {
  font-family: "BlockBerthold";
  font-style: normal;
  font-weight: normal;
  src: url("../../config/fonts/BlockBerthold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Block Pro";
  font-style: normal;
  font-weight: normal;
  src: url("../../config/fonts/BlockPro-Regular.woff2") format("woff2"),
    url("../../config/fonts/BlockPro-Regular.ttf") format("truetype");
  font-display: swap;
}

#wrapper {
  background-color: var(--primary-color);
}
.MenuParts .bag {
  background-color: var(--primary-color);
}

.fnb .menuList.bag::before {
}
.menuList.bag::before {
  color: var(--secondary-color);
}
.mobileMenuWrap .holder {
  border-top-right-radius: 37px;
  border-bottom-right-radius: 37px;
  background: linear-gradient(
    360deg,
    #000000 0%,
    #000000 62%,
    #151514 62%,
    #292928 100%
  );
}

.menuhead::after {
  background: transparent;
}
.menuqlinks {
  background-color: transparent;
}
.menuqlinks {
  border-top: transparent;
  border-bottom: transparent;
}
.menuhead {
  height: auto;
}
.holder.ssm-nav-visible .scroll-menu {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}
.mobileMenuWrap .zmdi-star-outline:before {
  content: "";
  display: inline-block;
  width: 51px;
  height: 51px;
  background: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/favorite.svg") no-repeat center /
    contain;
}
.mobileMenuWrap .zmdi-replay:before {
  content: "";
  display: inline-block;
  width: 51px;
  height: 51px;
  background: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/reorder.svg") no-repeat center /
    contain;
}
.mobileMenuWrap .zmdi-assignment-o:before {
  content: "";
  display: inline-block;
  width: 51px;
  height: 51px;
  background: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/orders.svg") no-repeat center /
    contain;
}
.menuqlinks i.zmdi-star-outline,
.menuqlinks i.zmdi,
.menuqlinks i.zmdi-replay {
  top: -15px;
}
.menuqlinks {
  margin-bottom: 80px;
  height: 180px;
  display: flex;
  align-items: flex-end;
}
.menulogo .logo img {
  max-width: none;
}
.menuhead .zmdi.zmdi-sort-amount-desc {
  left: 15px;
}
.mobilemenuitems {
  color: var(--secondary-color);
}
.zmdi-sort-amount-desc:before {
}
.userainfo {
  background-color: #000;
  border-top: 1px solid #191919;
}
/* .mobileMenuWrap .lineLink.selected .ico,
.mobileMenuWrap .lineLink .text {
  color: #fff;
  margin-top: 4%;
} */
.mobileMenuWrap .zmdi-account:before {
  content: "";
  display: inline-block;
  background: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/profile.svg") no-repeat center /
    contain;
  height: 25px;
  width: 20px;
}
/* .mobileMenuWrap .swiper-container1:after {
  content: "";
  display: inline-block;
  background: url("pictures/ekomcategories/menu-icon.svg") no-repeat center /
    contain;
  height: 43.02px;
  width: 284.87px;
  margin-top: -15px;
  margin-left: 10px;
} */
.menulogo .logo {
  display: block;
  height: auto;
  width: auto;
}
.menulogo {
  margin-top: 30px;
}
.mobileMenuWrap {
  left: -85vw;
}
.is-navOpen .mobileMenuWrap {
  left: 0px;
}
.swiper-container1.swiper-container-vertical1 {
  padding-left: 10px;
}

.itemsList .products-listing .itemGrid {
  background: #0000001a 0% 0% no-repeat padding-box;
  border-radius: 10px;
}

.itemsList .genBtn.quickadd {
  display: none;
}
.itemsList .genBtn.customize {
  display: none;
}
.itemGrid .heart .zmdi::after,
.zmdi-star-outline:before {
  display: none;
}
.itemsList .itemGrid .descBlock .title {
  color: var(--primary-color);
  font-family: "BlockBerthold";
}
.homeFilter {
  background-color: var(--primary-color);
  border-radius: 10px;
  border-bottom: 1px solid #707070;
}
.top-categories {
  background-color: var(--primary-color);
}
.top-categories a {
  color: var(--secondary-color);
}
.top-categories li.selected {
  color: var(--primary-color);
  background-color: var(--secondary-color);
  padding: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  transform: scale(1.05); 
}
.top-categories li.selected a {
  border-bottom: none;
}

.fnb .menuList.bag::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/bag.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.fnb ul.case.products-listing {
  background-color: var(--secondary-color);
  border-radius: 16px;
  transform: none;
  gap: 16px;
  padding: 16px;
  box-sizing: border-box;
}
.categories {
  box-shadow: none;
}
div#currencyList .title,
div#countryList .title {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.errorpopup .currencieslist li.selected,
.errorpopup .countrieslist li.thecountry.selected {
  color: #fff;
}

@media (max-width: 1023px) {
  #label-1{
    height:12px;
       align-items: center;
    justify-content: center!important;
  }
  .customizedID #label-1{
        display: flex!important;
    align-items: center;
    justify-content: center!important;
    height:18px!important
  }
  #top-categories-id li a{
    padding-left:0px!important;
    padding-right:0px!important
  }
  .swiper-container1.swiper-container-vertical1 {
    margin-top: 10px;
  }
  .customizedID.modal .btnClose .zmdi:before {
    left: -0.2px;
  }
  .fnb ul.case.products-listing,
  .wrap1260.noPad.subempty {
    border-radius: 23px;
  }

  .homePid .categories ul > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 83px !important;

    border-radius: 18px;
    padding: 5px;
  }
  .best-seller {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
    border-radius: 15px;
    width: fit-content;
    padding: 0px 9px 5px 9px;
    margin-left: 1rem;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    height: 95px;
    text-transform: uppercase;
  }
  .mobileMenuWrap .lineLink.selected .ico,
  .mobileMenuWrap .lineLink.selected .text {
    color: #fff;
  }

  .best-seller::before {
    content: "";
    background-image: url(https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/featured.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
        width: 65px;
        height: 65px;
        position: absolute;
         left: 12px;
        top: 5px;
    
  }

  .home-collection .title span {
    font-size: 10px;
    color: #fff;
    text-align: center;
  }
  .home-collection .title {
    margin-top: 0px;
  }

  .itemsList .products-listing .itemGrid {
    width: 100% !important;
  }
  .homePid .categories {
    position: relative;
    padding-left: 110px;
    box-sizing: border-box;
    box-shadow: none;
  }
  .home-collection {
    position: relative;
    top: -68px;
  }
  .fnb ul.case.products-listing {
    display: flex;
    flex-direction: column;
  }
  .socials.mobi {
    filter: none;
    opacity: 1;
    position: absolute;
    bottom: 1px;
  }
  .gITems {
    width: auto;
    padding: 1rem;
  }
  #category-products{
    background-color: var(--secondary-color);
    border-radius: 16px;
  }
  .wrapCustom > .column_cust ~ .column_cust .bTitle {
    color: #fff;
  }

  /* home page categories */
  .categories ul {
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
  .categories {
    padding: 8px 0px 10px;
    width: 100%;
    box-shadow: rgba(204, 204, 204, 0.2) 0px 12px 8px;
    height: 28px;
    position: fixed;
  }
  .categories ul {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
  }
  .categories .top-categories li.selected {
    color: var(--primary-color);
    background-color: var(--secondary-color);
    padding: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .categories li {
    width: 83px !important;
    height: 105px;
  }
  .show-footer-menu .footermenu {
    z-index: 8;
  }
  .homePid .categories ul > li a.title {
    color: var(--secondary-color);
    position: relative;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    white-space: wrap;
    overflow: hidden;
    max-width: 100%;
    padding-top: 0px !important;
    line-height: 10px;
    position: absolute;
    bottom: 0px;
    height: 100px;
  }
  .categories li.selected,
  .top-categories li:first-child {
    margin-left: 11px;
  }
  .categories li.selected,
  .top-categories li.selected {
    transition: 0.2s linear;
  }
  .categories li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 83px;
    height: 100px;
    border-radius: 18px;
    padding: 5px;
  }
  .categories li a {
    position: relative;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  .homePid .categories ul > li .cell::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #272626;
    background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/sandwich.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .best-seller .cell::before {
    background-image: url(pictures/ekomcategories/featured.svg) !important;
    background-color: transparent !important;
    width: 67px !important;
    height: 67px !important;
  }
  .homePid .categories ul > li .cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 95px;
  }

  .homePid .categories ul > li img {
    display: none;
  }
  .homePid .content {
    margin-top: 0px !important;
  }
  .scan-action {
    display: none;
  }
  .homePid .categories ul > li a.picture {
    display: none !important;
  }

  .ssm-nav-visible .menulogo {
    margin-bottom: 0px;
  }
  .itemsList .itemGrid .descBlock .title {
    width: 170px;
  }
  body.offers
    .footermenu
    .footer-menu-item[data-for="offers"]
    .footer-menu-item-title {
    color: rgba(255, 255, 255, 0.45);
  }
  .multibranch .deiveringfrom {
    display: flex;
    height: fit-content !important;
    margin-top: 31px;
    font-size: 9px !important;
  }
  .multibranch .deiveringfrom * {
    font-size: 9px !important;
  }

  .multibranch .branchtitle {
    height: auto;
    line-height: normal;

  }
  .multibranch .deiveringfrom {
    border: 1px solid transparent !important;
    opacity: 0.72;
  }
  .multibranch .branchname,
  .multibranch .locationName {
    margin-bottom: 0px;
    height: fit-content;
    line-height: normal;
    margin-top: 0px;
    margin-left: 0px !important;
    border-left: 1px solid white;
    width: calc(100% - 64px);
    text-align: left;
    padding-left: 10px !important;
    opacity: 0.72;
    font-weight: bold;
    text-transform: uppercase;
  }
  .multibranch .branchname::after,
  .multibranch .locationName::after {
    top: -10px;
    right: 1px !important;
    margin-left: 0.5rem;
    font-size: 15px !important;
  }

  .fnb ul.case.products-listing {
    transform: none !important;
    transition-duration: 0ms !important;
  }
  .home-collection .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
    display: none;
  }

  .multibranch .deiveringfrom {
    width: 170px !important;
    font-size: 10px !important;
  }
  .categoryPid .content {
    margin-top: 75px;
  }

  .top-categories li {
    height: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 18px;
    width: 83px;
    height: 83px;
    padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
      transition: background-color 0.3s ease, color 0.3s ease;
  }
  .top-categories li a {
    font-size: 10px;
    font-weight: 900;
  }
  .top-categories ul {
    gap: 1rem;
  }
  .top-categories li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 83px;
    height: 83px;
    border-radius: 18px;
    padding: 5px;
  }

  .top-categories li a {
    position: relative;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 5px;
  }
  .top-categories a {
    height: 100%;
  }

  .top-categories li a::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #272626;
    background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/sandwich.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 5px;
  }

  #category-nav-slide-1708 a::before,
  #category-nav-slide-1708 a::before {
    background-image: url("pictures/ekomcategories/burger.svg");
  }
  #category-nav-slide-1709 a::before {
    background-image: url("pictures/ekomcategories/main.svg");
  }
  .top-categories {
    margin-top: 2px;
    height: 111px;
  }
  .top-categories ul {
    height: 100%;
    display: flex;
  }
  .MenuParts .parts {
    background-color: var(--primary-color);
    padding-bottom: 5px;
  }
  .homeFilter {
    width: 95%;
  }
  .itemsList .itemGrid .wrap {
    width: 100% !important;
    display: flex;
    gap: 1rem;
  }
  .large-menu-img .itemsList .itemGrid .picture {
    width: 129px;
    height: 85px;
    padding-bottom: 0px !important;
    border-radius: 10px;
    min-width: 129px;
  }

  .itemsList .itemGrid .descBlock {
    padding: 15px;
    border-radius: 10px;
  }

  .fnb .itemsList .itemGrid .priceWrap {
    height: fit-content;
  }
  .itemsList .itemGrid .priceWrap .wrap {
    padding-top: 0px;
    margin-top: -40px;
    margin-bottom: 0px;
    margin-left: 152px;
  }
  .fnb .itemsList .itemGrid .priceWrap .price {
    font-size: 11px;
    font-weight: bold;
  }
  .itemsList .products-listing .itemGrid {
    padding-bottom: 0px;
  }

  .large-menu-img .itemsList .itemGrid .picture {
    margin-bottom: 0px;
  }
  .customizedID .head .data {
    background-color: var(--primary-color);
  }
  .customizedID .addRemoveWrap .addRemove {
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-radius: 0px;
    height: 80px;
    justify-content: flex-start;
    background-color: var(--secondary-color);
    z-index: 1200;
  }
  .addtobagbtn {
    width: 60%;
    height: 45px;
    right: 10px;
    bottom: 15px;
    border-radius: 23px;
    justify-content: flex-start;
    padding-left: 10px;
  }

  .fnb div#customizedModalID .wrap-c {
    background-color: var(--primary-color);
  }
  .addRemove .minus,
  .addRemove .plus {
    width: 30px;
  }
  .addRemove .minus {
    margin-left: 20px;
  }
  .customizedID .addRemoveWrap .nb {
    padding-top: 10px !important;
    width: 40px;
    font-size: 14px;
  }
  .addRemove .minus,
  .addRemove .plus {
    font-size: 19px;
  }
  .customizedID .addRemoveWrap .nb {
    color: #fff;
  }
  .bigPrice.overbtn.show {
    transform: translateY(-11px);
  }

  .itemsList .itemGrid .descBlock .title {
    font-size: 14px;
  }
  .share-product.onimg {
    right: 18px;
  }
  #customizedModalID .atf.onimg {
    height: 40px;
    width: 40px !important;
    right: 18px;
  }
}
.customizedID .head .data {
  background-color: var(--primary-color);
  border-bottom: 1px solid #f4b109;
}
.modal .title {
  text-align: left;
}
.fnb .customizedID .data .description {
  text-align: left;
}
.fnb .customizedID .data .description {
  color: #fff;
}
.customizedID .data .price {
  text-align: left;
  color: var(--secondary-color);
  font-size: 17px;
}
.customizedID .wrap,
.column_cust .block .bTitle,
.column_cust .block .bSmallTitle {
  background-color: var(--primary-color);
  color: #fff;
}

div#customizedModalID .formPart .input .label.ng-binding {
  color: #fff;
}
.show-footer-menu .footermenu {
  background-color: #1f1f1f;
  display: flex;
  align-items: center;
  padding: 0 24px;
  width: calc(100% - 48px);
  height: 71px;
  border: 0 none;
  animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running
    fadeInUp2;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  justify-content: space-around;
  border-radius: 40px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

body.scrolld.fixSearch .footermenu {
  bottom: -42px;
}

body.user-branches-opened-first-level.scrolld.fixSearch .footermenu {
  bottom: 0px;
}

body.user-branches-opened.scrolld.fixSearch .footermenu {
  bottom: 0px;
}

.scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-icon {
  margin-top: -12px;
}

.scrolld.fixSearch .footermenu .footer-menu-item .footer-menu-item-title {
  opacity: 0;
}

body.user-branches-opened-first-level.scrolld.fixSearch
  .footermenu
  .footer-menu-item
  .footer-menu-item-icon {
  margin-top: 0px;
}

body.user-branches-opened.scrolld.fixSearch
  .footermenu
  .footer-menu-item
  .footer-menu-item-icon {
  margin-top: 0px;
}

body.scannerenabled .footermenu {
}

#wrapper .footermenu {
  display: none;
}

.orderdetails .footermenu {
  transform: translateY(118px) !important;
}

.receiptPid .footermenu {
  transform: translateY(118px) !important;
}

.footermenu {
  transition: all 0.3s linear;
}

.receiptPid .footermenu {
  display: none;
}

.footermenu .footer-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-basis: calc(100% / 5);
  /* animation: .3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running fadeInUp2; */
}

.footermenu .footer-menu-item:not([data-for="order"]) {
  animation: 0.3s cubic-bezier(0.42, 0, 0.14, 0.93) 0s 1 normal both running
    fadeInUp2;
}

.footermenu a.footer-menu-item {
  padding-top: 0;
}

.scrolld.fixSearch .footermenu a.footer-menu-item-icon {
  top: -3px !important;
}

.footermenu .footer-menu-item .footer-menu-item-icon {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  /* width: 33px;
    height: 33px;
    background-image: url("../../config/images/footer-menu-rewards-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; */
  transition: all 0.2s;
}

.titleAndLegend .title {
  color: var(--main-color);
}

.footermenu .footer-menu-item .footer-menu-item-icon svg {
  max-width: 100%;
  max-height: 100%;
}

.footermenu .footer-menu-item[data-for="challenges"] .footer-menu-item-icon {
  padding-top: 3px;
  margin-bottom: 13px;
}

.footermenu .footer-menu-item .footer-menu-item-title {
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  transition: opacity 0.2s;
}

/* #region Active */

/* #region Loyalty */
body.homePid[act-as="landing-page"]
  .footermenu
  .footer-menu-item[data-for="home"]
  .footer-menu-item-icon
  path {
  /* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
  fill: var(--main-color);
}

body.loyalty
  .footermenu
  .footer-menu-item[data-for="rewards"]
  .footer-menu-item-icon
  path {
  /* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
  fill: var(--main-color);
}

body.loyalty
  .footermenu
  .footer-menu-item[data-for="rewards"]
  .footer-menu-item-title {
  color: var(--main-color);
  /* opacity: 0.45; */
}

/* #endregion */

/* #region Challenges */
body.challenges
  .footermenu
  .footer-menu-item[data-for="challenges"]
  .footer-menu-item-icon
  path {
  /* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
  fill: var(--main-color);
}

body.challenges
  .footermenu
  .footer-menu-item[data-for="challenges"]
  .footer-menu-item-title {
  color: var(--main-color);
  /* opacity: 0.45; */
}

/* #endregion */

/* #region scan */
body.scantopayinstore
  .footermenu
  .footer-menu-item[data-for="scan"]
  .footer-menu-item-icon
  path {
  /* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
  fill: var(--main-color);
}

body.scantopayinstore
  .footermenu
  .footer-menu-item[data-for="scan"]
  .footer-menu-item-title {
  color: var(--main-color);
  /* opacity: 0.45; */
}

/* #endregion */

/* #region Offers */
body.offers
  .footermenu
  .footer-menu-item[data-for="offers"]
  .footer-menu-item-icon
  path {
  /* content: url("../../config/images/footer-menu-rewards-icon-lvl-one-active.svg"); */
  fill: var(--main-color);
}

body.offers
  .footermenu
  .footer-menu-item[data-for="offers"]
  .footer-menu-item-title {
  color: var(--main-color);
  /* opacity: 0.45; */
}

body.homePid[act-as="landing-page"]
  .footermenu
  .footer-menu-item[data-for="home"]
  .footer-menu-item-title {
  color: var(--main-color);
  /* opacity: 0.45; */
}
.userbar {
  background-color: var(--primary-color);
}
.order-item {
  position: relative;
  top: -20px;
}
.order-item .footer-menu-item-icon {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 5px !important;
}
.customizedID.modal .btnClose .zmdi:before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.share-product .zmdi-share::before {
  content: "" !important;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/share.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#customizedModalID .atf.onimg .icon::before {
  content: "" !important;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/favorite-rounded.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.share-product {
  border: none !important;
  width: 40px;
  height: 40px;
}
#customizedModalID .atf.onimg {
  border: none !important;
}
.column_cust .block .textarea {
  background-color: var(--primary-color);
}
.share-product .zmdi-share::before {
  margin-left: 0px;
  top: 0px;
}
.column_cust .bTitle {
  border-top: none;
}
.fnb .customizedID .cont {
  background-color: var(--primary-color);
}
.go-back .zmdi {
  color: var(--secondary-color);
}

.zmdi-instagram::before {
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/insta.svg");
}
.zmdi-facebook::before {
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/facebook.svg");
}
.zmdi-tiktok::before {
   filter: brightness(0) saturate(100%) invert(80%) sepia(35%) saturate(850%) hue-rotate(350deg) brightness(105%) contrast(85%);
  }
.zmdi-linkedin::before {
   filter: brightness(0) saturate(100%) invert(80%) sepia(35%) saturate(850%) hue-rotate(350deg) brightness(105%) contrast(85%);
}
.footer {
  background-color: var(--primary-color);
}
body {
  background-color: var(--primary-color) !important;
}
.bagph {
  background-color: var(--primary-color);
}
@media (min-width: 1023px) {
  .cBox:last-child{
    margin-top:10px
  }
  .homecollections {
    margin: 1rem;
  }
  .fnb .deskmenu li a {
    color: #fff;
  }
  .subPage:not(.checkoutID) .content {
    background-color: var(--secondary-color);
    margin: 1rem;
    padding: 16px;
    border-radius: 16px;
    box-sizing: border-box;
  }
  .customizedID .head {
    background-color: var(--primary-color);
  }
}
.wrapCustom > .column_cust ~ .column_cust .bTitle {
  color: #fff;
  opacity: 1;
}
div#customizedModalID .formPart .input .label.ng-binding {
  opacity: 0.68;
}
.wrapCustom > .column_cust ~ .column_cust .bTitle {
  border-top: 22px solid black;
}
.column_cust .bTitle {
  border-bottom: none;
}
.fnb .customizedID .genBtn {
  background-color: var(--secondary-color);
}
.picture.ng-hide {
  display: block !important;
}
.large-menu-img .itemsList .itemGrid .picture {
  background-color: transparent;
}
.zmdi-sort-amount-desc:before {
  content: "\f136" !important;
  color: var(--secondary-color);
}
.userainfo .lineLink .text {
  display: flex;
  justify-content: space-between;
}
.userainfo .lineLink .text::after {
  content: "\f2f8";
  font-family: "Material-Design-Iconic-Font";
  width: 9px;
  height: 15px;
  display: block;
}

.customizedID .data .title {
  font-family: "Block Pro";
  font-size: 28px;
}
.fnb .customizedID .data .description {
  font-size: 14px;
  opacity: 0.83;
}
.checked .zmdi-check-square,
.checked .zmdi-dot-circle {
  color: var(--secondary-color);
}
.formPart .input .label {
  font-size: 16px;
}
.genBtn {
  font-size: 14px;
}
.filter.normal input {
  opacity: 0.33;
}
.errorpopup,
.errorpopup .title {
  background-color: var(--primary-color);
  color: #fff;
}
.zmdi-menu::after {
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/menu.svg");
  content: "";
  background-repeat: no-repeat;
  transform: translate(50%, 50%);
}
.menuMob .zmdi:before {
  content: "";
}
@media (max-width: 820px) {
  /* .subPage:not(.checkoutID) .content {
           width: fit-content!important;
} */
}
@media (min-width: 1023px) {
  .subPage:not(.checkoutID) .content {
    width: calc(100% - 614px) !important;
  }
}
@media (min-width: 600px) {
  .homePid .home-collection .itemsList {
    background-color: var(--secondary-color);
    margin-top: 20px;
  }
  .mobileMenuWrap .holder {
    width: 50vw;
  }
  .menuqlinks {
    height: 180px;
    display: flex;
    align-items: flex-end;
  }
  .menulogo {
    margin-top: 25px;
    margin-left: 7px;
  }
}
@media (max-width: 600px) {
  .is-navOpen .mobileMenuWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    backdrop-filter: blur(19px);
    background: rgba(0, 0, 0, 0.3);
  }
  .mobileMenuWrap .holder {
    height: calc(95% + 1px);
    top: 52%;
    border-radius: 37px 37px 0px 0px;
    width: 85vw !important;
  }
}
.deskmenu .logo img {
  max-width: 100%;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .fnb .customizedID .backg {
    height: 100% !important;
  }
}
.fnb ul.case.products-listing:not(.swiper-wrapper) {
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr)) !important;
}
@media (max-width: 1023px) {
  .user-greeting-wrapper .user-greeting .dynamic-greeting {
    color: #fff;
    font-family: "Block Pro";
    font-size: 23px;
  }
  .user-greeting-wrapper .user-greeting .static-greeting {
    color: var(--secondary-color);
    font-family: "Block Pro";
    font-size: 23px;
  }

  .fnb ul.case.products-listing:not(.swiper-wrapper) {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
    padding-top: 0px !important;
  }
  img.headbackimg {
    width: calc(-35px + 100vw) !important;
  }
  .showmobilecategories .catinmenu {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .fnb ul.case.products-listing:not(.swiper-wrapper) {
    grid-template-columns: repeat(auto-fit, minmax(21%, 1fr)) !important;
  }
}
.zmdi-menu::after {
  margin-top: -14px;
}

header.header {
  margin: 1rem;
}

.header .image {
  height: 100%;
}
.swiper-container.main-swiper .headbackimg.mobile-img {
  height: 100%;
  border-radius: 20px;
}
.header .swiper-pagination.main-swiper-pagination {
  bottom: 0;
  height: 19px;
  padding-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.fixSearch .header .swiper-pagination.main-swiper-pagination {
  opacity: 0;
}

.header .swiper-pagination.main-swiper-pagination .swiper-pagination-bullet {
  border-radius: 5px;
  opacity: 0.49;
  margin: 0 1.5px;
  background-color: #fff;
  transition: opacity 0.5s, background-color 0.5s, width 0.5s;
  transition-delay: 0.5s, 0.5s, 0s;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #fff;
  width: 30px;
  transition-delay: 0s;
}
#top-categories-id li a span {
  white-space: normal !important;
  height: 30px;
  display: flex;
  align-items: flex-end;
  text-transform: uppercase;
  line-height: 10px;
  font-family:'textfont';
}

#top-categories-id li {
  height: auto !important;
  min-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#top-categories-id li a {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.top-categories ul {
  padding-top: 0.5rem;
}

.menuhead .switchers {
  display: none;
}
.accname {
  display: block !important;
  width: 200px;
  height: 14.02px;
  top: calc(50% - 7px);
}
.accname img {
  width: 100%;
  height: 100%;
}

.top-categories {
  box-shadow: none !important;
}
.countryswitcher {
  padding-top: 7px !important;
}
.swiper-container.main-swiper .headbackimg.desktop-img {
  height: 100%;
}
.itemsList .itemGrid .descBlock .brand {
  display: none;
}
.itemsList .itemGrid .descBlock .title {
  margin-top: 0px;
}
.menulogo {
  margin-top: 26px !important;
}
.menuqlinks {
  height: 23.5% !important;
}
.customizedID.modal .btnClose .zmdi:after {
  width: 40px;
}
.footermenu .footer-menu-item .footer-menu-item-title {
  font-size: 8px;
}
@media (max-width: 1023px) {
  .top-categories li.selected .categories-phone-wrapper{
    margin-bottom: -10px;
  }
  .column_cust .bTitle {
    font-size: 17px;
  }
  body:not(.showModal):not(.ssm-nav-visible) .home-collection .title {
    position: relative;
  }
  .customizedID .addRemoveWrap .addRemove {
    bottom: env(safe-area-inset-bottom, 0);
    transform: translateX(-50%);
  }
}
@media (min-width: 1023px) {
  .share-product.onimg .zmdi {
    margin-right: 1rem;
  }
}
.fnb .itemsList .itemGrid .priceWrap .price {
  padding-right: 0px;
}
.MenuParts .bag {
  margin-top: 16px;
}

@media (max-width: 1023px) {
  .itemsList .itemGrid .descBlock .description{
    padding-right: 0px;
  }
  .customizedID .addRemoveWrap .addRemove {
    position: fixed;
    left: 0;
    right: 0;
    bottom: env(safe-area-inset-bottom, 0);
    height: 80px;

    display: flex;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    border-radius: 0;
    background-color: var(--secondary-color);
    transform: translateZ(0);
    will-change: transform;
  }

  .customizedID .addRemoveWrap .nb {
    padding-top: 20px !important;
  }

  .fnb .modal.noCustomization {
    max-width: none !important;
  }
  .customizedID.modal .btnClose .zmdi:before {
    height: 43px;
  }
}

.zmdi-account-circle:before {
  content: "";
  display: inline-block;
  background: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/profile.svg") no-repeat center /
    contain;
  height: 25px;
  width: 20px;
}
.loggeduser .text {
  color: var(--secondary-color);
}
.large-menu-img .itemsList .itemGrid .descBlock .description {
  color: var(--primary-color);
  font-size: 12px;
  letter-spacing: -0.63px;
  line-height: normal;
}
.large-menu-img .itemsList .itemGrid .descBlock .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

}
@media (min-width:391px) and (max-width:1023px){
  .itemsList .itemGrid:nth-child(1) .descBlock .title::after{
     right: -2px!important;
    top: -2px;
  }
}
@media (max-width: 390px) {
  /* .large-menu-img .itemsList .itemGrid .descBlock .description {
    padding-right: 25%;
  } */
  .itemsList .itemGrid:nth-child(1) .descBlock .title::after {
    right: -7px !important;
    top: -5px;
  }
  .itemsList .itemGrid .descBlock .title {
    font-size: 11px;
  }
}
.fnb .wrap-c {
  background-color: var(--primary-color);
}

#label-1 {
  content: "NEW";
  color: #fff;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 5px;
  position: absolute;
  transform: rotateZ(-12deg);
  background-color: transparent!important;
    width: fit-content;
        top: 15vh;
    display: flex;
    justify-content: center;

}
@media(max-width:1023px){
      div#customizedModalID #label-1{
    top: 61px;
    left: 80vw!important;
    height: 100%;

  }
  .large-menu-img .itemsList .itemGrid .picture{
    overflow: visible;
  }
  #label-1{
        left: 66vw;
        top: -16px;
  }
}
@media (min-width:1024px){
  #label-1{
        top: 31px;
    right: 0px;
  }
}
@media (max-width:360px){
    #label-1{
        font-size: 9px!important;
  }
}
    div#customizedModalID #label-1{
      left: 41vw;
    bottom: 2px;
}
.itemsList .itemGrid .descBlock .title {
  width: 100%;
}
.itemsList .itemGrid .wrap .d-w {
  width: 100%;
}

@media (max-width: 1023px) {
  .multibranch #countryList.show {
    zoom: 1;
    left: 50% !important;
    right: 50% !important;
    transform: translate(-50%, -50%);
    top: 20%;
  }
  .homePid .itemsList .itemGrid:nth-child(1) .descBlock .title::after {
    right: -15px !important;
  }
  .categories-myfavorites
    .gITems
    ul.case.products-listing:not(.swiper-wrapper) {
    padding: 0 !important;
    border-radius: 16px !important;
  }
  body:not(.multibranch) .menuMob .table .cell::after {
    top: 60% !important;
  }
}
@media (min-width: 1023px) {
  
  .large-menu-img .itemsList .itemGrid:nth-child(1) .picture::after {
    font-size: 14px;
    font-weight: bold;
  }
  .fnb .customizedID .bigPrice {
    bottom: 0px;
  }
}

.large-menu-img .itemsList .itemGrid .picture {
  padding-bottom: 75%;
}
.large-menu-img .itemsList .itemGrid .picture {
  background-color: #302e2e1a;
}
.deskmenu .pages li.md-locate {
  color: #fff;
}
.MenuParts .signedUser {
  color: #fff;
}
.MenuParts .signedUser .zmdi {
  color: #333;
}
.generalMainTitle {
  color: var(--primary-color);
}
.fnb .itemsList .itemGrid:only-of-type {
  max-width: 100%;
}
.categories-myfavorites {
  display: none;
}
.fnb .itemsList .itemGrid .heart {
  display: none;
}
.nopimgb {
  background-color: #050404eb;
  min-height: 300px !important;
}
.userpages a {
  color: rgb(200 192 192);
}
.errorpopup .currencieslist li:hover,
.errorpopup .countrieslist li.thecountry:hover {
  background-color: #181717 !important;
}
.userainfo .lineLink .text {
  color: var(--secondary-color) !important;
}
.mobileMenuWrap .lineLink .text {
  color: #fff;
}
.userainfo .lineLink .text::after {
  margin-right: 1rem;
}
@media (max-width: 350px) {
  .mobileMenuWrap .swiper-container1:after {
    width: 250px;
  }
  .menulogo {
    margin-top: 25px !important;
  }
}
@media (max-width: 1023px) {
  .itemsList ul {
    padding-bottom: 16px !important;
  }
}
.mobilemenuitems {
  padding-top: 3%;
}

.customizedID .product-labels-container {
  margin-top: 0;
  top: auto;
  bottom: 15px;
}

.customizedID .product-labels-container .product-labels {
  background-color: transparent!important;
  border:2px solid white;
  color: white;
  border-radius: 7px!important;
  font-size: 17px;
  margin-right: 0;
  font-family: 'Block Pro';
     padding: 2px 3px;
}
#label-2  {
    background-color: white !important;
  color: var(--secondary-color);
  font-size: 8px!important;
  font-family: textfont;
  display: block;
  border-radius: 10px!important;
  padding: 0px 9px 0px 9px;

}
@media (max-width:1023px){

#label-2{
  position: absolute;
    left: 55px;
    top: 62px;
}
}
.customizedID #label-2{
  position: static!important;
  font-size:11px!important
}
@media(min-width:1024px){
  .itemGrid .product-labels-container {
    position: absolute;
    left: unset;
    top: 86%;
    right:0px
  }
}

@media (max-width: 1023px) {
  .fnb .customizedID .cont {
    padding-bottom: 100px;
  }
  .customizedID .addRemoveWrap {
    display: none;
  }
  .manage-qty-fixed-pos.show {
    display: flex !important;
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s linear 0.3s;
  }
  .addtobagbtn.show {
    bottom: 34px;
  }
  .bigPrice.overbtn.show {
    transform: translateY(-27px);
    right: 31px;
  }
}

.manage-qty-fixed-pos {
  position: fixed;
  height: 45px;
  z-index: 9999;
  left: 19px;
  bottom: 34px;
  color: #fff;
  font-family: "textfont";
  font-weight: bold;
  font-size: 14px;
  width: 80px;
  justify-content: space-between;
  align-items: center;

  transform: translateY(100px);
  opacity: 0;

  transition: transform 0.4s linear 0.3s, opacity 0.3s ease 0.3s;
}
.manage-qty-fixed-pos .plus,
.manage-qty-fixed-pos .minus {
  color: #000;
}

.max-qty-tooltip {
  display: none;
}
.addtobagbtn {
  width: calc(100% - 134px);
  left: auto;
  right: 16px;
  background-color: #000;
  box-shadow: -40px 4975px 0 5000px var(--secondary-color);
  height: 45px;
  font-family: "titlefont";
  font-size: 18px;
  justify-content: flex-start;
  padding-right: 23px;
  line-height: 19px;
  font-size: 18px;
}
.userainfo::after {
  color: var(--secondary-color);
}

/* #customizedModalID:has(img[src*="spicy-shrimp-sensation"]) .data .title:after,
#customizedModalID:has(img[src*="THE AWARD WINNING BURGER"])
  .data
  .title:after {
  content: "NEW";
  color: #fff;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 7px;
  position: absolute;
  right: -10px;
  transform: rotateZ(-12deg);
  font-size: 16px;
} */
@media (max-width: 1023px) {
  /* #customizedModalID:has(img[src*="spicy-shrimp-sensation"]) .head::after,
  #customizedModalID:has(img[src*="hunger-buster-toters-with-loopy-"])
    .head::after {
    content: "POPULAR";
    background-color: #fff;
    color: var(--secondary-color);
    font-size: 14px;
    display: block;
    border-radius: 10px;
    padding: 3px 9px;
    position: absolute;
    bottom: 10px;
    left: 7px;
    z-index: 1000;
    font-weight: 600;
  } */
}
@media (min-width: 1023px) {
  /* #customizedModalID:has(img[src*="spicy-shrimp-sensation"]) .picture::after,
  #customizedModalID:has(img[src*="hunger-buster-toters-with-loopy-"])
    .picture::after {
    content: "POPULAR";
    background-color: #fff;
    color: var(--secondary-color);
    font-size: 14px;
    display: block;
    border-radius: 10px;
    padding: 3px 9px;
    position: absolute;
    bottom: 10px;
    left: 7px;
    z-index: 1000;
    font-weight: 600;
  } */
  .customizedID .picture {
    max-height: 450px;
    overflow: visible!important;
  }
  .customizedID #label-1 {
        top: 85px;
  }
}

.fnb .qttyinbag {
  top: 2px;
  right: 5px;
}
.nbHolding {
  position: absolute;
  left: 22px;
  background: white;
}
.nbHolding span {
  color: black;
  font-size: 10px;
  font-weight: bold;
}
.addtobagbtn.show {
  padding-left: 14px;
}
.customizedID .head-on-scroll .data .title::after {
  content: "" !important;
  border: none;
  display: none;
}
.myBagModule.stick {
  background-color: var(--primary-color);
}
.myBagModule.stick .genBtn {
  background-color: var(--secondary-color);
}
.myBagModule .itemBags .itemBag,
.myBagModule .itemBags .itemBag .part {
  background-color: #181717;
}
.myBagModule .itemBags .itemBag .title,
.myBagModule .itemBags .itemBag .brand {
  color: var(--secondary-color);
}
.myBagModule .itemBags .total {
  color: #fff;
}
.usermenu.show {
  background-color: #000;
  border-top: 1px solid var(--secondary-color);
}
.mobileMenuWrap ul li a {
  color: white;
}
@media only screen and (max-width: 1023px) {
  .fnb .withBagOnRight .gridSystem ul,
  .fnb .withBagOnRight .gridSystem.nearBag ul {
    grid-gap: 16px !important;
  }
}
.myBagModule .nb.neartitle,
.myBagModule .itemBags .addRemoveWrap .nb s {
  color: #fff;
}
.errorpopup.confirming-start-over .title {
  color: var(--secondary-color);
}
@media (max-width: 1023px) {
  body.favoritePid,
  .favoritePid #wrapper {
    background-color: #000;
  }
}
.favoritePid .itemsList ul {
  background-color: var(--secondary-color);
  border-radius: 23px;
  padding-top: 16px;
}
.reachLocations .item {
  background-color: #181717;
}
.locAddress .street:first-child {
  color: var(--secondary-color);
}
.locAddress .street.Desc {
  color: #fff;
}
.reachLocations .working-hours .working-hours-list .working-hours-item {
  color: #fff;
}
.ssm-nav-visible .yellow-menubar {
  color: var(--secondary-color);
  position: absolute;
  top: 47%;
}
.ssm-nav-visible .white-menubar {
  color: #edece9;
  position: absolute;
  top: 64%;
}
.yellow-menubar .menubar-item-title {
  font-size: 14px;
}
.mobilemenuitems {
  position: absolute;
  padding-top: 0px;
  top: 76%;
}
.ssm-nav-visible .white-menubar,
.ssm-nav-visible .yellow-menubar {
  padding-left: 30px;
  width: 75%;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.menubar-item {
  margin-bottom: 8px;
  font-size: 11px;
}
.white-menubar > :nth-child(4) {
  font-size: 0px;
}
.white-menubar > :nth-child(4)::after {
  content: "Locate Us";
  color: white;
  font-size: 11px;
}
.mobileMenuWrap .lineLink .text {
  padding-left: 21px;
}
.white-menubar > div:nth-child(1) {
  position: absolute;
  bottom: 20%;
  font-size: 0px;
  background-image: url("https://cheeseontop.weevi.com/c/cheeseontop/pictures/ekomcategories/menu-icon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  background-size: contain;
}
.white-menubar {
  height: 32%;
}
.mobileMenuWrap .wrapContainer {
  height: calc(100% - 10px);
}
.holder.ssm-nav-visible .scroll-menu {
  overflow: hidden;
  padding-bottom: 0px;
}
.myAccountPid .content {
  background-color: #000;
}
.no-items-found .genBtn {
  background-color: var(--secondary-color);
}
.giftcards .gc-bottom-part {
  background-color: #181717;
}
.giftcards .gc-bottom-part .gc-button {
  background-color: var(--secondary-color);
}
.giftcards .gc-title {
  color: var(--secondary-color);
}
a.selected {
  color: var(--secondary-color) !important;
}
.mobilemenuitems {
  display: none;
}
.mobileMenuWrap .lineLink .text {
  padding-left: 45px;
}
.checkoutID #wrapper {
  background-color: #000;
}
/* .home-collection .title {
  display: none !important;
} */
.homePid .categories ul > .best-seller a.title {
  color: white;
}
.homePid .categories {
  padding-left: 10px !important;
}
.home-collection .title:first-child {
  display: none;
}

@media(max-width:1023px){
  .subcats li{

    font-weight: bold;
  }
  .categoryPid .subcats.has-main-categories{
    margin-left:11px
  }
      .subcats a {
            font-size:11px;
      }
.homePid .categories ul > li img{
    display: block!important;
}
.homePid .categories ul > li a.picture{
    display: block!important;
    background-color: transparent;
}
.homePid .categories ul > li .cell::before{
    display: none;
}
}
.titleWrp{
    background-color: transparent!important;
}
.homePid .categories ul > li .cell,
.homePid .categories ul > li a.title{
    height: auto;
}
.homePid .categories ul > li a.title{
    position: relative;
}
.homePid .categories ul > li img{
    height:50px;
    width:50px
}
.categories ul>li .picture{
    padding-bottom: 0%;
    height:135px!important
}
.categories ul>li .picture img{
        height: 50px;
    width: 50px;
}
.homePid .categories ul > li a.title{
    padding-top:5px!important
}
.filter input{
    font-size:13px
}
.zmdi-search:before{
    font-size: 21px;
}
.footermenu .footer-menu-item .footer-menu-item-title{
        text-transform: uppercase;
    color: #656464;
    font-weight: bold;
}
.footermenu .footer-menu-item:nth-of-type(3) .footer-menu-item-title{
    color: var(--secondary-color)
}
.customizedID.disable-adding .cont:before{
    background-color: transparent;
}
.column_cust .block .textarea textarea{
    color: white;
}
@media(max-width:1023px){
    .multibranch .locationName,
     .multibranch .branchname {
        width: calc(100% - 75px);
        padding-left:5px!important
    }
    .multibranch .branchtitle{
        width:32%
    }
        .multibranch .branchname::after, .multibranch .locationName::after {
            margin-right:0px;
            right:15px!important;
            top:-5px!important;
        }
        .multibranch .deiveringfrom{
            padding-left:10px!important;
            padding-top:5px
        }
        .homePid .categories ul > .best-seller a.title{
            font-size: 0px;
        }
        /* .homePid .categories ul > .best-seller a.title::after{
            content:'featured';
            font-size: 10px;
            color:white;
            height:20px;
            width:100%;
            position: relative;
            top:7px

        } */
        .homePid .categories ul > .best-seller a.title{
          font-size:10px
        }
}
@media(max-width:1023px){
.filter.normal input{
    color: white;
    opacity: 1;
    height: 44px;
    position: relative;
    top: 6px;
}
}
.filter.normal input{
    color: white;
    opacity: 1;
}

.filter.normal input::placeholder{
  opacity: 0.33;

}
.user-greeting-wrapper .user-greeting .dynamic-greeting{
    text-transform: uppercase;
    margin-top:-5px;
}
.user-greeting-wrapper .user-greeting .static-greeting{
    text-transform: uppercase;
}
.not-logged-in .addtobagbtn.show{
    justify-content: center;
    width:92%
}
.best-seller{
  margin-left:0px;
  margin-bottom: 14px;
}

.filter input::placeholder{
  font-style: normal;
      text-transform: capitalize;
}
.filter .zmdi{
  right:3px
}

.footermenu .footer-menu-item .footer-menu-item-icon{
  margin-bottom: 10px;
}
@media(max-width:1023px){
  .homeFilter{
  height: 45px;
}
.top-categories ul{
padding-bottom: 12px;
}
  .categories-phone-img{
    display: block!important;
  }
  .categoryPid .subcats.has-main-categories{
    margin-top:130px;
    background-color: var(--primary-color);
  }
  .subcats a{
    color: var(--secondary-color);
  }
}
.menuList.signin{
  color:#fff
}
  
    body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper {
        top: auto;
        height: 71px !important;
        transform: translateY(0);
        opacity: 1;
        bottom: 98px;
        top: auto !important;
        transition: all 0.3s, height 0s;
    }

    body.user-branches-opened-first-level:not(.user-branches-opened) .cb-wrapper .order-methods {
        margin-top: -5px;
    }
    .sub-categories-container .sub-categories .link-container{
      background-color: var(--primary-color);
      color: var(--secondary-color);
    }
    .sub-categories-container .sub-categories .link-container .link{
      color:var(--secondary-color)
    }
    @media (min-width: 1023px) and (max-width:1300px) {
    .subPage:not(.checkoutID) .content {
        width: calc(100% - 338px) !important;
    }
}
.top-categories ul{
  position: relative;
  left:11px
}

.not-logged-in .cb-current-location .cb-wrapper .close-btn{
display: none;
}
@media(max-width:650px){
  .top-categories ul{
    width:99%
  }
}
.top-categories li:last-child{
  margin-right: 10px;
}
@media(max-width:1023px){
 .flmenubtn{
    display: none;
  }
}
.menuqlinks{
  display: flex;
}
.re-order{
  order:0
}
.not-logged-in .continue-close {
    background: #f4b335;
}
#top-categories-id li.selected a{
    filter: grayscale(1) brightness(0);
}
#top-categories-id li a{
  position: relative;
  display: inline-flex;
  align-items: center;
}

#top-categories-id li.selected a::before{
  opacity:0.2;
      width: 45px;
    height: 45px;
        transform: translate(14%, -60%);
}

.categories-phone-img {
  position: relative;
  z-index: 1;
}
#top-categories-id li {
    max-height: 92px;
    box-sizing: border-box;
    min-width: 88px;
    width: 88px;
  
}

@media (max-width: 1023px) {
    .homePid .categories ul > li a.picture {
      width:56px;
      height: 56px;
      border-radius: 50%;
      background-color: #272626;
          display: flex !important;
      justify-content: center;

    }
    .homePid .categories ul > li{
      gap:4px
    }
    .categories ul>li .picture img{
      width:auto;
      height: auto;
    }
    .categories ul>li .picture img{
      top:auto!important;
    }
  .fnb ul.case.products-listing:not(.swiper-wrapper) {
    background-color: var(--secondary-color);
    padding-top:19px!important
  }
}
.best-seller{
  height: 90px!important;
}
.best-seller a{
  background-color: transparent!important;

}
.categories .wrap1260{
  margin-left: 7px;
}
.zmdi-check-square:before {
    content: "\f26b";
    color: var(--secondary-color);
    font-size: 12px;
    border: 2px solid var(--secondary-color);
    padding: 2px;
    border-radius: 2px;
    height: 8px;
    width: 8px;
        margin-left: 2px;
    display: flex;
    align-items: center;
    font-weight: bold;
    }
    .check .zmdi-circle-o, .check .zmdi-square-o{
      color:white
    }
    @media(max-width:1023px){
      .top-categories li.selected .categories-phone-wrapper{
        background: transparent;
        max-width: 100px;
        width:auto;
      }
      .categories-phone-wrapper{
             display: flex !important;
        max-width: 56px;
        max-height: 56px;
        background: #272626;
        border-radius: 50%;
        justify-content: center;
    
      }
      .top-categories li a::before{
        display: none;
      }
    .home-collection .swiper-container .swiper-wrapper li{
      max-width:none;
    }
   .manage-qty-fixed-pos .nb {
  font-size: 16px;
}
.addtobagbtn{
  font-size:14px
}
.wrapCustom > .column_cust ~ .column_cust .bTitle{
          border-top: 10px solid rgba(241, 241, 241, 0.08);
}
@media(max-width:1023px){
  .formPart .inner-price{
    position: absolute;
    right:0px;
  }
  div#customizedModalID .formPart .input .label.ng-binding{
  width: fit-content!important;
  display: flex;
  position: static;
}

}

.customizedID .data .price{
  margin-bottom: 0px;
}
.fnb .customizedID .cont{
  padding-top:37px
}
    }
    @media (max-width: 1023px) {
    .customizedID .head .data {
      padding-top:20px
    }
    }
    
  .fnb ul.case.products-listing:not(.swiper-wrapper){
    background-color: var(--secondary-color);
    padding-bottom: 16px!important;
  }
.large-menu-img .itemsList .itemGrid .picture{
  overflow: visible;
  padding-bottom: 82%;
}

@media (max-width: 1023px) {
  .itemsList .products-listing .itemGrid .d-w{
    margin-bottom: 0px;
  }
  .top-categories ul{
    padding-bottom: 0px;
  }
  
    .itemsList .itemGrid .wrap{
      margin-bottom: 10px;
    }
    .itemsList .itemGrid .picture img{
      border-radius: 10px;
      max-height: 100px;
    }
 
    .categories-phone-img,
.categories ul>li .picture img{
  max-width: 80px;
  max-height: 60px;
}
.landing-cards::before{
  display: none;
}
.home-collection .itemsList
{
  padding-top:24px
}
.top-categories ul{
  align-items: center;
}
.ssm-nav-visible .white-menubar,
.white-menubar > :nth-child(4)::after{
  color:#EDECE9
}
}
.filter .zmdi{
  color:#BBBBBB
}
.categories li.selected, .top-categories li.selected .categories-phone-img{
  width:auto;

}
.nbHolding span{
      height: 20px;
    min-width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nbHolding{
  top:3px;
  left:25px
}
.fnb .qttyinbag{
  height: 25px;
  width: 25px;
  line-height: 25px;
}
.fnb .qttyinbag{
  font-size:12px
}
.nbHolding span{
      box-shadow: 0 0 0 3px black;
    border-radius: 50%;
}
.categories-phone-wrapper{
  overflow: hidden;
}
.column_cust.required .bTitle::after{
  content: " ***";
  color: red;
}
.tinyselect{
  border:2px solid var(--secondary-color);
  height:21px
}
.tinyselect select{
  border:0px solid var(--secondary-color);
  background-color: var(--primary-color);
  padding-left: 0px;
    padding-right: 20px;
    color:var(--secondary-color);
    font-size:16px
}
.formPart .price{
  right:45px
}
.tinyselect::before{
  color: var(--secondary-color);
  right:6px;
  left:unset;
}
.tinyselect select option:hover{
  background-color: var(--secondary-color);
}
.tinyselect select option:hover{
  background-color: var(--secondary-color);
}
.column_cust .block .bSmallTitle{
  margin-top:-23px;
  font-size: 12px;
      opacity: 0.39;
}
.top-categories li:last-child{
  margin-right: 30px;
}

select option:hover {
  background-color: #444141!important;
}

select option:checked {
  background-color: var(--secondary-color)!important;
  color: white;
}
option.selected{
  background-color: var(--secondary-color)!important;
}
.formPart .input .label{
  position: static;
}
@media(min-width:1024px){
  .tinyselect{
    width: 50px!important;
  }
}
.checked .zmdi-check-square, .checked .zmdi-dot-circle{
  top:2.5px
}
.order-method-container{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	height:100vh;
	width:100vw;
	background-color:#231f20;
  position: fixed;
  z-index: 10000;
  left:0;
  top:0;
  font-family: "Block Pro";
}
.order-method-buttons{
	display:flex;
	flex-direction:column;
	gap:1rem;
	}
	.order-method-buttons button{
    text-transform: uppercase;
    font-size: 31px;
    color: #231f20;
    background-color: #f4b335;
    border: none;
    border-radius: 70px;
    font-weight: bold;
    padding: 24px 50px;
    text-align: center;
	}
	.social-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap:28px;
}
.social-links img {
  filter: brightness(0) saturate(100%) invert(80%) sepia(35%) saturate(850%) hue-rotate(350deg) brightness(105%) contrast(85%);
  height:55px
}
.phone-order{
    font-size: 60px;
    color: white;
    padding-top: 10px;
    text-decoration: none;
}
.phone-order img {
    width: 48px;
    margin-bottom: -5px;
    margin-right: -15px;
}
.footer-link{
	color:#fff;
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:20px;
 letter-spacing: 1px;
}
.order-method-footer{
	 width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.order-method-footer .social-links li{
     height: 26px;
    width: 26px;
}

.order-method-footer .social-links li img {
     height: 26px;
    width: 26px;
}
.popup-logo{
      width: 115px;
    margin-top: 50px;
}