/*SHUKI*/

/*-----------------------------------/*
 GENERAL
/*-----------------------------------*/
/*body { opacity: 0; transition-delay: 0.5s; transition: 0.3s ease all; }
body.shown { opacity: 1; }

@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; }
}*/
/*----------------------------------------/*
 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); }*/
/**/



/*:root { --black: #101010; --gray-text: #666; --text-field-line-color: #C7C7C7; --delivery-open-cart: rgba(218, 218, 218, 0.60); --error: #C41000; --row-grid-bg: #EEEEEE; --order-icon-tags: #DEE5FF; --delivery-open-cart: rgba(222, 229, 255, 0.40); --footer-status-bar: #750026; --footer-hover: #750026; --primary-button: #750026; --primary-button-hover: #8F0633; --secondery-button: #EEEEEE; --secondery-button-hover: #8D8C8C; --order-icon-tags: #DEE5FF; }*/


.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .checkoutInputsWrapper .deliverymethodsContainer .deliveryOptionBox { min-height: var(--gap-52); height: auto; }
.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper.deliveryDetailsTimeTableContent { width: auto; }
.shopLayout.checkoutPage .datepicker-days .table-condensed td.day { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 26px; }
.shopLayout.checkoutPage .datepicker-days .table-condensed tbody tr { font-size: 13px; gap: var(--gap-16); }
.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .checkoutInputsWrapper .deliverymethodsContainer .deliveryOptionBox.active { color: var(--black); background: transparent; }

footer #SiteFooter .footer-text-divided .footer-text-middle p:last-child { display: flex; margin-top: 20px; gap: 11px; justify-content: center; }

/**TO GENERAL**/

.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .checkoutInputsWrapper .deliverymethodsContainer .deliveryOptionBox.active label { color: inherit; }
.shopLayout.checkoutPage .bootstrap-datetimepicker-widget table th { height: auto; }
.shopLayout.checkoutPage .DateTimePickerOpen .bootstrap-datetimepicker-widget table td.day.active:before { background-color: var(--primary-button); }
.shopLayout.checkoutPage .DateTimePickerOpen .bootstrap-datetimepicker-widget table td.day.active:hover:before { background: var(--primary-button-hover); }
.shopLayout.checkoutPage .DateTimePickerOpen .bootstrap-datetimepicker-widget table th { height: auto; }
.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper .hoursSelectHolder { display: flex; flex-direction: column; gap: var(--gap-10); }
.shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .deliveryDetailsTimeTable .HourOptionBox { gap: var(--gap-10); }


@media(max-width:1024px) {
    .shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper.deliveryDetailsTimeTableContent { padding: 0; }
    .bootstrap-datetimepicker-widget > ul.list-unstyled .datepicker .datepicker-days .table-condensed thead tr { padding-inline: 12px; }
    .shopLayout.checkoutPage .datepicker-days .table-condensed tbody tr { gap: 0; display: flex; justify-content: space-between; padding-inline: 12px; margin-bottom: 0px; }
    .shopLayout.checkoutPage .datepicker-days .table-condensed td.day { width: 44px; }
    .shopLayout.checkoutPage .DeliveryDetails form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper .checkoutInputsWrapper .hoursSelectHolder { overflow: visible; max-height: none; }
    
}