:root {
  --main-bg-color: rgb(252 249 245);
  --logo-orange:#f59e0b;
  --logo-orange-dark:#d97706;
  --logo-red: #c6093b;
  --brown-bg: #d5c6a2;
  --brown-light-bg: #dec98a;
  --blue-text-dark:#000000;
  --logo-black:#2d2926;
  --logo-black-light:#4b5563;
  --red-dark:#a1002b;
  --mobile-bg: #fbf3ec;
}
*{font-family: 'Plus Jakarta Sans', sans-serif!important;box-sizing: border-box;}
.material-symbols-outlined {font-family: 'Material Symbols Outlined'!important;font-variation-settings:'FILL' 0,'wght' 100,'GRAD'100,'opsz' 24}
body{background:rgb(252 249 245 / 1)}
.bonbon-bg{background:linear-gradient(142deg,var(--logo-red) 3.21%,#7d021f 90.91%)}
.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
  user-select: none;width:80px;position: absolute; right: -32px;top: -23px;overflow: hidden;}
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill: none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke: #fff;stroke-width: 3;stroke-linecap: round;}
.ham1 .top {stroke-dasharray: 40 139;}
.ham1 .bottom {stroke-dasharray: 40 180;}
.ham1.active .top {stroke-dashoffset: -98px;}
.ham1.active .bottom {stroke-dashoffset: -138px;}
.menu-trigger{width: 36px; height: 36px;cursor: pointer;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);padding: 5px;position: relative;
    z-index: 2;margin-right: 15px;cursor: pointer;user-select: none;}
.mobile-view,.mobile-details{display:none}
.mobile-menu { width: 300px; height: 100vh;overflow: auto; z-index: 99999;position: fixed;top: 0; left: -320px;background:var(--logo-red);padding: 20px; box-shadow: 1px 0px 3px rgb(0 0 0 / 50%);}
.open,.mobile-menu{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.mobile-menu.open{left: 0;}
body.nav-open{height: 100vh;overflow: hidden}
ul.messages {margin-bottom: 15px;width:100%;}
.messages ul li {background: #ffe2e2;padding: 10px;position: relative;padding-left: 20px;font-size: 14px;line-height: normal;}
.messages ul li:after {position: absolute;height: 100%;content: ""; width: 10px;background: #f56969;left: 0;top: 0;}
.messages li.success-msg ul li:after {background: #77b745;}
.messages li.success-msg ul li {background: #eef7e7;}
.messages li.notice-msg ul li:after {background: #d4c30c;}
.messages li.notice-msg ul li {background: #fbf7cc;}
.page-title {font-size: 48px;color: var(--logo-red);text-align: center;margin-bottom: 40px;}
.page-title h1 {font-size: 40px;color: var(--logo-red);font-weight: 700;margin-bottom: 30px;}
.main-nav a {padding: 0 20px 0 35px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;text-decoration: none;font-size: 18px;outline: 0;line-height: 40px;position: relative;}
.material-icons-round{font-family:'Material Symbols Outlined'!important}
a,a:focus{color:var(--logo-red);text-decoration: none;outline: none;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
a:hover{color:var(--logo-orange);outline: none}
ul > br, li > br{display: none;}
strong,b{font-weight:bold}
.no-display{display: none}
input,select,textarea{font-weight: 300;padding-left:14px;width:100%;border: 1px solid #ddd;height:40px;line-height:40px}
button,.button{transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;color:#000;letter-spacing: 0.1em;font-size: 0.875rem;line-height: 1.25rem;
    padding:1rem 2rem;border-radius: 9999px;background-color: rgb(217 119 6 );border:0}
button:hover,.button:hover{background-color: rgb(245 158 11);}
button.outline-button,.button.outline-button{background:#fff;color:#000;border:2px solid #000}
button.outline-button-light,.button.outline-button-light{background:#fff;color: var(--logo-orange);border:2px solid var(--logo-orange)}
button.outline-button-light:hover,.button.outline-button-light:hover{color: var(--logo-orange-dark);border:2px solid var(--logo-orange)}
h2 {font-size: 35px;font-weight:700;color: var(--logo-red); margin-bottom: 30px;}
h3 {font-size: 18px;font-weight:700;color:var(--logo-orange)}
h4 {font-size: 16px;font-weight:600;color:#555;margin-bottom:15px}
.std h3 {margin-bottom: 15px; font-size: 1.2em;color: var(--logo-black)}
.std p {line-height: 1.7;text-align: justify; margin: 0 auto;margin-bottom: 30px;}
.limited-width{max-width: 1500px;position: relative;margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px;}
.header-container {height: 80px;width: 100%;text-align: center; z-index: 999; position: fixed;top: 0;}
.header-container:after { content: "";transition: all .5s;opacity:1;position: absolute; z-index: -1;top: 0;bottom:0; left: 0;right: 0;background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.cms-index-index .header-container:after {opacity:0}
.cms-index-index .header-container.fixed:after{opacity:1}
.header-search {display: flex;align-items: center;}
.header {display: flex;align-items: center;height: 80px;flex-grow: 1;justify-content: space-between;}
.header-logo {margin-top: 15px;padding: 0 20px;transition:height .5s;height:80px}
.header-logo img{height:100%;transition:height .5s;max-height: 55px;}
.header-container.fixed .header-logo{height:70px;margin-top:10px;}
.header-right { display: flex; padding-right: 50px;align-items:center}
.search-icon { cursor: pointer;margin: 0 20px;}

.header-menu .main-nav,.header-menu .custom-menu{ display: flex;height: 100%;align-items: center;}
.header-menu li {position:relative;display: flex;height: 100%; align-items: center;}
.header-menu li ul{display: none; position: absolute;top:68px;padding: 20px;left: 50%;transform: translateX(-50%);min-width:245px;background-color: #fff;z-index: 2;box-shadow: 3px 4px 12px rgba(0,0,0,.25);gap: 3rem;
                   border-radius: 20px;border:2px solid var(--logo-black);columns:2;}
.header-menu a {color:#2d2926;font-weight: 500;text-transform: uppercase;padding: 0 25px;letter-spacing:2px;font-size: 14px;}
.header-menu a:hover{color:var(--logo-orange)}
.header-menu {height: 100%;}
.nav-container {height: 100%;}
a.level-top {height: 100%;display: flex;align-items: center;}
a.level-top span {letter-spacing: 1.2px;}
.parent a.level-top span:after {font-family: 'Material Symbols Outlined';content: "keyboard_arrow_down";text-transform: none;position: absolute;    margin-left: 3px;}

.form-search {display: flex;align-items: center; transition-property: all;transition-duration: 300ms;color: #fff;font-size: 0.875rem;padding: 0 0.25rem; border-radius: 9999px;color:#2d2926;border: 1px solid rgb(63 63 70);
    height: 30px;}
.form-search button {padding: 0;}
.form-search input{background: none;border: 0;color:#2d2926;}
.form-search input::placeholder {color:#2d2926}
.form-search button {background: none;}
.form-search button span {font-size: 17px;color:#2d2926;}
a.link.language { color:#2d2926;font-size: 12px;font-weight: 500;padding: 0 25px;letter-spacing: 0.1em;text-transform:uppercase}
a.link.language:hover { color:var(--logo-orange)}
.cms-index-index .header-container:not(.fixed) .header-menu a:not(:hover, ul.level0 a),.cms-index-index .header-container:not(.fixed) .form-search input::placeholder,
.cms-index-index .header-container:not(.fixed) a.link.language:not(:hover),
.cms-index-index .header-container:not(.fixed) .form-search button span{color:#dbdbe1; }
.cms-index-index .header-container:not(.fixed) .form-search {border-color:#dbdbe1;}
.cms-index-index .header-container:not(.fixed) .form-search:hover {background-color: rgb(39 39 42);}
.cms-index-index .header-container:not(.fixed) .form-search input{color:#fff;}

h2.featured-cats-header {font-family: 'Playfair Display'!important;color: #2d2926; margin-bottom: 17px;}
p.featured-cats-text {padding-left: 0; max-width: 33rem; margin-left: 0; color: #6b7280;}

.header-menu li.parent:hover > ul.level0{display:block}
ul.level0 a {color: var(--logo-black);letter-spacing: normal;text-transform: capitalize;font-size: 15px;padding: 0 0 5px;text-align: left;line-height:26px;font-weight: 700;}
ul.level0 a.browse-by {color: var(--logo-orange); border-bottom: 2px solid var(--logo-orange);margin-bottom: 15px;cursor:arrow}
ul.level0 a:hover {color: var(--logo-orange);text-shadow: none;}


.slide {position: relative;height: 100vh;display: flex;align-items: center; overflow: hidden;margin: 0;}
.slide picture {position: absolute;top: 0;right: 0; bottom: 0;left: 0;z-index: 0;}
.slide picture img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.05); filter: brightness(0.3);}
.slide picture:after {content: "";position: absolute; top: 0; right: 0;bottom: 0;left: 0; background-image: linear-gradient(to right, rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.1), transparent);}

.slide .banner-text {color: #fff;display: flex;align-items: center;letter-spacing: 1.8px;width:100%}
.slide .banner-text .text-container{max-width:42rem;display: flex;flex-direction: column;}
.slide .banner-text .minor {color: rgb(245 158 11);letter-spacing: 0.3em;text-transform: uppercase;font-weight: 700;font-size: 11px;padding:0.25rem 0.75rem;background-color: rgb(245 158 11 / 0.1);margin-right:auto;
border: 1px solid rgb(245 158 11 / 0.2); border-radius:50px;    margin-bottom: 1.5rem;}
.slide .banner-text h1,.slide .banner-text h1 *{font-family: "Playfair Display", serif!important;font-size: 6rem;line-height: 1;}
.slide .banner-text h1{margin-bottom: 2rem;}
.slide .banner-text .gold-gradient{font-style: italic;font-weight: 400;background: linear-gradient(to right, #f59e0b, #d4af37, #fde68a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding:0 0.1em;}
.slide .banner-text .sub-text{font-size: 1.25rem;color: #dbdbe1;line-height: 1.75rem;margin-bottom: 2.5rem;max-width: 32rem;}
.slide .banner-text .actions{flex-wrap: wrap;display: flex;gap: 1rem;text-transform: uppercase;}
.slide .banner-text .actions a{transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;color:#000;letter-spacing: 0.1em;font-size: 0.875rem;line-height: 1.25rem;
    padding:1rem 2rem;border-radius: 9999px;}
.slide .banner-text .actions a.gold-button{background-color: rgb(217 119 6 / 1);}
.slide .banner-text .actions a.gold-button:hover{background-color: rgb(245 158 11 / 1);}
.slide .banner-text .actions a.washed-button{color: #fff;border:1px solid rgb(63 63 70);}
.slide .banner-text .actions a.washed-button:hover{background-color: rgb(39 39 42 / 1);}


@keyframes slide-left {
  from {padding-left:40px;opacity:0.5 }
  to {padding-left: 0px;opacity:1}
}
.main-container.col1-layout {
    min-height: calc(100vh - 200px);
}
.footer-container {min-height: 500px;background: #fcf9f5;background-size: cover;margin-top: 100px;border-top: 1px solid rgb(190 56 46 / 10%);}
.footer {padding:60px;color: var(--logo-red);text-align:center}
.footer-container address {padding-top: 50px;border-top: 1px solid rgb(190 56 46 / 10%);}

#showcase {margin: 30px 0;}
.mobile-view-all{display: none}
.home-banners-wrapper {margin-bottom: 40px;}
.ibanners-wrapper img {max-width: 100vw;}
.home-banners-wrapper .since {font-weight: 500;padding: 10px;display: inline-block; border: 4px solid;border-right: 0;border-left: 0;margin-top: 10px;}
.home-about {display: flex;margin-top: 70px;margin: 70px 0;background: rgba(255,255,255, 0.3);}
.about-img img {max-width: 100%;border-radius: 25px;}
.home-about > div {width: 50%;}
.about-img {padding-right: 40px;}
.about-text {padding: 50px;color:var(--logo-black-light)}
.home-about h2 {font-weight: 600;margin-bottom: 25px;font-family: 'Playfair Display'!important;color: var(--logo-black);font-size: 40px;line-height: normal;}
.home-about h2 em {font-family: 'Playfair Display'!important;font-style: italic;color: var(--logo-red);}
.home-about  a {display: block;margin-top: 15px;border-bottom: 2px solid var(--logo-red);padding-bottom: 9px;display: inline-block;word-spacing: 3px;}

.featured-categories {grid-template-columns: repeat(5, minmax(0, 1fr));display: grid;gap: 1.5rem;margin-bottom:50px}

a.category-item .cat-image {aspect-ratio: 4 / 5;border-radius: 1.5rem;overflow: hidden;margin-bottom: 1rem;position: relative;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
a.category-item .cat-image img{position: absolute;top: 0; right: 0; bottom: 0; left: 0;width: 100%;height: 100%;object-fit: cover;}
a.category-item .cat-image .shop-now{position: absolute;top: 0; right: 0; bottom: 0; left: 0;background-image: linear-gradient(to top, rgb(0 0 0 / 0.6), transparent);opacity: 0;
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);display: flex;align-items: flex-end;padding: 1.5rem;}
a.category-item:hover .cat-image .shop-now{opacity: 1;}
a.category-item .cat-image .shop-now{color: rgb(255 255 255);font-size: 0.875rem;font-weight: 700;text-decoration-line: underline;}

.cat-name{font-family:"Playfair Display",serif!important;font-size:1.25rem;line-height: 1.75rem;color: var(--logo-black);}
.cat-description {margin-top: 0.25rem;color: #6b7280;font-size: 0.875rem;line-height: 1.25rem;}

.category-content {display: flex;}
.category-products {flex-grow: 1;}
.catnav {display: flex;padding-right: 40px;flex-direction: column;}
.catnav a {color: #555;flex-wrap: nowrap;display:flex; white-space: nowrap;line-height: 30px;font-size: 13px;font-weight: 900;    align-items: center;justify-content: space-between;}
.catnav li {display: flex;flex-direction: column;}
.catnav ul ul {display: none;}
.catnav > ul > li > a {text-transform: uppercase;padding: 0 10px;}
.catnav > ul > li {border-bottom: 1px solid #c2c2c2;}
.catnav .head {font-size: 14px; margin-bottom: 10px; text-transform: uppercase; font-weight: 900;color: var(--logo-red);padding-bottom: 10px;border-bottom: 4px solid var(--logo-red);}
.catnav > ul > li.active > a {background: var(--logo-red);color: #fff;margin-bottom: 5px;}
.catnav > ul > li.active ul { display: block; padding-left: 15px;}
.catnav li ul a {font-weight: 700;max-width: 150px;white-space: normal;line-height: 14px;padding: 5px;}
.catnav li ul a:hover {color: var(--logo-red);text-decoration: underline;}
.catnav > ul > li > a:hover {color: var(--logo-red);}
.catnav > ul > li.active > a:hover {color: #fff;}
.catnav > ul > li.active {padding-bottom: 10px;}
.catnav i {font-size: 14px; padding-left: 10px;}



.products-grid {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.products-grid .item {background: rgba(255,255,255, 0.4);width: calc(25% - 15px); margin: 7.5px; position: relative;border-radius: 4px;display: flex;flex-direction: column;}
.products-grid a {display: block;height: 100%;}
.products-grid .item-wrapper{display: flex;flex-direction: column;height: inherit;justify-content: space-between;height: 100%}
.products-grid .item-img {padding: 15px;height: 315px;}
.products-grid .item-img-main{width: 100%;height: 100%;position: relative}
.products-grid .item-img-main img {width: 100%;height: 100%;object-fit: contain;object-position: center;transition: all 0s ease;}
.products-grid img.item-img-back {opacity:0;position: absolute;left: 0;top:0}
.products-grid a:hover.item-img-main.has-back .main-image{opacity:0; transition-delay: .25s;  }
.products-grid a:hover.item-img-main.has-back img.item-img-back{opacity:1;transition-delay: .25s; }
.products-grid .item-brand{font-size: 13px;font-weight: 300;color:var(--blue-text);padding: 15px 15px 2px;}
.products-grid .item-brand p {min-height: 16px;}
.products-grid .item-name {height: 63px;padding: 4px 25px 2px 15px; color: #000;line-height:21px;font-weight:600;display: -webkit-box;-webkit-line-clamp: 3;text-align: center;
    -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:19px}
.products-grid .price-box {display: flex;align-items: baseline;padding: 15px;justify-content: center;flex-wrap: wrap}
.products-grid .price-including-tax {display: none;}
.products-grid .price-box .price {font-size: 1.2em;}
.products-grid .price-box a.minimal-price-link {flex-basis: 100%;width: 100%;text-align: center;padding-top: 5px}
.products-grid .actions {padding: 15px;}
.products-grid .actions, .products-grid .button {display: flex;align-items: center;justify-content: center;font-size: 14px;}
.products-grid .button  {width: 134px;height: 37px;justify-content: center;color: #fff;user-select: none;cursor: pointer;border: 0}
.products-grid .button.choose-options{color: var(--gold-text);background: #fff;border:2px solid var(--gold-text);width: auto}
.ribbon {color: #fff;background: var(--logo-red);width: fit-content;padding: 2px 10px;font-size: 10px;
            margin-left: 10px;border-radius: 20px;text-transform: uppercase;position: absolute;top: 10px;left: 0;z-index: 1;}
.ribbon.new-ribbon{background:#188b03;}
.products-grid .item-qty .qty {height: 37px;border-radius: 0 4px 4px 0; width: 37px; font-size: 14px;}
.products-grid .qty-ctrl {height: 37px;}
.products-grid .qty-ctrl div { padding: 2px;border-radius: 4px 0 0 0;}
.products-grid .qty-ctrl div.qty-dec {border-radius: 0 0 0 4px;}
.products-grid .item-info {display: flex;flex-direction: column;}
.products-grid .tier-prices{ align-self: center;margin: 0 20px;padding: 5px 10px;}
.products-grid .item-name p {text-align:left;border-top:4px solid var(--logo-red);padding-top: 15px;}
.products-grid .item-details {padding:15px;height:80px;box-sizing: content-box;}
.products-grid .actions{display:none}
.products-grid .item-details .sku {font-size: 12px;color:var(--logo-red)}
.products-grid .item-details .description {margin-top: 15px;font-size: 12px;color: #000;font-weight: 400;color: #111;font-weight: 400;line-height: 1.5;}

.product-essential {display: flex;padding: 50px;background: rgba(255, 255, 255, 0.3);}
.product-essential .product-img-box {margin-right: 50px;border: 1px solid var(--brown-bg);min-width: 50%;}
.product-img-box .more-views {padding: 10px;background: #fff;}
.product-essential .product-name {font-size:40px;font-weight: 800;letter-spacing: 1px;color: var(--logo-red);margin: 20px 0;}
.product-sku {color: var(--logo-red);margin-bottom: 15px;}
.product-sku .lbl{color: var(--logo-black);font-weight:600}
.mobile-details .product-sku {padding: 0 15px;}
.product-img-box .swiper {width: 100%; height: 100%;}
.product-img-box.has-more {max-width: 50%;}
.product-img-box .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.product-img-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product-img-box .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.product-img-box .swiper-slide {background-size: cover;background-position: center;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);}
.product-img-box .swiper-slide  .thumbnail{width: 100%;height: 100%;}
.product-img-box .mySwiper2 {height:500px;width: 100%;}
.product-img-box .mySwiper {height:90px;box-sizing: border-box;}
.product-img-box .mySwiper .swiper-slide {width: 90px;height: 100%;opacity: 0.4;cursor:pointer}
.product-img-box .mySwiper .swiper-slide-thumb-active {opacity: 1;box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);}
.product-img-box .mySwiper img{opacity: 0.8;}
.product-img-box .mySwiper .swiper-slide-thumb-active img{opacity: 1;}
.product-img-box .mySwiper .swiper-slide-thumb-active .thumbnail{border-bottom: 6px solid var(--logo-red);}
.product-img-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product-img-box .swiper-button-next:after, .product-img-box .swiper-button-prev:after{font-size:inherit}
.product-img-box .swiper-button-next, .product-img-box .swiper-rtl .swiper-button-prev{right:0;}
.product-img-box .swiper-button-prev, .product-img-box .swiper-rtl .swiper-button-next{left:0}
.product-img-box .swiper-button-next, .product-img-box  .swiper-button-prev{background:var(--logo-red);user-select: none;}
.product-img-box .main-image {border-bottom: 1px solid #eee;}

.product-essential .description {line-height: 1.8;margin-bottom: 30px;letter-spacing: 0.8px;margin-top: 30px;}
.breadcrumbs ul {display: flex;}
.breadcrumbs li {margin-right: 5px;}
.breadcrumbs li.home {display: none;}
.breadcrumbs {font-size: 1.5em;background:#f5ece1;margin-bottom: 20px;padding: 130px 0 90px;}
.sort-bar {display: flex;justify-content: space-between;}
.sort-by {display: flex;align-items: center;    margin-bottom: 20px;}
.select-dropdown-label {flex-wrap: wrap;font-size: 0.8em;margin-right: 15px;display: flex;}
.count-container {line-height: 24px;font-weight: 600;font-size: 26px; color:var(--logo-red);margin-bottom:20px}
.category-description {margin: 0;padding: 20px 0;margin-top: -100px; margin-bottom: 50px;color: var(--logo-black-light);line-height: 1.6; font-size: 0.85rem;letter-spacing: 0.6px;word-spacing: 2px; max-width: 75%;}
.item-wrapper:hover { box-shadow: 3px 4px 12px rgba(0,0,0,.25);}
.toolbar.bottom {display: flex; align-content: center;}
.limiter {display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center;}
.sort-by .select-dropdown {display: flex;}
.kosher-certs { display: flex;margin-bottom: 20px;}
.kosher-certs img {max-height: 70px;margin-right: 15px;}
.kosher-title {font-size: 16px; margin-bottom: 15px;text-transform: uppercase; color: var(--logo-red);font-weight: 300;}
.kosher {border-top: 2px dashed var(--brown-bg);padding: 15px 0;}
.kosher-category {font-weight: 600;text-transform: uppercase;}
.kosher-category span:after {content: ",";}
.kosher-category span:last-child:after {content: "";}

.action-btns {margin-top:30px;display:flex}
.action-btns a {color: #fff;background: var(--logo-red);display: flex;flex-direction: column;justify-items: center;align-items: center;padding: 15px; margin-right: 20px;
    width: 115px; height: 80px;font-size: 11px;text-align: center;text-transform: uppercase;line-height: normal;}
.action-btns a span { margin-bottom: 5px;}
.colors-nutri-box {display: flex;}
.sub-items {border: 4px solid var(--logo-red);padding: 10px;width: 500px;margin-right: 20px;height: fit-content;}
.sub-items > div {display: flex;}
.sub-items span {padding: 10px;height: 75px;width: 25%;display: flex;flex-wrap: wrap; border: 3px solid var(--logo-red);border-width: 0 3px 3px 0;align-items: center;font-weight: 500;
    justify-content: center;text-align: center;line-height:normal}
.sub-items-head span {font-weight: 700;}
.sub-items span:last-child {border-right: 0;}
.sub-items > div:last-child span {border-bottom: 0;}
.sub-items.no-size span {width: 33.333%;}
.colors-box {display: flex;flex-direction: column;}
.colors-box .colors-title {margin-bottom: 10px;font-size: 0.8em;}
.colors-box .colors {display: flex;margin-bottom: 30px;}
.colors-box .color {margin-right: 20px;display: flex;text-align: center;flex-direction: column;width: 75px;align-items: center;}
.colors-box .color-swatch {width: 50px;height: 50px; margin-bottom: 5px; background: #ddd;border-radius: 25px;border: 1px solid #000;background: url(../images/swatch_crisscross.png);}
.colors-box .color-name {font-size: 0.8em;font-weight: 500;}
.colors-box .color.chocolate .color-swatch{background-color:#663819}
.colors-box .color.classic .color-swatch{background-color:#e9bc9c}
.colors-box .color.strawberry .color-swatch{background-color:#e8aab2}
/*Nutrition Facts ===============*/
#nutrition-facts{width: 260px;margin-right: 20px}
.nutrition-facts {font-size:14px;padding: 9px;color: #000;font-family: Arial, Helvetica, sans-serif;border: 2px solid var(--logo-red);line-height: 16px;margin:0 0 20px 0}
.nutrition-facts .table-title {line-height: 20px;font-size:22px;padding-bottom: 4px;white-space: nowrap;font-weight: 800;text-transform: uppercase;
             font-size: 16px!important;padding-bottom: 3px;margin-bottom: 3px;border-bottom: 3px solid var(--logo-red);color: var(--logo-red);}
.nutrition-facts .serving {font-size: 16px!important;line-height: 14px;padding-bottom: 2px;display: flex;justify-content: space-between;font-weight: 700;padding: 5px 0;}
.nutrition-facts .quantity-increase, .nutrition-facts  .quantity-decrease{height:16px;line-height: 16px}
.nutrition-facts .serving-label {float: left;line-height: 16px;}
.nutrition-facts .serving-setter {float: left;margin: 0 5px}
.nutrition-facts .serving-unit {float: left;line-height: 16px;}
.nutrition-facts .clearer{margin:0 0 4px 0}
.nutrition-facts .daily-val-note {font-size: 11px; margin: 0 0 7px 7px;}
.nutrition-facts .line {border-top: 1px solid #333;padding: 0 0;line-height:20px;}
.nutrition-facts .line.last {border-bottom: 1px solid #333;margin-bottom: 7px}
.nutrition-facts .line.indent {margin-left: 15px;}
.nutrition-facts .daily-val {float: right;}
.nutrition-facts .daily-val:before {content: '\0000a0';}
.nutrition-facts .div1 { height:8px; line-height:0; font-size:1px; background: #333;}
.nutrition-facts .div2 {height:4px;line-height:0;font-size:1px;background: var(--logo-red);}
.nutrition-facts .star {margin-left: -7px;}
.nutrition-facts .text-right { text-align: right; }
.nutrition-facts .float-right { float: right; }
.nutrition-facts .clearer {clear: both;}
.nutrition-facts .line.calories {padding: 5px 0;display: flex;justify-content: space-between;font-size: 30px!important;line-height: normal;}
.nutrition-facts .line.calories .label {font-weight: 800;}

.details-container {display: flex;padding:50px 0px;background: rgba(255, 255, 255, 0.6);padding: 30px;margin-bottom: 60px;}
.details-accordion {width: 60%;display: flex;flex-direction: column;}
.details-accordion .a-header {padding: 15px 30px;color: var(--logo-red); letter-spacing: 1px;border-bottom: 1px solid #c9c9c7;position: relative;cursor: pointer}
.details-accordion .accordion-item{border: 1px solid #c9c9c7;border-bottom:0}
.details-accordion .a-header .a-title{--text-opacity: 1;color:var(--logo-red);font-weight: 800;text-transform: uppercase; margin-right: 30px}
.details-accordion .a-header:after,.details-accordion .a-header:before {color:var(--logo-red);font-size: 1rem;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);transition: all .5s}
.details-accordion .a-header:before {content: "remove";font-family: "Material Symbols Outlined";opacity: 0}
.details-accordion .a-header:after {content: "add";font-family: "Material Symbols Outlined";opacity: .75}
.details-accordion .a-header:hover:after {color:var(--logo-red);opacity: 1}

.details-accordion .a-content {overflow: hidden;height: 0}
.details-accordion .accordion-item.open .a-content {border-bottom: 1px solid #c9c9c7}
.details-accordion .accordion-item.open .a-header:after {transform: translateY(-50%) rotate(90deg);opacity: 0}
.details-accordion .accordion-item.open .a-header:before {opacity: .75}
.details-accordion .accordion-item.open .a-header:hover:before {--text-opacity: 1; color: #d31145;color: rgba(211,17,69,var(--text-opacity));opacity: 1}
.details-accordion .accordion-item.open .a-content {padding: 20px 30px;height: auto;font-size: .875rem;overflow: visible}
.details-accordion .accordion-item.open .a-content  {font-size: .875rem;line-height: 22px;}
.details-accordion .description { margin-bottom: 15px;}

.details-specs {width: 40%;padding-left:50px}
.details-specs  h3.title {color: var(--logo-red);font-size: 1.2em;text-transform: uppercase;font-weight: 800; margin-bottom: 20px;}
.details-specs .key-specs {display: flex; flex-wrap: wrap;border-bottom: 4px solid var(--logo-red);}
.specs-item {width: 50%;padding: 15px 20px;border: 1px solid #ddd;border-top: 0;border-left: 0;font-size: 0.8em;}
.specs-item .label{font-weight: 800;text-transform: uppercase;margin-bottom: 15px;}
.specs-item .data {color: var(--logo-red);}
.specs-item:nth-child(even) { border-right: 0;}
.more-specs .specs-item {padding: 10px;display: flex;justify-content: space-between;border: 0;width: calc(50% - 10px);font-size: 1em;}
.more-specs .specs-item .label {font-weight: 400;margin: 0; text-transform: none;}
.more-specs {display: flex;flex-wrap: wrap;justify-content: space-between;}
.more-specs .specs-item:nth-child(4n-3),.more-specs .specs-item:nth-child(4n-2) {background: #e6e6e6;}
.more-specs .specs-item .data { font-weight: 600;color: #000;}

.showcase-box {margin-bottom: 20px;}
.showcase-box h3.block-title {font-size: 30px;font-family: 'Playfair Display' !important;}
.showcase-box a.view-all {font-weight: 600;}
.slick-prev:before, .slick-next:before {color: var(--logo-red);font-size: 30px;}
.showcase-header {display: flex;justify-content: space-between;padding: 0 7.5px;}
.showcase.full-width {width: calc(100vw - 10px);margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);padding: 40px 60px 40px 60px;background: #ffff;}
.fade-in {opacity: 0; transform: translateY(90px);transition: opacity 0.9s ease, transform 0.9s ease;}
.fade-in.is-visible {opacity: 1;transform: translateY(0);}


.home-contact {display: flex;margin-bottom: 50px; flex-wrap: wrap;margin: 50px;padding: 50px; background: #dfd3c3;border-radius: 6px;}
.home-contact > h2 {flex-basis: 100%;}
.contact-box {padding: 5rem;background: #be382e;  color: #fff; max-width: 64rem;overflow: hidden; margin: 0 auto;border-radius: 40px;text-align: center;}
.contact-box img {opacity: 0.5;height: 60px;}
.contact-box h2 {font-size: 41px;font-family: 'Playfair Display'!important;color: #fff; margin: 35px;}
.contact-box .contact-text {margin-bottom: 25px;line-height: 1.6;font-size: 18px;max-width: 60%; margin: 0 auto;margin-bottom: 45px;}
.contact-box a.white-button {padding: 1rem 2.5rem; background: #fff;border-radius: 50px;font-weight: 700;transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);color: #be382e;}
.contact-box a.white-button:hover {box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);transform: scale(1.05);color: #be382e;}

.home-text h4{font-size: 1.1em; margin-bottom:30px;font-weight: 600;text-align: center;}
.home-text {padding: 50px;margin-bottom: 50px;}
.home-text .about-text {column-count: 3;}
.home-text .about-text img{float:left;margin-bottom:10px;max-width:100%;margin-right: 10px;}
.contact-box h3 {margin-bottom: 10px;}
.std .contact-box p {padding: 0;}
.form-list .input-box {margin-bottom: 15px;}
.form-list label {position: relative;display: block; margin-bottom: 5px;color: #555;font-size: 14px;}
.form-list label em {display: none;}
.validation-advice {font-size: 12px;margin-top: 5px;color: #e63946;}
input.validation-failed {border-color: #e63946;}
a.forgot-link {display: block;font-size: 13px; line-height: normal; text-align: right; margin: -5px 0 10px;}
li#remember-me-box {display: block;margin-top: 10px;}
input[type="checkbox"], input[type="radio"] {display: inline-block;width: auto;vertical-align: middle;height: auto;margin-right: 5px;}
.form-list .control label { vertical-align: middle; display: inline-block;margin: 0;color:#000}
.form-list .input-box.radio {display: flex;margin-top: 10px;padding: 10px;border: 1px solid #ddd;background: #f9f9f9;height: 40px;align-items: center;}
.form-list .fields, .form-list .customer-name { display: flex;}
.firecheckout-set .form-list .customer-name {width: 100%;}
.form-list .fields .field {margin-right: 10px;width: calc(50% - 10px);}
.form-list .fields {margin-right: -10px;}
.form-list .input-box.radio label { margin-right: 15px;font-weight: 600;margin-bottom: 0}
.form-list .input-box.radio input { margin-right: 5px;}
.form-list textarea {height: 100px;}

.footer-cols {display: flex;justify-content: space-between;}
.footer-col{text-align: left;color:#4b5563}
.footer-info-box {display: flex;flex-direction: column;text-align: left;line-height: normal;color: var(--logo-black-light);}
.footer-about {margin: 15px 0; line-height: 1.6;max-width: 250px;}
.footer-logo {max-width: 120px;}
.footer-logo img {max-width: 100%;}
.footer-col h5 {font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em; font-size: 0.75rem;margin-bottom: 2rem;color: var(--logo-black);}
.footer-col ul {list-style: none;margin: 0;padding: 0;}
.footer-col li + li {margin-top:18px;}
.footer-col a{color:#4b5563}
.footer-col a:hover,.footer-col .red{color:var(--logo-red)}
.footer-address {line-height:1.5}
.footer-address h3 {margin-bottom: 5px;color:inherit}
.footer-certs {margin-top: 20px;}
.hours-col li {display: flex;justify-content: space-between; min-width: 250px;}
.footer-container address {padding-top: 50px;border-top: 1px solid rgb(190 56 46 / 10%);display: flex; justify-content: space-between;color: #a9a8a5;font-size: 0.85rem;}
address ul {display: flex;gap: 12px;}
address ul a {color: var(--logo-brown);}

.contact-us.dig-box {line-height: normal;}
.contact-us p.required {display: none;}
.contact-form textarea {height: 200px;line-height: 1.5;padding: 15px;}

.two-colums {display: flex;margin-bottom: 50px;}
.two-colums > div { width: 50%; padding: 50px;}
.two-colums .col-one {background: rgba(255, 255, 255, 0.4);}
.two-colums .col-two { background: #fff;}
.contact-us p {line-height: 1.6;margin-bottom: 40px;}
.contact-us-box .material-symbols-outlined {vertical-align: middle;margin-right: 7px;font-size: 15px;}
.contact-us-box h3 {margin-bottom: 5px;}
.contact-us h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;}

.buttons-box {justify-content: center;align-items: center;display: flex;margin-bottom: 60px;}
.buttons-box a.button {max-width: 200px;text-align: center; margin: 10px;}
.buttons-box a.button:hover{color:#fff}
.field.control.checkbox {display: flex;margin: 0 10px 10px 0;}
.input-box.checkbox {display: flex;padding-left: 20px;position: relative;margin: 10px 0;flex-direction: column;}
.input-box.checkbox input {position: absolute;left: 0;}
.field.control.checkbox {margin-bottom: 15px;}
:root {
    --bp-background-primary: light-dark(rgba(255, 255, 255, 1), rgba(48, 48, 46, 1));
    --bp-background-secondary: light-dark(rgba(245, 244, 237, 1), rgba(38, 38, 36, 1));
    --bp-text-primary: light-dark(rgba(20, 20, 19, 1), rgba(250, 249, 245, 1));
    --bp-text-secondary: light-dark(rgba(61, 61, 58, 1), rgba(194, 192, 182, 1));
    --bp-border-secondary: light-dark(rgba(31, 30, 29, 0.3), rgba(222, 220, 209, 0.3));
    --bp-border-tertiary: light-dark(rgba(31, 30, 29, 0.15), rgba(222, 220, 209, 0.15));
   
    
}
  .bp-hero { padding: 5rem 6rem 4rem; border-bottom: 0.5px solid var(--bp-border-tertiary); display: flex; align-items: flex-end; justify-content: space-between; gap: 3rem; flex-wrap: wrap; }
  .bp-hero-left { max-width: 640px; }
  .bp-eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bp-text-secondary); margin: 0 0 1rem; }
  .bp-h1 { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 400; line-height: 1.15; color: var(--bp-text-primary); margin: 0 0 1.5rem; }
  .bp-h1 em { font-style: italic; }
  .bp-lead { font-size: 16px; font-weight: 300; color: var(--bp-text-secondary); line-height: 1.7; margin: 0; max-width: 500px; }
  .bp-hero-stat { text-align: right; }
  .bp-stat-num { font-family: 'Playfair Display', serif; font-size: 64px; font-weight: 600; color: var(--bp-text-primary); line-height: 1; }
  .bp-stat-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--bp-text-secondary); margin-top: 6px; }
  .bp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 0.5px solid var(--bp-border-tertiary); }
  .bp-card { padding: 2.5rem 2.5rem 2rem; border-right: 0.5px solid var(--bp-border-tertiary); position: relative; overflow: hidden; transition: background 0.2s; }
  .bp-card:last-child { border-right: none; }
  .bp-card:hover { background: var(--bp-background-secondary); }
  .bp-logo-ph { width: 100%; height: 72px; border-radius: var(--border-radius-md); border: 1.5px dashed var(--bp-border-secondary); display: flex; align-items: center; justify-content: center; margin-bottom: 1.75rem; }
  .bp-logo {width: 100%;overflow: hidden;margin-bottom: 20px}
  .bp-logo img {max-height: 70px; max-width: 280px;}
  .bp-logo-ph span { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-tertiary); }
  .bp-tag { display: inline-block; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-bottom: 0.9rem; font-weight: 500; }
  .tag-mk { background: #F5EDD6; color: #7A5A10; }
  .tag-mbh { background: #DFF0E6; color: #1E4D2C; }
  .tag-bakeit { background: #D6E6F5; color: #0F2E4A; }
  .tag-binnys { background: #F0DDEB; color: #6A2450; }
  .bp-brand-name { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 600; color: var(--bp-text-primary); margin: 0 0 0.3rem; }
  .bp-brand-sub { font-size: 11px; text-transform: uppercase; letter-spacing: 0.09em; color: var(--bp-text-secondary); margin-bottom: 1rem; font-weight: 500; }
  .bp-brand-desc { font-size: 14px; color: var(--bp-text-secondary); line-height: 1.65; font-weight: 300; margin: 0; }
  .bp-accent { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
  .bp-card:hover .bp-accent { transform: scaleX(1); }
  .acc-mk { background: #C8A84B; }
  .acc-mbh { background: #2C5F3A; }
  .acc-bakeit { background: #1A3A5C; }
  .acc-binnys { background: #7B2D5E; }
  .bp-lower { display: grid; grid-template-columns: 1fr 1fr; border-top: 0.5px solid var(--bp-border-tertiary); }
  .bp-partners { padding: 3rem 2rem; border-right: 0.5px solid var(--bp-border-tertiary); }
  .bp-section-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--bp-text-secondary); margin-bottom: 1.5rem; font-weight: 500; }
  .bp-pills { display: flex; flex-wrap: wrap; gap: 10px; }
  .bp-pill { font-size: 13px; padding: 8px 18px; border-radius: 20px; border: 0.5px solid var(--bp-border-secondary); color: var(--bp-text-secondary); background: var(--bp-background-primary); }
  .bp-cta { padding: 3rem 6rem; display: flex; flex-direction: column; justify-content: center; }
  .bp-cta-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 400; color: var(--bp-text-primary); margin: 0 0 0.75rem; }
  .bp-cta-text p{ font-size: 14px; color: var(--bp-text-secondary); font-weight: 300; line-height: 1.6; margin: 0 0 1.5rem; max-width: 380px; }
  .bp-cta-btn { display: inline-block; font-size: 13px; font-weight: 500; padding: 10px 22px; border: 0.5px solid var(--bp-border-secondary); background: var(--bp-background-primary); color: var(--bp-text-primary); cursor: pointer; align-self: flex-start; }
  .bp-partners-logos {display: flex; column-gap: 20px; align-items: center;}
   .bp-partners-logos img {max-width: 100px; height: fit-content;}

@media only screen and (max-width:771px) {
    .mobile-view, .mobile-details {display:block;}
    .header-menu {display: none;}
    .header a.link.language {right: 30px;width: auto; padding: 10px;position:absolute;background: rgba(255, 255, 255, 0.3);font-size: 1.3em;}
    a.menu-trigger.mobile-view {position: absolute;left: 20px;}
    .header-container {height: 75px; background: linear-gradient(180deg, #db9917 80%, transparent);}
    .header-container.fixed {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);}
    .home-banners-wrapper {margin-top: 60px;}
    .banner-text {font-size: 12px;}
    .slide .banner-text {font-size: 50px;}
    .slide .banner-text p { line-height: 1.1em;margin-left: 10%;max-width: 340px;}
    .showcase-box {padding: 0;}
    .home-contact {padding: 20px;margin: 0;margin-bottom: 50px;}
    .home-text .about-text {column-count: 1;}
    .home-text {padding: 0;}
    .header-logo img {max-width: 140px;}
    .header-logo {margin-top: 47px;}
    .header-container.fixed .header-logo{margin-top: 65px;height: auto;}
    .header.limited-width {height: 75px;width: 100%;padding: 0 50px;justify-content: center;position: relative}

    .main {overflow: hidden;}
    .contact-box {width: 100%;}
    a.menu-trigger.mobile-view {position: absolute;left: 20px;}
    .menu-close {position: absolute;right:0;top: 15px;color: #fff;}
    .menu { display: flex; flex-flow: column;justify-items: center;align-content: center;align-items: center;margin-top: 50px;}
    .menu a { color: #fff;padding:15px;border-bottom: 1px dotted;display: block; width: 100%;font-size:20px;font-weight:600}
    .menu-item {width: 100%;}
    h3.block-title {margin: 0;line-height: normal;}
    .showcase-box .products-grid {padding: 20px 0;}
    .home-contact > h2 {font-size: 25px;}
    h2 {font-size: 28px;}
    .products-grid .item {width: calc(50% - 15px);}
    .products-grid .item-img {height: auto;}
    .products-grid .item-name { padding: 0 10px;}
    .products-grid .item-img {height: auto;}
    .form-list .fields .field {width: 100%;}
    .form-list .fields {flex-flow: column;}
    .menu-item.has-sub > a:after,.menu-item.has-sub > a:before {color:#fff;font-size: 1.2rem;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);transition: all .5s;width:50px}
    .menu-item.has-sub > a:before {content: "-";opacity: 0}
    .menu-item.has-sub > a:after {content: "+";opacity: .75}
    .menu-item.has-sub > a:hover:after  {color:var(--logo-red);opacity: 1}
    .menu-item.has-sub.open > a:after {transform: translateY(-50%) rotate(90deg);opacity: 0;}
    .menu-item.has-sub.open > a:before {opacity: .75;}

.submenu {height: 0;overflow: hidden;transition: height 0.5s ease-in-out;padding-left: 20px;}
.menu-item.has-sub.open .submenu {transition: height 0.5s ease-in-out;height: auto;padding-bottom: 20px;}
.submenu a.browse-by {display:none}
.submenu a{font-weight:400;border: 0;padding: 10px;}
.mobile-menu.mobile-view.open {background: linear-gradient(180deg, #ce9321 0%, #f0af30 50%, #ce9321 90.91%);}
.menu a {text-transform: uppercase;position:relative}
.home-about {flex-direction: column;}
.home-about > div {width: 100%;}
.about-img {padding: 0;}
.about-text {padding: 25px 0;}
.showcase-box h3.block-title {font-size: 26px;}
.footer-col.contact-col { display: none;}
.footer-cols {flex-direction: column;}
.footer-col {padding-bottom: 20px;justify-items: center;border-bottom: 1px solid; margin-bottom: 20px;}
.links-col ul { border: 0; padding: 0; text-align: center;}
.links-col ul li { font-size: 1.5em; margin-bottom: 10px;}

.breadcrumbs ul {flex-wrap: wrap; line-height: normal;font-size: 14px;}
.breadcrumbs {padding: 120px 0 10px;margin: 0;}
.product-essential {flex-direction: column;padding: 0;}
.product-essential .mobile-details .product-name {padding: 0 15px; font-size: 24px; display: block;}
.product-essential .product-img-box {padding: 0;margin: 0 15px 15px 15px}
.product-essential .product-img-box img {max-width: 100%;}
.product-essential .product-name {display: none;}
.product-shop {padding: 0 15px;}
.desktop-details .product-sku {display: none;}
.product-essential .description { font-size: 0.9em;}
.sub-items {width: 100%;padding: 2px;border-width: 2px;margin-bottom: 20px;}
.sub-items span {height: auto;font-size: 14px;  border-width: 0 1px 1px 0; padding: 5px;}
.details-container {flex-direction: column;padding: 20px 10px;}
.details-accordion {width: 100%;}
.details-specs { width: 100%;padding: 20px 10px;}
.footer-container {margin-top: 20px;}

}

@media only screen and (max-width:401px) {
    .products-grid .item {width: 100%;}
}