katzglutenfree.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: https://comsync.lijit.com/1/d/r?aqet=clk&v0=eeb0a98cf290c0f540575d1d6a7473c5&ru=http%3A%2F%2Fkatzglutenfree.com
Effective URL: https://katzglutenfree.com/
Submission: On November 23 via api from US — Scanned from DE
Effective URL: https://katzglutenfree.com/
Submission: On November 23 via api from US — Scanned from DE
Form analysis 23 forms found in the DOM
/search
<form action="/search" class="[&_*]:text-inherit group relative flex h-full w-full lg:max-w-[500px] xl:max-w-[550px] 2xl:max-w-[680px]">
<input @input.debounce.300="onInput($el)" type="text" placeholder="Search breads, pastries & more…" name="q" x-ref="searchInput" value=""
class="font-sen h-8 w-full rounded-[8px] border-2 border-solid border-[currentColor] bg-transparent py-[6px] px-[16px] placeholder:text-inherit text-[11px] lg:text-[12px] leading-[20px]">
<input type="hidden" name="type" value="product">
<div class="absolute bottom-1 right-4 top-1 flex items-center gap-4">
<button type="submit" class="[&_svg]:w-[12px] [&_svg]:h-[12px] "><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
<path
d="M21.71 20.29L18 16.61C19.4401 14.8144 20.1375 12.5353 19.9488 10.2413C19.7601 7.94731 18.6997 5.81279 16.9855 4.27665C15.2714 2.74051 13.0338 1.91951 10.7329 1.98247C8.43204 2.04543 6.24272 2.98757 4.61514 4.61515C2.98756 6.24273 2.04543 8.43204 1.98247 10.7329C1.91951 13.0338 2.74051 15.2714 4.27664 16.9855C5.81278 18.6997 7.9473 19.7601 10.2413 19.9488C12.5353 20.1375 14.8144 19.4401 16.61 18L20.29 21.68C20.383 21.7737 20.4936 21.8481 20.6154 21.8989C20.7373 21.9497 20.868 21.9758 21 21.9758C21.132 21.9758 21.2627 21.9497 21.3846 21.8989C21.5064 21.8481 21.617 21.7737 21.71 21.68C21.8902 21.4935 21.991 21.2443 21.991 20.985C21.991 20.7257 21.8902 20.4765 21.71 20.29ZM11 18C9.61553 18 8.26215 17.5895 7.11101 16.8203C5.95986 16.0511 5.06266 14.9579 4.53284 13.6788C4.00303 12.3997 3.86441 10.9922 4.1345 9.63437C4.4046 8.2765 5.07128 7.02922 6.05025 6.05026C7.02922 5.07129 8.2765 4.4046 9.63437 4.13451C10.9922 3.86441 12.3997 4.00303 13.6788 4.53285C14.9579 5.06266 16.0511 5.95987 16.8203 7.11101C17.5895 8.26216 18 9.61553 18 11C18 12.8565 17.2625 14.637 15.9497 15.9498C14.637 17.2625 12.8565 18 11 18Z"
fill="currentColor"></path>
</svg><span class="sr-only">Search</span>
</button>
</div>
</form>/search
<form action="/search" class="[&_*]:text-inherit group relative flex h-full w-full lg:max-w-[500px] xl:max-w-[550px] 2xl:max-w-[680px]">
<input @input.debounce.300="onInput($el)" type="text" placeholder="Search breads, pastries & more…" name="q" x-ref="searchInput" value=""
class="font-sen h-8 w-full rounded-[8px] border-2 border-solid border-[currentColor] bg-transparent py-[6px] px-[16px] placeholder:text-inherit text-[11px] lg:text-[12px] leading-[20px]">
<input type="hidden" name="type" value="product">
<div class="absolute bottom-1 right-4 top-1 flex items-center gap-4">
<button type="submit" class="[&_svg]:w-[12px] [&_svg]:h-[12px] "><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
<path
d="M21.71 20.29L18 16.61C19.4401 14.8144 20.1375 12.5353 19.9488 10.2413C19.7601 7.94731 18.6997 5.81279 16.9855 4.27665C15.2714 2.74051 13.0338 1.91951 10.7329 1.98247C8.43204 2.04543 6.24272 2.98757 4.61514 4.61515C2.98756 6.24273 2.04543 8.43204 1.98247 10.7329C1.91951 13.0338 2.74051 15.2714 4.27664 16.9855C5.81278 18.6997 7.9473 19.7601 10.2413 19.9488C12.5353 20.1375 14.8144 19.4401 16.61 18L20.29 21.68C20.383 21.7737 20.4936 21.8481 20.6154 21.8989C20.7373 21.9497 20.868 21.9758 21 21.9758C21.132 21.9758 21.2627 21.9497 21.3846 21.8989C21.5064 21.8481 21.617 21.7737 21.71 21.68C21.8902 21.4935 21.991 21.2443 21.991 20.985C21.991 20.7257 21.8902 20.4765 21.71 20.29ZM11 18C9.61553 18 8.26215 17.5895 7.11101 16.8203C5.95986 16.0511 5.06266 14.9579 4.53284 13.6788C4.00303 12.3997 3.86441 10.9922 4.1345 9.63437C4.4046 8.2765 5.07128 7.02922 6.05025 6.05026C7.02922 5.07129 8.2765 4.4046 9.63437 4.13451C10.9922 3.86441 12.3997 4.00303 13.6788 4.53285C14.9579 5.06266 16.0511 5.95987 16.8203 7.11101C17.5895 8.26216 18 9.61553 18 11C18 12.8565 17.2625 14.637 15.9497 15.9498C14.637 17.2625 12.8565 18 11 18Z"
fill="currentColor"></path>
</svg><span class="sr-only">Search</span>
</button>
</div>
</form>/search
<form action="/search" class="[&_*]:text-inherit group relative flex h-full w-full lg:max-w-[500px] xl:max-w-[550px] 2xl:max-w-[680px]">
<input @input.debounce.300="onInput($el)" type="text" placeholder="Search breads, pastries & more…" name="q" x-ref="searchInput" value=""
class="font-sen h-8 w-full rounded-[8px] border-2 border-solid border-[currentColor] bg-transparent py-[6px] px-[16px] placeholder:text-inherit text-[11px] lg:text-[12px] leading-[20px]">
<input type="hidden" name="type" value="product">
<div class="absolute bottom-1 right-4 top-1 flex items-center gap-4">
<button type="submit" class="[&_svg]:w-[12px] [&_svg]:h-[12px] "><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
<path
d="M21.71 20.29L18 16.61C19.4401 14.8144 20.1375 12.5353 19.9488 10.2413C19.7601 7.94731 18.6997 5.81279 16.9855 4.27665C15.2714 2.74051 13.0338 1.91951 10.7329 1.98247C8.43204 2.04543 6.24272 2.98757 4.61514 4.61515C2.98756 6.24273 2.04543 8.43204 1.98247 10.7329C1.91951 13.0338 2.74051 15.2714 4.27664 16.9855C5.81278 18.6997 7.9473 19.7601 10.2413 19.9488C12.5353 20.1375 14.8144 19.4401 16.61 18L20.29 21.68C20.383 21.7737 20.4936 21.8481 20.6154 21.8989C20.7373 21.9497 20.868 21.9758 21 21.9758C21.132 21.9758 21.2627 21.9497 21.3846 21.8989C21.5064 21.8481 21.617 21.7737 21.71 21.68C21.8902 21.4935 21.991 21.2443 21.991 20.985C21.991 20.7257 21.8902 20.4765 21.71 20.29ZM11 18C9.61553 18 8.26215 17.5895 7.11101 16.8203C5.95986 16.0511 5.06266 14.9579 4.53284 13.6788C4.00303 12.3997 3.86441 10.9922 4.1345 9.63437C4.4046 8.2765 5.07128 7.02922 6.05025 6.05026C7.02922 5.07129 8.2765 4.4046 9.63437 4.13451C10.9922 3.86441 12.3997 4.00303 13.6788 4.53285C14.9579 5.06266 16.0511 5.95987 16.8203 7.11101C17.5895 8.26216 18 9.61553 18 11C18 12.8565 17.2625 14.637 15.9497 15.9498C14.637 17.2625 12.8565 18 11 18Z"
fill="currentColor"></path>
</svg><span class="sr-only">Search</span>
</button>
</div>
</form>POST /contact#ajax-cart_Newsletter_form
<form method="post" action="/contact#ajax-cart_Newsletter_form" id="ajax-cart_Newsletter_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<div class="newsletter-inner">
<div class="field">
<input id="ajax-cart_Newsletter_Email" class="w-full mb-[10px] !border-primary
!bg-white !text-[rgb(var(--color-button-label))]" type="email" placeholder="Enter your email address" required="" x-model="newsletterEmail" x-ref="email">
<label for="ajax-cart_email" class="!text-[#816040]">Enter your email address</label>
</div>
<button class="button button--primary w-full" type="submit" @click.prevent="sendFormToKlaviyo('R3YvQ8', 'ajax-cart_Newsletter_Email', 'ajax-cart_Newsletter_form', 'ajax-cart_Newsletter_success')">Notify me</button>
</div>
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-40763942830128-1tabs" variant-price="599" name="id" value="40763942830128" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-40763942830128-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.99 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.99 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-40763942862896-1tabs" variant-price="3342" name="id" value="40763942862896" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-40763942862896-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $33.42 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $33.42 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.99 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="7196898066480"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594433937456-2tabs" variant-price="574" name="id" value="39594433937456" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594433937456-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.74 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.74 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594449305648-2tabs" variant-price="3203" name="id" value="39594449305648" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594449305648-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $32.03 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $32.03 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.74 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="4690173427760"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39999664324656-3tabs" variant-price="574" name="id" value="39999664324656" checked="" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0"
@change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39999664324656-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.74 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.74 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39999664357424-3tabs" variant-price="3203" name="id" value="39999664357424" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39999664357424-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $32.03 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $32.03 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.74 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="6823154778160"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594435739696-1tabs" variant-price="729" name="id" value="39594435739696" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594435739696-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $7.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $7.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594451664944-1tabs" variant-price="4068" name="id" value="39594451664944" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594451664944-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $40.68 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $40.68 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $7.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116057859"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594434986032-2tabs" variant-price="629" name="id" value="39594434986032" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594434986032-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $6.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $6.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594452418608-2tabs" variant-price="3510" name="id" value="39594452418608" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594452418608-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $35.10 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $35.10 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $6.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116045891"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594435412016-3tabs" variant-price="629" name="id" value="39594435412016" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594435412016-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $6.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $6.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594451992624-3tabs" variant-price="3510" name="id" value="39594451992624" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594451992624-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $35.10 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $35.10 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $6.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116053187"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594434494512-1tabs" variant-price="629" name="id" value="39594434494512" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594434494512-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $6.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $6.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594449993776-1tabs" variant-price="3510" name="id" value="39594449993776" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594449993776-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $35.10 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $35.10 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $6.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="2176109412400"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594435018800-2tabs" variant-price="729" name="id" value="39594435018800" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594435018800-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $7.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $7.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594452385840-2tabs" variant-price="4068" name="id" value="39594452385840" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594452385840-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $40.68 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $40.68 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $7.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116046531"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-40803489087536-3tabs" variant-price="629" name="id" value="40803489087536" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-40803489087536-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $6.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $6.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-40803489120304-3tabs" variant-price="3510" name="id" value="40803489120304" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-40803489120304-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $35.10 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $35.10 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $6.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="7212249743408"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594431479856-1tabs" variant-price="674" name="id" value="39594431479856" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594431479856-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $6.74 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $6.74 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594454122544-1tabs" variant-price="3761" name="id" value="39594454122544" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594454122544-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $37.61 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $37.61 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $6.74 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116015875"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594435805232-2tabs" variant-price="729" name="id" value="39594435805232" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594435805232-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $7.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $7.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594451566640-2tabs" variant-price="4068" name="id" value="39594451566640" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594451566640-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $40.68 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $40.68 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $7.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9116066883"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594431905840-3tabs" variant-price="529" name="id" value="39594431905840" checked="" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594431905840-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.29 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.29 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594450681904-3tabs" variant-price="2952" name="id" value="39594450681904" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594450681904-3tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $29.52 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $29.52 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.29 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="9812320643"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594433839152-1tabs" variant-price="574" name="id" value="39594433839152" checked="" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0"
@change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594433839152-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.74 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.74 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594449371184-1tabs" variant-price="3203" name="id" value="39594449371184" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594449371184-1tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $32.03 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $32.03 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.74 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="4688598892592"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" x-ref="product_form"><input type="hidden"
name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col gap-3" x-ref="conatiner">
<div class="field">
<input type="radio" id="variant-39594433806384-2tabs" variant-price="574" name="id" value="39594433806384" checked="" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0"
@change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594433806384-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Box <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">1 Box</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $5.74 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $5.74 </span>
</div>
</div>
</div>
</label>
</div>
<div class="field">
<input type="radio" id="variant-39594449338416-2tabs" variant-price="3203" name="id" value="39594449338416" disabled="disabled" class="variantSelector peer absolute h-0 w-0 opacity-0" @change="updateAddToCardBtnPrice($refs.conatiner)">
<label for="variant-39594449338416-2tabs" class="px-[12px] py-[6px] lg:pl-[21px] flex items-center justify-between
min-w-[56px] min-h-[38px]
rounded-[10px] peer-checked:border-[#2C221C] lg:peer-checked:border-[#B98759] peer-checked:bg-[#F5ECE6]
border border-[#2C2E35]/[0.2] cursor-pointer
text-[12px] leading-[20px] tracking-normal
opacity-50">
<div class="flex flex-col justify-between align-start">
<span class="capitalize lg:font-[medium] text-[16px]">Case <span class="text-[10px] ml-[4px] text-[#2C2E35] font-body">6 Boxes</span></span>
</div>
<div class="
no-js-hidden
price lg:font-medium price--sold-out ">
<div class="price__container">
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="price-item"> $32.03 </span>
</div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="mr-2">
<s class="price-item compare-price">
</s>
</span><span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="price-item price-item--last"> $32.03 </span>
</div>
</div>
</div>
</label>
</div>
<div class="pt-[12px] lg:pt-0 flex justify-between items-center">
<span class="text-[16px] font-[500]">Quantity</span>
<div class="flex gap-[12px]">
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal" x-ref="minus"
@click="quantityMinus($refs.quanitity, $refs.conatiner);">-</span>
<div class="flex shrink-0">
<input type="number" name="quantity" value="1" min="1" max="999" pattern="[0-9]{3}" class="input_quantity flex items-center justify-center
w-[38px] h-[38px] rounded-[10px] border cursor-pointer
text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal text-center" x-ref="quanitity">
</div>
<span class="flex items-center justify-center
min-w-[38px] min-h-[38px] rounded-[10px] border border-[#B98759] bg-[#F5ECE6] cursor-pointer text-[16px] font-[500] text-[#5D432A] leading-[20px] tracking-normal"
@click="quantityAdd($refs.quanitity, $refs.conatiner);">+</span>
</div>
</div>
<button type="submit" name="add" @click.prevent="$store.cart.add($event, $dispatch)" class="button button--primary w-full flex items-center
!font-body text-[14px] leading-[18px] tracking-normal
min-h-[38px] rounded-[10px] px-[60px] !py-[6px] !bg-[#2C221C] !border-[#2C221C]
mt-[12px] lg:mt-0">
<span class="atc-price-js text-[#FFF] !font-bold"> $5.74 - </span>
<span class="atc-text text-white">Add to cart </span>
</button>
</div>
<input type="hidden" name="product-id" value="4688627040304"><input type="hidden" name="section-id" value="template--15603338182704__07c1f225-376f-4949-8d30-1c43ced081f0">
</form>POST /contact#sections--15603338084400__footer_Newsletter_form
<form method="post" action="/contact#sections--15603338084400__footer_Newsletter_form" id="sections--15603338084400__footer_Newsletter_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer"><input
type="hidden" name="utf8" value="✓">
<div>
<div class="field">
<input id="sections--15603338084400__footer_Newsletter_Email" class="w-full mb-[10px] !border-primary
!bg-white !text-[rgb(var(--color-button-label))] text-[9px] placeholder:text-[9px] font-sen placeholder:font-sen
min-h-[38px] h-[38px]
" type="email" placeholder="Enter your email address" required="" x-model="newsletterEmail" x-ref="email">
<label for="sections--15603338084400__footer_email" class="!text-[#816040] font-sen !text-[9px] ">Enter your email address</label>
</div>
<button class="button button--primary w-full h-[44px] lg:h-[48px]" type="submit">Submit</button>
</div>
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="flex h-full" 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="/?srsltid=AfmBOopzhyx599KhiXJ1kMc6GKDMU5sso8N7lHJ3XB_a_Ka1S7Mx9FQi%27">
<div class="disclosure relative">
<button type="button" class="disclosure__button bg-[#F5ECE6] flex w-full h-full text-main-black
gap-[8px] items-center pt-[10px] pr-[15px] pb-[9px] pl-[16px]
rounded-[10px]" aria-expanded="false" aria-controls="CountryList" title="Switch Country">
<i>
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/us.svg?width=25" lading="lazy" fetchpriority="low">
</i>
<span class="font-bold text-[#816040] text-[12px] leading-[20px] underline">US</span>
</button>
<ul id="CountryListDesktop" role="list" class="disclosure__list bg-[#F5ECE6] absolute top-auto translate-x-[-50%] left-1/2 bottom-[calc(100%-15px)] overflow-y-auto py-4 text-[12px]
lg:translate-x-0 lg:left-[10px] lg:right-auto lg:top-auto lg:max-h-48 lg:py-1" style="box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);" hidden="">
<li class="disclosure__item" tabindex="-1">
<a href="#" data-value="CA" class="svg_ignore flex items-center gap-2 whitespace-nowrap px-5 py-2 lg:px-3 lg:py-1">
<i class="w-5">
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/ca.svg?width=20" lading="lazy" fetchpriority="low">
</i>
Canada (CAD
$)
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a href="#" aria-current="true" data-value="US" class="svg_ignore flex items-center gap-2 whitespace-nowrap px-5 py-2 lg:px-3 lg:py-1">
<i class="w-5">
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/us.svg?width=20" lading="lazy" fetchpriority="low">
</i>
United States (USD
$)
</a>
</li>
</ul>
<input type="hidden" name="country_code" value="US">
</div>
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="flex h-full" 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="/?srsltid=AfmBOopzhyx599KhiXJ1kMc6GKDMU5sso8N7lHJ3XB_a_Ka1S7Mx9FQi%27">
<div class="disclosure relative">
<button type="button" class="disclosure__button bg-[#F5ECE6] flex w-full h-full text-main-black
gap-[8px] items-center pt-[10px] pr-[15px] pb-[9px] pl-[16px]
rounded-[10px]" aria-expanded="false" aria-controls="CountryList" title="Switch Country">
<i>
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/us.svg?width=25" lading="lazy" fetchpriority="low">
</i>
<span class="font-bold text-[#816040] text-[12px] leading-[20px] underline">US</span>
</button>
<ul id="CountryListMobile" role="list" class="disclosure__list bg-[#F5ECE6] absolute top-auto translate-x-[-50%] left-1/2 bottom-[calc(100%-15px)] overflow-y-auto py-4 text-[12px]
lg:translate-x-0 lg:left-[10px] lg:right-auto lg:top-auto lg:max-h-48 lg:py-1" style="box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);" hidden="">
<li class="disclosure__item" tabindex="-1">
<a href="#" data-value="CA" class="svg_ignore flex items-center gap-2 whitespace-nowrap px-5 py-2 lg:px-3 lg:py-1">
<i class="w-5">
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/ca.svg?width=20" lading="lazy" fetchpriority="low">
</i>
Canada (CAD
$)
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a href="#" aria-current="true" data-value="US" class="svg_ignore flex items-center gap-2 whitespace-nowrap px-5 py-2 lg:px-3 lg:py-1">
<i class="w-5">
<img class="w-5 h-5 rounded-full object-cover" src="//cdn.shopify.com/static/images/flags/us.svg?width=20" lading="lazy" fetchpriority="low">
</i>
United States (USD
$)
</a>
</li>
</ul>
<input type="hidden" name="country_code" value="US">
</div>
</form>POST /contact#_Newsletter_form
<form method="post" action="/contact#_Newsletter_form" id="_Newsletter_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<div class="newsletter-inner">
<div class="field">
<input id="_Newsletter_Email" class="w-full mb-[10px] !border-primary
!bg-white !text-[rgb(var(--color-button-label))]" type="email" placeholder="Enter your email address" required="" x-model="newsletterEmail" x-ref="email">
<label for="_email" class="!text-[#816040]">Enter your email address</label>
</div>
<button class="button button--primary w-full" type="submit" @click.prevent="sendFormToKlaviyo('R3YvQ8', '_Newsletter_Email', '_Newsletter_form', '_Newsletter_success')">Notify me</button>
</div>
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WZVf7D" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 1px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 15px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: column; width: 390px; margin: -21px 0px -21px -16px; padding: 0px; border-top: 1px solid transparent; border-right: 0px; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-bottom-left-radius: 4px; border-top-left-radius: 4px; overflow: hidden; min-width: 390px; min-height: 500px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; height: 100%; position: relative;"><img src="https://d3k81ch9hvuctc.cloudfront.net/company/XgxbNz/images/4f0a1d71-0f57-453b-8082-0a8580a17790.png"
class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;"></div>
</div>
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 15px; min-height: 500px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 0 1 auto; margin: 0px auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
src="https://d3k81ch9hvuctc.cloudfront.net/company/XgxbNz/images/6dae6d37-2543-4f1c-b3ec-81866fd11ec0.png" tabindex="-1" alt="Katz Gluten Free" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 100px; height: auto; cursor: initial;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003DXBR1" style="width: 100%;">
<h2 style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-poppins"
style="font-size: 14px; color: rgb(55, 63, 71); font-family: 'Montagu Slab', Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-style: normal;">UNLOCK</span></h2>
<h1 style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-poppins"
style="font-size: 38px; color: rgb(55, 63, 71); font-family: 'Montagu Slab', Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-style: normal;">10% OFF</span></h1>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003DXBR2" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="color: rgb(0, 0, 0); font-size: 14px; font-family: 'Montagu Slab', Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-style: normal;">YOUR ORDER</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003DXBR3" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-poppins"
style="font-size: 16px; color: rgb(55, 63, 71); font-family: 'Montagu Slab', Georgia, Times, 'Times New Roman', serif; font-weight: 400; font-style: normal;">Save on your first order and get email only offers when you join.</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000003DXBR4" class="needsclick go3570900203 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: "Montagu Slab", Georgia, Times, "Times New Roman", serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(33, 29, 28); border-radius: 6px; border-style: none; border-color: rgb(33, 29, 28); border-width: 3px; color: rgb(255, 255, 255); font-family: "Montagu Slab", Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: 54px; width: 100%;">Continue</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
Thanksgiving Shipping Cutoff - Order by Monday 11/25 at 2 PM ET for Thanksgiving
delivery -See Shipping Schedule
KATZ GLUTEN FREE
Search
Find A Store
Account
Cart
Menu
* Shop All Click to expand
Shop All
Donuts & Pastries Click to expand
* Donuts
* Donuts Holes
* Toaster Pastries
* Créme Cakes
* Pies
* Mini Pies
* Rugelach
* Fritters
* Loaf Cakes
* Sweet Buns
* Muffin Snacks
* Muffins & Cupcakes
* Oatmeal Crème Pies
* Soft Pretzel
Breads Click to expand
* Sliced Bread
* Texas Toast
* English Muffins
* Rolls & Buns
Kitchen Staples Click to expand
* Multi-purpose Dough
* Bread Crumbs
* Stuffing Mix
* Pot Pies
New Items Click to expand
* Chocolate Chip Toaster Pastries
* Everything Soft Pretzel Nuggets
* Stuffing Mix - Seasoned
* Plain Stuffing Cubes
View all
NEW RELEASES
Fresh Out of the Oven: Mrs. Katz's Newest Creations!
Try Something New
SWEET DEALS!
Save on your favorite gluten-free goodies.
Shop Deals
SHARE THE JOY
Give the gift of choice
Shop Gift Cards
* Shop by Allergy Click to expand
Shop by Allergy
Egg FreeSoy free Rice FreeCorn FreeOat Free
EGG-FREE
of course, it's gluten-free too
View collection
SOY-FREE
but still gluten-free
View collection
OAT-FREE
yup, gluten-free as well
View collection
* Build a Box & Bundles Click to expand
Build a Box & Bundles
Party BundlesBreakfast BundlesBest Seller BundlesChocolate Lover BundlesAll
Bundles
BUILD A BUNDLE
Easy-peasy gluten freezy deliveries.
Get Started
BREAKFAST IS READY
Breakfast is served - start your day right!
Explore Breakfast Bundles
PARTY TIME
Your one-stop for festive gluten-free fun!
Shop party bundles
* Specials
Cart
Search
Katz Gluten Free
Search
Close Close Menu
10% OFF SITEWIDE
Use Code: LASTMINUTE
2 days 5 hrs 59 mins
10% Off SITEWIDE
ALL OUR PRODUCTS
* Donuts & Donut Holes
* Breads & Rolls
* Muffins & Cupcakes
* Toaster Pastries
* Sweet Buns
* Cake Snacks
* Pies & Mini Pies
* Oatmeal Crème Pies
* Loaf Cakes
* Kitchen Staples
* Soft Pretzel Nuggets
* Rugelach
* Gift Cards
View all
* START A SUBSCRIPTION
Favorites delivered every month
Start a subscription
* VARIETY PACKS
Your favorites flavors together
Variety packs
SHOP BY SPECIFIC ALLERGY
All our products are gluten-free, dairy-free, sesame free, nut and peanut-free
(tree nut) and we also cater for the following restrictions.
* Soy-free
Soy-free
* Egg-free
Egg-free
* Oat-free
Oat-free
* Corn-free
Corn-free
* Rice-free
Rice-free
Login
Cart
* Store Locator
* Baker's Journal
* Contact Us
Close Close Menu
Checkout Unavailable
BE BACK SOON!
Our checkout is closed for the Sabbath, but we'll be back in 0 day 10 hrs 0 min
!
Although online ordering is unavailable, you may still add items to your cart.
Enter your email below to save your cart and we'll notify you when checkout is
back!
Enter your email address
Notify me
Thanks for subscribing
Your cart is empty
Shop Fall Flavors All Products
Shipping
Calculated at checkout
Subtotal
$0.00
Checkout closed
new
APPLE CRISP
toaster pastries
Order now View more flavors
Delight in every bite. Our delicious gluten free snacks are crafted with care in
the Katz family bakery. We're safe for all kinds of dietary intolerances -
because everyone deserves that 'mmm' moment.
Allergy-friendly
Made for taste
Indulgent Texture
THANKSGIVING FAVORITES
Indulge in seasonal flavors, crafted in our certified gluten- nut- and
dairy-free bakery, perfect for cozy autumn days.
Something Toasty
CRISPY DELIGHTS
Taste our new apple crisp toaster pastries.
Shop now
Something Sweet
FALL DESSERTS
Warm up with our cozy fall desserts & treats.
View collection
Something Savory
SAVORY ESSENTIALS
Elevate fall meals with our stuffing mix & breadcrumbs.
View collection
FIND YOUR ALLERGY- FRIENDLY TREATS
All of our gluten free goodies are also dairy free, sesame free, peanut free and
tree nut free. We cater to all of your cravings and dietary needs!
Shop by Allergen
Soy free Egg free Corn free Oat free Rice free
Toaster Pastries - Cinnamon - Contains Eggs
Regular price From $5.99
Regular price Was Sale price Now From $5.99
Unit price / per
404
View item Add to cart
Free standard shipping when spending over $50
Close
Shelf Stable
Size
Box 1 Box
Regular price $5.99
Regular price Sale price $5.99
Case 6 Boxes
Regular price $33.42
Regular price Sale price $33.42
Quantity
-
+
$5.99 - Add to cart
Texas Toast
Regular price From $5.74
Regular price Was Sale price Now From $5.74
Unit price / per
205
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $5.74
Regular price Sale price $5.74
Case 6 Boxes
Regular price $32.03
Regular price Sale price $32.03
Quantity
-
+
$5.74 - Add to cart
Sold out
Soft Pretzel Nuggets
Regular price From $5.74
Regular price Was Sale price Now From $5.74
Unit price / per
378
View item
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $5.74
Regular price Sale price $5.74
Case 6 Boxes
Regular price $32.03
Regular price Sale price $32.03
Quantity
-
+
$5.74 - Add to cart
View all Soy Free
Egg Free Bread
Regular price From $7.29
Regular price Was Sale price Now From $7.29
Unit price / per
120
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $7.29
Regular price Sale price $7.29
Case 6 Boxes
Regular price $40.68
Regular price Sale price $40.68
Quantity
-
+
$7.29 - Add to cart
English Muffins
Regular price From $6.29
Regular price Was Sale price Now From $6.29
Unit price / per
867
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $6.29
Regular price Sale price $6.29
Case 6 Boxes
Regular price $35.10
Regular price Sale price $35.10
Quantity
-
+
$6.29 - Add to cart
Cinnamon Raisin English Muffins
Regular price From $6.29
Regular price Was Sale price Now From $6.29
Unit price / per
363
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $6.29
Regular price Sale price $6.29
Case 6 Boxes
Regular price $35.10
Regular price Sale price $35.10
Quantity
-
+
$6.29 - Add to cart
View all Egg Free
Chocolate Chip Muffin Snacks
Regular price From $6.29
Regular price Was Sale price Now From $6.29
Unit price / per
156
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $6.29
Regular price Sale price $6.29
Case 6 Boxes
Regular price $35.10
Regular price Sale price $35.10
Quantity
-
+
$6.29 - Add to cart
Oat Bread
Regular price From $7.29
Regular price Was Sale price Now From $7.29
Unit price / per
135
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $7.29
Regular price Sale price $7.29
Case 6 Boxes
Regular price $40.68
Regular price Sale price $40.68
Quantity
-
+
$7.29 - Add to cart
Double Chocolate Zucchini Muffins
Regular price From $6.29
Regular price Was Sale price Now From $6.29
Unit price / per
35
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $6.29
Regular price Sale price $6.29
Case 6 Boxes
Regular price $35.10
Regular price Sale price $35.10
Quantity
-
+
$6.29 - Add to cart
View all Corn Free
Apple Fritters
Regular price From $6.74
Regular price Was Sale price Now From $6.74
Unit price / per
332
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $6.74
Regular price Sale price $6.74
Case 6 Boxes
Regular price $37.61
Regular price Sale price $37.61
Quantity
-
+
$6.74 - Add to cart
Triple Chocolate Donuts
Regular price From $7.29
Regular price Was Sale price Now From $7.29
Unit price / per
182
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $7.29
Regular price Sale price $7.29
Case 6 Boxes
Regular price $40.68
Regular price Sale price $40.68
Quantity
-
+
$7.29 - Add to cart
Blueberry Mini Pies
Regular price From $5.29
Regular price Was Sale price Now From $5.29
Unit price / per
164
View item Add to cart
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $5.29
Regular price Sale price $5.29
Case 6 Boxes
Regular price $29.52
Regular price Sale price $29.52
Quantity
-
+
$5.29 - Add to cart
View all Oat Free
Sold out
Grain Free Mini Donuts - Strawberry
Regular price From $5.74
Regular price Was Sale price Now From $5.74
Unit price / per
101
View item
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $5.74
Regular price Sale price $5.74
Case 6 Boxes
Regular price $32.03
Regular price Sale price $32.03
Quantity
-
+
$5.74 - Add to cart
Sold out
Grain Free Mini Donuts - Cinnamon Apple
Regular price From $5.74
Regular price Was Sale price Now From $5.74
Unit price / per
74
View item
Free standard shipping when spending over $50
Close
Shipped frozen
Freeze to store
Size
Box 1 Box
Regular price $5.74
Regular price Sale price $5.74
Case 6 Boxes
Regular price $32.03
Regular price Sale price $32.03
Quantity
-
+
$5.74 - Add to cart
View all Rice Free
LOVED & ENJOYED BY THOUSANDS OF GLUTEN FREE FAMILIES
17,500+
Read all reviews
DELICIOUS!
These pastries are delicious! I wasn't sure about how is feel about the apple
flavor, but I was surprised! They taste just like apple crisp, with a good
amount of filling. Thank you for another great flavor of toaster pastries!
Carla Kraft
11.12.2024
LOVED IT!!!
This bread is the CLOSEST one we have found yet that taste, look and perform as
a REAL LOAF of BREAD! Others we have had has a different shape and leave so many
UNUSABLE slices, which are a waste of money! I highly recommend this, if you
miss bread!
KAY TAYLOR-BROOKS
11.11.2024
THESE ARE AMAZING
I’ve had to be gluten free for about two months. These have brought me more joy
than I can say. They’re so good, and they make me feel like I haven’t had to
give up ALL good food. Just some.
Brittany Davidoff
11.08.2024
GRANDSON'S FAVORITE!
My 9 year old grandson who has multiple food allergies has been eating these
muffin snacks for 2-3 years now and still loves it more than any other he's
tried, even homemade ones.
June Giebel
11.07.2024
BEST DONUTS EVER
These are the best pumpkin donuts I've ever had - gluten free or not. I've had a
wheat allergy for 4 years now, and these are my absolute favorite donuts. Please
don't ever stop making them!!!
Lindsay Taylor
11.05.2024
1
- 4
Read all reviews
BAKER'S JOURNAL
Recipes, tips and advice for your gluten-free life
View all recipes
APPLE CRANBERRY STUFFING
1 min read Alyssa Parker 11.18.2024
A cozy, gluten-free twist on a classic just in time for Thanksgiving! Apple
Cranberry Stuffing using our Katz Gluten Free Stuffing Mix! It’s the perfect
blend of savory and sweet, and just what you need for your holiday table.
Read article
GLUTEN FREE PUMPKIN TIRAMISU
1 min read Alyssa Parker 10.27.2024
This fall, we’re giving tiramisu a gluten-free upgrade! Say hello to our
Gluten-Free Donut Tiramisu, made with Katz Gluten Free Pumpkin Donuts, spiced
coffee, and a creamy mascarpone layer sprinkled with cocoa powder! It’s the
perfect cozy, indulgent dessert that you won't believe is gluten-free!
Read article
View all recipes
STAY IN THE LOOP
Follow us @katzglutenfree
* Instagram
* Facebook
* Twitter
* Pinterest
* Tiktok
In 2006, Mrs Katz decided to transform the world of gluten free snacking for her
celiac children. Committed to recipes full of flavor, she baked a collection of
irresistible treats that anyone could enjoy.
Read her story
OUR CERTIFICATES
All of our products are baked with love in the United States and are certified
gluten, dairy, sesame, and nut (including tree nuts and peanuts) free.
OUR BAKERY
Located in Mountainville, NY, our state-of-the-art bakery is gluten-free and
nut-free certified. We are dedicated to providing safe and tasty treats for all
to enjoy.
Read More
JOIN OUR NEWSLETTER
Sign up for exclusive offers, our latest 'knead-to-know' news and events!
Enter your email address
Submit
Translation missing: en.newsletter.form.success
1-888-431-KATZ
Fax: (845) 774-1540
19 Industry Drive, Mountainville NY 10953
info@katzglutenfree.com
@KATZGLUTENFREE
* Instagram
* Facebook
* Twitter
* Pinterest
* Tiktok
US
* Canada (CAD $)
* United States (USD $)
Copyright 2024 Katz Gluten Free - Privacy Policy
Terms of Service
Our Products
* Pastries & Desserts
* Bread & Rolls
* Kitchen Staples
* Specials
* Start a Subscription
* Shop by Allergy
* All Products
Support
* Contact
* FAQs
* Policies
* My Account
* Manage Subscriptions
* Become an Ambassador
About
* Bakers Journal
* Our Story
* Kosher Info
* Catalog
* Store Locator
US
* Canada (CAD $)
* United States (USD $)
Copyright 2024 Katz Gluten Free - Privacy Policy
Terms of Service
Close Close Menu
Checkout Unavailable
BE BACK SOON!
Our checkout is closed for the Sabbath, but we'll be back in 0 day 10 hrs 0 min
!
Although online ordering is unavailable, you may still add items to your cart.
Enter your email below to save your cart and we'll notify you when checkout is
back!
Enter your email address
Notify me
Thanks for subscribing
Sabbath Break: Checkout will available in 0 day 10 hrs 0 min . Until then, feel
free to browse - we'll let you know when we reopen!
Notify me
* Choosing a selection results in a full page refresh.
* Opens in a new window.
Judge.me
Close dialog
UNLOCK
10% OFF
YOUR ORDER
Save on your first order and get email only offers when you join.
Continue