</noscript> <!-- End Google Tag Manager (noscript) --> <a class="skip-to-content-link button" href="#MainContent"> Skip to content </a> <div class="body-main form-input-large" id="king-body-main"> <!-- BEGIN sections: header-group --> <section id="shopify-section-sections--19119375483117__announcement_bar_rRe9rt" class="shopify-section shopify-section-group-header-group section-announcement-bar"> <link href="//makirov.shop/cdn/shop/t/61/assets/announcement.css?v=99497297781378632461741620924" as="style" rel="preload"> <link href="//makirov.shop/cdn/shop/t/61/assets/announcement.css?v=99497297781378632461741620924" rel="stylesheet" type="text/css" media="all" /> <div class="announcement-bar--main section-wrapper scheme-secondary section-solid collection" data-announcement-wrapper > <div class="container-fullwidth"> <announcement-bar class="announcement-bar--wrapper"> <div class="announcement-bar--left"> </div> <div class="announcement-bar--middle"> <div class="announcement-bar--slide-wrapper"> <div class="announcement-bar--item swiper-slide"> <p class="announcement-bar--text text-center text"> Shipping for the warmer months is now closed. Please <a href="https://makirov.shop/pages/newsletter" target="_blank" title="https://makirov.shop/pages/newsletter">join our newsletter</a> to be alerted when shipping will re-open in the fall. <br> <a href='https://makirov.shop/pages/about' class='proudly-canadian'>Proudly Canadian</a> </p> </div> </div> </div> <div class="announcement-bar--right"> <div class="contact-information"> </div> </div> </announcement-bar> </div> </div> <script> class AnnouncementBar extends HTMLElement { constructor() { super(); this.currentScrollTop = 0; this.updateAnnouncementHeight(); this.updateDynamicAnnouncementHeight(); window.addEventListener('scroll', this.updateDynamicAnnouncementHeight.bind(this), false); const resizeObserver = new ResizeObserver(this.updateDynamicAnnouncementHeight.bind(this)); resizeObserver.observe(this.closest('[data-announcement-wrapper]')); } updateAnnouncementHeight() { const announcementWrapper = this.closest('[data-announcement-wrapper]'); if (announcementWrapper) { const announcementBarHeight = announcementWrapper.offsetHeight; document.body.style.setProperty('--announcement_height', `${announcementBarHeight}px`); } } updateDynamicAnnouncementHeight() { const announcementWrapper = this.closest('[data-announcement-wrapper]'); if (announcementWrapper) { const announcementBarHeight = announcementWrapper.offsetHeight; const scrollTop = window.pageYOffset || document.documentElement.scrollTop; const dynamicHeight = scrollTop > announcementBarHeight ? 0 : Math.max(announcementBarHeight - scrollTop, 0); document.body.style.setProperty('--dynamic_announcement_height', `${dynamicHeight}px`); this.currentScrollTop = scrollTop; } } } customElements.define('announcement-bar', AnnouncementBar); </script></section><header id="shopify-section-sections--19119375483117__header" class="shopify-section shopify-section-group-header-group section-header"><link href="//makirov.shop/cdn/shop/t/61/assets/header.css?v=59378423356101368491741620923" as="style" rel="preload"> <link href="//makirov.shop/cdn/shop/t/61/assets/header.css?v=59378423356101368491741620923" rel="stylesheet" type="text/css" media="all" /> <sticky-on-scroll class="header style-logo-left-menu-center header-height-medium sticky-scroll-up border-true shadow-true" id="sections--19119375483117__header" data-logo=false data-header-view="logo-left-menu-center" data-header-sticky-type="sticky-scroll-up" data-header-section > <div class="container-fullwidth"> <div class="header--wrapper logo-left-menu-center" data-header-navigation data-header-wrapper> <button class="mobile-toggler hamburger--toggler" aria-label="Toggle mobile menu" data-mobile-toggler> <div class="hamburger--toggler-icon"> <span class="line line-1"></span> <span class="line line-2"></span> <span class="line line-3"></span> </div> </button> <a class="header--logo" href="/" aria-label="JACEK Chocolate Couture"><img class="header--logo-img" srcset="//makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=140 1x, //makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=280 2x" src="//makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=140" width="140" height="35" alt="JACEK Chocolate Couture"> <link rel="preload" as="image" href="//makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=140" /> <img class="header--logo-img transparent-logo-img" srcset="//makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=140 1x, //makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=280 2x" src="//makirov.shop/cdn/shop/files/header_logo_white.png?v=1622579494&width=140" width="140" height="35" alt="JACEK Chocolate Couture" loading="eager" > </a> <div class="header--navigation-main" data-menus-container> <div class="header--navigation"> <div class="header--navigation-inner"> <ul class="d-flex width-100 header--navigation-list" > <li class="header--menu-item has-children dropdown"> <header-menu class="d-block header-dropdown" data-header-navigation="click" data-menu-type="dropdown" > <a href="/collections" class="header--menu-link body-font text-medium" > Shop <svg width="8" height="6" viewBox="0 0 8 6"> <path d="m1 1.5 3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg> </a> <div class="header--menu-submenu" header-menu-inner > <ul class="header--menu-submenu-list" data-child-list> <li class="header--menu-submenu-item" data-child> <a href="/collections/all-products" class="header--menu-submenu-link accent-font text-medium" > <span> All Products </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/build-your-box" class="header--menu-submenu-link accent-font text-medium" > <span> Build a Box </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/mycao" class="header--menu-submenu-link accent-font text-medium" > <span> MYCAO </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/chocolate-bars" class="header--menu-submenu-link accent-font text-medium" > <span> Chocolate Bars </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/chocolate-collections" class="header--menu-submenu-link accent-font text-medium" > <span> Chocolate Boxes </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/confections" class="header--menu-submenu-link accent-font text-medium" > <span> Confections </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/cards-baskets-joy-box-gifts-pos" class="header--menu-submenu-link accent-font text-medium" > <span> Gift Boxes </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/fine-ingredients" class="header--menu-submenu-link accent-font text-medium" > <span> Fine Ingredients </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/thankyou-collection" class="header--menu-submenu-link accent-font text-medium" > <span> Thank You Collection </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/collections/vegan-chocolate" class="header--menu-submenu-link accent-font text-medium" > <span> Vegan Collection </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/products/jacek-gift-card" class="header--menu-submenu-link accent-font text-medium" > <span> Gift Cards </span></a> </li> </ul> </div> </header-menu> </li> <li class="header--menu-item has-children dropdown"> <header-menu class="d-block header-dropdown" data-header-navigation="click" data-menu-type="dropdown" > <a href="https://makirov.shop/pages/business-gifting" class="header--menu-link body-font text-medium" > Corporate Gifting <svg width="8" height="6" viewBox="0 0 8 6"> <path d="m1 1.5 3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg> </a> <div class="header--menu-submenu" header-menu-inner > <ul class="header--menu-submenu-list" data-child-list> <li class="header--menu-submenu-item" data-child> <a href="/pages/corporate-gifting-made-easy" class="header--menu-submenu-link accent-font text-medium" > <span> Corporate Gifting </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/corporate-gifting-catalogue-pricing" class="header--menu-submenu-link accent-font text-medium" > <span> Corporate Gifting Catalogue </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/wholesale" class="header--menu-submenu-link accent-font text-medium" > <span> Wholesale Information </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/weddings-special-event-favors" class="header--menu-submenu-link accent-font text-medium" > <span> Wedding & Special Events </span></a> </li> </ul> </div> </header-menu> </li> <li class="header--menu-item"> <a href="/pages/flavour-menu" class="header--menu-link body-font text-medium" > Flavours </a> </li> <li class="header--menu-item"> <a href="/blogs/news" class="header--menu-link body-font text-medium" > Blog </a> </li> <li class="header--menu-item"> <a href="/pages/about" class="header--menu-link body-font text-medium" > About Us </a> </li> <li class="header--menu-item has-children dropdown"> <header-menu class="d-block header-dropdown" data-header-navigation="click" data-menu-type="dropdown" > <a href="/pages/contact" class="header--menu-link body-font text-medium" > Contact <svg width="8" height="6" viewBox="0 0 8 6"> <path d="m1 1.5 3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg> </a> <div class="header--menu-submenu" header-menu-inner > <ul class="header--menu-submenu-list" data-child-list> <li class="header--menu-submenu-item" data-child> <a href="/pages/contact" class="header--menu-submenu-link accent-font text-medium" > <span> JACEK Locations </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/sherwood-park" class="header--menu-submenu-link accent-font text-medium" > <span> JACEK Sherwood Park </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/crestwood" class="header--menu-submenu-link accent-font text-medium" > <span> JACEK Crestwood </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/st-albert" class="header--menu-submenu-link accent-font text-medium" > <span> JACEK St. Albert </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/store-locator" class="header--menu-submenu-link accent-font text-medium" > <span> JACEK Retailers </span></a> </li> <li class="header--menu-submenu-item" data-child> <a href="/pages/newsletter" class="header--menu-submenu-link accent-font text-medium" > <span> The JACEK Newsletter </span></a> </li> </ul> </div> </header-menu> </li> </ul> </div> </div> </div> <div class="no-js-menu"> <nav> <ul class=""> <li class=""> <a class="header--menu-link" href="/collections">Shop</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/all-products">All Products</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/build-your-box">Build a Box</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/mycao">MYCAO</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/chocolate-bars">Chocolate Bars</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/chocolate-collections">Chocolate Boxes</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/confections">Confections</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/cards-baskets-joy-box-gifts-pos">Gift Boxes</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/fine-ingredients">Fine Ingredients</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/thankyou-collection">Thank You Collection</a> </li> <li class="child-link"> <a class="header--menu-link" href="/collections/vegan-chocolate">Vegan Collection</a> </li> <li class="child-link"> <a class="header--menu-link" href="/products/jacek-gift-card">Gift Cards</a> </li> <li class=""> <a class="header--menu-link" href="https://makirov.shop/pages/business-gifting">Corporate Gifting</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/corporate-gifting-made-easy">Corporate Gifting</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/corporate-gifting-catalogue-pricing">Corporate Gifting Catalogue</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/wholesale">Wholesale Information</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/weddings-special-event-favors">Wedding & Special Events</a> </li> <li class=""> <a class="header--menu-link" href="/pages/flavour-menu">Flavours</a> </li> <li class=""> <a class="header--menu-link" href="/blogs/news">Blog</a> </li> <li class=""> <a class="header--menu-link" href="/pages/about">About Us</a> </li> <li class=""> <a class="header--menu-link" href="/pages/contact">Contact</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/contact">JACEK Locations</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/sherwood-park">JACEK Sherwood Park</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/crestwood">JACEK Crestwood</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/st-albert">JACEK St. Albert</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/store-locator">JACEK Retailers</a> </li> <li class="child-link"> <a class="header--menu-link" href="/pages/newsletter">The JACEK Newsletter</a> </li> </ul> </nav> </div> <div class="header--right" data-header-right> <div class="header--icons height-100"> <ul class="d-flex header--icons-list height-100"> <li class="header--icon-item search"> <list-set class="header--icon-link" data-header-view="logo-left-menu-center" data-behaviour="drawer" data-source="search-drawer" is="hover-icons" > <a href="/search" class="header--icon-link-text cursor-pointer" title="Search"> <svg width="18" height="19" viewBox="0 0 18 19" fill="none" > <path d="M7.96875 15.6875C11.9556 15.6875 15.1875 12.4556 15.1875 8.4688C15.1875 4.48194 11.9556 1.25 7.96875 1.25C3.98194 1.25 0.75 4.48194 0.75 8.4688C0.75 12.4556 3.98194 15.6875 7.96875 15.6875Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M13.0732 13.5742L17.2497 17.7508" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </list-set> <li class="header--icon-item account" data-vvip="false"> <list-set class="header--icon-link" ata-header-view="logo-left-menu-center" data-behaviour="page" data-source="account-drawer" is="hover-icons" > <a href="/account/login" class="header--icon-link-text cursor-pointer" title="Login" > <svg width="17" height="18" viewBox="0 0 17 18" fill="none" > <path d="M8.5 9.15625C10.7954 9.15625 12.6563 7.29543 12.6563 5C12.6563 2.70457 10.7954 0.84375 8.5 0.84375C6.20457 0.84375 4.34375 2.70457 4.34375 5C4.34375 7.29543 6.20457 9.15625 8.5 9.15625Z" stroke="currentColor" stroke-width="1.5" /> <path d="M15.5 16.375C15.5 12.509 12.366 9.375 8.5 9.375C4.634 9.375 1.5 12.509 1.5 16.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </list-set> </li> <li class="header--icon-item cart"> <list-set class="header--icon-link" data-header-view="logo-left-menu-center" data-behaviour="page" id="cart-count-icon" data-source="cart-drawer" is="hover-icons" > <a href="/cart" class="header--icon-link-text cursor-pointer" aria-label="Cart with 0 items" > <svg width="17" height="19" viewBox="0 0 17 19" fill="none" class="cart--icon" > <path d="M13.8624 5.125H3.13686C2.21555 5.125 1.45202 5.83932 1.39074 6.75859L0.749072 16.3836C0.681732 17.3936 1.48288 18.25 2.49519 18.25H14.5041C15.5164 18.25 16.3176 17.3936 16.2502 16.3836L15.6086 6.75859C15.5472 5.83932 14.7837 5.125 13.8624 5.125Z" stroke="currentColor" stroke-width="1.5" /> <path d="M12 7.75V4.25C12 2.317 10.433 0.75 8.5 0.75C6.567 0.75 5 2.317 5 4.25V7.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> <span class="cart--count hidden" data-cart-count="" >0</span> </a> </list-set> </li> </ul> </div> <link href="//makirov.shop/cdn/shop/t/61/assets/account.css?v=133525085503669575121741620923" rel="stylesheet" type="text/css" media="all" /> <account-drawer class="side-drawer account--side-drawer scheme-scheme-4d55fc28-0433-495b-b00a-d35978d8ad23" id="AccountDrawer" data-drawer="account-drawer" data-section-id="sections--19119375483117__header" data-drawer-popup > <div class="close-fullwidth" data-close-drawer></div> <div class="side--drawer-panel"> <div class="side--drawer-inner"> <div class="side--drawer-header"> <h5 class="account--drawer-heading heading-font h5" data-heading="login"> Log in </h5> <h5 class="account--drawer-heading heading-font h5 hidden" data-heading="reset"> Reset password </h5> <h5 class="account--drawer-heading heading-font h5 hidden" data-heading="create"> Create an account </h5> <close-drawer> <button class="drawer-close" data-drawer-close> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </close-drawer> </div> <div class="side--drawer-body" drawer-body="drawer-body"> <div class="account--login-form" data-form="login"> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="account--form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><div class="form-group"> <label for="CustomerEmail" class="">Email</label> <input class="form-control " type="email" name="customer[email]" autocomplete="email" id="CustomerEmail" placeholder="Email address" autocapitalize="off" required="" > </div> <div class="form-group"> <label for="customerPassword" class="">Password</label> <input class="form-control " name="customer[password]" type="password" placeholder="Enter your password" autocapitalize="off" required="" > </div> <div class="form-group forgot-password text-right"> <a href="#recover" class="text-underline text-small" data-target-forgot>Forgot password? </a> </div> <button class="button medium-button button-block">Log in</button> <p class="account--text-info text-center text-medium"> Don't have any account? <a href="/account/register" class="text-underline">Create an account</a> </p></form> </div> <div class="account--recover-password-form hidden" data-form="reset"> <form method="post" action="/account/recover" accept-charset="UTF-8" class="account--form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group"> <label for="RecoverEmail"> Email </label> <input type="email" value="" class="form-control" name="email" id="RecoverEmail" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email address" > </div> <button class="button medium-button button-block"> Submit </button> <div class="account--text-info text-medium text-center"> <a class="text-underline" href="#login" data-target-login> Cancel </a> </div></form> </div> <div class="account--register-form hidden" data-form="create"> <form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" novalidate="novalidate" class="account--form"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /><div class="input-form--fields"> <div class="form-group"> <label for="RegisterForm-FirstName"> First name </label> <input class="form-control" type="text" name="customer[first_name]" id="RegisterForm-FirstName" autocomplete="given-name" placeholder="First name" > </div> <div class="form-group"> <label for="RegisterForm-LastName"> Last name </label> <input class="form-control" type="text" name="customer[last_name]" id="RegisterForm-LastName" autocomplete="family-name" placeholder="Last name" > </div> </div> <div class="form-group"> <label for="Customer-Email" class="" for="CustomerEmail">Email</label> <input class="form-control" type="email" name="customer[email]" id="RegisterForm-email" spellcheck="false" autocapitalize="off" autocomplete="email" aria-required="true" placeholder="Email address" > </div> <div class="form-group"> <label for="Customer-Password" class="">Password</label> <input class="form-control" type="password" name="customer[password]" id="RegisterForm-password" aria-required="true" placeholder="Enter your password" > </div> <button role="button" class="button medium-button button-block">Create account</button> <p class="account--text-info text-medium text-center"> Already have an account? <a href="/account/login" class="text-underline"> Login here </a> </p></form> </div> </div> </div> </div> </account-drawer> <script> class AccountEvent extends HTMLElement { constructor() { super(); this.addEventListener('click', this.initialize.bind(this)); this.data_close_drawer = this.closest('[data-drawer="account-drawer"]').querySelector('[data-drawer-close]'); } initialize(e) { const accountDrawer = this.closest('account-drawer'); if (!accountDrawer) return; e.preventDefault(); const { target } = this.dataset; // Select all items and target elements at once to minimize DOM queries const allFormsAndHeadings = accountDrawer.querySelectorAll('[data-form], [data-heading]'); const targetForm = accountDrawer.querySelector(`[data-form="${target}"]`); const targetHeading = accountDrawer.querySelector(`[data-heading="${target}"]`); // Hide all forms and headings, remove 'active' class allFormsAndHeadings.forEach((item) => { item.classList.add('hidden'); item.classList.remove('active'); }); // Show and activate the target elements if they exist if (targetForm) { console.log('check button click'); targetForm.classList.remove('hidden'); targetForm.classList.add('active'); console.log('data_close_drawer', this.data_close_drawer); this.data_close_drawer.focus(); } if (targetHeading) { targetHeading.classList.remove('hidden'); targetHeading.classList.add('active'); } } } customElements.define('account-event', AccountEvent); </script> </div> </div> </div> </sticky-on-scroll> <link href="//makirov.shop/cdn/shop/t/61/assets/search.css?v=163737942536958216521741620924" as="style" rel="preload"> <link href="//makirov.shop/cdn/shop/t/61/assets/search.css?v=163737942536958216521741620924" rel="stylesheet" type="text/css" media="all" /> <search-drawer class="side-drawer search--side-drawer scheme-scheme-4d55fc28-0433-495b-b00a-d35978d8ad23" id="SearchDrawer" data-drawer="search-drawer" data-section-id="sections--19119375483117__header" data-drawer-popup > <div class="close-fullwidth" data-close-drawer></div> <div class="side--drawer-panel"> <div class="side--drawer-inner"> <div class="side--drawer-header"> <h5 class="serach--drawer-heading heading-font h5">Search</h5> <close-drawer> <button class="drawer-close" data-drawer-close> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </close-drawer> </div> <div class="side--drawer-body" drawer-body="drawer-body"> <div class="search-drawer-main"> <predictive-search> <form action="/search" method="get" role="search" class="search" data-search-form=""> <input name="type" type="hidden" value="product"> <div class="serach--drawer-input-group"> <label for="Search-In-Template" class="hidden">Suggested searches</label> <input type="search" class="form-control search--drawer-input" id="Search-In-Template" name="q" value="" placeholder="Suggested searches" data-search-input="" > <button type="submit" class="arrow--btn search-form-button" aria-label="Suggested searches" > <svg width="21" height="22" viewBox="0 0 21 22" fill="none"> <path d="M16.0452 16.7143L20 21M18.5528 9.8C18.5528 14.6601 14.6235 18.6 9.77638 18.6C4.92932 18.6 1 14.6601 1 9.8C1 4.9399 4.92932 1 9.77638 1C14.6235 1 18.5528 4.9399 18.5528 9.8Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> </form> </predictive-search> <div class="predictive-search--results-body" data-search-results></div> </div> </div> </div> </div> </search-drawer> <mobile-menu class="side-drawer mobile--side-drawer scheme-scheme-4704fe48-5790-4181-98a3-dffd163a6a53" id="MobileDrawer" data-drawer="mobile-menu-drawer"> <div class="close-fullwidth" data-close-drawer></div> <div class="side--drawer-panel"> <div class="side--drawer-inner"> <div class="side--drawer-header"> <close-drawer> <button class="drawer-close" data-drawer-close> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </close-drawer> </div> <div class="side--drawer-body"> <div class="mobile--side-drawer-content height-100"> <div class="mobile-menu--box height-100"> <ul class="mobile-menu--list width-100 height-100"> <li class="mobile-menu--item menu-item-1"data-mobile-item data-menu-item> <span class="mobile-menu--link heading-font h5 cursor-pointer">Shop <span> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M1.02943 9L-8.99959e-08 7.97057L3.34383 4.61943L-6.75927e-07 1.2683L1.02943 0.238867L5.41 4.61943L1.02943 9Z" fill="currentColor"/> </svg> </span> </span> <div class="mobile-menu--submenu pos-absolute left-0 top-0 width-100 height-100" data-has-child> <button class="mobile-menu--back width-100" data-back-to-menu> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"/> </svg> <span>Back</span> </button> <ul class="mobile-menu--submenu-list"> <li class="mobile-menu--item menu-item-1"> <a href="/collections/all-products" class="mobile-menu--link heading-font h5 cursor-pointer">All Products </a> </li> <li class="mobile-menu--item menu-item-2"> <a href="/collections/build-your-box" class="mobile-menu--link heading-font h5 cursor-pointer">Build a Box </a> </li> <li class="mobile-menu--item menu-item-3"> <a href="/collections/mycao" class="mobile-menu--link heading-font h5 cursor-pointer">MYCAO </a> </li> <li class="mobile-menu--item menu-item-4"> <a href="/collections/chocolate-bars" class="mobile-menu--link heading-font h5 cursor-pointer">Chocolate Bars </a> </li> <li class="mobile-menu--item menu-item-5"> <a href="/collections/chocolate-collections" class="mobile-menu--link heading-font h5 cursor-pointer">Chocolate Boxes </a> </li> <li class="mobile-menu--item menu-item-6"> <a href="/collections/confections" class="mobile-menu--link heading-font h5 cursor-pointer">Confections </a> </li> <li class="mobile-menu--item menu-item-7"> <a href="/collections/cards-baskets-joy-box-gifts-pos" class="mobile-menu--link heading-font h5 cursor-pointer">Gift Boxes </a> </li> <li class="mobile-menu--item menu-item-8"> <a href="/collections/fine-ingredients" class="mobile-menu--link heading-font h5 cursor-pointer">Fine Ingredients </a> </li> <li class="mobile-menu--item menu-item-9"> <a href="/collections/thankyou-collection" class="mobile-menu--link heading-font h5 cursor-pointer">Thank You Collection </a> </li> <li class="mobile-menu--item menu-item-10"> <a href="/collections/vegan-chocolate" class="mobile-menu--link heading-font h5 cursor-pointer">Vegan Collection </a> </li> <li class="mobile-menu--item menu-item-11"> <a href="/products/jacek-gift-card" class="mobile-menu--link heading-font h5 cursor-pointer">Gift Cards </a> </li> <li class="mobile-menu--item menu-item-12"> <div class="header--menu-megamenu-content "> </div> </li> </ul> </div> </li> <li class="mobile-menu--item menu-item-2"data-mobile-item data-menu-item> <span class="mobile-menu--link heading-font h5 cursor-pointer">Corporate Gifting <span> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M1.02943 9L-8.99959e-08 7.97057L3.34383 4.61943L-6.75927e-07 1.2683L1.02943 0.238867L5.41 4.61943L1.02943 9Z" fill="currentColor"/> </svg> </span> </span> <div class="mobile-menu--submenu pos-absolute left-0 top-0 width-100 height-100" data-has-child> <button class="mobile-menu--back width-100" data-back-to-menu> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"/> </svg> <span>Back</span> </button> <ul class="mobile-menu--submenu-list"> <li class="mobile-menu--item menu-item-1"> <a href="/pages/corporate-gifting-made-easy" class="mobile-menu--link heading-font h5 cursor-pointer">Corporate Gifting </a> </li> <li class="mobile-menu--item menu-item-2"> <a href="/pages/corporate-gifting-catalogue-pricing" class="mobile-menu--link heading-font h5 cursor-pointer">Corporate Gifting Catalogue </a> </li> <li class="mobile-menu--item menu-item-3"> <a href="/pages/wholesale" class="mobile-menu--link heading-font h5 cursor-pointer">Wholesale Information </a> </li> <li class="mobile-menu--item menu-item-4"> <a href="/pages/weddings-special-event-favors" class="mobile-menu--link heading-font h5 cursor-pointer">Wedding & Special Events </a> </li> <li class="mobile-menu--item menu-item-5"> <div class="header--menu-megamenu-content "> </div> </li> </ul> </div> </li> <li class="mobile-menu--item menu-item-3"data-mobile-item > <a href="/pages/flavour-menu" class="mobile-menu--link heading-font h5 cursor-pointer">Flavours </a> </li> <li class="mobile-menu--item menu-item-4"data-mobile-item > <a href="/blogs/news" class="mobile-menu--link heading-font h5 cursor-pointer">Blog </a> </li> <li class="mobile-menu--item menu-item-5"data-mobile-item > <a href="/pages/about" class="mobile-menu--link heading-font h5 cursor-pointer">About Us </a> </li> <li class="mobile-menu--item menu-item-6"data-mobile-item data-menu-item> <span class="mobile-menu--link heading-font h5 cursor-pointer">Contact <span> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M1.02943 9L-8.99959e-08 7.97057L3.34383 4.61943L-6.75927e-07 1.2683L1.02943 0.238867L5.41 4.61943L1.02943 9Z" fill="currentColor"/> </svg> </span> </span> <div class="mobile-menu--submenu pos-absolute left-0 top-0 width-100 height-100" data-has-child> <button class="mobile-menu--back width-100" data-back-to-menu> <svg width="6" height="9" viewBox="0 0 6 9" fill="none"> <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"/> </svg> <span>Back</span> </button> <ul class="mobile-menu--submenu-list"> <li class="mobile-menu--item menu-item-1"> <a href="/pages/contact" class="mobile-menu--link heading-font h5 cursor-pointer">JACEK Locations </a> </li> <li class="mobile-menu--item menu-item-2"> <a href="/pages/sherwood-park" class="mobile-menu--link heading-font h5 cursor-pointer">JACEK Sherwood Park </a> </li> <li class="mobile-menu--item menu-item-3"> <a href="/pages/crestwood" class="mobile-menu--link heading-font h5 cursor-pointer">JACEK Crestwood </a> </li> <li class="mobile-menu--item menu-item-4"> <a href="/pages/st-albert" class="mobile-menu--link heading-font h5 cursor-pointer">JACEK St. Albert </a> </li> <li class="mobile-menu--item menu-item-5"> <a href="/pages/store-locator" class="mobile-menu--link heading-font h5 cursor-pointer">JACEK Retailers </a> </li> <li class="mobile-menu--item menu-item-6"> <a href="/pages/newsletter" class="mobile-menu--link heading-font h5 cursor-pointer">The JACEK Newsletter </a> </li> <li class="mobile-menu--item menu-item-7"> <div class="header--menu-megamenu-content "> </div> </li> </ul> </div> </li> </ul> </div> <div class="mobile--menu-footer-top"> <a class="button medium-button" href="/account/login"> <span>Login</span> </a> </div> <div class="mobile--menu-footer"> <localization-context type="button" is="localization-context" class="localization-form"> <div class="localization--current-locale"> <svg viewBox="0 0 70 70" fill="none"> <mask id="path-1-outside-1_6057_363" maskUnits="userSpaceOnUse" x="0" y="1" width="69" height="69" fill="currentColor"> <rect fill="white" y="1" width="69" height="69"/> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z"/> </mask> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z" fill="currentColor"/> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z" stroke="currentColor" stroke-width="1.6" mask="url(#path-1-outside-1_6057_363)"/> </svg> <span>$ CAD / EN</span> </div> </localization-context> <ul class="list-inline social--icons-list "> <li class="social--icons-item" is="hover-li" > <a target="_blank" href="https://www.facebook.com/jacekchocolate/" class="social--icons-link facebook" aria-label="Facebook"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M12.7715 0.474442C12.9815 0.474442 13.1604 0.552219 13.3082 0.692219C13.4559 0.847775 13.5259 1.01889 13.5259 1.23666V13.2456C13.5259 13.4556 13.4482 13.6344 13.3082 13.7822C13.2373 13.8541 13.1524 13.9106 13.0587 13.9481C12.965 13.9856 12.8646 14.0032 12.7637 14H9.34927V8.78889H11.0993L11.3404 6.72778H9.34927V5.40555C9.34927 5.09444 9.42704 4.84555 9.56704 4.68222C9.70704 4.52666 9.95593 4.43333 10.3448 4.43333H11.4104V2.60555C10.9437 2.55889 10.4226 2.52777 9.84704 2.52777C9.06149 2.52777 8.42371 2.76111 7.94149 3.22777C7.45927 3.69444 7.21815 4.34777 7.21815 5.19555V6.72778H5.47593V8.78889H7.21815V14H0.7626C0.544822 14 0.373711 13.9222 0.218155 13.7822C0.146245 13.7114 0.0897717 13.6265 0.0522915 13.5328C0.0148113 13.4391 -0.00286434 13.3386 0.000377295 13.2378V1.23666C0.000377295 1.02666 0.0781551 0.847775 0.218155 0.699997C0.288961 0.628087 0.373887 0.571614 0.467587 0.534134C0.561288 0.496653 0.661733 0.478978 0.7626 0.482219H12.7715V0.474442Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://www.instagram.com/jacekchocolate/?hl=en" class="social--icons-link instagram" aria-label="Instagram"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M6.82111 1.22888C8.64111 1.22888 8.85889 1.23666 9.57444 1.26777C10.2433 1.29888 10.6011 1.40777 10.8422 1.5011C11.1611 1.63333 11.3867 1.77333 11.6278 2.01444C11.8611 2.24777 12.0167 2.4811 12.1333 2.79221C12.2267 3.0411 12.3433 3.39888 12.3667 4.06777C12.4056 4.78333 12.4133 5.0011 12.4133 6.8211C12.4133 8.6411 12.4056 8.85888 12.3744 9.57444C12.3709 10.0074 12.292 10.4364 12.1411 10.8422C12.0089 11.1611 11.8689 11.3867 11.6278 11.6278C11.3944 11.8611 11.1611 12.0167 10.8422 12.1411C10.6011 12.2344 10.2433 12.3433 9.57444 12.3744C8.85889 12.4055 8.64111 12.4133 6.82111 12.4133C5.00111 12.4133 4.78333 12.4133 4.06 12.3744C3.62968 12.37 3.20337 12.2911 2.8 12.1411C2.47333 12.0167 2.25556 11.8689 2.01444 11.6278C1.77333 11.3944 1.62556 11.1611 1.50111 10.85C1.35059 10.4414 1.27166 10.0099 1.26778 9.57444C1.23667 8.85888 1.22889 8.6411 1.22889 6.8211C1.22889 5.0011 1.22889 4.78333 1.26778 4.06777C1.29889 3.39888 1.40778 3.0411 1.50111 2.79999C1.62556 2.4811 1.77333 2.25555 2.01444 2.01444C2.24778 1.7811 2.48111 1.62555 2.79222 1.50888C3.04111 1.41555 3.39889 1.29888 4.06 1.27555C4.78333 1.23666 4.99333 1.22888 6.82111 1.22888ZM6.82111 -7.15069e-06C4.97 -7.15069e-06 4.73667 0.00777063 4.00556 0.0388817C3.28222 0.0699928 2.78444 0.194437 2.34889 0.349993C1.90556 0.528882 1.52444 0.769993 1.14333 1.14333C0.777778 1.52444 0.544444 1.90555 0.357778 2.34888C0.186667 2.78444 0.07 3.28222 0.0466667 4.00555C0 4.74444 0 4.97777 0 6.8211C0 8.66444 0.00777778 8.90555 0.0388889 9.62888C0.07 10.36 0.194444 10.85 0.35 11.2855C0.528889 11.7367 0.77 12.1178 1.14333 12.4989C1.52444 12.8722 1.90556 13.1055 2.34889 13.2844C2.78444 13.4555 3.28222 13.5722 4.00556 13.5955C4.73667 13.6344 4.97 13.6422 6.82111 13.6422C8.68 13.6422 8.90556 13.6344 9.63667 13.6033C10.36 13.5722 10.8578 13.4478 11.2933 13.2844C11.7478 13.1138 12.1593 12.8457 12.4989 12.4989C12.88 12.1178 13.1133 11.7367 13.2844 11.2855C13.4556 10.8578 13.5722 10.36 13.6033 9.62888C13.6344 8.90555 13.6422 8.67222 13.6422 6.8211C13.6422 4.96222 13.6422 4.73666 13.6033 4.00555C13.5935 3.43976 13.4883 2.87968 13.2922 2.34888C13.1193 1.89374 12.8485 1.48217 12.4989 1.14333C12.158 0.798062 11.7469 0.530152 11.2933 0.357771C10.7632 0.158426 10.203 0.0505955 9.63667 0.0388817C8.69865 0.00129531 7.75981 -0.0116721 6.82111 -7.15069e-06Z" fill="currentColor" /> <path d="M6.84473 3.11111C5.91647 3.11111 5.02623 3.47986 4.36985 4.13624C3.71348 4.79261 3.34473 5.68285 3.34473 6.61111C3.34473 7.53937 3.71348 8.42961 4.36985 9.08598C5.02623 9.74236 5.91647 10.1111 6.84473 10.1111C7.77298 10.1111 8.66322 9.74236 9.3196 9.08598C9.97598 8.42961 10.3447 7.53937 10.3447 6.61111C10.3447 5.68285 9.97598 4.79261 9.3196 4.13624C8.66322 3.47986 7.77298 3.11111 6.84473 3.11111ZM6.84473 8.89C6.54597 8.89 6.25014 8.83115 5.97412 8.71682C5.69811 8.60249 5.44731 8.43492 5.23606 8.22367C5.02481 8.01241 4.85723 7.76162 4.7429 7.4856C4.62857 7.20959 4.56973 6.91376 4.56973 6.615C4.56973 6.31624 4.62857 6.02041 4.7429 5.74439C4.85723 5.46838 5.02481 5.21758 5.23606 5.00633C5.44731 4.79508 5.69811 4.6275 5.97412 4.51317C6.25014 4.39884 6.54597 4.34 6.84473 4.34C7.44809 4.34 8.02675 4.57969 8.45339 5.00633C8.88004 5.43298 9.11973 6.01163 9.11973 6.615C9.11973 7.21837 8.88004 7.79702 8.45339 8.22367C8.02675 8.65031 7.44809 8.89 6.84473 8.89ZM10.4458 3.88889C10.6624 3.88889 10.8702 3.80285 11.0233 3.64969C11.1765 3.49654 11.2625 3.28881 11.2625 3.07222C11.2625 2.85563 11.1765 2.6479 11.0233 2.49475C10.8702 2.3416 10.6624 2.25555 10.4458 2.25555C10.2292 2.25555 10.0215 2.3416 9.86837 2.49475C9.71521 2.6479 9.62917 2.85563 9.62917 3.07222C9.62917 3.28881 9.71521 3.49654 9.86837 3.64969C10.0215 3.80285 10.2292 3.88889 10.4458 3.88889Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://www.tiktok.com/@jacekchocolate" class="social--icons-link tiktok" aria-label="TikTok"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M6.23775 0H8.55552C8.55552 0 8.4233 2.97111 11.7677 3.18889V5.48333C11.7677 5.48333 9.97886 5.59222 8.55552 4.50333L8.57886 9.24778C8.57885 10.0972 8.32686 10.9276 7.85476 11.6338C7.38265 12.34 6.71167 12.8903 5.92671 13.215C5.14175 13.5398 4.27811 13.6243 3.44507 13.458C2.61203 13.2917 1.84705 12.8821 1.24693 12.2809C0.646804 11.6796 0.238518 10.9139 0.0737385 10.0806C-0.0910413 9.24725 -0.00490854 8.38376 0.321237 7.59939C0.647382 6.81502 1.19888 6.14504 1.90594 5.67422C2.61299 5.20339 3.44383 4.9529 4.2933 4.95444H4.89219V7.31111C4.50143 7.19002 4.08243 7.19527 3.69482 7.32609C3.30721 7.45692 2.97074 7.70667 2.73329 8.03979C2.49584 8.37292 2.3695 8.77245 2.37226 9.18153C2.37501 9.59061 2.50672 9.98841 2.74865 10.3183C2.99057 10.6482 3.33038 10.8934 3.71971 11.019C4.10905 11.1446 4.52808 11.1442 4.91717 11.0178C5.30627 10.8915 5.6456 10.6456 5.88688 10.3153C6.12817 9.98491 6.25911 9.58686 6.26108 9.17778L6.23775 0Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://ca.pinterest.com/jacekchocolate/" class="social--icons-link pinterest" aria-label="Pinterest"> <svg class="icon icon-pinterest icon-sm" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" > <path d="M12 1C5.95 1 1 5.95 1 12C1 16.675 3.93333 20.6167 7.96667 22.2667C7.875 21.4417 7.78333 20.0667 7.96667 19.15C8.15 18.325 9.25 13.65 9.25 13.65C9.25 13.65 8.975 12.9167 8.975 12C8.975 10.4417 9.89167 9.34167 10.9917 9.34167C11.9083 9.34167 12.3667 10.075 12.3667 10.9C12.3667 11.8167 11.725 13.2833 11.45 14.5667C11.175 15.6667 12 16.5833 13.1 16.5833C15.025 16.5833 16.5833 14.5667 16.5833 11.5417C16.5833 8.88333 14.6583 7.05 12 7.05C8.88333 7.05 7.05 9.43333 7.05 11.8167C7.05 12.7333 7.41667 13.7417 7.875 14.2917C7.96667 14.3833 7.96667 14.475 7.96667 14.5667C7.875 14.9333 7.69167 15.6667 7.69167 15.85C7.6 16.0333 7.50833 16.125 7.325 16.0333C5.95 15.3917 5.125 13.375 5.125 11.8167C5.125 8.33333 7.69167 5.125 12.3667 5.125C16.2167 5.125 19.15 7.875 19.15 11.45C19.15 15.2083 16.7667 18.325 13.4667 18.325C12.3667 18.325 11.2667 17.775 10.9 17.0417C10.9 17.0417 10.35 19.15 10.2583 19.7C9.98333 20.6167 9.34167 21.8083 8.88333 22.5417C9.8 22.8167 10.9 23 12 23C18.05 23 23 18.05 23 12C23 5.95 18.05 1 12 1Z"></path> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </mobile-menu> <style> .short-menu { transition: opacity 0.5s ease-in-out; opacity: 1; } .short-menu.fade-out { opacity: 0; } .short-menu.fade-in { opacity: 1; } .section-header { --logo_width: 140px; --transparent_color: #ffffff; --transparent_opacity: 1; --image_bg: #f0eceb; --image_overlay_heading: #512c1d; --transparent_border_color: 255, 255, 255; --transparent_background: 81, 44, 29; --image_overlay_background: 0, 0, 0; } @media (max-width: 767px) { .section-header { --logo_width: 120px; } } </style> <script> class StickyOnScroll extends HTMLElement { constructor() { super(); this.currentScrollTop = 0; window.addEventListener('scroll', this.onScroll.bind(this), false); const resizeObserver = new ResizeObserver(this.onScroll.bind(this)); resizeObserver.observe(this); } onScroll() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; this.headerHeight = this?.getBoundingClientRect().height.toFixed(2); if (scrollTop > 300) { if (scrollTop > this.currentScrollTop) { this.classList.add('is-hidden'); this.closest('header').classList.add('is-hidden-header'); document.body.classList.remove('header-sticky'); document.body.style.setProperty('--dynamic_header_height', `0px`); } else { this.classList.remove('is-hidden'); this.closest('header').classList.remove('is-hidden-header'); document.body.classList.add('header-sticky'); document.body.style.setProperty('--dynamic_header_height', `${this.headerHeight}px`); } } else { this.classList.remove('is-hidden'); this.closest('header').classList.remove('is-hidden-header'); document.body.style.setProperty('--dynamic_header_height', `${this.headerHeight}px`); } this.currentScrollTop = scrollTop; const LogoStyle = this.dataset.logo; if (scrollTop > 100) { if (!this.classList.contains('is-sticky')) { this.classList.add('is-sticky'); // Corrected this line if(window.innerWidth >= 1024){ if (LogoStyle == "true" && this.querySelector('.half-width-menu')) { this.querySelector('.header--logo').classList.add("hidden"); } } } } else { this.classList.remove('is-sticky'); // Corrected this line if(window.innerWidth >= 1024){ if (LogoStyle == "true" && this.querySelector('.half-width-menu')) { this.querySelector('.header--logo').classList.remove("hidden"); } } } } } customElements.define('sticky-on-scroll', StickyOnScroll); class StickyAlways extends HTMLElement { constructor() { super(); this.currentScrollTop = 0; this.halfwidthMenuTransitionWidth(); window.addEventListener('scroll', this.onScroll.bind(this), false); this.headerElement(); this.resizeObserver = new ResizeObserver(this.halfwidthMenuTransitionWidth.bind(this)); this.resizeObserver.observe(this.querySelector('[data-header-navigation]')); } onScroll(){ this.headerHeight = this?.getBoundingClientRect().height; document.body.style.setProperty('--dynamic_header_height', `${this.headerHeight}px`); const scrollTop = window.pageYOffset || document.documentElement.scrollTop; const LogoStyle = this.dataset.logo; if(scrollTop > 100){ if(this.classList.contains('is-sticky')) return; this.classList.add('is-sticky'); if(window.innerWidth >= 1024){ if (LogoStyle == "true" && this.querySelector('.half-width-menu')) { this.querySelector('.header--logo').classList.add("hidden"); } } }else{ this.classList.remove('is-sticky'); if(window.innerWidth >= 1024){ if (LogoStyle == "true" && this.querySelector('.half-width-menu')) { this.querySelector('.header--logo').classList.remove("hidden"); } } } } headerElement(){ this.headerHeight = this?.getBoundingClientRect().height; document.body.style.setProperty('--dynamic_header_height', `${this.headerHeight}px`); } halfwidthMenuTransitionWidth(){ this.transitionWidth = this.querySelector('[data-header-navigation]').getBoundingClientRect().width - this.querySelector('[data-header-right]').getBoundingClientRect().width this.querySelector('[data-header-navigation]').style.setProperty('--half_width_transition', `${this.transitionWidth}px`); this.headerElement(); } } customElements.define('sticky-always', StickyAlways); class HamburgerMenu extends HTMLElement { constructor() { super(); document.body.classList.remove('hamburger-menu-open'); this.menuItems = this.querySelectorAll('li[data-hamburger-menu]'); this.header = this.closest('header'); this.toggler = this.header.querySelector('[data-hamburger-toggler]'); this.closeBtn = this.querySelector('.cross_button') if(this.menuItems[0].hasAttribute('data-hamburger-item')){ this.menuItems[0].classList.add('active') } this.menuItems.forEach((menu) => { menu.addEventListener('mouseenter', function(){ if(menu.classList.contains('active')) return; const currentActive = this.querySelector('[data-hamburger-menu].active'); if(currentActive){ currentActive.classList.remove('active'); } menu.classList.add('active'); if(menu.hasAttribute('data-hamburger-item')){ } }.bind(this)); }) if(this.toggler){ this.toggler.addEventListener('click',this.toggleHamburger.bind(this)) } if(this.closeBtn){ this.closeBtn.addEventListener('click',this.closeHamburger.bind(this)) } this.updateHeaderHeight(); this.resizeObserver = new ResizeObserver(this.updateHeaderHeight.bind(this)); this.resizeObserver.observe(this); } toggleHamburger(){ if(this.toggler.classList.contains('active')){ this.closeHamburger(); } else{ this.openHamburger(); } } openHamburger(){ this.toggler.classList.add('active') setTimeout(() => { this.classList.add('active') document.body.classList.add('hamburger-menu-open', 'overflow-hidden') }, 150); this.style.display = 'flex' setTimeout(() => { this.querySelectorAll('[data-hamburger-menu]').forEach((item, index) => { setTimeout(() => { item.classList.add('animate'); }, index * 100); // 100ms delay for each item }); }, 600); } closeHamburger(){ this.classList.remove('active') setTimeout(() => { this.toggler.classList.remove('active') this.style.display = 'none' document.body.classList.remove('hamburger-menu-open', 'overflow-hidden') this.querySelectorAll('[data-hamburger-menu]').forEach((item, index) => { item.classList.remove('animate'); }); }, 800); } updateHeaderHeight() { this.announcementbarHeight = document.querySelector('.announcement-bar--main')?.getBoundingClientRect().height.toFixed(2) || 0; this.headerHeight = this.closest('[data-header-section]')?.getBoundingClientRect().height.toFixed(2) || 0; document.body.style.setProperty('--announcement_height', `${this.announcementbarHeight}px`); document.body.style.setProperty('--header_height', `${this.headerHeight}px`); const hasBothClasses = this.closest('[data-header-section]').classList.contains('desktop-transparent') || this.closest('[data-header-section]').classList.contains('mobile-transparent'); if(hasBothClasses){ document.body.style.setProperty('--desktop_transparent_header_height', `${this.headerHeight}px`); document.body.style.setProperty('--mobile_transparent_header_height', `${this.headerHeight}px`); } } } customElements.define('hamburger-menu', HamburgerMenu); class HeaderMenu extends HTMLElement { constructor() { super(); this.wrapper = this.closest('[data-header-navigation]'); this.parent = this.closest('.header--menu-item'); this.innerMenu = this.querySelector('[header-menu-inner]'); this.headerMenuMegaMenu = this.querySelector('[data-header-menu-megamenu]'); this.headerElement = this.closest('.shopify-section'); this.headerTag = this.headerElement?.querySelector('header'); this.hideTimeout = null; this.windowScrollTop = window.scrollY; this.currentScrollTop = 0; this.parent.addEventListener('keyup', this.onKeyUpEscape.bind(this)); if (this.dataset.headerNavigation == 'hover') { this.addEventListener('mouseenter', this.showContent.bind(this)); this.addEventListener('mouseleave', this.delayedHideContent.bind(this)); } else { // this.querySelectorAll('[data-child]').forEach((item) => item.addEventListener('click', this.submenuInitializer.bind(this, item))); this.addEventListener('click', this.toggleContent.bind(this)); } // if(this.dataset.menuType == 'dropdown'){ this.querySelectorAll('[data-child]').forEach((item) => item.addEventListener('mouseenter', this.submenuInitializer.bind(this, item))); // } this.initHeader(); this.addScrollListener(); this.dropDownMenuPositions(); this.offsetForDropDown(); this.resizeObserver = new ResizeObserver(this.dropDownMenuPositions.bind(this)); this.resizeObserver.observe(this.closest('[data-header-section]')); const resizeObserverDropdown = new ResizeObserver(this.offsetForDropDown.bind(this)); resizeObserverDropdown.observe(this.closest('[data-header-section]')); } onKeyUpEscape(){ if (event.code.toUpperCase() !== 'ESCAPE') return; if(event.currentTarget.classList.contains('active')){ this.deactivateAllMenus(); } } offsetForDropDown() { const submenu = this.querySelector('[header-menu-inner]'); if (submenu && this.classList.contains('header-dropdown')) { const container = this.closest('ul[is="menu-slide"]'); if (!container) { //console.info('Parent container not found for header-menu.'); return; } const containerRect = container.getBoundingClientRect(); const menuRect = this.getBoundingClientRect(); const submenuRect = submenu.getBoundingClientRect(); const gap = 70; let offsetLeft = menuRect.left - containerRect.left; // Calculate the right boundary offset within the container const maxOffsetLeft = containerRect.width - submenuRect.width - gap; // If the submenu goes beyond the right edge of the container if (offsetLeft + submenuRect.width > containerRect.width - gap) { offsetLeft = maxOffsetLeft; } // Ensure the submenu stays within the left edge of the container offsetLeft = Math.max(offsetLeft, gap); // Apply the calculated offset to the submenu submenu.style.left = `${offsetLeft}px`; } } submenuInitializer(item) { if(item.querySelector('[data-grand-child-list]')){ if (item.querySelector('[data-grand-child-list]').classList.contains('active')) return; Array.from(item.closest('header-menu').querySelectorAll('[data-child]')).map((childlist) => { childlist.classList.remove('active'); }); Array.from(item.closest('header-menu').querySelectorAll('[data-grand-child-list]')).map((grandchildlist) => { grandchildlist.classList.remove('active'); }); item.classList.add('active'); item.querySelector('[data-grand-child-list]').classList.add('active') } } dropDownMenuPositions() { if (window.innerWidth < 992) return false; this.querySelector('[header-menu-inner]').classList.remove("menu-position-left"); const windowSize = window.innerWidth - 200; const rect = this.getBoundingClientRect(); let currentPosition = rect.left + rect.width; const grandChildList = this.querySelector("[header-menu-inner]"); if (grandChildList) { currentPosition += grandChildList.getBoundingClientRect().width; } if (currentPosition >= windowSize) { this.querySelector('[header-menu-inner]').classList.add("menu-position-left"); } } connectedCallback() { if (this.headerElement) { this.resizeObserver = new ResizeObserver(this.updateHeaderHeight.bind(this)); this.resizeObserver.observe(this.headerElement); } document.body.addEventListener('click', this.handleClickOutside.bind(this)); this.innerMenu?.addEventListener('click', this.stopPropagation); } disconnectedCallback() { if (this.headerElement) { this.resizeObserver.unobserve(this.headerElement); } document.removeEventListener('click', this.handleClickOutside.bind(this)); this.innerMenu?.removeEventListener('click', this.stopPropagation); } initHeader() { if (this.headerTag) { this.stickyHeader = this.headerTag.classList.contains('d-sticky-true'); if (this.stickyHeader) { this.headerElement.classList.add('sticky-active'); this.updateHeaderHeight(); } } } addScrollListener() { window.addEventListener('scroll', this.handleScroll.bind(this)); } handleScroll() { if (!this.stickyHeader) return; const scrollY = window.scrollY; const isScrollingDown = this.windowScrollTop < scrollY; this.headerElement.classList.toggle('is-sticky', scrollY > this.headerHeight); document.body.style.setProperty('--header_height', this.headerElement.classList.contains('is-hidden') ? '0px' : `${this.headerHeight}px`); this.windowScrollTop = scrollY; } updateHeaderHeight() { this.announcementbarHeight = document.querySelector('.announcement-bar--main')?.getBoundingClientRect().height.toFixed(2) || 0; this.headerHeight = this.headerElement.querySelector('[data-header-section]')?.getBoundingClientRect().height.toFixed(2) || 0; document.body.style.setProperty('--announcement_height', `${this.announcementbarHeight}px`); document.body.style.setProperty('--header_height', `${this.headerHeight}px`); const hasBothClasses = this.headerElement.querySelector('[data-header-section]').classList.contains('desktop-transparent') || this.headerElement.querySelector('[data-header-section]').classList.contains('mobile-transparent'); if(hasBothClasses){ document.body.style.setProperty('--desktop_transparent_header_height', `${this.headerHeight}px`); document.body.style.setProperty('--mobile_transparent_header_height', `${this.headerHeight}px`); } } deactivateAllMenus() { document.querySelectorAll('header-menu.active').forEach(menu => { menu.classList.remove('active'); // menu.querySelector('[header-menu-inner]')?.classList.add('hidden'); menu.closest('.header--menu-item')?.classList.remove('active'); menu.closest('[data-header-navigation]')?.classList.remove('active'); if(menu.querySelector('[data-header-menu-megamenu]')){ menu.querySelector('[data-header-menu-megamenu]').style.clipPath = 'polygon(0 0,100% 0,100% 0%,0 0%)' } // Remove individual menu item states Array.from(menu.querySelectorAll('[data-child]'), (item) => { item.classList.remove('active'); }); }); // Remove `megamenu-open` only if no active menus remain if (!document.querySelector('header-menu.active')) { if(document.body.classList.contains('megamenu-open')){ document.body.classList.remove('megamenu-open'); } } } showContent() { clearTimeout(this.hideTimeout); this.deactivateAllMenus(); // this.innerMenu?.classList.remove('hidden'); setTimeout(() => { if (this.classList.contains('header-megamenu') || this.classList.contains('header-dropdown')) { document.body.classList.add('megamenu-open'); } if (this.parent.classList.contains('has-children')) { this.wrapper.classList.add('active'); this.parent.classList.add('active'); this.headerMenuMegaMenu && (this.headerMenuMegaMenu.style.clipPath = 'polygon(0 0,100% 0,100% 100%,0 100%)') this.classList.add('active'); } }, 150); } hideContent() { this.classList.remove('active'); this.wrapper.classList.remove('active'); this.parent.classList.remove('active'); this.headerMenuMegaMenu && (this.headerMenuMegaMenu.style.clipPath = 'polygon(0 0,100% 0,100% 0%,0 0%)'); setTimeout(() => { if (!this.classList.contains('active')) { // this.innerMenu?.classList.add('hidden'); } }, 150); if (this.classList.contains('header-dropdown')) { Array.from(this.querySelectorAll('[data-child]'), (item) => { item.classList.remove('active'); }); } // After hiding, check if any menus are still active if (!document.querySelector('header-menu.active')) { document.body.classList.remove('megamenu-open'); } } delayedHideContent() { this.hideTimeout = setTimeout(this.hideContent.bind(this), 300); } toggleContent(e) { e.preventDefault(); this.classList.contains('active') ? this.hideContent() : this.showContent(); } handleClickOutside(event) { if (this.contains(event.target)) { return; } else{ this.deactivateAllMenus(); } } stopPropagation(event) { event.stopPropagation(); } } customElements.define('header-menu', HeaderMenu); class QuickShortMenu extends HTMLElement { constructor() { super(); this.quickButton = document.querySelector('quick-short-menu'); this.threshold = 300; this.isDesktop = window.innerWidth >= 1024; // Bind methods this.handleScroll = this.handleScroll.bind(this); this.updateParameters = this.updateParameters.bind(this); // Initialize this.handleScroll(); window.addEventListener('scroll', this.handleScroll); window.addEventListener("resize", this.updateParameters); this.button = this.querySelector(".short-menu--button"); this.icon = this.button.querySelector(".short-menu--button-icon"); this.menuWrapper = this.querySelector('[data-menu]'); this.menuLinks = this.querySelectorAll('[data-quick-menu-link]'); this.updateParameters(); this.setupEventListeners(); } handleScroll() { if (window.scrollY > this.threshold) { this.fadeOut(); } else { this.fadeIn(); } } fadeOut() { if (!this.classList.contains('fade-in')) { this.classList.add('fade-in'); this.classList.remove('fade-out'); this.toggleLogoVisibility(false); // Hide logo } } fadeIn() { if (!this.classList.contains('fade-out')) { this.classList.add('fade-out'); this.classList.remove('fade-in'); this.toggleLogoVisibility(true); // Show logo } } toggleLogoVisibility(visible) { const logo = document.querySelector('.header--logo'); // Change selector as needed if (this.isDesktop) { logo.classList.toggle('hidden', !visible); } } setupEventListeners() { this.button.addEventListener('click', () => { this.menuWrapper.classList.add('active'); setTimeout(() => { this.menuWrapper.style.setProperty("pointer-events", `auto`); }, 350); }); // Event listener for body click document.body.addEventListener('click', (event) => { const isClickInside = this.menuWrapper.contains(event.target) || this.button.contains(event.target); if (this.menuWrapper.classList.contains('active') && !isClickInside) { this.menuWrapper.classList.remove('active'); this.menuWrapper.style.setProperty("opacity", `1`); setTimeout(() => { this.menuWrapper.style.removeProperty("opacity"); }, 150); this.style.setProperty("--background-translate", `0`); this.menuWrapper.style.removeProperty("pointer-events"); this.menuLinks.forEach(link => link.classList.remove('active')); this.querySelector('[data-index="0"]').classList.add('active'); } }); this.menuWrapper.addEventListener('mouseleave', () => { this.menuWrapper.classList.remove('active'); this.menuWrapper.style.setProperty("opacity", `1`); setTimeout(() => { this.menuWrapper.style.removeProperty("opacity"); }, 150); this.style.setProperty("--background-translate", `0`); this.menuWrapper.style.removeProperty("pointer-events"); this.menuLinks.forEach(link => link.classList.remove('active')); this.querySelector('[data-index="0"]').classList.add('active'); }); this.menuLinks.forEach(link => { link.addEventListener('mouseenter', () => { let index = parseInt(link.dataset.index, 10); let translateY = Array.from(this.menuLinks) .slice(0, index) .reduce((total, sibling) => total + sibling.getBoundingClientRect().height, 0); this.style.setProperty("--background-translate", `${index}`); this.style.setProperty("--short-item-height", `${link.getBoundingClientRect().height}px`); link.classList.add('active'); this.menuLinks.forEach(sibling => { if (sibling !== link) { sibling.classList.remove('active'); } }); }); }); } updateParameters() { this.styleValues = getComputedStyle(this.button); this.childElementsGap = parseFloat(this.styleValues.gap) || 0; this.iconWidth = this.icon.clientWidth; const menuLinks = this.querySelectorAll('.short-menu--menu-link'); let maxTextWidth = Math.max(...Array.from(menuLinks).map(link => link.textContent.length)); this.buttonWidth = maxTextWidth > 25 ? 895 : maxTextWidth > 12 ? 655 : 395; if (this.isDesktop) { this.style.setProperty("--menu-max-width", `${this.buttonWidth}px`); //this.style.setProperty("--menu-width", `${this.buttonWidth}px`); } else { this.style.setProperty("--menu-max-width", `195px`); //this.style.setProperty("--menu-width", `195px`); } this.style.setProperty("--motion-translate", `170px`); this.height = 'auto'; this.menuList = this.querySelector('.short-menu--menu-list'); if (this.menuList) { let menuItemHeight = this.menuLinks[0].clientHeight; let menuWrapperStyles = getComputedStyle(this.menuList); this.height = `${(this.menuLinks.length * menuItemHeight) + 3 + parseInt(menuWrapperStyles.paddingBottom) + parseInt(menuWrapperStyles.paddingTop)}px`; } // Update --translate-height based on device or viewport size this.style.setProperty("--translate-height", '415px'); } getTextWidth(text, font) { const canvas = document.createElement("canvas"); const context = canvas.getContext("2d"); context.font = font; return context.measureText(text).width; } } customElements.define('quick-short-menu', QuickShortMenu); function isSafari() { return /^((?!chrome|android).)*safari/i.test(navigator.userAgent); } if (isSafari()) { function setupMenuSlide() { if (window.innerWidth <= 768) { return; // Exit the function if not on desktop } const container = document.querySelector('[data-menus-container]'); const leftArrow = document.querySelector('[data-arrow-left]'); const rightArrow = document.querySelector('[data-arrow-right]'); const menuContent = document.querySelector('[is="menu-slide"]'); const scrollStep = 40; function scrollLeft() { menuContent.scrollBy({ left: -scrollStep, behavior: 'smooth' }); updateArrowsImmediate(-scrollStep); } function scrollRight() { menuContent.scrollBy({ left: scrollStep, behavior: 'smooth' }); updateArrowsImmediate(scrollStep); } function updateArrows() { const maxScrollLeft = menuContent.scrollWidth - menuContent.clientWidth; if (menuContent.scrollLeft === 0) { leftArrow.style.display = 'none'; } else { leftArrow.style.display = 'flex'; } if (menuContent.scrollLeft >= maxScrollLeft) { rightArrow.style.display = 'none'; } else { rightArrow.style.display = 'flex'; } } function updateArrowsImmediate(scrollChange) { const maxScrollLeft = menuContent.scrollWidth - menuContent.clientWidth; const newScrollLeft = Math.max(0, Math.min(menuContent.scrollLeft + scrollChange, maxScrollLeft)); if (newScrollLeft === 0) { leftArrow.style.display = 'none'; } else { leftArrow.style.display = 'flex'; } if (newScrollLeft >= maxScrollLeft) { rightArrow.style.display = 'none'; } else { rightArrow.style.display = 'flex'; } } function callOffsetForDropDown() { const headerMenus = menuContent.querySelectorAll('li header-menu'); headerMenus.forEach(headerMenu => { if (headerMenu.offsetForDropDown) { headerMenu.offsetForDropDown(); } }); } updateArrows(); callOffsetForDropDown(); leftArrow.addEventListener('click', scrollLeft); rightArrow.addEventListener('click', scrollRight); window.addEventListener('resize', updateArrows); } // Call the setup function once the DOM is fully loaded document.addEventListener('DOMContentLoaded', setupMenuSlide); }else{ class MenuSlide extends HTMLUListElement { constructor() { super(); this.scrollStep = 40; // Set the scroll step to 50 pixels this.container = null; this.leftArrow = null; this.rightArrow = null; } connectedCallback() { this.headerMenu = document.querySelector('header-menu'); this.container = this.closest('[data-menus-container]'); this.leftArrow = this.container.querySelector('[data-arrow-left]'); this.rightArrow = this.container.querySelector('[data-arrow-right]'); this.leftArrow.addEventListener('click', this.scrollLeftFun.bind(this)); this.rightArrow.addEventListener('click', this.scrollRightFun.bind(this)); window.addEventListener('resize', this.updateArrows.bind(this)); this.updateArrows(); this.callOffsetForDropDown(); } scrollLeftFun() { this.scrollBy({ left: -this.scrollStep, behavior: 'smooth' }); // this.updateArrows(); this.updateArrowsImmediate(-this.scrollStep); this.callOffsetForDropDown(); } scrollRightFun() { const maxScrollLeft = this.scrollWidth - this.clientWidth; this.scrollBy({ left: this.scrollStep, behavior: 'smooth' }); // this.updateArrows(); this.updateArrowsImmediate(this.scrollStep); this.callOffsetForDropDown(); } updateArrows() { const maxScrollLeft = this.scrollWidth - this.clientWidth; if (this.scrollLeft === 0) { this.leftArrow.style.display = 'none'; } else { this.leftArrow.style.display = 'flex'; } if (this.scrollLeft >= maxScrollLeft) { this.rightArrow.style.display = 'none'; } else { this.rightArrow.style.display = 'flex'; } } updateArrowsImmediate(scrollChange) { const maxScrollLeft = this.scrollWidth - this.clientWidth; const newScrollLeft = Math.max(0, Math.min(this.scrollLeft + scrollChange, maxScrollLeft)); if (newScrollLeft === 0) { this.leftArrow.style.display = 'none'; } else { this.leftArrow.style.display = 'flex'; } if (newScrollLeft >= maxScrollLeft) { this.rightArrow.style.display = 'none'; } else { this.rightArrow.style.display = 'flex'; } } callOffsetForDropDown() { // Find all `header-menu` elements within `li` tags const headerMenus = this.querySelectorAll('li header-menu'); headerMenus.forEach(headerMenu => { if (headerMenu.offsetForDropDown) { headerMenu.offsetForDropDown(); } }); } } customElements.define('menu-slide', MenuSlide, { extends: 'ul' }); } class MobileMenu extends HTMLElement { constructor() { super(); this.header = this.closest('header'); this.preventToggle = false; // Flag to prevent re-triggering this.header.querySelector('[data-mobile-toggler]').addEventListener('click', this.toggleMobileMenu.bind(this)); Array.from(this.querySelectorAll('[data-menu-item]'), (element) => { element.addEventListener('click', (event) => { if (!this.preventToggle) { this.openMenus(element); } }); }); Array.from(this.querySelectorAll('[data-back-to-menu]'), (item) => { item.addEventListener('click', (event) => { this.backToMenu(item); this.preventToggle = true; // Set the flag to prevent re-triggering setTimeout(() => { this.preventToggle = false; // Reset the flag after a short delay }, 100); // Adjust the delay as needed }); }); } openMenus(element) { element.classList.add('active'); } backToMenu(item) { const parentMenuItem = item.closest('[data-menu-item]'); if (parentMenuItem) { parentMenuItem.classList.remove('active'); } else { console.info('Parent menu item not found.'); } } toggleMobileMenu() { if (document.querySelector(`[data-drawer="mobile-menu-drawer"]`)) { setTimeout(() => { document.querySelector(`[data-drawer="mobile-menu-drawer"]`).classList.add('show'); document.body.classList.add('overflow-hidden'); }, 400); document.querySelector(`[data-drawer="mobile-menu-drawer"]`).style.display = 'flex'; } setTimeout(() => { this.header.querySelectorAll('[data-mobile-item]').forEach((item, index) => { setTimeout(() => { item.classList.add('animate'); }, index * 100); // 100ms delay for each item }); }, 600); } } customElements.define('mobile-menu', MobileMenu); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "JACEK Chocolate Couture", "logo": "https:\/\/makirov.shop\/cdn\/shop\/files\/header_logo_white.png?v=1622579494\u0026width=500", "sameAs": [ "", "https:\/\/www.facebook.com\/jacekchocolate\/", "https:\/\/ca.pinterest.com\/jacekchocolate\/", "https:\/\/www.instagram.com\/jacekchocolate\/?hl=en", "https:\/\/www.tiktok.com\/@jacekchocolate", "", "", "", "" ], "url": "https:\/\/makirov.shop" } </script><style> #shopify-section-sections--19119375483117__header .header {/*background: transparent;*/} #shopify-section-sections--19119375483117__header .header.is-sticky {background: #512c1d;} </style></header> <!-- END sections: header-group --> <div class="pinned-content"> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--19119375876333__page-banner" class="shopify-section page-banner"> <div class="section-wrapper section-spacing scheme-secondary section-solid" data-vvip="0"> <div class="no-container"> <div class="page--banner overlay-content" id="page--banner-template--19119375876333__page-banner" > <div class="page--banner-img media-wrapper media-overlay width-100 height-100"> <div class="media media-fixed"> <img class="lazyload no-js-hidden " data-src="//makirov.shop/cdn/shop/collections/audrey_jackie_margo_colette.jpg?v=1737751446&width={width}" src="//makirov.shop/cdn/shop/collections/audrey_jackie_margo_colette.jpg?v=1737751446&width=250" data-aspectratio="1.875293014533521" data-sizes="auto" data-widths="" width="4000" height="2133" data-original="//makirov.shop/cdn/shop/collections/audrey_jackie_margo_colette.jpg?v=1737751446" alt="Image of Chocolate Bars" lazyload="lazy" loading="lazy" > <noscript> <img class="" src="//makirov.shop/cdn/shop/collections/audrey_jackie_margo_colette.jpg?v=1737751446" alt="Chocolate Bars" width="4000" height="2133" > </noscript> </div> </div> <div class="page--banner-content"> <div class="container-fullwidth"> <div class="page--banner-content-inner text-center"> <h2 class="page--title heading-font page--item h4"> Chocolate Bars </h2> </div> </div> </div> </div> </div> </div> <style> #shopify-section-template--19119375876333__page-banner .section-spacing { --top_spacing: 0px; --bottom_spacing: 0px; --banner_height: 350px; --image_overlay_opacity: 0.4; } @media only screen and (max-width:767px) { #shopify-section-template--19119375876333__page-banner .section-spacing { --top_spacing: 0px; --bottom_spacing: 0px; --banner_height: 100px; } } @media (max-width: 767px) { #shopify-section-template--19119375876333__page-banner{ display: none !important; } } </style> </section><section id="shopify-section-template--19119375876333__main-collection" class="shopify-section section-main-collection"> <link href="//makirov.shop/cdn/shop/t/61/assets/main-collection.css?v=168631883484548529371741620924" as="style" rel="preload"> <link href="//makirov.shop/cdn/shop/t/61/assets/main-collection.css?v=168631883484548529371741620924" rel="stylesheet" type="text/css" media="all" /> <div class="section-wrapper section-spacing scheme-tertiary section-solid" data-opopo="1" > <div class="container-fullwidth"> <div class="main-collection--wrapper filter-layout-vertical" data-collection-wrapper > <div class="collection--topbar"> <filter-toggler> <button class="button filter-toggle-button large-button hidden d-md-flex filters-opened" data-filters-nav > <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <path d="M16 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-2.45 1a2.5 2.5 0 0 1 4.9 0H21v1h-2.55a2.5 2.5 0 0 1-4.9 0H3V7h10.55ZM8 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-2.45 1a2.5 2.5 0 0 1 4.9 0H21v1H10.45a2.5 2.5 0 0 1-4.9 0H3v-1h2.55Z"></path> </svg> <span>Hide filters</span> </button> <button class="button filter-toggle-button d-flex d-md-none filters-opened" data-filters-mobile > <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <path d="M16 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-2.45 1a2.5 2.5 0 0 1 4.9 0H21v1h-2.55a2.5 2.5 0 0 1-4.9 0H3V7h10.55ZM8 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-2.45 1a2.5 2.5 0 0 1 4.9 0H21v1H10.45a2.5 2.5 0 0 1-4.9 0H3v-1h2.55Z"></path> </svg> <span> Show filters </span> </button> </filter-toggler> <h6 class="filter--results-text text-large" data-coll-products-count="14"> <div data-collection-count> <span class="collection-products--count" data-total-products-count> 14/14 </span> <span class="collection-products--text">Products</span> </div> </h6> </div> <div class="main-collection--products open-filter" data-products-wrapper > <div class="filter--sidebar" data-filter-always="true" data-filters-sidebar> <div class="filter--sidebar-overlay d-block d-md-none"></div> <filter-faced-form class="d-block height-100"> <form class="filter--sidebar-content height-100" id="filter-sorting-form"> <div class="filter--sidebar-header d-grid d-md-none"> <h5 class="filter--sidebar-heading h5">Filter and sort</h5> <button type="button" class="drawer-close" aria-label="Close drawer" data-mobile-filter-toggle> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </div> <div class="filter--columns height-100"> <div class="filter--columns-item" > <h6 class="filter--columns-heading text-large">Product type</h6> <div class="filter--option-list"> <ul class="filter--option-list-items color-circle"> <li class="filter-option-item custom-checkbox"> <input type="checkbox" class="checkmark-input" name="filter.p.product_type" value="BAR - 50G" title="BAR - 50G" id="Vertical-Filter-product-type-1" > <span class="checkmark"></span> <label class="cursor-pointer" for="Vertical-Filter-product-type-1" title="BAR - 50G" > BAR - 50G </label> </li> <li class="filter-option-item custom-checkbox"> <input type="checkbox" class="checkmark-input" name="filter.p.product_type" value="BAR - 70G" title="BAR - 70G" id="Vertical-Filter-product-type-2" > <span class="checkmark"></span> <label class="cursor-pointer" for="Vertical-Filter-product-type-2" title="BAR - 70G" > BAR - 70G </label> </li></ul> </div> </div> </div> </form> </filter-faced-form> </div> <div class="main-collection--products-box" data-collections-grid id="collection--list-grid" data-id="template--19119375876333__main-collection" data-section="template--19119375876333__main-collection" data-url="/collections/chocolate-bars?page=2" > <div class="main-collection--products-list" main-collection-products><div class="product--card" is="card-animate" > <div class="product--card-inner animate-hover image-hover quickview-none product-background-enabled product-border-enabled" data-id="5617344282781" data-product-card > <div class="product--card-image width-100 pos-relative"> <a href="/products/oat-couture-milk-chocolate" aria-label="View detailsfor Oat Couture Milk Chocolate" class="product--image d-block width-100"> <div class="media" style="--image_ratio:100%" data-product-media> <img class="lazyload no-js-hidden product--card-image" data-src="//makirov.shop/cdn/shop/products/oat_couture_vegan_milk_chocolate_web.jpg?v=1736436857&width={width}" src="//makirov.shop/cdn/shop/products/oat_couture_vegan_milk_chocolate_web.jpg?v=1736436857&width=250" data-aspectratio="1.0" data-sizes="auto" data-widths="" width="800" height="800" data-original="//makirov.shop/cdn/shop/products/oat_couture_vegan_milk_chocolate_web.jpg?v=1736436857" alt="JACEK Chocolate Couture" lazyload="lazy" loading="lazy" > <noscript> <img class="product--card-image" src="//makirov.shop/cdn/shop/products/oat_couture_vegan_milk_chocolate_web.jpg?v=1736436857" alt="JACEK Chocolate Couture" width="800" height="800" > </noscript> <img class="lazyload no-js-hidden product-second-img" data-src="//makirov.shop/cdn/shop/files/OatCouture.jpg?v=1768317213&width={width}" src="//makirov.shop/cdn/shop/files/OatCouture.jpg?v=1768317213&width=250" data-aspectratio="1.0" data-sizes="auto" data-widths="" width="3000" height="3000" data-original="//makirov.shop/cdn/shop/files/OatCouture.jpg?v=1768317213" alt="JACEK Chocolate Couture" lazyload="lazy" loading="lazy" > <noscript> <img class="product-second-img" src="//makirov.shop/cdn/shop/files/OatCouture.jpg?v=1768317213" alt="JACEK Chocolate Couture" width="3000" height="3000" > </noscript> </div> </a> <div class="product--card-badges"> </div> <div class="product--card-detail-button product-addtocart-btn"> <product-form-context data-section-id="template--19119375876333__main-collection-5617344282781" class="product-checkout-buttons-outer product--card-form" data-product-id="5617344282781" id="product-form-context-template--19119375876333__main-collection-5617344282781" > <form method="post" action="/cart/add" id="main-product-form-template--19119375876333__main-collection-5617344282781" accept-charset="UTF-8" class="form main-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="36164623073437" > <purchase-buttons><div class="product-checkout-buttons" data-qty-rule="" > <button type="submit" name="add" data-button="product--submit-5617344282781" id="product--submit-btn-template--19119375876333__main-collection-5617344282781-5617344282781" data-prid="product--submit-btn-template--19119375876333__main-collection-5617344282781-5617344282781" aria-label="Add product to cart" class="product--icon" data-add-to-cart > <span data-atc-text class="width-100 height-100 d-flex"> <svg width="17" height="19" viewBox="0 0 17 19" fill="none" class="cart--icon" > <path d="M13.8624 5.125H3.13686C2.21555 5.125 1.45202 5.83932 1.39074 6.75859L0.749072 16.3836C0.681732 17.3936 1.48288 18.25 2.49519 18.25H14.5041C15.5164 18.25 16.3176 17.3936 16.2502 16.3836L15.6086 6.75859C15.5472 5.83932 14.7837 5.125 13.8624 5.125Z" stroke="currentColor" stroke-width="1.5" /> <path d="M12 7.75V4.25C12 2.317 10.433 0.75 8.5 0.75C6.567 0.75 5 2.317 5 4.25V7.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> </span> </button> </div> </purchase-buttons> <script type="application/json" data-name="product-options"> [{"name":"Title","position":1,"values":["Default Title"]}] </script> <script type="application/json" data-name="product-inventories"> [ { "id":36164623073437, "inventory_management": "shopify", "inventory_policy": "deny", "inventory_quantity": "148" } ] </script> <input type="hidden" name="product-id" value="5617344282781" /><input type="hidden" name="section-id" value="template--19119375876333__main-collection" /></form> </product-form-context> </div> </div> <div class="product--card-detail"> <div class="product--card-detail-inner"> <div class="product--card-detail-content"> <a href="/products/oat-couture-milk-chocolate" class="product--title text" aria-label="Oat Couture Milk Chocolate">Oat Couture Milk Chocolate</a> <div class="product--pricing text" id="price-title-wrapper-template--19119375876333__main-collection-5617344282781" > <span class="product--actual-price heading-font">$10.95 CAD</span> </div> </div> </div> </div> </div> </div><div class="product--card" is="card-animate" > <div class="product--card-inner animate-hover image-hover quickview-none product-background-enabled product-border-enabled" data-id="9311091654893" data-product-card > <div class="product--card-image width-100 pos-relative"> <a href="/products/maple-bar" aria-label="View detailsfor Maple Bar" class="product--image d-block width-100"> <div class="media" style="--image_ratio:100%" data-product-media> <img class="lazyload no-js-hidden product--card-image" data-src="//makirov.shop/cdn/shop/files/MapleBarShopify.jpg?v=1773758676&width={width}" src="//makirov.shop/cdn/shop/files/MapleBarShopify.jpg?v=1773758676&width=250" data-aspectratio="1.0" data-sizes="auto" data-widths="" width="3000" height="3000" data-original="//makirov.shop/cdn/shop/files/MapleBarShopify.jpg?v=1773758676" alt="JACEK Chocolate Couture" lazyload="lazy" loading="lazy" > <noscript> <img class="product--card-image" src="//makirov.shop/cdn/shop/files/MapleBarShopify.jpg?v=1773758676" alt="JACEK Chocolate Couture" width="3000" height="3000" > </noscript> <img class="lazyload no-js-hidden product-second-img" data-src="//makirov.shop/cdn/shop/files/MapleBarinside_4810e2a2-7e2e-4d81-b0fa-de62e4efdff5.jpg?v=1776366993&width={width}" src="//makirov.shop/cdn/shop/files/MapleBarinside_4810e2a2-7e2e-4d81-b0fa-de62e4efdff5.jpg?v=1776366993&width=250" data-aspectratio="1.0" data-sizes="auto" data-widths="" width="2000" height="2000" data-original="//makirov.shop/cdn/shop/files/MapleBarinside_4810e2a2-7e2e-4d81-b0fa-de62e4efdff5.jpg?v=1776366993" alt="JACEK Chocolate Couture" lazyload="lazy" loading="lazy" > <noscript> <img class="product-second-img" src="//makirov.shop/cdn/shop/files/MapleBarinside_4810e2a2-7e2e-4d81-b0fa-de62e4efdff5.jpg?v=1776366993" alt="JACEK Chocolate Couture" width="2000" height="2000" > </noscript> </div> </a> <div class="product--card-badges"> </div> <div class="product--card-detail-button product-addtocart-btn"> <product-form-context data-section-id="template--19119375876333__main-collection-9311091654893" class="product-checkout-buttons-outer product--card-form" data-product-id="9311091654893" id="product-form-context-template--19119375876333__main-collection-9311091654893" > <form method="post" action="/cart/add" id="main-product-form-template--19119375876333__main-collection-9311091654893" accept-charset="UTF-8" class="form main-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="49671948697837" > <purchase-buttons><div class="product-checkout-buttons" data-qty-rule="" > <button type="submit" name="add" data-button="product--submit-9311091654893" id="product--submit-btn-template--19119375876333__main-collection-9311091654893-9311091654893" data-prid="product--submit-btn-template--19119375876333__main-collection-9311091654893-9311091654893" aria-label="Add product to cart" class="product--icon" data-add-to-cart > <span data-atc-text class="width-100 height-100 d-flex"> <svg width="17" height="19" viewBox="0 0 17 19" fill="none" class="cart--icon" > <path d="M13.8624 5.125H3.13686C2.21555 5.125 1.45202 5.83932 1.39074 6.75859L0.749072 16.3836C0.681732 17.3936 1.48288 18.25 2.49519 18.25H14.5041C15.5164 18.25 16.3176 17.3936 16.2502 16.3836L15.6086 6.75859C15.5472 5.83932 14.7837 5.125 13.8624 5.125Z" stroke="currentColor" stroke-width="1.5" /> <path d="M12 7.75V4.25C12 2.317 10.433 0.75 8.5 0.75C6.567 0.75 5 2.317 5 4.25V7.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" /> </svg> </span> </button> </div> </purchase-buttons> <script type="application/json" data-name="product-options"> [{"name":"Title","position":1,"values":["Default Title"]}] </script> <script type="application/json" data-name="product-inventories"> [ { "id":49671948697837, "inventory_management": "shopify", "inventory_policy": "deny", "inventory_quantity": "352" } ] </script> <input type="hidden" name="product-id" value="9311091654893" /><input type="hidden" name="section-id" value="template--19119375876333__main-collection" /></form> </product-form-context> </div> </div> <div class="product--card-detail"> <div class="product--card-detail-inner"> <div class="product--card-detail-content"> <a href="/products/maple-bar" class="product--title text" aria-label="Maple Bar">Maple Bar</a> <div class="product--pricing text" id="price-title-wrapper-template--19119375876333__main-collection-9311091654893" > <span class="product--actual-price heading-font">$7.00 CAD</span> </div> </div> </div> </div> </div> </div></div> <ul class="pagination"> <li class="pagination-item"> <a href="/collections/chocolate-bars?page=1" class="pagination-icon" aria-label="Previous"> <strong>Previous</strong> </a> </li> <li class="pagination-item"> <a href="/collections/chocolate-bars?page=1" class="pagination-link" aria-label="Page 1">1</a> </li> <li class="pagination-item active"> <p class="pagination-text">2</p> </li> <li class="pagination-item disabled"> <p class="pagination-icon" aria-label="Next"> <strong>Next</strong> </p> </li> </ul> </div> </div> </div> </div> </div> <style> #shopify-section-template--19119375876333__main-collection { --top_spacing: 10px; --bottom_spacing: 70px; --image_overlay_opacity: ; } #shopify-section-template--19119375876333__main-collection { --row_count: 3; } @media (min-width:768px) { #shopify-section-template--19119375876333__main-collection .collection-list--inner { --column_count: ; } } @media only screen and (max-width: 767px) { #shopify-section-template--19119375876333__main-collection { --top_spacing: 15px !important; --bottom_spacing: 20px !important; } #shopify-section-template--19119375876333__main-collection .collection-list--inner { --column_count: 2; } } </style> <script> // infinite scroll function </script> </section> </main> <!-- BEGIN sections: footer-group --> <footer id="shopify-section-sections--19119375515885__footer" class="shopify-section shopify-section-group-footer-group section-footer"><link href="//makirov.shop/cdn/shop/t/61/assets/footer.css?v=140586974396800402261741620925" rel="stylesheet" type="text/css" media="all" /> <div class="footer--main " data-show-accordion="false" > <div class="container-fullwidth"> <div class="footer--wrapper"> <div class="footer--top"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4"> <div class="footer--left" data-card-animate ><a class="footer--logo" href="/" aria-label="JACEK Chocolate Couture"><img class="footer--logo-img" srcset="//makirov.shop/cdn/shop/files/Jacek_Chocolate_Footer_Logo.png?v=1731655144&width=200 1x, //makirov.shop/cdn/shop/files/Jacek_Chocolate_Footer_Logo.png?v=1731655144&width=400 2x" src="//makirov.shop/cdn/shop/files/Jacek_Chocolate_Footer_Logo.png?v=1731655144&width=200" loading="lazy" width="200" height="198" alt="JACEK Chocolate Couture" > </a> <div class="footer--social-links"> <ul class="list-inline social--icons-list "> <li class="social--icons-item" is="hover-li" > <a target="_blank" href="https://www.facebook.com/jacekchocolate/" class="social--icons-link facebook" aria-label="Facebook"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M12.7715 0.474442C12.9815 0.474442 13.1604 0.552219 13.3082 0.692219C13.4559 0.847775 13.5259 1.01889 13.5259 1.23666V13.2456C13.5259 13.4556 13.4482 13.6344 13.3082 13.7822C13.2373 13.8541 13.1524 13.9106 13.0587 13.9481C12.965 13.9856 12.8646 14.0032 12.7637 14H9.34927V8.78889H11.0993L11.3404 6.72778H9.34927V5.40555C9.34927 5.09444 9.42704 4.84555 9.56704 4.68222C9.70704 4.52666 9.95593 4.43333 10.3448 4.43333H11.4104V2.60555C10.9437 2.55889 10.4226 2.52777 9.84704 2.52777C9.06149 2.52777 8.42371 2.76111 7.94149 3.22777C7.45927 3.69444 7.21815 4.34777 7.21815 5.19555V6.72778H5.47593V8.78889H7.21815V14H0.7626C0.544822 14 0.373711 13.9222 0.218155 13.7822C0.146245 13.7114 0.0897717 13.6265 0.0522915 13.5328C0.0148113 13.4391 -0.00286434 13.3386 0.000377295 13.2378V1.23666C0.000377295 1.02666 0.0781551 0.847775 0.218155 0.699997C0.288961 0.628087 0.373887 0.571614 0.467587 0.534134C0.561288 0.496653 0.661733 0.478978 0.7626 0.482219H12.7715V0.474442Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://www.instagram.com/jacekchocolate/?hl=en" class="social--icons-link instagram" aria-label="Instagram"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M6.82111 1.22888C8.64111 1.22888 8.85889 1.23666 9.57444 1.26777C10.2433 1.29888 10.6011 1.40777 10.8422 1.5011C11.1611 1.63333 11.3867 1.77333 11.6278 2.01444C11.8611 2.24777 12.0167 2.4811 12.1333 2.79221C12.2267 3.0411 12.3433 3.39888 12.3667 4.06777C12.4056 4.78333 12.4133 5.0011 12.4133 6.8211C12.4133 8.6411 12.4056 8.85888 12.3744 9.57444C12.3709 10.0074 12.292 10.4364 12.1411 10.8422C12.0089 11.1611 11.8689 11.3867 11.6278 11.6278C11.3944 11.8611 11.1611 12.0167 10.8422 12.1411C10.6011 12.2344 10.2433 12.3433 9.57444 12.3744C8.85889 12.4055 8.64111 12.4133 6.82111 12.4133C5.00111 12.4133 4.78333 12.4133 4.06 12.3744C3.62968 12.37 3.20337 12.2911 2.8 12.1411C2.47333 12.0167 2.25556 11.8689 2.01444 11.6278C1.77333 11.3944 1.62556 11.1611 1.50111 10.85C1.35059 10.4414 1.27166 10.0099 1.26778 9.57444C1.23667 8.85888 1.22889 8.6411 1.22889 6.8211C1.22889 5.0011 1.22889 4.78333 1.26778 4.06777C1.29889 3.39888 1.40778 3.0411 1.50111 2.79999C1.62556 2.4811 1.77333 2.25555 2.01444 2.01444C2.24778 1.7811 2.48111 1.62555 2.79222 1.50888C3.04111 1.41555 3.39889 1.29888 4.06 1.27555C4.78333 1.23666 4.99333 1.22888 6.82111 1.22888ZM6.82111 -7.15069e-06C4.97 -7.15069e-06 4.73667 0.00777063 4.00556 0.0388817C3.28222 0.0699928 2.78444 0.194437 2.34889 0.349993C1.90556 0.528882 1.52444 0.769993 1.14333 1.14333C0.777778 1.52444 0.544444 1.90555 0.357778 2.34888C0.186667 2.78444 0.07 3.28222 0.0466667 4.00555C0 4.74444 0 4.97777 0 6.8211C0 8.66444 0.00777778 8.90555 0.0388889 9.62888C0.07 10.36 0.194444 10.85 0.35 11.2855C0.528889 11.7367 0.77 12.1178 1.14333 12.4989C1.52444 12.8722 1.90556 13.1055 2.34889 13.2844C2.78444 13.4555 3.28222 13.5722 4.00556 13.5955C4.73667 13.6344 4.97 13.6422 6.82111 13.6422C8.68 13.6422 8.90556 13.6344 9.63667 13.6033C10.36 13.5722 10.8578 13.4478 11.2933 13.2844C11.7478 13.1138 12.1593 12.8457 12.4989 12.4989C12.88 12.1178 13.1133 11.7367 13.2844 11.2855C13.4556 10.8578 13.5722 10.36 13.6033 9.62888C13.6344 8.90555 13.6422 8.67222 13.6422 6.8211C13.6422 4.96222 13.6422 4.73666 13.6033 4.00555C13.5935 3.43976 13.4883 2.87968 13.2922 2.34888C13.1193 1.89374 12.8485 1.48217 12.4989 1.14333C12.158 0.798062 11.7469 0.530152 11.2933 0.357771C10.7632 0.158426 10.203 0.0505955 9.63667 0.0388817C8.69865 0.00129531 7.75981 -0.0116721 6.82111 -7.15069e-06Z" fill="currentColor" /> <path d="M6.84473 3.11111C5.91647 3.11111 5.02623 3.47986 4.36985 4.13624C3.71348 4.79261 3.34473 5.68285 3.34473 6.61111C3.34473 7.53937 3.71348 8.42961 4.36985 9.08598C5.02623 9.74236 5.91647 10.1111 6.84473 10.1111C7.77298 10.1111 8.66322 9.74236 9.3196 9.08598C9.97598 8.42961 10.3447 7.53937 10.3447 6.61111C10.3447 5.68285 9.97598 4.79261 9.3196 4.13624C8.66322 3.47986 7.77298 3.11111 6.84473 3.11111ZM6.84473 8.89C6.54597 8.89 6.25014 8.83115 5.97412 8.71682C5.69811 8.60249 5.44731 8.43492 5.23606 8.22367C5.02481 8.01241 4.85723 7.76162 4.7429 7.4856C4.62857 7.20959 4.56973 6.91376 4.56973 6.615C4.56973 6.31624 4.62857 6.02041 4.7429 5.74439C4.85723 5.46838 5.02481 5.21758 5.23606 5.00633C5.44731 4.79508 5.69811 4.6275 5.97412 4.51317C6.25014 4.39884 6.54597 4.34 6.84473 4.34C7.44809 4.34 8.02675 4.57969 8.45339 5.00633C8.88004 5.43298 9.11973 6.01163 9.11973 6.615C9.11973 7.21837 8.88004 7.79702 8.45339 8.22367C8.02675 8.65031 7.44809 8.89 6.84473 8.89ZM10.4458 3.88889C10.6624 3.88889 10.8702 3.80285 11.0233 3.64969C11.1765 3.49654 11.2625 3.28881 11.2625 3.07222C11.2625 2.85563 11.1765 2.6479 11.0233 2.49475C10.8702 2.3416 10.6624 2.25555 10.4458 2.25555C10.2292 2.25555 10.0215 2.3416 9.86837 2.49475C9.71521 2.6479 9.62917 2.85563 9.62917 3.07222C9.62917 3.28881 9.71521 3.49654 9.86837 3.64969C10.0215 3.80285 10.2292 3.88889 10.4458 3.88889Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://www.tiktok.com/@jacekchocolate" class="social--icons-link tiktok" aria-label="TikTok"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" > <path d="M6.23775 0H8.55552C8.55552 0 8.4233 2.97111 11.7677 3.18889V5.48333C11.7677 5.48333 9.97886 5.59222 8.55552 4.50333L8.57886 9.24778C8.57885 10.0972 8.32686 10.9276 7.85476 11.6338C7.38265 12.34 6.71167 12.8903 5.92671 13.215C5.14175 13.5398 4.27811 13.6243 3.44507 13.458C2.61203 13.2917 1.84705 12.8821 1.24693 12.2809C0.646804 11.6796 0.238518 10.9139 0.0737385 10.0806C-0.0910413 9.24725 -0.00490854 8.38376 0.321237 7.59939C0.647382 6.81502 1.19888 6.14504 1.90594 5.67422C2.61299 5.20339 3.44383 4.9529 4.2933 4.95444H4.89219V7.31111C4.50143 7.19002 4.08243 7.19527 3.69482 7.32609C3.30721 7.45692 2.97074 7.70667 2.73329 8.03979C2.49584 8.37292 2.3695 8.77245 2.37226 9.18153C2.37501 9.59061 2.50672 9.98841 2.74865 10.3183C2.99057 10.6482 3.33038 10.8934 3.71971 11.019C4.10905 11.1446 4.52808 11.1442 4.91717 11.0178C5.30627 10.8915 5.6456 10.6456 5.88688 10.3153C6.12817 9.98491 6.25911 9.58686 6.26108 9.17778L6.23775 0Z" fill="currentColor" /> </svg> </a> </li><li class="social--icons-item" is="hover-li"> <a target="_blank" href="https://ca.pinterest.com/jacekchocolate/" class="social--icons-link pinterest" aria-label="Pinterest"> <svg class="icon icon-pinterest icon-sm" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" > <path d="M12 1C5.95 1 1 5.95 1 12C1 16.675 3.93333 20.6167 7.96667 22.2667C7.875 21.4417 7.78333 20.0667 7.96667 19.15C8.15 18.325 9.25 13.65 9.25 13.65C9.25 13.65 8.975 12.9167 8.975 12C8.975 10.4417 9.89167 9.34167 10.9917 9.34167C11.9083 9.34167 12.3667 10.075 12.3667 10.9C12.3667 11.8167 11.725 13.2833 11.45 14.5667C11.175 15.6667 12 16.5833 13.1 16.5833C15.025 16.5833 16.5833 14.5667 16.5833 11.5417C16.5833 8.88333 14.6583 7.05 12 7.05C8.88333 7.05 7.05 9.43333 7.05 11.8167C7.05 12.7333 7.41667 13.7417 7.875 14.2917C7.96667 14.3833 7.96667 14.475 7.96667 14.5667C7.875 14.9333 7.69167 15.6667 7.69167 15.85C7.6 16.0333 7.50833 16.125 7.325 16.0333C5.95 15.3917 5.125 13.375 5.125 11.8167C5.125 8.33333 7.69167 5.125 12.3667 5.125C16.2167 5.125 19.15 7.875 19.15 11.45C19.15 15.2083 16.7667 18.325 13.4667 18.325C12.3667 18.325 11.2667 17.775 10.9 17.0417C10.9 17.0417 10.35 19.15 10.2583 19.7C9.98333 20.6167 9.34167 21.8083 8.88333 22.5417C9.8 22.8167 10.9 23 12 23C18.05 23 23 18.05 23 12C23 5.95 18.05 1 12 1Z"></path> </svg> </a> </li> </ul> </div> </div> </div> <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8"> <div class="footer--right"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" data-card-animate > <details class="footer--menu newsletter--menu " open data-accordion > <summary class="footer--menu-heading heading-font text-xlarge"> Subscribe now </summary> <div class="footer--menu-content" data-collapsible-content> <form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer-newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <div class="footer-newsletter-form-box"> <label class="hidden" for="NewsletterForm--footer">Newsletter</label> <input id="NewsletterForm--footer" type="email" name="contact[email]" class="form-control" value="" aria-required="true" autocapitalize="off" autocomplete="email"placeholder="Email Address" pattern="^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)*[a-zA-Z]{2,}))$" required > <button type="submit" class="arrow--btn small-width footer-newsletter-button" name="commit" aria-label="Subscribe" > <svg class="arrow--icon" viewBox="0 0 12 13" fill="none"> <path d="M0.82373 6.17769L11.3218 6.42578" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.94873 11.5508L11.3218 6.42578L6.19682 1.05269" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div></form> </div> </details> </div> <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-card-animate > <details class="footer--menu" open data-accordion > <summary class="footer--menu-heading heading-font text-xlarge"> JACEK Chocolate Couture </summary> <ul class="footer--menu-info" data-collapsible-content> <li class="footer--menu-info-item"> <a href="tel:780-464-5200" class="footer--menu-info-link" > <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line> </svg> <span class="footer--menu-info-text">780-464-5200</span> </a> </li> <li class="footer--menu-info-item"> <a href="mailto:hello@makirov.shop" class="footer--menu-info-link" > <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline> </svg> <span class="footer--menu-info-text">hello@makirov.shop</span> </a> </li> <li class="footer--menu-info-item"> <span class="footer--menu-info-link"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle> </svg> <span class="">406 Kaska Rd, Sherwood Park, AB T8A 4G8</span> </span> </li> </ul> </details> </div> <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-card-animate > <details class="footer--menu" open data-accordion > <summary class="footer--menu-heading heading-font text-xlarge"> Company </summary> <ul class="footer--menu-list" data-collapsible-content><li class="footer--menu-item"> <a href="/" class="footer--menu-link">Home</a> </li> <li class="footer--menu-item"> <a href="/pages/about" class="footer--menu-link">About JACEK</a> </li> <li class="footer--menu-item"> <a href="/blogs/news" class="footer--menu-link">Blog</a> </li> <li class="footer--menu-item"> <a href="/pages/store-locator" class="footer--menu-link">JACEK Retailers</a> </li> <li class="footer--menu-item"> <a href="/pages/contact" class="footer--menu-link">Locations & Contact JACEK</a> </li> </ul> </details> </div> <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" data-card-animate > <details class="footer--menu" open data-accordion > <summary class="footer--menu-heading heading-font text-xlarge"> Store </summary> <ul class="footer--menu-list" data-collapsible-content><li class="footer--menu-item"> <a href="/collections/all-products" class="footer--menu-link">All Products</a> </li> <li class="footer--menu-item"> <a href="/pages/flavour-menu" class="footer--menu-link">Flavour Menu</a> </li> <li class="footer--menu-item"> <a href="/collections/build-your-box" class="footer--menu-link">Build Your Own Box</a> </li> <li class="footer--menu-item"> <a href="/pages/business-gifting" class="footer--menu-link">Corporate Gifting with JACEK</a> </li> <li class="footer--menu-item"> <a href="/pages/faq" class="footer--menu-link">FAQ</a> </li> </ul> </details> </div> </div> </div> </div> </div> </div> <div class="footer--bottom"> <div class="footer--info-block"> <localization-context type="button" is="localization-context" class="localization-form cursor-pointer"> <div class="localization--current-locale"> <span class="localization-icon"> <svg viewBox="0 0 70 70" fill="none"> <mask id="path-1-outside-1_6057_363" maskUnits="userSpaceOnUse" x="0" y="1" width="69" height="69" fill="currentColor"> <rect fill="white" y="1" width="69" height="69"/> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z"/> </mask> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z" fill="currentColor"/> <path d="M18.4576 64.9096C18.4576 64.9096 18.5746 64.9757 18.6255 65.0011C23.3527 67.5551 28.7465 69 34.4919 69C38.6085 69 42.5571 68.247 46.2005 66.8886H46.2158C46.3328 66.8479 46.4499 66.797 46.5567 66.7462C54.5966 63.6326 61.1452 57.4968 64.8096 49.7481C64.8096 49.7328 64.835 49.7226 64.8503 49.6972C64.8503 49.6717 64.8503 49.6463 64.8757 49.6209C66.8806 45.3218 68 40.5444 68 35.5025C68 32.4804 67.598 29.5499 66.8398 26.7619C62.9828 12.512 49.9457 2 34.5079 2H34.4926C16.0209 2 1 17.0288 1 35.4974C1 48.1707 8.07303 59.2161 18.4686 64.9038L18.4576 64.9096ZM46.8672 62.8643L45.2389 57.1357C44.9641 56.1589 45.3966 55.1414 46.282 54.6632L48.5871 53.4116C50.3986 52.4348 51.5181 50.5473 51.5181 48.4868C51.5181 47.7338 51.8844 47.0674 52.5358 46.6655C53.1718 46.2636 53.9402 46.2229 54.6221 46.5637L60.9776 49.7029C57.8635 55.4875 52.9022 60.1376 46.8829 62.8692L46.8672 62.8643ZM63.2677 26.8546L61.0644 28.9659C60.6217 29.3831 60.0467 29.6019 59.436 29.5663C58.8254 29.5256 58.2759 29.2407 57.8993 28.7726L56.4389 26.9513C54.9021 25.0383 52.3376 24.3312 50.0426 25.2317L47.3711 26.2746C46.7045 26.5341 45.9769 26.4578 45.3765 26.0406C44.776 25.6387 44.4402 24.9875 44.4402 24.2701V21.6246C44.4402 19.8286 43.6209 18.2006 42.1758 17.1322C40.7306 16.0638 38.9344 15.7534 37.2145 16.2724L36.9295 16.364C36.1866 16.5878 35.4437 16.4148 34.8738 15.8959C34.2988 15.3769 34.0647 14.6443 34.2072 13.8913L35.8864 5.51703C48.8367 6.11738 59.6599 14.9445 63.2579 26.8744L63.2677 26.8546ZM32.37 5.55712L30.8332 13.2039C30.4414 15.1575 31.0927 17.1112 32.5633 18.4542C34.0338 19.7973 36.054 20.24 37.957 19.6651L38.242 19.5735C38.8933 19.3802 39.5956 19.4972 40.1451 19.8991C40.6946 20.301 41.0203 20.9421 41.0203 21.6187V24.2642C41.0203 26.1162 41.9311 27.8459 43.4577 28.8889C44.9843 29.9319 46.923 30.1507 48.6429 29.4893L51.3144 28.4463C52.1896 28.1054 53.1768 28.37 53.762 29.1128L55.2224 30.9341C56.1994 32.1603 57.6598 32.9284 59.2321 33.0201H59.5985C61.0436 33.0201 62.4379 32.4605 63.481 31.4582L64.1832 30.7816C64.4326 32.3181 64.5598 33.8952 64.5598 35.508C64.5598 39.4153 63.8067 43.1547 62.4379 46.5787L56.1587 43.4803C54.4134 42.6205 52.3831 42.7121 50.7241 43.7398C49.0704 44.7675 48.0782 46.538 48.0782 48.4916C48.0782 49.2751 47.6507 50.0027 46.9587 50.3791L44.6536 51.6307C42.3334 52.8924 41.2138 55.538 41.9314 58.0767L43.6512 64.1208C40.7712 65.0467 37.6977 65.5555 34.5072 65.5555C30.5483 65.5555 26.7575 64.7721 23.2921 63.378C25.2868 62.3249 27.1085 61.3734 28.4621 60.6816C29.831 59.9642 30.8334 58.7685 31.2608 57.283C31.6882 55.7974 31.5101 54.2508 30.7265 52.9076L28.6401 49.3106C28.2381 48.6187 28.2483 47.7742 28.6808 47.0975L31.3371 42.824C32.2886 41.2875 32.4464 39.3746 31.7391 37.7058C31.0369 36.0371 29.5612 34.8007 27.7905 34.4091L27.6327 34.3684C26.8135 34.1852 26.1621 33.534 25.9892 32.6997L25.1445 28.4922C24.7934 26.7726 23.6841 25.3378 22.1117 24.5696C20.5344 23.8014 18.7228 23.8167 17.1504 24.5951L15.7715 25.287C15.0794 25.638 14.2449 25.5871 13.6088 25.1445L8.02155 21.3542C12.7742 12.4864 21.8414 6.27455 32.3956 5.53216L32.37 5.55712ZM6.52523 24.5597L11.6341 28.0244C13.3134 29.159 15.4759 29.3014 17.2874 28.3907L18.6664 27.6988C19.2668 27.3986 19.9538 27.3885 20.5694 27.6988C21.1699 27.999 21.5973 28.5434 21.7296 29.1945L22.5743 33.402C23.017 35.5644 24.686 37.284 26.8486 37.7519L27.0063 37.7926C27.6984 37.9503 28.2428 38.4031 28.5177 39.0544C28.7924 39.7056 28.7416 40.423 28.3599 41.0233L25.7037 45.2968C24.6097 47.0572 24.569 49.2703 25.6121 51.0662L27.6984 54.6632C27.9986 55.1719 28.0648 55.7723 27.9071 56.3421C27.7391 56.917 27.3575 57.3698 26.8385 57.6446C24.9862 58.596 22.2792 60.0154 19.4245 61.5265C10.4738 56.3167 4.42834 46.6253 4.42834 35.5442C4.42834 31.6775 5.17126 27.9788 6.51468 24.5752L6.52523 24.5597Z" stroke="currentColor" stroke-width="1.6" mask="url(#path-1-outside-1_6057_363)"/> </svg> </span> <span class="text-small">$ CAD / EN</span> </div> </localization-context> </div> <div class="footer--info-block"> <ul class="footer-quick-links list-inline"><li> <a href="/policies/refund-policy" class="footer-quick-links-link text-small">Refund policy</a> </li> <li> <a href="/policies/privacy-policy" class="footer-quick-links-link text-small">Privacy policy</a> </li> <li> <a href="/policies/terms-of-service" class="footer-quick-links-link text-small">Terms of service</a> </li> <li> <a href="/policies/shipping-policy" class="footer-quick-links-link text-small">Shipping policy</a> </li> </ul> </div> <div class="footer--info-block"> <div class="footer-payment-icons"> <ul class="list-inline payment-icons gap-5"><li class="payment-icons-item" is="hover-li"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> </li><li class="payment-icons-item" is="hover-li"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li></ul> </div> <p class="copyright--text text-small"> Copyright© 2026 <a href="/" title="">JACEK Chocolate Couture</a> <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></p> </div> </div> </div> </div> </div> <style> footer { --logo_width: 200px; } @media (max-width: 767px) { footer{ --logo_width: 100px; } } </style> </footer> <!-- END sections: footer-group --> </div> <!-- BEGIN sections: overlay-group --> <section id="shopify-section-sections--19119375450349__store-locator" class="shopify-section shopify-section-group-overlay-group store-locator"><store-locator class="side-drawer store--locator-side-drawer scheme-scheme-4704fe48-5790-4181-98a3-dffd163a6a53" id="StoreLocator" data-drawer="store-locator" data-section-id="sections--19119375450349__store-locator" > <div class="close-fullwidth" data-close-drawer></div> <div class="side--drawer-panel"> <div class="side--drawer-inner"> <div class="side--drawer-header"> <h5 class="heading-font h5">Store locator</h5> <close-drawer> <button class="drawer-close" data-drawer-close> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </close-drawer> </div> <div class="side--drawer-body"> <div class="store--locator-main"> <ul class="store--locator-location-list"> <li class="store--locator-location-list-item" > <div class="store--locator-store-content"> <p class="text-xlarge store--locator-store-title heading-font"> Store </p> <address class="store--locator-store-address font-normal"> <p>Ottawa street, 3996</p> </address> </div> </li> <li class="store--locator-location-list-item" > <div class="store--locator-store-content"> <p class="text-xlarge store--locator-store-title heading-font"> Heading </p> <address class="store--locator-store-address font-normal"> <p>Add address</p> </address> </div> </li> <li class="store--locator-location-list-item" > <div class="store--locator-store-content"> <p class="text-xlarge store--locator-store-title heading-font"> Heading </p> <address class="store--locator-store-address font-normal"> <p>Add address</p> </address> </div> </li> <li class="store--locator-location-list-item" > <div class="store--locator-store-content"> <p class="text-xlarge store--locator-store-title heading-font"> Heading </p> <address class="store--locator-store-address font-normal"> <p>Add address</p> </address> </div> </li> </ul> </div> </div> </div> </div> </store-locator> </section><section id="shopify-section-sections--19119375450349__quick-view-drawer" class="shopify-section shopify-section-group-overlay-group product-quickview-section quickview-product"> <quick-view-drawer class="side-drawer quickview--side-drawer scheme-scheme-4704fe48-5790-4181-98a3-dffd163a6a53" id="QuickViewDrawer" data-drawer="quick-view-drawer" data-section-id="sections--19119375450349__quick-view-drawer" quick-view-drawer-section data-id="sections--19119375450349__quick-view-drawer" ><div class="close-fullwidth" data-close-drawer></div> <div class="side--drawer-panel"> <div class="side--drawer-inner"> <close-drawer> <button class="drawer-close" data-drawer-close> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> </close-drawer> <div class="side--drawer-body"> <div class="quickview--drawer-main"> <div class="quickview--product-media pos-relative"> <div class="quickview--product-item"> <div class="quickview--product-img media-wrapper"> <div class="media" style="--image_ratio:100%;"> <svg class="placeholder-svg" preserveAspectRatio="xMidYMid slice" width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1529)"><path d="M448 0H0v448h448V0Z" fill="#F2F2F2"/><path d="m354.54 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 0-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.04Z" fill="#DD6A5A"/><path d="m252.03 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#C03D37"/><path d="m195.99 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#CC5747"/><path d="M232.38 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.16 102.82c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.82 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37Z" fill="#E8AF57"/><path d="m354.541 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01ZM293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#E87E69"/><path d="m352.26 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#E8AF57"/></g><defs><clipPath id="clip0_894_1529"><path fill="#fff" d="M0 0h448v448H0z"/></clipPath></defs></svg> </div> </div> </div> </div> <div class="quickview--drawer-content"> <h6 class="h5 heading-font d-block product-title-heading" > Example product title </h6> <div class="product--variants-options" > <variants-set data-section="template--17991319879928__main"> <optionset class="product--options-set"> <div class="product--options"> <div class="product--variants-title heading-font text">Size</div> <div class="product--variants-box"> <ul class="product--variants-list"> <li class="variant--item" is="hover-li"> <label for="option-1" class="variant-item-name cursor-pointer">S</label> </li> <li class="variant--item" is="hover-li"> <label for="option-1" class="variant-item-name cursor-pointer">M</label> </li> <li class="variant--item" is="hover-li"> <label for="option-1" class="variant-item-name cursor-pointer">L</label> </li> </ul> </div> </div> </optionset> <optionset class="product--options-set"> <div class="product--options"> <div class="product--variants-title heading-font text">Color</div> <div class="product--variants-box"> <ul class="product--variants-list color-option color-circle"> <li class="variant--item" is="hover-li"> <label for="option-2" class="variant-item-name cursor-pointer" style="--swatch_color: moccasin" ><span class="tooltip">Moccasin</span></label > </li> <li class="variant--item" is="hover-li"> <label for="option-2" class="variant-item-name cursor-pointer" style="--swatch_color: khaki" ><span class="tooltip">Khaki</span></label > </li> <li class="variant--item" is="hover-li"> <label for="option-2" class="variant-item-name cursor-pointer" style="--swatch_color: darkseagreen" ><span class="tooltip">Darkseagreen</span></label > </li> <li class="variant--item" is="hover-li"> <label for="option-2" class="variant-item-name cursor-pointer" style="--swatch_color: tan" ><span class="tooltip">Tan</span></label > </li> <li class="variant--item" is="hover-li"> <label for="option-2" class="variant-item-name cursor-pointer" style="--swatch_color: peru" ><span class="tooltip">Peru</span></label > </li> </ul> </div> </div> </optionset> </variants-set> </div> <div class="quantity quantity-main-product" id="quantity--main-product-sections--19119375450349__quick-view-drawer" > <div class="product--variants-title heading-font text">Quantity</div> <quantity-set> <div class="quantity--inner"> <button type="button" class="quantity-button quantity--down " aria-label="decrease" name="decrease" is="magnet-button" button-minus > <span class="hidden"></span> <svg width="10" height="2" viewBox="0 0 10 2" fill="none"> <path d="M7.45058e-08 2L0 9.53674e-07L10 0V2L7.45058e-08 2Z" fill="currentColor"></path> </svg> </button> <label class="hidden" for="quantity-input-sections--19119375450349__quick-view-drawer">Quantity</label> <input id="quantity-input-sections--19119375450349__quick-view-drawer-" class="quantity-input" type="number" form="main-product-form-sections--19119375450349__quick-view-drawer-" name="quantity" min="1" step="1" value="1" data-page="sections--19119375450349__quick-view-drawer" data-quantity-input="" data-line="1" aria-label="Quantity" > <button type="button" class="quantity-button quantity--up" aria-label="increase" name="increase" is="magnet-button" button-plus > <span class="hidden"></span> <svg width="10" height="10" viewBox="0 0 10 10" fill="none"> <path d="M7.45058e-08 6L0 4L10 4V6L7.45058e-08 6Z" fill="currentColor"></path> <path d="M4 0L6 1.29166e-08L6 10H4L4 0Z" fill="currentColor"></path> </svg> </button> </div> </quantity-set> </div> <div class="" id="product--buy-buttons-sections--19119375450349__quick-view-drawer" > <div class="product-checkout-buttons"> <button type="submit" name="add" aria-label="Add to cart" id="product--submit-btn-sections--19119375450349__quick-view-drawer" class="button button-block medium-button" disabled="disabled" > <span data-atc-text>Sold out</span> </button> </div> </div> <div class="product-payment-icons"> <ul class="list-inline payment-icons gap-5"><li class="payment-icons-item" is="hover-li"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> </li><li class="payment-icons-item" is="hover-li"> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li></ul> </div> </div> </div> </div> </div> </div> </quick-view-drawer> </section><div id="shopify-section-sections--19119375450349__1743786521c6e00bde" class="shopify-section shopify-section-group-overlay-group"> </div> <!-- END sections: overlay-group --> </div> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <popup-modal class="popup localization-form-popup position-center scheme-scheme-4704fe48-5790-4181-98a3-dffd163a6a53" data-popup-modal data-localization-form-popup data-id="" data-localization-form-popup- tabindex="0" data-drawer-popup > <div class="close-fullwidth" data-popup-close></div> <div class="popup-dialog medium"> <div class="popup-content" data-popup-content> <button class="popup-close" data-popup-close aria-label="close"> <svg class="close-icon" width="20" height="20" viewBox="0 0 23.691 22.723"> <g transform="translate(-126.154 -143.139)"> <line x2="23" y2="22" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></line> <path d="M0,22,23,0" transform="translate(126.5 143.5)" fill="none" stroke="CurrentColor" stroke-width="2"></path> </g> </svg> </button> <div class="popup-content-body" popup-content-body> <div class="localization-form-wrapper width-100"> <div class="localization--heading-box"> <h6 class="localization--heading h5 heading-font">Select your country and language</h6> </div> <div class="localization-form-content"> <localization-form class="d-block localization-form-box country-wrapper"> <form method="post" action="/localization" id="localization_form_country_country1" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/chocolate-bars?page=2" /> <input type="hidden" name="country_code" data-value="CA" value="CA" data-input-selector> <p class="localization-form-heading">Country</p> <div class="custom-select fullwidth" data-custom-select=""> <button type="button" class="custom-select-button form-control" aria-label="Select Currency" tabindex="0" data-custom-select-button > <span class="custom-select-text"> <strong data-custom-select-button>Canada (CAD $)</strong > </span> <span class="custom-select-arrow"> <svg width="8" height="5" viewBox="0 0 8 5" fill="none" data-custom-select-button> <path d="M7 1L4 4L1 1" stroke="currentColor" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </button> <div class="custom-select-content" data-custom-select-summary style="display: none;" > <ul class="custom-select-list" role="listbox"> <li class="custom-select-item" role="option"> <button type="submit" name="country_code" id="country--1" value="CA" data-value="CA" class="custom-select-item-active" data-button-submit > <span>Canada (CAD $)</span > </button> </li> <li class="custom-select-item" role="option"> <button type="submit" name="country_code" id="country--2" value="US" data-value="US" class="custom-select-item-active" data-button-submit > <span>United States (USD $)</span > </button> </li> </ul> </div> </div> </form> </localization-form> </div> </div> </div> </div> </div> </popup-modal> <scroll-top> <div class="scroll-to-top position-right" back-to-top-button> <button class="scroll-to-top-inner" title="Go to top"> <svg width="12" height="7" viewBox="0 0 12 7" fill="none"> <path d="M5.89338 2.23386L5.84983 2.27573L2.03117 5.94761C1.90077 6.07297 1.7251 6.14242 1.54313 6.14242C1.45291 6.14242 1.36345 6.12535 1.27979 6.09204C1.19613 6.05872 1.11974 6.00975 1.05512 5.94763C0.990497 5.8855 0.938902 5.81142 0.903587 5.72945C0.868264 5.64747 0.85 5.55939 0.85 5.47028C0.85 5.29007 0.924523 5.11849 1.05512 4.99294L4.91734 1.28C4.91733 1.28001 4.91734 1.27999 4.91734 1.28C5.05945 1.14333 5.22787 1.03519 5.41281 0.96152C5.59775 0.88785 5.79578 0.85 5.99564 0.85C6.19551 0.85 6.39354 0.88785 6.57848 0.96152C6.76341 1.03519 6.93182 1.1433 7.07392 1.27997C7.07391 1.27996 7.07393 1.27998 7.07392 1.27997L10.935 4.99184C11.0014 5.0531 11.0547 5.12674 11.0918 5.20867C11.129 5.29116 11.1489 5.38022 11.15 5.47057C11.151 5.56091 11.1333 5.65041 11.098 5.73374C11.0626 5.81705 11.0105 5.89233 10.945 5.95533C10.8795 6.01831 10.8019 6.06777 10.7169 6.10108C10.6318 6.13439 10.541 6.15096 10.4495 6.14996C10.358 6.14895 10.2675 6.13039 10.1833 6.09522C10.0996 6.06028 10.0236 6.00955 9.95982 5.94572L6.09874 2.23386C6.08578 2.2214 6.07008 2.21122 6.0524 2.20418C6.0347 2.19713 6.01554 2.19344 5.99606 2.19344C5.97658 2.19344 5.95742 2.19713 5.93972 2.20418C5.92204 2.21122 5.90634 2.2214 5.89338 2.23386Z" fill="currentColor"></path> <path d="M4.91734 1.28L1.05512 4.99294C0.924523 5.11849 0.85 5.29007 0.85 5.47028C0.85 5.55939 0.868264 5.64747 0.903587 5.72945C0.938902 5.81142 0.990497 5.8855 1.05512 5.94763C1.11974 6.00975 1.19613 6.05872 1.27979 6.09204C1.36345 6.12535 1.45291 6.14242 1.54313 6.14242C1.7251 6.14242 1.90077 6.07297 2.03117 5.94761L5.84983 2.27573L5.89338 2.23386C5.90634 2.2214 5.92204 2.21122 5.93972 2.20418C5.95742 2.19713 5.97658 2.19344 5.99606 2.19344C6.01554 2.19344 6.0347 2.19713 6.0524 2.20418C6.07008 2.21122 6.08578 2.2214 6.09874 2.23386L9.95982 5.94572C10.0236 6.00955 10.0996 6.06028 10.1833 6.09522C10.2675 6.13039 10.358 6.14895 10.4495 6.14996C10.541 6.15096 10.6318 6.13439 10.7169 6.10108C10.8019 6.06777 10.8795 6.01831 10.945 5.95533C11.0105 5.89233 11.0626 5.81705 11.098 5.73374C11.1333 5.65041 11.151 5.56091 11.15 5.47057C11.1489 5.38022 11.129 5.29116 11.0918 5.20867C11.0547 5.12674 11.0014 5.0531 10.935 4.99184L7.07392 1.27997M4.91734 1.28C4.91734 1.27999 4.91733 1.28001 4.91734 1.28ZM4.91734 1.28C5.05945 1.14333 5.22787 1.03519 5.41281 0.96152C5.59775 0.88785 5.79578 0.85 5.99564 0.85C6.19551 0.85 6.39354 0.88785 6.57848 0.96152C6.76341 1.03519 6.93182 1.1433 7.07392 1.27997M7.07392 1.27997C7.07393 1.27998 7.07391 1.27996 7.07392 1.27997Z" stroke="currentColor" stroke-width="0.3"></path> </svg> </button> </div> </scroll-top> <style> .scroll-to-top { --scroll-top-background:#FFFFFF; --scroll-top-color:#000000; --scroll-top-vertical-position: 98px; --scroll-top-border: #000000; } </style> <script> const showFilters = 'Show filters'; const hideFilters = 'Hide filters'; const googleMapApiKey = 'AIzaSyDOk1V3OSRiCGw10aS-oT8Yz20oo8asUIg'; const graphicsFont = '//makirov.shop/cdn/shop/t/61/assets/graphics-font.json?v=22772'; const googleMapId = ''; const atcLoaderSVG = `<span class="product--submit-btn-loader" data-atc-loader><svg viewBox="0 0 24 24"> <circle cx="4" cy="12" r="3" fill="currentColor"> <animate id="svgSpinners3DotsScale0" attributeName="r" begin="0;svgSpinners3DotsScale1.end-0.375s" dur="1.125s" values="3;.2;3"/> </circle> <circle cx="12" cy="12" r="3" fill="currentColor"> <animate attributeName="r" begin="svgSpinners3DotsScale0.end-0.9s" dur="1.125s" values="3;.2;3"/> </circle> <circle cx="20" cy="12" r="3" fill="currentColor"> <animate id="svgSpinners3DotsScale1" attributeName="r" begin="svgSpinners3DotsScale0.end-0.675s" dur="1.125s" values="3;.2;3"/> </circle> </svg>`; </script> <script> window.theme = window.theme || {}; window.shopUrl = 'https://makirov.shop'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, }; window.addToCartButtonStrings = { preOrder: `Preorder`, addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, countrySelectorSearchCount: `[count] countries/regions found`, }; const ON_CHANGE_DEBOUNCE_TIMER = 300; const PUB_SUB_EVENTS = { cartUpdate: 'cart-update', quantityUpdate: 'quantity-update', variantChange: 'variant-change', cart_error: 'cart-error', }; try{ const recentlyViewedProducts = new Set(JSON.parse(window.localStorage.getItem(`king-recently-viewed`) || '[]')); recentlyViewedProducts.delete(); recentlyViewedProducts.add(); const arrayFromSet = Array.from(recentlyViewedProducts.values()).reverse(); const filteredArray = arrayFromSet.filter(id => id !== null && id !== undefined); // Filter out null and undefined values const jsonString = JSON.stringify(filteredArray); window.localStorage.setItem(`king-recently-viewed`, jsonString); }catch{ } </script> <script src="//makirov.shop/cdn/shop/t/61/assets/swiper-bundle.min.js?v=3451582574531682021741620924" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/cookies.min.js?v=88425056791309038751741620925" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/animate.js?v=24696757613925014171741620925" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/lazyload.min.js?v=75832270841366028481741620925" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/gsap.min.js?v=98399229928229536421741620925" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/ScrollTrigger.min.js?v=51844696078135174451741620924" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/SplitText.min.js?v=67687280780119264421741620924" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/pubsub.js?v=158357773527763999511741620923" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/magnet.js?v=16443736040151588221741620924" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/theme.js?v=135978982621028898111763406728" defer="defer"></script> <script src="//makirov.shop/cdn/shop/t/61/assets/product-3d-model.js?v=66999051536136433411741620924" defer="defer"></script> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "N5p3FR", list: "R9RmQC", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Back in Stock", product_page_class: "btn", product_page_text_align: "center", product_page_margin: "0px 0px 20px 0px", replace_anchor: true }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "NOTIFY ME", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');", drop_background_color: "#000", background_color: "#fff", text_color: "#222", button_text_color: "#fff", button_background_color: "#5bc7c7", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script> <script src="//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23" type="text/javascript"></script> <script> // smooth scroller document.querySelectorAll('a[href*="#"]').forEach(anchor => { anchor.addEventListener("click", function (e) { const url = new URL(this.href); if (url.pathname === window.location.pathname) { const targetEl = document.querySelector(url.hash); if (targetEl) { e.preventDefault(); targetEl.scrollIntoView({ behavior: "smooth" }); } } }); }); </script> <style> #bundle-builder-app--bundle--root {padding-top: var(--dynamic_header_height);} .bundle-builder-app--bundle--header-image-wrapper {max-width: 100% !important; max-height: 300px !important; width: 100% !important; height: 100% !important;} img.bundle-builder-app--bundle--header-image.bundle-builder-app--bundle--header-image--default {max-width: initial; max-height: 300px !important; display: block !important; object-fit: cover; margin: 0 auto !important; padding: 0 auto !important; width: 100% !important;} .product--description-fullwidth p {font-size: 16px;} .product--description-fullwidth ul:not(:last-child),.product--description-fullwidth p:not(:last-child) {margin-bottom: 1rem;} .product--description-fullwidth strong {font-weight: 600 !important;} #locator-app-embed {width: 95%; margin: 0 auto; max-width: 1920px;} @media (min-width: 1024px) {#locator-app-embed {width: 90%; } #locator-app-embed h1.bh-sl-title {padding: 30px 0 15px; font-size: 75px; }} bundle-builder-bundle-v1 {width: 95%; margin: 0 auto; max-width: 1920px;} .filter--sidebar filter-faced-form {height: auto !important;} p {font-weight: 600;} h3.bundle-builder-app--bundle--contents-name {font-size: 21px; min-height: 2.5em;} @media only screen and (min-width: 1440px) {.bundle-builder-app--bundle--contents-auto-height .bundle-builder-app--bundle--contents-image, .bundle-builder-app--bundle--contents-auto-height img {height: 155px !important; }} .bundle-builder-app--bundle--description h2 {line-height: 1.2 !important;} .bundle-builder-app--bundle--description {max-width: 100% !important;} </style> <div id="shopify-block-AOWZrY1V0QkRUcE5LQ__14044569291296200651" class="shopify-block shopify-app-block"><script id="bundle-builder-cart-integration-manual" type="application/json"> {"theme_override":"","page_cartItemBox":".main-cart--content .main-cart--form","page_cartItem":".main-cart--form .cart-product-item","page_cartSubtotal":".main-cart--form .cart-summary-price-amount","page_cartOriginalTotal":"","page_checkoutButton":".main-cart--form #cartCheckout","drawer_cartItemBox":".cart-drawer--form","drawer_cartItem":".cart-drawer--form .cart-product-item","drawer_cartSubtotal":".cart-summary-price .cart-summary-price-item:first-child .cart-summary-price-amount","drawer_cartOriginalTotal":"","drawer_checkoutButton":".cart-drawer--form #cartCheckout","cartItemPrice":"","cartItemLinePrice":"","cartItemQuantity":"","observeTargets":""} </script> <script id="bundle-builder-cart-settings-custom" bundle-builder-cart-settings type="application/json"> { "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, "pageType": "collection", "moneyFormat": "${{amount}}" } </script> <script src="https://cdn.shopify.com/extensions/019ef482-045e-79d5-89f1-55e657f61b2c/bundlebuilder-210/assets/bundle-builder-engine.js" type="module"></script> </div><div id="shopify-block-ANThZazMwNGNyV05Va__18020446634262408591" class="shopify-block shopify-app-block"> </div><div id="shopify-block-AaEdFRXFmNDh5c0UyZ__1386531382474587334" class="shopify-block shopify-app-block"><script id="bundle-builder-cart-integration-box" type="application/json"> {"hide_accelerated_checkout":true,"show_compare_at":false,"placement":"after","hide_empty_line_items":true,"font_size":16,"font_color":"#512c1d","button_color":"#ffffff","button_background":"#512c1d","button_radius":0,"border_color":"#000000","background":"","heading":"Your cart contains {count} bundle","heading_plural":"Your cart contains {count} bundles","view_text":"View Details","modal_title":"Your bundle summary","modal_font_color":"#000000","modal_background":"#FFFFFF","modal_border_color":"#c4c4c4","modal_item_background":"","modal_item_content_background":"#f1f1f1","modal_item_product_background":"#ffffff","custom_css":".header--icons bundle-builder-cart-box {\ndisplay: none;}\n\nbundle-builder-line-card [data-bb-selector=\"line-item-card-title\"] { font-size: 18px;}"} </script> <script id="bundle-builder-cart-settings-box" bundle-builder-cart-settings type="application/json"> { "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, "pageType": "collection", "moneyFormat": "${{amount}}" } </script> <script id="bundle-builder-cart-locales" type="application/json"> { "locale": "en", "current": null, "default": null } </script> <script src="https://cdn.shopify.com/extensions/019ef482-045e-79d5-89f1-55e657f61b2c/bundlebuilder-210/assets/bundle-builder-engine.js" type="module"></script> <bundle-builder-item-modal data-version="2" data-title="Your bundle summary" ></bundle-builder-item-modal> <style> :root { --bb-font-size: 16px; --bb-font-color: #512c1d; --bb-button-color: #ffffff; --bb-button-background: #512c1d; --bb-button-radius: 0px; --bb-border-color: #000000; --bb-background: ; --bb-modal-font-color: #000000; --bb-modal-background: #FFFFFF; --bb-modal-border-color: #c4c4c4; --bb-modal-item-background: ; --bb-modal-item-content-background: #f1f1f1; --bb-modal-item-product-background: #ffffff; } .header--icons bundle-builder-cart-box { display: none;} bundle-builder-line-card [data-bb-selector="line-item-card-title"] { font-size: 18px;} </style> <script src="https://cdn.shopify.com/extensions/019ef482-045e-79d5-89f1-55e657f61b2c/bundlebuilder-210/assets/bundle-builder-cart-box.js" type="module"></script> <script src="https://cdn.shopify.com/extensions/019ef482-045e-79d5-89f1-55e657f61b2c/bundlebuilder-210/assets/bundle-builder-item-modal.js" type="module"></script> <script src="https://cdn.shopify.com/extensions/019ef482-045e-79d5-89f1-55e657f61b2c/bundlebuilder-210/assets/bundle-builder-line-item-card.js" type="module"></script> <!-- for desktop overlay transparency may be an option but we should start with standard handling --> <!-- padding, margins --> </div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script> </body> </html>