/*
###   Custom Styles for JRSF client site
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {
    font-family: Rubik, Roboto, Segoe WP, Montserrat, sans-serif !important;
}
:root {
    --color-links:#d72e4a;
    --swiper-theme-color:#F6650B !important;
    --color-01:#000;
    --color-02:#fff;
    --color-03:#f0f0f0;
    --color-03-1:#BFBFBF;
    --color-03-2:#808080;
    --color-04:#f00;
    --color-05:#d72e4a;
    }

#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;
    }

.jrm-desktop .jrm-prd-view-img {
    margin-bottom: 60px;
}
.header {
    width:100%;
    padding:10px 0;
    background:#fff;
    }
.header,
.header * {
    transition: all 0.25s ease-out;
    }
.header > .section {
    padding:0 25px;
    }
.header-logo {
    display:block;
    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 2.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: #3c88d212;
    border-color: #3c88d2;
    }
.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;
    }
/* 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;
    }
.jrm-mobile .content-wrp {
    padding:230px 0 0 0;
    }
.content-wrp .content {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px;
    }

.promo-banners-wrp {
    width:auto;
    height:auto;
    overflow-x:auto;
    margin:-20px -30px 20px -30px;
    padding:0 0 50px 0;
    scroll-snap-type: x mandatory;
    }
.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:10px;
    }
.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;
    }
.wg-wpr-body  {
    padding:0 !important;
    }
.jrm-popup-wrp:before {
    /*backdrop-filter:none !important;*/
    }
.jrm-button {
    color:#d72e4a !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-desktop .jrm-embm-u-selected .jrm-embm-unit-image {
    border: none;
}
    /*.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 {
    background:#d72e4a !important;
    }
.jrm-mobile .jrm-embedmenu-category h2 {
    font-size:30px;
    font-weight:500;
    }
.jrm-mobile .jrm-embedmenu .jrm-embm-unit-i-name {
    font-size:20px !important;
    font-weight:400 !important;
    word-break: auto-phrase !important;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-items {
    margin-right:-2.2% !important;
    margin-left:-2.2% !important;
    width: auto !important;
    }

.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit {
    width:55%;
    margin:0 !important;
    padding: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: 24% !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:-25px;
left:-25px;
border-radius:15px 0 15px 0;
}
.jrm-desktop .jrm-embm-unit:hover {
box-shadow: rgba(0,0,0,0.15) 0 20px 50px;
}
.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;
}

@media (max-width: 820px) {

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

}