.menu-sisula{
    --ms-bg:#000000;
    --ms-card:#000000;
    --ms-border:rgba(255,255,255,.16);
    --ms-text:#ffffff;
    --ms-muted:#ffffff;
    --ms-red:#B3130B;
    --ms-line:rgba(255,255,255,.12);
    background:var(--ms-bg);
    color:var(--ms-text);
    font-family:"Glacial Indifference",Arial,sans-serif;
    width:100%;
}

.menu-sisula *{box-sizing:border-box}

.menu-sisula-tabs{
    position:relative;
    display:flex;
    overflow-x:auto;
    overflow-y: hidden;
    gap:0;
    border-bottom:1px solid #B3130B;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.menu-sisula-tabs::-webkit-scrollbar{
    display:none;
    height:0;
    width:0;
}

.menu-sisula-scroll-indicator{
    display:none;
    height:4px;
    margin:.35rem .25rem .9rem;
    overflow:hidden;
    background:rgba(255,255,255,.22);
}

.menu-sisula-scroll-indicator,
.menu-sisula-scroll-indicator .menu-sisula-scroll-thumb{
    border-radius:999px;
}

.menu-sisula-scroll-indicator .menu-sisula-scroll-thumb{
    display:block;
    height:100%;
    width:34px;
    background:#B3130B;
    transition:transform .15s ease, width .15s ease;
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab{
    appearance:none;
    -webkit-appearance:none;
    align-items:center;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.85) !important;
    background:#000000 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#ffffff !important;
    cursor:pointer;
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    min-width:8.7rem;
    outline:0;
    padding:1rem .85rem .95rem !important;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    font:800 .88rem/1.15 "Glacial Indifference",Arial,sans-serif;
    transition:color .2s ease, background .2s ease;
    user-select:none;
    white-space:normal !important;
    width:auto !important;
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab > span:last-child{
    display:block;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:3px;
    background:transparent;
}

.menu-sisula .menu-sisula-tab-icon{
    align-items:center;
    color:#ffffff;
    display:flex;
    height:2.25rem;
    justify-content:center;
    font-size:2rem;
    line-height:1;
    margin:0 auto .55rem;
    filter:grayscale(1);
}

.menu-sisula .menu-sisula-tab-icon img{
    display:block;
    height:2.25rem;
    margin:0 auto;
    object-fit:contain;
    width:2.8rem;
    filter:brightness(0) invert(1);
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab.is-active,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:hover,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:focus{
    background:#000000 !important;
    border-color:var(--ms-red) !important;
    color:var(--ms-red) !important;
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab.is-active:after{
    background:var(--ms-red);
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab.is-active .menu-sisula-tab-icon,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:hover .menu-sisula-tab-icon,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:focus .menu-sisula-tab-icon{
    filter:none;
}

.menu-sisula .menu-sisula-tabs button.menu-sisula-tab.is-active .menu-sisula-tab-icon img,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:hover .menu-sisula-tab-icon img,
.menu-sisula .menu-sisula-tabs button.menu-sisula-tab:focus .menu-sisula-tab-icon img{
    filter:brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(3144%) hue-rotate(358deg) brightness(84%) contrast(97%);
}

.menu-sisula-list{
    padding:2em 0 0 0;
    max-width:1440px;
    margin:0 auto;
}

.menu-sisula-panel{
    display:none;
}

.menu-sisula-panel.is-active{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1em;
}

.menu-sisula-card{
    --ms-image-size:10rem;
    display:flex;
    gap:1.4rem;
    align-items:flex-start;
    background:#000000;
    border:1px solid var(--ms-border);
    border-radius:.5rem;
    margin:0;
    overflow:hidden;
    box-shadow:0 0 0 1px rgba(0,0,0,.5) inset;
}

.menu-sisula-card.has-no-image{
    display:block;
}

.menu-sisula-card.new-in{
    background:#B3130B;
    border:1px solid;
}

.menu-sisula-card.new-in .menu-sisula-price{
    color:#ffffff;
}

.menu-sisula-new-in{
    background:#ffffff;
    border-radius:99999px;
    color:var(--ms-red);
    display:flex;
    float:right;
    font-size:1em;
    font-weight:bold;
    bottom:-17%;
    padding:.2em .5em;
    position:absolute;
    right:10px;
    width:max-content;
}

.menu-sisula-image{
    aspect-ratio:1 / 1;
    background:#111;
    flex:0 0 var(--ms-image-size);
    height:var(--ms-image-size);
    min-height:auto;
    overflow:hidden;
    width:var(--ms-image-size);
}

.menu-sisula-image img{
    display:block;
    width:100%;
    height:100% !important;
    max-width:none !important;
    aspect-ratio:1 / 1;
    min-height:0;
    object-fit:cover;
    object-position:center;
}

.menu-sisula-content{
    padding:1rem 1rem .95rem 0;
    flex:1 1 auto;
    min-width:0;
    position:relative;
    z-index:1;
}

.menu-sisula-card.has-no-image .menu-sisula-content{
    padding:1rem;
}

.menu-sisula-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:.45rem;
}

.menu-sisula-heading h3{
    color:var(--ms-text);
    font:900 1.22rem/1.12 "Glacial Indifference",Arial,sans-serif;
    letter-spacing:.01em;
    margin:0;
    text-transform:uppercase;
}

.menu-sisula-price{
    color:var(--ms-red);
    flex:0 0 auto;
    font:900 1.18rem/1.1 "Glacial Indifference",Arial,sans-serif;
    white-space:nowrap;
}

.menu-sisula-description{
    color:var(--ms-muted);
    font:500 .9rem/1.45 "Glacial Indifference",Arial,sans-serif;
    max-width:31rem;
}

.menu-sisula-description p{
    margin:.25rem 0;
}

.menu-sisula-allergens{
    margin-top:.8rem;
}

.menu-sisula-allergens span{
    color:#ffffff;
    display:block;
    font:900 .72rem/1 "Glacial Indifference",Arial,sans-serif;
    letter-spacing:.08em;
    margin-bottom:.42rem;
    text-transform:uppercase;
    border: none;
}

.menu-sisula-allergens ul{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem;
    list-style:none;
    margin:0;
    padding:0;
}

.menu-sisula-allergens li{
    border:none;
    border-radius:999px;
    color:#ffffff;
    display:inline-flex;
    justify-content:center;
    opacity:1;
    overflow:hidden;
    padding:0;
}

.menu-sisula-allergens li img {
    display: block;
    height: auto;
    object-fit: contain;
    width: 30px;
}

.menu-sisula-allergen-fallback{
    align-items:center;
    border:1px solid rgba(255,255,255,.72);
    border-radius:999px;
    display:inline-flex;
    font:900 .62rem/1 "Glacial Indifference",Arial,sans-serif;
    height:100%;
    justify-content:center;
    width:100%;
}

.menu-sisula-category-grid{
    --ms-cat-icon:#ffffff;
    background:#000000;
    color:#ffffff;
    display:grid;
    font-family:"Glacial Indifference",Arial,sans-serif;
    grid-template-columns:repeat(8,minmax(0,1fr));
    margin:0 auto;
    max-width:none;
    padding:1.4rem 0;
    width:100%;
}

.menu-sisula-category-grid-2,
.menu-sisula-category-grid-3,
.menu-sisula-category-grid-5,
.menu-sisula-category-grid-6{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.menu-sisula-category-tile{
    align-items:center;
    background:#000000 !important;
    color:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-height:10.8rem;
    padding:0 1rem 1.35rem;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:100%;
}

.menu-sisula-category-tile:hover,
.menu-sisula-category-tile:focus{
    background:#000000 !important;
    color:#ffffff;
}

.menu-sisula-category-tile:after{
    background:rgba(255,255,255,.85);
    content:"";
    height:7.2rem;
    position:absolute;
    right:0;
    top:1rem;
    width:2px;
}

.menu-sisula-category-tile:nth-child(8n):after{
    display:none;
}

.menu-sisula-category-icon{
    align-items:center;
    color:var(--ms-cat-icon);
    display:flex;
    font-size:4.2rem;
    height:5.2rem;
    justify-content:center;
    line-height:1;
    margin-bottom:1.05rem;
    width:100%;
}

.menu-sisula-category-icon img{
    display:block;
    height:5rem;
    max-width:6rem;
    object-fit:contain;
    width:auto;
}

.menu-sisula-category-label{
    color:#ffffff;
    font:900 1.35rem/1.18 "Glacial Indifference",Arial,sans-serif;
    letter-spacing:-.03em;
}

.menu-sisula-category-tile:hover .menu-sisula-category-label{
    color:#B3130B;
}

@media(max-width:640px){
    .menu-sisula-tabs{gap:.4rem;border-bottom:0;margin:0 0 .85rem;padding:0 .25rem .95rem}
    .menu-sisula-scroll-indicator{display:block}
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab{border:1px solid #ffffff !important;border-radius:.2rem !important;flex:0 0 8.2rem;min-width:8.2rem;max-width:8.2rem;padding:.72rem .5rem !important;font-size:.84rem;line-height:1.08;white-space:normal !important}
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab.is-active,
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab:hover,
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab:focus{border-color:#B3130B !important;color:#B3130B !important}
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab > span:last-child{min-height:1.82rem}
    .menu-sisula .menu-sisula-tabs button.menu-sisula-tab:after{display:none}
    .menu-sisula-tab-icon{font-size:1.65rem;height:2rem;margin-bottom:.35rem}
    .menu-sisula-tab-icon img{height:2rem;width:2.6rem}
    .menu-sisula-panel.is-active{grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}
    .menu-sisula-card{--ms-image-size:auto;flex-direction:column;align-items:flex-start;gap:clamp(.85rem,4vw,1.5rem);border-color:rgba(255,255,255,.18);border-radius:.55rem;margin:0;min-height:22rem}
    .menu-sisula-card.has-no-image{display:block;min-height:11rem}
    .menu-sisula-new-in{bottom:auto;right:10px;top:-100%}
    .menu-sisula-image{height:auto;width:100%}
    .menu-sisula-image,.menu-sisula-image img{aspect-ratio:1 / 1;min-height:190px;object-fit:cover;object-position:center;width:100%}
    .menu-sisula-content{padding:.78rem .8rem;width:100%}
    .menu-sisula-card.has-no-image .menu-sisula-content{padding:.9rem 1rem}
    .menu-sisula-heading{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:.35rem}
    .menu-sisula-heading h3{font-size:1.02rem;line-height:1.12}
    .menu-sisula-price{font-size:1rem}
    .menu-sisula-description{font-size:.82rem;line-height:1.45}
    .menu-sisula-allergens{margin-top:.65rem}
    .menu-sisula-category-grid,
    .menu-sisula-category-grid-2,
    .menu-sisula-category-grid-3,
    .menu-sisula-category-grid-5,
    .menu-sisula-category-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem 0}
    .menu-sisula-category-tile{min-height:8.8rem;padding:0 .75rem 1.1rem}
    .menu-sisula-category-tile:after{display:block;height:5.8rem;top:.85rem}
    .menu-sisula-category-tile:nth-child(8n):after{display:block}
    .menu-sisula-category-tile:nth-child(3n):after{display:none}
    .menu-sisula-category-icon{font-size:3.2rem;height:4rem;margin-bottom:.8rem}
    .menu-sisula-category-icon img{height:3.8rem;max-width:4.8rem}
    .menu-sisula-category-label{font-size:1.05rem}
}

@media(min-width:641px) and (max-width:1024px){
    .menu-sisula-card{--ms-image-size:9rem;gap:1.2rem}
    .menu-sisula-category-grid,
    .menu-sisula-category-grid-2,
    .menu-sisula-category-grid-3,
    .menu-sisula-category-grid-5,
    .menu-sisula-category-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}
    .menu-sisula-category-tile:after{display:block}
    .menu-sisula-category-tile:nth-child(8n):after{display:block}
    .menu-sisula-category-tile:nth-child(3n):after{display:none}
}

@media(max-width:430px){
    .menu-sisula-card{gap:.9rem;min-height:20rem}
    .menu-sisula-card.has-no-image{min-height:10rem}
    .menu-sisula-image,.menu-sisula-image img{min-height:170px;aspect-ratio:1 / 1;object-fit:cover;object-position:center}
}
