/*PILAF*/

:root { --black: #2B2B2B; --dgray: #494952; --deli; --row-grid-bg: #FFF7EA; CONTAIN-INTRINSIC; --very-open-cart: #dadada; --error: #C41000; --text-field-line-color: #c7c7c7; --gray-text: #666; --order-icon-tags: #FFF7EA; --delivery-open-cart: rgba(255, 247, 234, 0.40); --footer-status-bar: #63432D; --footer-hover: #171918; --primary-button: #63432D; --primary-button-hover: #7e593f; --secondery-button: #63432D; --secondery-button-hover: #7E593F; --white: #fff; }

/*-----------------------------------/*
 GENERAL
/*-----------------------------------*/
body { opacity: 0; transition-delay: 0.5s; transition: 0.3s ease all; }
body.shown { opacity: 1; }
#text1 iframe, #text2 iframe { width: 100%; }
@media(max-width: 1024px) {
    .navShopBtn.cartBtn { top: 30%; }

    #allSectionsWrapper .section .section-title h1 { line-height: 1.5; letter-spacing: -0.4px; }
}
/**/

/*-----------------------------------/*
 HEADER
/*-----------------------------------*/
#header2 #header-container #header-left { padding-block: var(--gap-16); }

@media(max-width: 1024px) {
    #header2 #header-container .menu-nav ul#menu { margin-top: var(--headerContainerHeight); min-height: calc(100vh - var(--headerContainerHeight)); }
    #header2 #header-container .menu-nav:has(.open) ul#menu { margin-top: var(--headerContainerHeight); }
}

@media(min-width: 1025px) {
    #header2 #header-container .header-right-section .header-top.social-links .header-top-right .header-top-left .userBtn.navShopBtn button { align-items: center; }
    #header2 #header-container .header-right-section .header-top.social-links .header-top-right .header-top-left .userBtn.navShopBtn button svg.profile-btn-svg { height: var(--gap-24); }
}

/**/

/*-----------------------------------/*
 CATALOG ITEM BOX
/*-----------------------------------*/
:is(#CatalogModule, div) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart:has(.outOfStock) { position: absolute; z-index: 100; bottom: 63%; transform: translate(-50%,50%); width: fit-content; height: fit-content; left: 50%; }
:is(#CatalogModule, div) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart:has(.outOfStock) button#addToCartBtn { background: white; font-family: var(--first-font); padding-inline: var( --gap-24); border-radius: 5px; color: var(--black); font-size: clamp(15px,var(--fs-17),300px); }

@media(max-width: 1024px) {
    :is(#CatalogModule, div) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart:has(.outOfStock) { bottom: 75%; white-space: nowrap; }
    :is(#CatalogModule, div) .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-add-to-cart:has(.outOfStock) button#addToCartBtn { font-size: 12px; height: unset; padding-block: 10px; padding-inline: 10px; }
}
/**/

/*-----------------------------------/*
 SHOP POP
/*-----------------------------------*/
.shopPop .modal-body { border-radius: 5px; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .productLabel { background: var(--order-icon-tags); }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent #subheadline { margin-bottom: var(--gap-6); }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-ingredients .ingredientGroupSelection .propertyOption .checkbox-circle { position: absolute; width: var(--gap-24); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/690259.svg"); background-position: center; background-size: cover; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-ingredients .ingredientGroupSelection .propertyOption .checkbox-circle:after { content: ""; width: 60%; height: auto; aspect-ratio: 1; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); background: var(--primary-button); border-radius: 50%; opacity: 0; transition: 0.1s ease all; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-ingredients .ingredientGroupSelection .propertyOption:before { display: none; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-ingredients .ingredientGroupSelection .propertyOption:has(:checked) .checkbox-circle:after { opacity: 1; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemImages .gallery-slider { border-radius: 5px; overflow: hidden; }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .outOfStockLabel { }
.shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .outOfStockLabel span { font-size: clamp(12px,var(--fs-14),300px); padding: var(--gap-4) var(--gap-8); line-height: 1.5; letter-spacing: 0.28px; border-radius: 4px; background: var(--black); font-family: var(--first-font); }

@media(max-width: 1024px) {
    .shopPop .modal-body #CatalogModule #CatalogItemView .itemContentWrapper .itemContent { padding-bottom: 75px; }
}
/**/

/*-----------------------------------/*
 SECTIONS
/*-----------------------------------*/
section.grid-Catalog-Items .content-section-Btn a { background: var(--primary-button); }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--primary-button); }


/*-----------------------------------/*
 SHOP RELATED
/*-----------------------------------*/
.headerShop.side-cart .cart .totalSumItems.top .closeCart button { background-image: none; }

@media(max-width: 1024px) {
    .headerShopLogin .userLogin .newUser a.shopBtn { background: none; border: 2px solid var(--primary-button); }
}
/**/

/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop { display: none; }

.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 40.5vw; margin: 0 auto var(--gap-120); display: flex; flex-direction: column; text-align: start !important; margin-top: var(--headerAndBreadCrumpsHeight); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; margin: 0; text-align: start; margin-bottom: var(--gap-12); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { margin: 0; font-size: clamp(30px,var(--fs-32),300px); font-family: var(--second-font); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #subheadline h2 { text-align: right; margin-bottom: var(--gap-36); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; display: grid; text-align: right; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: var(--gap-24) 0 var(--gap-18); font-size: clamp(1.2rem, var(--fs-20), 1000rem); letter-spacing: 0.28px; line-height: 1.4; line-height: 1.5; font-family: var(--third-font); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol), .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p,li) { font-size: clamp(17px,var(--fs-17),300px); }

@media(min-width: 1025px) {
}

@media(max-width: 1025px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto var(--gap-64); margin-top: calc(50px + var(--headerAndBreadCrumpsHeight)); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: var(--fs-26); margin: 0 0 var(--gap-12); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: 18px; margin-bottom: 10px; }
}
/**/

/*----------------------------------------/*
 INNER CONTENT PAGE
/*----------------------------------------*/
#ContentRegularModule { padding-block: var(--gap-60); }
#GridPage:has(#ContentRegularModule) { padding: 0; }
/**/

/*----------------------------------------/*
 ABOUT PAGE
/*----------------------------------------*/
body.about .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField :is(label.error, span.error) { bottom: 0%; left: 0; transform: translateX(-50%); width: fit-content; }

@media(min-width: 1025px) {
    body.about #GridPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit:hover { color: white; background: var(--primary-button-hover); }
}

@media(max-width: 1025px) {
    body.about .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField :is(label.error, span.error) { left: 50%; width: 100%; top: 90%; }
}
/**/

/*----------------------------------------/*
 CATALOG PAGE
/*----------------------------------------*/
#CatalogView #headline { display: none; }
/**/

/*----------------------------------------/*
 SEARCH RESULT PAGE
/*----------------------------------------*/
#SearchResultPage { margin-top: var(--gap-72); }

@media(max-width: 1025px) {
    .container-fluid:has(.searchResultsList) { padding: 0; }
    #SearchResultPage { margin-top: 32px; }
    #SearchResultPage ul.searchResultsList { grid-template-columns: repeat(2,1fr); column-gap: 9px; }
    #SearchResultPage #headline { max-width: unset; }
    #SearchResultPage #text1 { max-width: unset; }
}

/*----------------------------------------/*
 LOCATION PAGE
/*----------------------------------------*/
body.location #SiteGridContainer { display: flex; flex-direction: column; justify-content: flex-end; }
body.location #ContentRegularModule { padding-bottom: 0; }
body.location #ContentRegularModule :is(.MainContent, #text2) { width: 100%; margin: 0; max-width: 100%; }
body.location #ContentRegularModule :is(.MainContent, #text2) #text1 { max-width: 100%; text-align: center; margin-bottom: var(--gap-12); }
body.location #ContentRegularModule :is(.MainContent, #text2) #text1 p { margin: 0; }
body.location #ContentRegularModule :is(.MainContent, #text2) #text1 p iframe { width: 100%; }
body.location #ContentRegularModule .MainContent > #headline { text-align: center; }

/*----------------------------------------/*
 FOOTER
/*----------------------------------------*/
#SiteFooter { background: var(--blue-bg); color: white; }
#SiteFooter .footer-text-divided { display: flex; flex-wrap: wrap; padding-block: 0; }
#SiteFooter .footer-text-divided .footer-text-left { padding-block: var(--gap-80) 0; padding-inline: var(--gap-20) var(--gap-120); }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; flex: 1; padding: var(--gap-80) var(--gap-120); gap: var(--gap-50); }
#SiteFooter .footer-text-divided .footer-text-right ul { list-style: none; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul li { margin-bottom: var(--gap-6); }
#SiteFooter .footer-text-divided .footer-text-middle { order: 1; width: 100%; padding: var(--gap-24) var(--gap-120); display: flex; justify-content: space-between; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-middle ul { margin: 0; display: flex; list-style: none; padding: 0; gap: var(--gap-32); color: var(--text-on-dark); }
/**/