svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box
}

.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}
.btn-indolj-primary {
    color: var(--foreground-color)!important;
    background-color: var(--background-color)!important;
    border-color: var(--background-color)!important
}



@media(max-width: 767px) {
.location {
        min-width: auto!important
    }

    button.location>div {
        display: none
    }
}
    
.location {
    max-width: 160px;
    min-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex!important;
    flex-direction: row;
    padding: .23rem .75rem!important;
    position: relative
}

.location:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    background-color: inherit;
    opacity: 1;
    inset: 0;
    z-index: 1;
    transition: inset .25s cubic-bezier(.35,.12,.14,1.42),border-radius .2s cubic-bezier(.35,.12,.14,1.42),box-shadow .2s cubic-bezier(.22,.1,.1,1),background-color .2s cubic-bezier(.22,.1,.1,1),border-color .2s cubic-bezier(.22,.1,.1,1)
}

.location:hover:before {
    inset: -3px
}

.location>:first-child {
    align-self: center;
    position: relative;
    z-index: 999
}

.location>:nth-child(2) {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .5rem;
    text-align: left;
    line-height: 1.4;
    position: relative;
    z-index: 999
}

.change-branch-btn {
    font-size: .75rem
}

.location>:nth-child(2)>:last-child {
    font-weight: 600;
    letter-spacing: .03rem
}

.cursor-pointer {
    cursor: pointer
}



.category-overview_list-menu-seven h2 {
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: .25rem
}

.category-overview_list-menu-seven {
    max-width: 1000px!important
}

.category-item-wrapper {
    margin-right: -1rem;
    position: relative;
    left: -.5rem;
    right: -.5rem;
    display: flex!important;
    flex-wrap: wrap!important
}

.flip_cart_menu_layout_wrapper {
    margin-right: unset;
    left: -.13rem;
    right: unset;
    margin-left: unset;
    top: 16px;
    display: flex!important;
    flex-wrap: wrap!important
}

.items-section-wrapper {
    padding: 30px;
    background-color: var(--menu-background-color);
    background-size: contain;
    background-attachment: fixed
}

.overflow-x-auto {
    overflow-x: auto
}

.nav-item {
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: relative
}

.nav-item .nav-link {
    -webkit-user-select: none;
    user-select: none;
    color: var(--category-navbar-color);
    font-size: .9rem;
    text-transform: uppercase
}

.parent-category-container .nav-item .nav-link:focus,.parent-category-container .nav-item .nav-link:hover {
    color: var(--parent-category-navbar-item-focus-color)
}

.nav-item .nav-link:focus,.nav-item .nav-link:hover {
    color: var(--category-navbar-item-focus-color)
}

.not-stuck .left-controller {
    left: 0
}

.left-controller {
    left: 0;
    z-index: 1
}

.left-controller,.right-controller {
    position: absolute;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    top: 0
}

.right-controller {
    right: 0
}

.menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 10px
}

.drawer {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    box-shadow: 0 -2px 10px rgba(0,0,0,.1);
    text-align: center;
    z-index: 1000;
    opacity: 0;
    transition: bottom .4s ease-in-out,opacity .4s ease-in-out;
    padding: 0;
    overflow: hidden
}

.drawer,.menu-drawer-header {
    background-color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.menu-drawer-header {
    position: relative;
    z-index: 999;
    padding: 10px 20px;
    border-bottom: 1px solid #eee
}

.drawer.open .menu-drawer-header p {
    color: var(--background-color)!important;
    font-weight: 700;
    font-size: 21px!important
}

.drawer.open {
    bottom: 0;
    opacity: 1
}

.parent-category-wrapper .left-controller {
    left: 0
}

.drawer ul {
    min-height: 40vh;
    max-height: 60vh;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 51px 0 0
}

.drawer li:first-child {
    padding: 20px 20px 10px
}

.drawer li {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    padding: 10px 20px;
    font-size: .9rem
}

.drawer li,.drawer li a {
    display: flex;
    align-items: center;
    width: 100%
}

.drawer li a {
    gap: 10px;
    text-decoration: none;
    color: #000
}

.drawer .round-category-icon {
    margin-bottom: unset!important
}

@media screen and (max-width: 991px) {
    .drawer .round-category-icon img {
        width:40px!important
    }
}

@media screen and (max-width: 786px) {
    .left-controller {
        left:49px
    }

    .left-arrow-margin .left-controller {
        left: 49px!important
    }

    .parent-cat-remove-mr-sub-cat .left-controller {
        left: 0!important
    }
}

.drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 999;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.drawer-backdrop.show {
    opacity: 1;
    pointer-events: all
}

.noscroll {
    overflow: hidden
}

.parent-category-container-drawer {
    width: 100%;
    overflow: hidden
}

.parent-category-container-drawer .parent-category:first-child {
    padding: 18px 20px 0!important
}

.parent-category-container-drawer .parent-category {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: 0 20px
}

.parent-category-container-drawer .single-parent-category {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
    border-radius: 10px;
    font-size: 1.1rem
}

.parent-category-container-drawer .nested-subcategory:before {
    content: "•";
    position: absolute;
    left: -10px;
    color: #000;
    font-size: 18px;
    line-height: 1
}

.parent-category-container-drawer li {
    position: relative;
    list-style: disc!important;
    border-bottom: unset;
    border-radius: 10px;
    margin: 0 0 0 57px!important;
    width: 92%;
    padding: 5px 4px 7px;
    font-size: .9rem
}

.left-controller svg,.right-controller svg {
    height: .7em
}


    .addon-text p {
        font-size: .6rem;
        padding-right: .3rem;
        line-height: .75rem
    }

    .list-group .addon-counter.flex-grow-0 .row {
        padding-inline:0;padding-top: .25rem;
        display: flex;
        justify-content: flex-end;
        max-width: 75px;
        margin-left: 3px!important
    }

    .list-group .addon-counter.flex-grow-0 .row .quantity-box {
        width: 1rem
    }

    .multi-addon-c-1 label {
        justify-content: flex-end!important
    }

    .nestedAddon label {
        justify-content: flex-start!important
    }

    .addon-accordion .accordion-body {
        padding: .25rem .5rem
    }

    .nestedAddon span {
        padding-left: .5rem;
        font-size: .8rem
    }

    .multi-addon-c-1 .addon-text {
        width: calc(100% - 82px)
    }

    .multi-addon-c-1 .addon-text.no-addon-img,.nestedAddon .addon-text {
        width: calc(100% - 16px)
    }

    .slider-layout-addon .multi-addon-c-1 .addon-text {
        width: 100%
    }

    .multi-addon-c-1 .addon-image-wrapper {
        margin: 0!important
    }

    .multi-addon-c-1+div {
        margin-top: -2rem
    }

    .slider-layout-addon .multi-addon-c-1+div {
        margin-top: 0
    }

    .nestedAddon .multi-addon-c-1+div {
        margin-top: 0!important;
        padding-left: 1.35rem!important;
        justify-content: flex-start!important
    }

    .about-section {
        width: 100%!important
    }

    .about-section,.more-content-btn {
        padding-left: 17px;
        padding-right: 17px
    }

    .footer-container {
        width: 100%!important;
        height: 218px
    }

    .copyright-wrapper {
        font-size: 1rem
    }

    .footer-container svg {
        font-size: 1.5rem;
        padding: 5px 10px
    }

    .jump-search {
        bottom: 15.5px;
        left: 12px;
        width: 54px;
        height: 54px;
        opacity: 0;
        animation: fadeInOnly .5s ease-in-out .4s forwards
    }

    @keyframes fadeInOnly {
        to {
            opacity: 1
        }
    }

    .banner-skeleton {
        height: 25vw
    }

    .static-page-content-container {
        margin: 0 2rem;
        min-height: calc(100vh - 218px - 3rem)
    }
}

@media screen and (min-width: 1920px) {
    .item-section {
        width:calc(100% - 450px)!important
    }

    .category-overview_list-menu-seven {
        max-width: 1400px
    }
}

@media (max-width: 655px) {
    .footer-container-layout .footer-top {
        flex-direction:column;
        gap: 1rem
    }

    .footer-container-layout .footer-top .left,.footer-container-layout .footer-top .right {
        width: 100%!important
    }

    .footer-container-layout .footer-top .left .box {
        margin: 10px 0
    }

    .search-indolj-wrapper {
        margin-right: -.5rem!important;
        margin-left: -.5rem!important;
        width: auto!important
    }

    .item-modal .alergian-section {
        margin-top: 0;
        margin-bottom: 1rem
    }

    .item-modal .alergian-section h2 {
        font-size: .8rem;
        font-weight: 700
    }

    .item-modal .alergian-inner {
        overflow-x: auto;
        white-space: nowrap;
        margin: 0
    }

    .item-modal .alergian-inner::-webkit-scrollbar {
        display: none
    }

    .item-modal .alergian-inner>div {
        min-width: 50px
    }

    .item-modal .alergian-inner img {
        margin-top: 0!important
    }

    .item-modal .alergian-inner span {
        font-size: .7rem
    }
}

.next_image_parent {
    width: 100%!important;
    padding-top: 100%!important;
    border-radius: 1rem;
    overflow: hidden
}

body.merchant-200304 .next_image_parent {
    display: flex;
    width: 100%!important;
    aspect-ratio: 1/1;
    height: auto!important
}

@media screen and (max-width: 600px) {
    .next_image_parent {
        width:100%!important;
        height: auto!important;
        border-radius: 1rem;
        overflow: hidden
    }

    .slider-container-deals .slider-label {
        font-size: 12px;
        font-weight: 300
    }

    .slider-container-deals .value-label {
        font-size: 10px;
        font-weight: 300
    }

    .slider-container-deals .icon {
        margin-right: 5px
    }

    .slider-container-deals .flex-grow-1 {
        margin: 0 5px!important
    }

    .slider-container-deals .icon svg {
        width: 20px;
        height: 20px
    }

    .slider-container-deals .slider-container {
        padding: 20px 10px;
        margin-top: 10px
    }

    .search-indolj-wrapper .fa-arrow-left {
        font-size: 1.5rem
    }

    .search-indolj-wrapper .input-group-text {
        padding-right: .3rem!important
    }
}

@media screen and (max-width: 400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        width:1.5rem!important;
        line-height: 1.5rem!important
    }

    .addon-text span,.size-wrapper span {
        font-size: .8rem
    }
}

@media (max-width: 350px) {
    .footer-container-layout .footer-top .right ul {
        flex-direction:column;
        gap: 0;
        margin-bottom: 20px
    }
}

.popover {
    border-radius: 20px!important;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    max-width: 350px;
    padding: 1rem;
    font-family: Roboto,sans-serif
}

.popover-container {
    flex-direction: column;
    gap: .5rem
}

.icon-box,.popover-container {
    display: flex;
    align-items: center
}

.icon-box {
    background-color: #eef2ff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    justify-content: center
}

.icon-box svg {
    color: #6c63ff;
    font-size: 20px
}

.popover-content {
    text-align: center
}

.description {
    font-size: .9rem;
    font-weight: 400!important;
    color: #504c4c;
    font-weight: 500;
    line-height: 1.5
}

.button-group {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.update-btn {
    background-color: #ff007f;
    color: #fff;
    border-radius: 25px;
    padding: 12px 25px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    transition: background-color .3s ease;
    box-shadow: 0 4px 10px rgba(255,0,127,.3)
}

.update-btn:hover {
    background-color: #e60073
}

.current-btn {
    border-radius: 25px;
    padding: 12px 25px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    transition: background-color .3s ease,color .3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.current-btn:hover {
    background-color: #f0f0f0;
    color: #000
}

.logo-container,.logo-wrapper {
    display: inline-block
}

.logo-container {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center
}

.logo-container.bg-true {
    background-color: black;
    border-radius: 50px;
    /* width: 110px;
    height: 110px; */
    margin-bottom: -60px;
    /* background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% */
}

@media screen and (max-width: 991px) {
    .logo-container {
        max-width:70px;
        padding: 0
    }

    .logo-container.bg-true {
        height: 70px;
        /* background-color: transparent; */
        margin-bottom: -35px
    }

    .logo-container.logo-fit-on-mbl {
        margin-top: -5px;
        margin-bottom: -10px
    }

    .merchant-220716 .logo-container.logo-fit-on-mbl {
        margin-top: -5px;
        margin-bottom: -5px
    }
}

.logo-container.box {
    border-radius: 0
}

.Toastify {
    pointer-events: none
}

.cart-success-toastify.Toastify__toast--success,.cart-warn-toastify {
    pointer-events: none;
    min-height: 24px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2rem auto;
    border-radius: 5rem!important
}

.cart-success-toastify .Toastify__toast-body,.cart-warn-toastify .Toastify__toast-body {
    pointer-events: none;
    font-size: 1rem;
    line-height: 1.1;
    padding: 0;
    width: 100%;
    font-weight: 400;
    margin: 0
}

.Toastify__toast>button>svg {
    pointer-events: none;
    display: none
}

.cart-warn-toastify {
    min-height: 20px!important;
    background-color: rgba(255,205,3,.973)!important;
    color: #000!important
}

.cart-warn-toastify .Toastify__toast-body {
    font-size: .9rem!important;
    font-weight: 700;
    line-height: 1.1
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-toast-width: 320px;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0,0,var(--toastify-z-index) px);
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}


.CartColumn {
    width: 365px!important;
    background-color: #fff;
    float: left;
    padding: 25px 5px;
    box-shadow: -2px 0 20px rgba(0,0,0,.14);
    z-index: 2;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: sticky;
    top: var(--TopCartSpacing);
    max-height: calc(100vh - var(--TopCartSpacing))
}

.full-width+.CartColumn,.full-width>.CartColumn,.full-width~.CartColumn {
    max-height: 100%
}

.CartColumn.overlap-cart {
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1050;
    left: 150%;
    transition: all .7s ease-in-out;
    overflow-x: hidden
}

.CartColumn.slide-left.overlap-cart {
    left: calc(100% - 365px)
}

.CartColumn.slide-left.overlap-cart .wrapper-cart-total {
    padding: 0 0 0 5px!important
}

.CartColumn.slide-left.overlap-cart .wrapper-cart-total div,.CartColumn.slide-left.overlap-cart .wrapper-cart-total span {
    font-weight: 400!important
}

.CartColumn.slide-left .cart-item-addons-wrapper div,.CartColumn.slide-left .cart-item-addons-wrapper span {
    font-weight: 500
}

.CartColumn.slide-left .related-item-wrapper+hr {
    margin-left: 5px
}

.CartColumn.slide-left .overflow-y-auto {
    padding-left: 29px
}

.CartColumn.slide-left .related-item-wrapper .r-item-text {
    padding: 6px 8px 0 0
}

.CartColumn.slide-left .cart-checkout-btn {
    padding: 0 0 0 3px
}

.CartColumn.slide-left .area-modal-select {
    padding: 0 3px
}

.cart-item-title-wrapper {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    padding: 5px
}

.cart-item-title {
    font-weight: 400;
    color: #3d3c3c;
    font-size: .9rem
}

.cart-item-size {
    font-weight: 300;
    color: inherit;
    font-size: .8rem
}

.cart-item-image-wrapper {
    max-width: 5rem!important;
    cursor: pointer
}

.cart-item-price-wrapper {
    font-size: .9rem;
    padding: 0;
    font-weight: 600;
    text-align: left
}

.cart-item-counter {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    width: 100%;
    max-width: 5rem;
    padding: .1rem;
    position: relative;
    border-radius: .8rem
}

.CartColumn .cart-item-counter {
    border: 1px solid var(--cartbackground);
    color: var(--background-color);
    margin-top: .6rem;
    align-items: center;
    padding: 0 .5rem;
    max-width: unset;
    border-radius: 1.3rem
}

.CartColumn .cart-item-counter input {
    line-height: 2;
    font-weight: 600!important
}

.cart-item-counter .sober-icon-box {
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    color: var(--bs-gray-800);
    font-size: .95rem;
    font-weight: 300;
    padding: .4rem!important;
    text-align: center
}

.cart-item-counter button.sober-icon-box {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-color: var(--bs-gray-100);
    display: flex;
    align-items: center;
    justify-content: center
}

.view-more-addons {
    color: var(--background-color);
    font-size: .7rem;
    margin-top: 5px;
    padding: 0;
    width: auto;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.view-more-addons svg {
    transition: all .3s
}

.view-more-addons .toggleUp {
    transition: all .6s;
    transform: rotate(180deg)
}

.cart-item-counter .delete-btn {
    color: #bd0303
}

.cart-item-counter .sober-icon-box:focus-within,.cart-item-counter .sober-icon-box:hover {
    box-shadow: none!important;
    background-color: transparent;
    color: var(--bs-blue)
}

.cart-item-counter input {
    border: 0;
    text-align: center;
    padding: 0;
    color: #000;
    transition: transform .1s ease;
    color: transparent!important
}

.cart-item-counter .cart-item-counter-text-cus {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: var(--background-color)!important;
    transition: transform .02s ease;
    transform: translate(-50%,-50%) scale(1);
    pointer-events: none
}

.cart-item-counter .cart-item-counter-text-cus.animate {
    transform: translate(-50%,-50%) scale(1.3)!important
}

.cart-item-counter input:active,.cart-item-counter input:focus {
    box-shadow: none
}

.cart-item-counter button.sober-icon-box.btn-indolj-primary {
    border-radius: .2rem
}

.cart-item-counter button.sober-icon-box.btn-indolj-primary .delete-btn {
    color: #fff
}

.actionsCartItem {
    float: left
}

.cart-item {
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 15px 0;
    margin-bottom: 10px!important
}