/*
###   Custom Styles for JRSF client site
*/
.jrm-desktop .header-inline-categories-wrp ::-webkit-scrollbar, .jrm-desktop ::-webkit-scrollbar,
.jrm-desktop .header-inline-categories-wrp ::-webkit-scrollbar-thumb, .jrm-desktop ::-webkit-scrollbar-thumb {
    display:none;
    }
.jrm-desktop .header-inline-categories-wrp:hover ::-webkit-scrollbar, .jrm-desktop ::-webkit-scrollbar,
.jrm-desktop .header-inline-categories-wrp:hover ::-webkit-scrollbar-thumb, .jrm-desktop ::-webkit-scrollbar-thumb {
    display:block;
    }


:root {
    --color-links:#ff0076;
    --swiper-theme-color:#ff0076 !important;
    --color-01:#000;
    --color-02:#fff;
    --color-03:#f0f0f0;
    --color-03-1:#BFBFBF;
    --color-03-2:#808080;
    --color-04:#f00;
    --color-05:#ff0076;
    }

#info {}
.jrm-desktop #info #about,
.jrm-desktop #info #delivery,
.jrm-desktop #info #takeaway {
    padding-top:150px;
    margin-top:-110px;
    }
.jrm-desktop #info #takeaway {
    margin-top:-90px;
    padding-top:150px;
    }

.header-wrp {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-shadow:rgba(0,0,0,0.15) 0 10px 60px;
    z-index:100;
    }
.footer-wrp {
    box-shadow:rgba(0,0,0,0.15) 0 -10px 60px;
    }
.header-second-wrp,
.footer-second-wrp {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;
    }
.header-wrp.bordered,
.footer-wrp.bordered {
    box-shadow:none;
    }
.header-wrp.bordered .header-second-wrp {
    top:5px;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 60px;
    }
.footer-wrp.bordered .footer-second-wrp {
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 0 60px;
    }
.footer-wrp.bordered {
    padding-bottom:30px;
    }


.header {
    width:100%;
    padding:10px 0;
    background:#fff;
    }
.header,
.header * {
    transition: all 0.25s ease-out;
    }
.header > .section {
    padding:0 25px;
    }
.header-logo {
    display:flex;
    align-items:center;
    width:60px;
    height:auto;
    overflow:hidden;
    }
.header-logo img {
    width:100%;
    height:auto;
    }
.header b {
    font-weight:500;
    color:var(--color-05);
    }
.header-links a {
    font-size:15px;
    margin:0 10px;
    }
.header .marks,
.footer .marks {
    color:var(--color-03-2);
    }

.header-inline-categories-wrp {
    user-select:none;
    }

.header-inline-categories-wrp:before,
.header-inline-categories-wrp:after {
    content:'';
    position:absolute;
    top:1px;
    height:calc(100% - 10px);
    width:50px;
    z-index:1;
    }
.header-inline-categories-wrp:before {
    left:0;
    background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
    }
.header-inline-categories-wrp:after {
    right:0;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
    }
.header-inline-categories {
    width:100%;
    display:flex;
    flex-direction:row;
    max-width:1200px;
    padding:10px 20px 5px 20px;
    margin:0 auto;
    border-top:#DEDEDE 1px solid;
    background:#fff;
    overflow: auto;
    will-change: auto;
    transform: scale(1);
    }
/* scroll in header categories & popups & order panel */
.header-inline-categories:hover::-webkit-scrollbar,
.jrm-popup:hover ::-webkit-scrollbar,
.jrm-menupanel:hover ::-webkit-scrollbar {
    background:hsla(0,0%,87.1%,.25);
    opacity:1;
    }
.header-inline-categories::-webkit-scrollbar,
.jrm-popup ::-webkit-scrollbar,
.jrm-menupanel ::-webkit-scrollbar {
    background:hsla(0,0%,87.1%,0);
    height:10px;
    width:10px;
    opacity:0;
    }
.header-inline-categories:hover::-webkit-scrollbar-thumb,
.jrm-popup:hover ::-webkit-scrollbar-thumb,
.jrm-menupanel:hover ::-webkit-scrollbar-thumb {
    min-height:60px;
    border-radius:8px;
    background:rgba(0, 0, 0, .35);
    }

.hdr-inl-cats-unit {
    flex-shrink:0;
    width:76px;
    height:auto;
    margin:0 5px;
    padding:0 0 5px 0;
    border-radius:11px;
    border:transparent 1px solid;
    }
.hdr-inl-cats-unit:hover {
    background:var(--color-03);
    }
.hdr-inl-cats-unit.active {
    background:#FFF6F0;
    border-color:#F6650B;
    }
.hdr-inl-cats-unit-img {
    width:56px;
    height:auto;
    margin:0 auto;
    }
.hdr-inl-cats-unit-img img {
    width:100%;
    mix-blend-mode: darken;
    }
.hdr-inl-cats-unit-name {
    color:#6C6C6C;
    font-size:11px;
    text-align:center;
    margin:2px 0 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    }
/* Collapsed header */
.header-wrp.collapsed {}
.header-wrp.collapsed .header {
    padding:5px 0;
    }
.header-wrp.collapsed .header-logo {
    height:74px;
    zoom:0.85;
    }
.header-wrp.collapsed .header .socials-wrp,
.header-wrp.collapsed .header .link-for-hide {
    opacity:0;
    display:none;
    }
.burger-nav .socials-wrp,
.burger-nav .link-for-hide {
    opacity:1 !important;
    display:block !important;
    }
.header-wrp.collapsed .header-inline-categories {
    padding:5px 20px 3px 20px;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit {
    padding:5px 0;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-img {
    width:32px;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-name {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    }

.burger-nav {
    border-radius:10px 0 0 10px;
    min-width:60%;
    }
.burger-nav-links-wrp {
    top:10%;
    }


/* ###   Footer   #### */
.footer {
    display:flex;
    align-items:stretch;
    }
.footer > .section {padding:30px 30px 20px 30px;}
.jrm-mobile .footer > .section {padding:20px 20px 20px 20px;}
.footer > .section:last-child {
    padding:20px;
    }
.footer > .section + .section {
    border-left:var(--color-03) 1px solid;
    }
.footer .header-links a {
    font-size:13px;
    margin:0;
    white-space:nowrap;
    }
.footer-company-info {
    font-size:10px;
    color:var(--color-03-1);
    }
.payment-systems {
    width:176px;
    margin:0 auto;
    filter:grayscale(1);
    opacity:0.3;
    }
.jrm-mobile .payment-systems {
    width:100%;
    }
.payment-systems img {
    width:100%;
    }

.jrm-mobile .footer > .section + .section {
    border:none;
    border-top:var(--color-03) 1px solid;
    }

/* ###   Content   ### */
.content-wrp {
    padding:260px 0 0 0;
    }
.content-wrp .content {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px;
    }
.jrm-mobile .content-wrp .content {
    padding:30px 0;
    }

.promo-banners-wrp {
    width:auto;
    height:auto;
    overflow-x:auto;
    margin:-20px 0 20px 0;
    padding-bottom:50px;
    scroll-snap-type: x mandatory;
    }
.jrm-mobile .promo-banners-wrp {
    margin:-60px 0 20px 0;
    padding-top:20px;
    padding-bottom:50px;
    }
.promo-banner {
    width:90%;
    height:100%;
    background:#ffecc2;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 30px;
    overflow:hidden;
    scroll-snap-align:center;
    }
.promo-banner + .promo-banner {
    margin-left:15px;
    }
.promo-banner:first-child {
    margin-left:20px;
    }
.promo-banner:last-child {
    margin-right:20px;
    }
.promo-banner img {
    width:100%;
    height:auto;
    z-index:1;
    }
.desktop-promo-banners-wrp {
    margin:0 0 80px 0;
    }
.desktop-promo-banner {
    background:#ffecc2;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 30px;
    overflow:hidden;
    }
.desktop-promo-banner img {
    display:block;
    width:100%;
    height:auto;
    z-index:1;
    }



.text-content {}
.textpart-container {
    padding:30px 0;
    }
.text-content h1,
.text-content h2 {
    color:var(--color-links);
    font-size:24px;
    font-weight:800;
    }
.text-content h2 {
    font-weight:600;
    }
.text-content ul {
    list-style:none;
    }
.text-content ul li:after {
    content:'';
    position:absolute;
    right:100%;
    top:50%;
    width:15px;
    height:2px;
    margin:-1px 5px 0 0;
    background:var(--color-links);
    }

.aboutpage {}
.aboutpage-map-wrp {
    border-radius:30px 0 0 30px;
    overflow:hidden;
    }
.jrm-mobile .aboutpage {
    margin:0 -20px;
    }
.jrm-mobile .aboutpage-map-wrp {
    height:420px;
    border-radius:30px 30px 0 0;
    overflow:hidden;
    }
.aboutpage .text-content {
    background:#fff;
    box-shadow:rgba(0,0,0,0.15) 0 15px 60px;
    border-radius:0 30px 30px 0
    }
.jrm-mobile .aboutpage .text-content {
    border-radius:0 0 30px 30px;
    }

/* ###   JRMSF Fixes   ### */

.jrm-link {
    color:var(--color-05) !important;
    }
.jrm-input:focus,
.jrm-input-sts-done
.jrm-input,
.jrm-input-sts-error .jrm-input {
    color:var(--color-05) !important;
    }
.jrm-input:focus + .jrm-input-border {
    border-color:var(--color-04) !important;
    }
.jrm-input-sts-error,
.jrm-input-sts-error .jrm-input {
    color:var(--color-04) !important;
    }

.content-wrp .jrm-page-spinner {
    position:relative;
    width:100%;
    height:auto;
    background:transparent;
    height:460px;
    margin-top:-100px;
    z-index:10 !important;
    }
.wg-wpr-body  {
    padding:0 !important;
    }
.jrm-popup-wrp:before {
    /*backdrop-filter:none !important;*/
    }
.jrm-button {
    color:var(--color-links) !important;
    }
.jrm-button.jrm-btn-primary {
    color:#fff !important;
    }


.jrm-desktop .jrm-timelist:after {
    content:none;
    }
.jrm-timelist-unit-active {
    color:var(--color-05) !important;
    border-color:var(--color-05) !important;
    }


.jrm-embm-u-selected .jrm-embm-unit-image,
.jrm-button.jrm-btn-primary,
.jrm-prd-v-addtns-cat.jrm-prd-v-addtns-oneoff .jrm-prd-v-addtns-u-active {
    border-color:var(--color-05) !important;
    }
.jrm-embm-u-selected .jrm-embm-unit-image {
    border:none;
    }
.jrm-embm-u-count,
.jrm-embm-items .jrm-embm-unit-i-price,
.jrm-button.jrm-btn-primary {
    color:#fff;
    font-size:13px;
    padding:6px 12px;
    background:#ff0076 !important;
    }
.jrm-embm-u-selected .jrm-embm-unit-image {
    border:none;
    }
.jrm-mobile .jrm-embedmenu-category h2 {
    font-size:38px;
    font-weight:500;
    }
.jrm-mobile .jrm-embedmenu .jrm-embm-unit-i-name {
    font-size:16px !important;
    font-weight:400 !important;
    word-break:break-word;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row {
    margin-left:0;
    margin-right:0;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-items {
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit {
    width:38%;
    padding:2%;
    margin:1%;
    border:#e4e4e4 1px solid;
    border-radius: 15px;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit:first-child {
    margin-left:5%;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit:last-child {
    margin-right:5%;
    }

.jrm-desktop .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-cat-name {
    margin-left:0 !important;
    }
.jrm-desktop .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-items {
    overflow:visible;
    }
.jrm-desktop .site-rollx .jrm-embm-unit {
    width: 19% !important;
    padding: 2% !important;
    margin: 0.5% !important;
    border: #e4e4e4 1px solid;
    border-radius: 15px;
    }
.jrm-desktop .jrm-embm-unit.jrm-embm-u-selected {
    border:var(--color-links) 2px solid;
    }
.jrm-desktop .jrm-embm-unit.jrm-embm-u-selected .jrm-embm-unit-image {
    overflow:visible;
    }
.jrm-desktop .jrm-embm-u-count {
    right:auto;
    bottom:auto;
    top:-23px;
    left:-23px;
    border-radius:15px 0 15px 0;
    }
.jrm-desktop .jrm-embm-unit:hover {
    box-shadow: rgba(0,0,0,0.15) 0 20px 50px;
    }
.jrm-mobile .jrm-embm-unit:hover {
    box-shadow: rgba(0,0,0,0.10) 0 8px 20px;
    }
.jrm-desktop .jrm-popup-wrp.jrm-product-view .jrm-popup {
    max-width:760px !important;
    max-width:800px !important;
    }

.jrm-overflow-hidden {
    overflow:hidden !important;
    }
.compositedroplist {
    position:fixed !important;
    z-index:99999;
    }
.jrm-menupanel {
    z-index:99 !important;
    }
.jrm-mp-items-unit-img {
    background:#fff;
    backdrop-filter:none;
    }

@media (max-width: 820px) {

    .header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-img {
        display:none;
        }

    }