www.clearenvelopes.com
Open in
urlscan Pro
216.38.5.84
Public Scan
Submitted URL: http://www.clearenvelopes.com//
Effective URL: https://www.clearenvelopes.com//
Submission: On July 09 via api from US — Scanned from DE
Effective URL: https://www.clearenvelopes.com//
Submission: On July 09 via api from US — Scanned from DE
Form analysis 26 forms found in the DOM
GET https://www.clearbags.com/shop/
<form class="form minisearch" id="search_mini_form" x-ref="search_mini_form" action="https://www.clearbags.com/shop/" method="get">
<div class="relative ng-scope" ss-nav=""><label class="sr-only" for="search">Search entire store here...</label> <input id="search" x-on:input.debounce="getSearchResults()" @keydown.enter="$refs.search_mini_form.submit()" x-ref="searchInput"
type="search"
class="w-full pl-4 pr-14 h-[52px] leading-normal bg-gray-50 border-gray-300 transition text-sm focus:outline-none focus:border focus:border-gray-700 focus:ring-0 rounded-sm appearance-none placeholder-gray-500 focus:bg-white text-ellipsis ng-scope"
autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="Search the entire store" maxlength="128" ss-nav-input="" ng-non-bindable="" spellcheck="false"><!-- ngIf: ac.ready --></div>
<div id="search_autocomplete" class="search-autocomplete relative w-full flex justify-center" x-show="show" style="display: none;">
<div class=" absolute top-0 bg-white z-50 w-full px-6 lg:max-w-[880px] flex flex-col shadow-lg transform -translate-x-1/2 left-1/2 rounded-sm ">
<div class="py-3 flex justify-between items-center">
<div><template x-if="productsCount > 0"><span class="mr-1 text-primary-lighter"><span x-text="productsCount"></span> search results for:</span></template><template x-if="productsCount === 0"><span class="mr-1 text-primary-lighter">No search
results for:</span></template><span class="mr-1 text-primary-lighter">No search results for:</span><span x-text="currentSearchPhrase" class="font-bold text-primary"></span></div><button
class="btn btn-size-sm btn-icon bg-transparent border-0 hover:bg-gray-100" @click.prevent="clearSearch()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 17 17 7M7 7l10 10"></path>
</svg>
</button>
</div><template x-if="productsCount > 0">
<div>
<div class="grid grid-cols-1 pb-4 pt-6 border-t border-gray-200 gap-4" :class="{ 'md:grid-cols-2 md:gap-14 lg:grid-cols-1 lg:gap-4 xl:grid-cols-2 xl:gap-14': Object.values(searchResultsByType).length > 1 }"><template
x-for="searchResultByType in Object.values(searchResultsByType)">
<div id="search-result-container"><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined ">
<div class="font-bold mb-2 text-primary" x-text="templates[searchResultByType[0].type].title"></div>
</template><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined ">
<div class="font-bold text-center" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template><template x-for="searchResult in searchResultByType">
<div> <template
x-if="searchResult.type == 'term'"><a class="w-full block p-2" x-bind:href="'https://www.clearbags.com/shop/?q=' + searchResult.title" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span></a></template>
<template
x-if="searchResult.type == 'product'"><a class="block py-6 border-b px-4 hover:no-underline group" :href="searchResult.url" :title="searchResult.title"><div class="flex gap-2"><div class="shrink-0"><img :src="searchResult.image" class="block w-[64px] h-[64px]"></div><div><span class="text-primary-lighter leading-[22px] group-hover:underline line-clamp-2" x-text="searchResult.title"></span> <div class="mt-2 [&_.old-price]:text-gray-400" x-html="searchResult.price"></div></div></div></a></template>
<template x-if="searchResult.type == 'category'"><a class="py-2 flex justify-between items-center decoration-blue-400" :href="searchResult.url" :title="searchResult.title"><span class="text-blue-400 text-base font-semibold leading-[22px]" x-text="searchResult.title"></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10 16 3.547-3.057c.604-.52.604-1.365 0-1.886L10 8"></path></svg>
</a></template> <template
x-if="searchResult.type == 'product_attribute'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span></a></template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script> <template x-if="searchResult.type == 'cms_page'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span></a></template>
</div>
</template></div>
</template></div><button class="btn gap-2 mb-4 w-full" type="submit" aria-label="Search">View All Results <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10 16 3.547-3.057c.604-.52.604-1.365 0-1.886L10 8"></path>
</svg>
</button>
</div>
</template>
</div>
</div><button class=" absolute right-0 top-1/2 flex p-2 items-center justify-center transform text-primary -translate-y-1/2 h-12 w-12 lg:h-[52px] lg:w-[52px] " type="submit" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<circle cx="11" cy="11" r="8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></circle>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.5 16.958 5 5"></path>
</svg>
</button>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required"><label class="label" for="form-login-username" form="login-form"><span>Email Address</span></label>
<div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required="" autocomplete="off" class="form-input input-text"></div>
</div>
<div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Password</span></label>
<div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required="" x-ref="customer-password" autocomplete="off" @change="errors = 0"></div>
</div><input name="context" type="hidden" value="checkout">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75">Sign In</button>
<a href="https://www.clearbags.com/customer/account/forgotpassword/">Forgot Your Password?</a></div>
</div>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6591/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6591/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6591">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6591-prod amasty-label-for-6591 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/candy-tackle-box-2-cavity-2-3-16-x-1-x-4-1-16-25-pack-ctbs21.html" title="Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6591.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/a/cavity-clear-candy-tackle-box-set-ctbs21-2.jpg" loading="lazy" width="240" height="300" alt="Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21" title="Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/candy-tackle-box-2-cavity-2-3-16-x-1-x-4-1-16-25-pack-ctbs21.html" :id="`slide-desc-6591-${$id('slider-id')}`">Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6591.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6591" data-price-box="product-id-6591"> <span x-data="" x-id="['product\u002Dprice\u002D6591']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6591')" data-price-amount="9.67" data-price-type="finalPrice" class="price-wrapper "><span class="price">$9.67</span></span> </span>
<a href="https://www.clearbags.com/candy-tackle-box-2-cavity-2-3-16-x-1-x-4-1-16-25-pack-ctbs21.html" class="minimal-price-link"> <span x-data="" x-id="['6591']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6591')" data-price-amount="4.29" data-price-type="" class="price-wrapper ">$4.29</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('CTBS21')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Candy Tackle Box 2 Cavity 2 3/16&quot; x 1&quot; x 4 1/16&quot; 25 pack CTBS21"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6591.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/a/cavity-clear-candy-tackle-box-set-ctbs21-2.jpg" loading="lazy" width="240" height="300"
alt="Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21" title="Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6591]" class="sr-only">Quantity</label> <input name="qty" id="qty[6591]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/candy-tackle-box-2-cavity-2-3-16-x-1-x-4-1-16-25-pack-ctbs21.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6591)" aria-label="Add to Wish List Candy Tackle Box 2 Cavity 2 3/16&quot; x 1&quot; x 4 1/16&quot; 25 pack CTBS21" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6577/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6577/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6577">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6577-prod amasty-label-for-6577 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/clear-stand-up-zipper-pouch-w-k-seal-8-1-4-x-3-1-2-x-11-1-2-100-pack-kzbg5.html" title="Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6577.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/k/-/k-seal-zipper-pouch-kzbg5-3.jpg" loading="lazy" width="240" height="300" alt="Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5" title="Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/clear-stand-up-zipper-pouch-w-k-seal-8-1-4-x-3-1-2-x-11-1-2-100-pack-kzbg5.html" :id="`slide-desc-6577-${$id('slider-id')}`">Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6577.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6577" data-price-box="product-id-6577"> <span x-data="" x-id="['product\u002Dprice\u002D6577']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6577')" data-price-amount="45.6" data-price-type="finalPrice" class="price-wrapper "><span class="price">$45.60</span></span> </span>
<a href="https://www.clearbags.com/clear-stand-up-zipper-pouch-w-k-seal-8-1-4-x-3-1-2-x-11-1-2-100-pack-kzbg5.html" class="minimal-price-link"> <span x-data="" x-id="['6577']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6577')" data-price-amount="25.3" data-price-type="" class="price-wrapper ">$25.30</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('KZBG5')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Clear Stand Up Zipper Pouch w/ K Seal 8 1/4&quot; x 3 1/2&quot; x 11 1/2&quot; 100 pack KZBG5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6577.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/k/-/k-seal-zipper-pouch-kzbg5-3.jpg" loading="lazy" width="240" height="300"
alt="Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5" title="Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5" x-defer="intersect"
x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6577]" class="sr-only">Quantity</label> <input name="qty" id="qty[6577]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/clear-stand-up-zipper-pouch-w-k-seal-8-1-4-x-3-1-2-x-11-1-2-100-pack-kzbg5.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6577)" aria-label="Add to Wish List Clear Stand Up Zipper Pouch w/ K Seal 8 1/4&quot; x 3 1/2&quot; x 11 1/2&quot; 100 pack KZBG5" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6571/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6571/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6571">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6571-prod amasty-label-for-6571 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/kraft-eco-stand-up-zipper-pouch-w-oval-window-and-pocket-zipper-5-1-8-x-3-1-8-x-8-1-8-100-pack-zbgeo3kp.html" title="Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6571.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/e/c/eco-kraft-pouch-w-zipper-zbgo3kp-2_1.jpg" loading="lazy" width="240" height="300" alt="Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP" title="Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/kraft-eco-stand-up-zipper-pouch-w-oval-window-and-pocket-zipper-5-1-8-x-3-1-8-x-8-1-8-100-pack-zbgeo3kp.html" :id="`slide-desc-6571-${$id('slider-id')}`">Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6571.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6571" data-price-box="product-id-6571"> <span x-data="" x-id="['product\u002Dprice\u002D6571']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6571')" data-price-amount="52.56" data-price-type="finalPrice" class="price-wrapper "><span class="price">$52.56</span></span> </span>
<a href="https://www.clearbags.com/kraft-eco-stand-up-zipper-pouch-w-oval-window-and-pocket-zipper-5-1-8-x-3-1-8-x-8-1-8-100-pack-zbgeo3kp.html" class="minimal-price-link"> <span x-data="" x-id="['6571']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6571')" data-price-amount="31.38" data-price-type="" class="price-wrapper ">$31.38</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGEO3KP')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 100 pack ZBGEO3KP"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6571.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/e/c/eco-kraft-pouch-w-zipper-zbgo3kp-2_1.jpg" loading="lazy" width="240" height="300"
alt="Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP"
title="Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGEO3KP</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6571]" class="sr-only">Quantity</label> <input name="qty" id="qty[6571]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div>
<a href="https://www.clearbags.com/kraft-eco-stand-up-zipper-pouch-w-oval-window-and-pocket-zipper-5-1-8-x-3-1-8-x-8-1-8-100-pack-zbgeo3kp.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6571)"
aria-label="Add to Wish List Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 100 pack ZBGEO3KP" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6562/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6562/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6562">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6562-prod amasty-label-for-6562 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/gumball-shaped-pouch-w-zipper-5-1-8-x-2-3-8-x-9-100-pack-sp7gbz.html" title="Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6562.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/g/u/gumball-pouch-sp7gbz-2.jpg" loading="lazy" width="240" height="300" alt="Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ" title="Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/gumball-shaped-pouch-w-zipper-5-1-8-x-2-3-8-x-9-100-pack-sp7gbz.html" :id="`slide-desc-6562-${$id('slider-id')}`">Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6562.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6562" data-price-box="product-id-6562"> <span x-data="" x-id="['product\u002Dprice\u002D6562']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6562')" data-price-amount="26.45" data-price-type="finalPrice" class="price-wrapper "><span class="price">$26.45</span></span> </span>
<a href="https://www.clearbags.com/gumball-shaped-pouch-w-zipper-5-1-8-x-2-3-8-x-9-100-pack-sp7gbz.html" class="minimal-price-link"> <span x-data="" x-id="['6562']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6562')" data-price-amount="16.83" data-price-type="" class="price-wrapper ">$16.83</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('SP7GBZ')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Gumball Shaped Pouch w/ Zipper 5 1/8&quot; x 2 3/8&quot; x 9&quot; 100 pack SP7GBZ"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6562.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/g/u/gumball-pouch-sp7gbz-2.jpg" loading="lazy" width="240" height="300"
alt="Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ" title="Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6562]" class="sr-only">Quantity</label> <input name="qty" id="qty[6562]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/gumball-shaped-pouch-w-zipper-5-1-8-x-2-3-8-x-9-100-pack-sp7gbz.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6562)" aria-label="Add to Wish List Gumball Shaped Pouch w/ Zipper 5 1/8&quot; x 2 3/8&quot; x 9&quot; 100 pack SP7GBZ" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5073/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5073/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="5073">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-5073-prod amasty-label-for-5073 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" title="Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5073.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/m/i/mini-take-out-box-fs282.jpg" loading="lazy" width="240" height="300" alt="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" title="2 3/8" x 2" x 2 1/8" Clear food safe takeout box"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" :id="`slide-desc-5073-${$id('slider-id')}`">Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5073.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5073" data-price-box="product-id-5073"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D5073']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D5073')" data-price-amount="4.89" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$4.89</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D5073']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D5073')" data-price-amount="13.97" data-price-type="oldPrice" class="price-wrapper "><span class="price">$13.97</span></span> </span></span>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('FS282')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Mini Clear Take Out Box 2 3/8&quot; x 2&quot; x 2 1/8&quot; 25 pack FS282"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5073.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/m/i/mini-take-out-box-fs282.jpg" loading="lazy" width="240" height="300"
alt="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" title="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5073]" class="sr-only">Quantity</label> <input name="qty" id="qty[5073]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5073)" aria-label="Add to Wish List Mini Clear Take Out Box 2 3/8&quot; x 2&quot; x 2 1/8&quot; 25 pack FS282" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4827/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4827/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="4827">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-4827-prod amasty-label-for-4827 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" title="Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4827.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/r/printed-side-gusset-g1tl.jpg" loading="lazy" width="240" height="300" alt="Teal Band Stand Up Gusset Bag with Candy" title="Teal Band Stand Up Gusset Bag with Candy"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" :id="`slide-desc-4827-${$id('slider-id')}`">Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-4827.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4827" data-price-box="product-id-4827"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D4827']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D4827')" data-price-amount="7.37" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$7.37</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D4827']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D4827')" data-price-amount="12.28" data-price-type="oldPrice" class="price-wrapper "><span class="price">$12.28</span></span> </span></span>
<a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" class="minimal-price-link"> <span x-data="" x-id="['4827']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('4827')" data-price-amount="7.24" data-price-type="" class="price-wrapper ">$7.24</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('G1TL')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Teal Solid Bands Printed Cello Gusset Bags 2&quot; x 1 7/8&quot; x 9 1/2&quot; 100 pack G1TL"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4827.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/r/printed-side-gusset-g1tl.jpg" loading="lazy" width="240" height="300" alt="Teal Band Stand Up Gusset Bag with Candy"
title="Teal Band Stand Up Gusset Bag with Candy" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[4827]" class="sr-only">Quantity</label> <input name="qty" id="qty[4827]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(4827)" aria-label="Add to Wish List Teal Solid Bands Printed Cello Gusset Bags 2&quot; x 1 7/8&quot; x 9 1/2&quot; 100 pack G1TL" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4063/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4063/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="4063">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-4063-prod amasty-label-for-4063 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" title="Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4063.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/k/r/kraft-paper-boxes-wkrg277.jpg" loading="lazy" width="240" height="300" alt="Flat soap packaged in paper box" title="Flat soap packaged in paper box"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" :id="`slide-desc-4063-${$id('slider-id')}`">Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-4063.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4063" data-price-box="product-id-4063"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D4063']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D4063')" data-price-amount="3.68" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$3.68</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D4063']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D4063')" data-price-amount="9.21" data-price-type="oldPrice" class="price-wrapper "><span class="price">$9.21</span></span> </span></span>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('WKRG277')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Kraft Paper Window Box with Attached PET Sheet 2 3/4&quot; x 9/16&quot; x 2 11/16&quot; 25 pack WKRG277"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4063.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/k/r/kraft-paper-boxes-wkrg277.jpg" loading="lazy" width="240" height="300" alt="Flat soap packaged in paper box"
title="Flat soap packaged in paper box" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[4063]" class="sr-only">Quantity</label> <input name="qty" id="qty[4063]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(4063)" aria-label="Add to Wish List Kraft Paper Window Box with Attached PET Sheet 2 3/4&quot; x 9/16&quot; x 2 11/16&quot; 25 pack WKRG277"
type="button" class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2962/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2962/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="2962">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-2962-prod amasty-label-for-2962 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" title="Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2962.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/r/crystal-clear-zip-bags-z4r22-1.jpg" loading="lazy" width="240" height="300" alt="Crystal clear zip bag w/ round hang hole" title="Crystal clear zip bag w/ round hang hole"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" :id="`slide-desc-2962-${$id('slider-id')}`">Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-2962.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2962" data-price-box="product-id-2962"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D2962']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D2962')" data-price-amount="1.76" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$1.76</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D2962']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D2962')" data-price-amount="2.93" data-price-type="oldPrice" class="price-wrapper "><span class="price">$2.93</span></span> </span></span>
<a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" class="minimal-price-link"> <span x-data="" x-id="['2962']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('2962')" data-price-amount="1.26" data-price-type="" class="price-wrapper ">$1.26</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('Z4R22')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Zip Bags + Round Hang Hole 2&quot; x 2&quot; 100 pack Z4R22"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2962.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/r/crystal-clear-zip-bags-z4r22-1.jpg" loading="lazy" width="240" height="300" alt="Crystal clear zip bag w/ round hang hole"
title="Crystal clear zip bag w/ round hang hole" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[2962]" class="sr-only">Quantity</label> <input name="qty" id="qty[2962]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(2962)" aria-label="Add to Wish List Crystal Clear Zip Bags + Round Hang Hole 2&quot; x 2&quot; 100 pack Z4R22" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6512/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6512/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6512">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6512-prod amasty-label-for-6512 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/jack-o-lantern-shaped-pouch-7-3-8-x-3-x-7-1-2-100-pack-sp7jz.html" title="Jack-o-Lantern Shaped Pouch 7 3/4" x 3" x 7 1/2" 100 pack SP7JZ" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6512.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/j/a/jack-o-lantern-shaped-pouch-sp7jz-2.jpg" loading="lazy" width="240" height="300" alt="Pumpkin shaped pouch" title="Pumpkin shaped pouch"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/jack-o-lantern-shaped-pouch-7-3-8-x-3-x-7-1-2-100-pack-sp7jz.html" :id="`slide-desc-6512-${$id('slider-id')}`">Jack-o-Lantern Shaped Pouch 7 3/4" x 3" x 7 1/2" 100 pack SP7JZ</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6512.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6512" data-price-box="product-id-6512"> <span x-data="" x-id="['product\u002Dprice\u002D6512']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6512')" data-price-amount="37.27" data-price-type="finalPrice" class="price-wrapper "><span class="price">$37.27</span></span> </span>
<a href="https://www.clearbags.com/jack-o-lantern-shaped-pouch-7-3-8-x-3-x-7-1-2-100-pack-sp7jz.html" class="minimal-price-link"> <span x-data="" x-id="['6512']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6512')" data-price-amount="23.44" data-price-type="" class="price-wrapper ">$23.44</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('SP7JZ')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Jack-o-Lantern Shaped Pouch 7 3/4&quot; x 3&quot; x 7 1/2&quot; 100 pack SP7JZ"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6512.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/j/a/jack-o-lantern-shaped-pouch-sp7jz-2.jpg" loading="lazy" width="240" height="300" alt="Pumpkin shaped pouch" title="Pumpkin shaped pouch"
x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Jack-o-Lantern Shaped Pouch 7 3/4" x 3" x 7 1/2" 100 pack SP7JZ</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6512]" class="sr-only">Quantity</label> <input name="qty" id="qty[6512]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/jack-o-lantern-shaped-pouch-7-3-8-x-3-x-7-1-2-100-pack-sp7jz.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6512)" aria-label="Add to Wish List Jack-o-Lantern Shaped Pouch 7 3/4&quot; x 3&quot; x 7 1/2&quot; 100 pack SP7JZ" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6513/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6513/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="6513">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6513-prod amasty-label-for-6513 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/skeleton-shaped-pouch-6-9-16-x-3-x-8-1-8-100-pack-sp7skz.html" title="Skeleton Shaped Pouch 6 9/16" x 3" x 8 1/8" 100 pack SP7SKZ" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6513.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/k/skeleton-shaped-pouch-2.jpg" loading="lazy" width="240" height="300" alt="Halloween packaging 6 9/16" x 3" x 8 1/8" skeleton" title="Halloween packaging 6 9/16" x 3" x 8 1/8" skeleton"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/skeleton-shaped-pouch-6-9-16-x-3-x-8-1-8-100-pack-sp7skz.html" :id="`slide-desc-6513-${$id('slider-id')}`">Skeleton Shaped Pouch 6 9/16" x 3" x 8 1/8" 100 pack SP7SKZ</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6513.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6513" data-price-box="product-id-6513"> <span x-data="" x-id="['product\u002Dprice\u002D6513']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6513')" data-price-amount="34.05" data-price-type="finalPrice" class="price-wrapper "><span class="price">$34.05</span></span> </span>
<a href="https://www.clearbags.com/skeleton-shaped-pouch-6-9-16-x-3-x-8-1-8-100-pack-sp7skz.html" class="minimal-price-link"> <span x-data="" x-id="['6513']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6513')" data-price-amount="21.67" data-price-type="" class="price-wrapper ">$21.67</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('SP7SKZ')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Skeleton Shaped Pouch 6 9/16&quot; x 3&quot; x 8 1/8&quot; 100 pack SP7SKZ"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6513.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/k/skeleton-shaped-pouch-2.jpg" loading="lazy" width="240" height="300"
alt="Halloween packaging 6 9/16" x 3" x 8 1/8" skeleton" title="Halloween packaging 6 9/16" x 3" x 8 1/8" skeleton" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Skeleton Shaped Pouch 6 9/16" x 3" x 8 1/8" 100 pack SP7SKZ</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6513]" class="sr-only">Quantity</label> <input name="qty" id="qty[6513]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/skeleton-shaped-pouch-6-9-16-x-3-x-8-1-8-100-pack-sp7skz.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6513)" aria-label="Add to Wish List Skeleton Shaped Pouch 6 9/16&quot; x 3&quot; x 8 1/8&quot; 100 pack SP7SKZ" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5902/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5902/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="5902">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-orange-neon-stand-up-pouch-w-hang-hole-100-pieces-zbgn3or.html" title="Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5902.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/n/e/neon-stand-up-pouches-zbgn3or-3.jpg" loading="lazy" width="240" height="300" alt="Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR" title="Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-orange-neon-stand-up-pouch-w-hang-hole-100-pieces-zbgn3or.html" :id="`slide-desc-5902-${$id('slider-id')}`">Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5902.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5902" data-price-box="product-id-5902"> <span x-data="" x-id="['product\u002Dprice\u002D5902']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5902')" data-price-amount="33.07" data-price-type="finalPrice" class="price-wrapper "><span class="price">$33.07</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-orange-neon-stand-up-pouch-w-hang-hole-100-pieces-zbgn3or.html" class="minimal-price-link"> <span x-data="" x-id="['5902']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5902')" data-price-amount="19.55" data-price-type="" class="price-wrapper ">$19.55</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGN3OR')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 100 pack ZBGN3OR"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5902.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/n/e/neon-stand-up-pouches-zbgn3or-3.jpg" loading="lazy" width="240" height="300"
alt="Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR" title="Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR" x-defer="intersect"
x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack ZBGN3OR</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5902]" class="sr-only">Quantity</label> <input name="qty" id="qty[5902]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-orange-neon-stand-up-pouch-w-hang-hole-100-pieces-zbgn3or.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5902)" aria-label="Add to Wish List Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 100 pack ZBGN3OR" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5506/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5506/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="5506">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dims-pumpkin-seasonal-stand-up-zipper-pouch-zbgw3p.html" title="Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5506.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/e/seasonal-zipper-pouches-zbgw3p-2_2_.jpg" loading="lazy" width="240" height="300" alt="Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P" title="Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dims-pumpkin-seasonal-stand-up-zipper-pouch-zbgw3p.html" :id="`slide-desc-5506-${$id('slider-id')}`">Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5506.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5506" data-price-box="product-id-5506"> <span x-data="" x-id="['product\u002Dprice\u002D5506']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5506')" data-price-amount="7.42" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.42</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dims-pumpkin-seasonal-stand-up-zipper-pouch-zbgw3p.html" class="minimal-price-link"> <span x-data="" x-id="['5506']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5506')" data-price-amount="4.39" data-price-type="" class="price-wrapper ">$4.39</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGW3P')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Pumpkin Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3P"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5506.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/e/seasonal-zipper-pouches-zbgw3p-2_2_.jpg" loading="lazy" width="240" height="300"
alt="Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P" title="Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5506]" class="sr-only">Quantity</label> <input name="qty" id="qty[5506]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dims-pumpkin-seasonal-stand-up-zipper-pouch-zbgw3p.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5506)" aria-label="Add to Wish List Pumpkin Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3P" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5507/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5507/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="5507">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-witches-hats-stand-up-zipper-pouch-zbgw3ha.html" title="Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5507.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/e/seasonal-zipper-pouches-zbgw3ha-1_3_.jpg" loading="lazy" width="240" height="300" alt="Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA" title="Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-witches-hats-stand-up-zipper-pouch-zbgw3ha.html" :id="`slide-desc-5507-${$id('slider-id')}`">Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5507.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5507" data-price-box="product-id-5507"> <span x-data="" x-id="['product\u002Dprice\u002D5507']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5507')" data-price-amount="9.75" data-price-type="finalPrice" class="price-wrapper "><span class="price">$9.75</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-witches-hats-stand-up-zipper-pouch-zbgw3ha.html" class="minimal-price-link"> <span x-data="" x-id="['5507']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5507')" data-price-amount="4.39" data-price-type="" class="price-wrapper ">$4.39</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGW3HA')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Witches Hats Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3HA"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5507.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/s/e/seasonal-zipper-pouches-zbgw3ha-1_3_.jpg" loading="lazy" width="240" height="300"
alt="Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA" title="Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA" x-defer="intersect" x-ignore="">
</div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5507]" class="sr-only">Quantity</label> <input name="qty" id="qty[5507]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-witches-hats-stand-up-zipper-pouch-zbgw3ha.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5507)" aria-label="Add to Wish List Witches Hats Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3HA" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/412/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/412/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="412">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/4-5-8-x-5-7-8-no-flap-crystal-clear-117x150.html" title="Crystal Clear Bags® with No Flap 4 5/8" x 5 7/8" 100 pack B54NF" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-412.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-noflap-bag-b54nf-3.jpg" loading="lazy" width="240" height="300" alt="No flap clear greeting card sleeve" title="No flap clear greeting card sleeve"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/4-5-8-x-5-7-8-no-flap-crystal-clear-117x150.html" :id="`slide-desc-412-${$id('slider-id')}`">Crystal Clear Bags® with No Flap 4 5/8" x 5 7/8" 100 pack B54NF</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-412.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="412" data-price-box="product-id-412"> <span x-data="" x-id="['product\u002Dprice\u002D412']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D412')" data-price-amount="7.65" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.65</span></span> </span>
<a href="https://www.clearbags.com/4-5-8-x-5-7-8-no-flap-crystal-clear-117x150.html" class="minimal-price-link"> <span x-data="" x-id="['412']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('412')" data-price-amount="2.85" data-price-type="" class="price-wrapper ">$2.85</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('B54NF')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Bags® with No Flap 4 5/8&quot; x 5 7/8&quot; 100 pack B54NF"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-412.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-noflap-bag-b54nf-3.jpg" loading="lazy" width="240" height="300" alt="No flap clear greeting card sleeve"
title="No flap clear greeting card sleeve" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Bags® with No Flap 4 5/8" x 5 7/8" 100 pack B54NF</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[412]" class="sr-only">Quantity</label> <input name="qty" id="qty[412]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/4-5-8-x-5-7-8-no-flap-crystal-clear-117x150.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(412)" aria-label="Add to Wish List Crystal Clear Bags® with No Flap 4 5/8&quot; x 5 7/8&quot; 100 pack B54NF" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/217/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/217/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="217">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/6-x-9-flap-crystal-clear-153-x-229.html" title="Crystal Clear Bags® with Flap 6" x 9" 100 pack B6X9S" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-217.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b6x9s-2.jpg" loading="lazy" width="240" height="300" alt="6" x 9" Clear bag with Flap seal" title="6" x 9" Clear bag with Flap seal"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/6-x-9-flap-crystal-clear-153-x-229.html" :id="`slide-desc-217-${$id('slider-id')}`">Crystal Clear Bags® with Flap 6" x 9" 100 pack B6X9S</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-217.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="217" data-price-box="product-id-217"> <span x-data="" x-id="['product\u002Dprice\u002D217']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D217')" data-price-amount="11.01" data-price-type="finalPrice" class="price-wrapper "><span class="price">$11.01</span></span> </span>
<a href="https://www.clearbags.com/6-x-9-flap-crystal-clear-153-x-229.html" class="minimal-price-link"> <span x-data="" x-id="['217']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('217')" data-price-amount="5.15" data-price-type="" class="price-wrapper ">$5.15</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('B6X9S')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Bags® with Flap 6&quot; x 9&quot; 100 pack B6X9S"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-217.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b6x9s-2.jpg" loading="lazy" width="240" height="300" alt="6" x 9" Clear bag with Flap seal"
title="6" x 9" Clear bag with Flap seal" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Bags® with Flap 6" x 9" 100 pack B6X9S</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[217]" class="sr-only">Quantity</label> <input name="qty" id="qty[217]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/6-x-9-flap-crystal-clear-153-x-229.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(217)" aria-label="Add to Wish List Crystal Clear Bags® with Flap 6&quot; x 9&quot; 100 pack B6X9S" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/279/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/279/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="279">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/9-x-12-flap-crystal-clear-229x305.html" title="Crystal Clear Bags® with Flap 9" x 12" 100 pack B912" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-279.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b912.jpg" loading="lazy" width="240" height="300" alt="9" x 12" Clear bag" title="9" x 12" Clear bag"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/9-x-12-flap-crystal-clear-229x305.html" :id="`slide-desc-279-${$id('slider-id')}`">Crystal Clear Bags® with Flap 9" x 12" 100 pack B912</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-279.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="279" data-price-box="product-id-279"> <span x-data="" x-id="['product\u002Dprice\u002D279']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D279')" data-price-amount="17.55" data-price-type="finalPrice" class="price-wrapper "><span class="price">$17.55</span></span> </span>
<a href="https://www.clearbags.com/9-x-12-flap-crystal-clear-229x305.html" class="minimal-price-link"> <span x-data="" x-id="['279']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('279')" data-price-amount="8.5" data-price-type="" class="price-wrapper ">$8.50</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('B912')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Bags® with Flap 9&quot; x 12&quot; 100 pack B912"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-279.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b912.jpg" loading="lazy" width="240" height="300" alt="9" x 12" Clear bag"
title="9" x 12" Clear bag" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Bags® with Flap 9" x 12" 100 pack B912</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[279]" class="sr-only">Quantity</label> <input name="qty" id="qty[279]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/9-x-12-flap-crystal-clear-229x305.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(279)" aria-label="Add to Wish List Crystal Clear Bags® with Flap 9&quot; x 12&quot; 100 pack B912" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/224/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/224/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="224">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/5-7-16-x-7-1-4-flap-crystal-clear-138x184.html" title="Crystal Clear Bags® with Flap 5 7/16" x 7 1/4" 100 pack B75" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-224.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b75-2.jpg" loading="lazy" width="240" height="300" alt="5 7/16" x 7 1/4" Clear bag with flap seal" title="5 7/16" x 7 1/4" Clear bag with flap seal"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-7-16-x-7-1-4-flap-crystal-clear-138x184.html" :id="`slide-desc-224-${$id('slider-id')}`">Crystal Clear Bags® with Flap 5 7/16" x 7 1/4" 100 pack B75</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-224.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="224" data-price-box="product-id-224"> <span x-data="" x-id="['product\u002Dprice\u002D224']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D224')" data-price-amount="9.53" data-price-type="finalPrice" class="price-wrapper "><span class="price">$9.53</span></span> </span>
<a href="https://www.clearbags.com/5-7-16-x-7-1-4-flap-crystal-clear-138x184.html" class="minimal-price-link"> <span x-data="" x-id="['224']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('224')" data-price-amount="4.55" data-price-type="" class="price-wrapper ">$4.55</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('B75')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Bags® with Flap 5 7/16&quot; x 7 1/4&quot; 100 pack B75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-224.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b75-2.jpg" loading="lazy" width="240" height="300" alt="5 7/16" x 7 1/4" Clear bag with flap seal"
title="5 7/16" x 7 1/4" Clear bag with flap seal" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Bags® with Flap 5 7/16" x 7 1/4" 100 pack B75</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[224]" class="sr-only">Quantity</label> <input name="qty" id="qty[224]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/5-7-16-x-7-1-4-flap-crystal-clear-138x184.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(224)" aria-label="Add to Wish List Crystal Clear Bags® with Flap 5 7/16&quot; x 7 1/4&quot; 100 pack B75" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/258/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/258/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="258">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/8-15-16-x-11-1-4-flap-crystal-clear-227x286.html" title="Crystal Clear Bags® with Flap 8 15/16"x 11 1/4" 100 pack B811" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-258.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b811-3.jpg" loading="lazy" width="240" height="300" alt="8 15/16" x 11 1/4" Clear bags" title="8 15/16" x 11 1/4" Clear bags"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/8-15-16-x-11-1-4-flap-crystal-clear-227x286.html" :id="`slide-desc-258-${$id('slider-id')}`">Crystal Clear Bags® with Flap 8 15/16"x 11 1/4" 100 pack B811</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-258.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="258" data-price-box="product-id-258"> <span x-data="" x-id="['product\u002Dprice\u002D258']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D258')" data-price-amount="16.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">$16.95</span></span> </span>
<a href="https://www.clearbags.com/8-15-16-x-11-1-4-flap-crystal-clear-227x286.html" class="minimal-price-link"> <span x-data="" x-id="['258']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('258')" data-price-amount="8.3" data-price-type="" class="price-wrapper ">$8.30</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('B811')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Bags® with Flap 8 15/16&quot;x 11 1/4&quot; 100 pack B811"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-258.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/c/l/clear-flapseal-bag-b811-3.jpg" loading="lazy" width="240" height="300" alt="8 15/16" x 11 1/4" Clear bags"
title="8 15/16" x 11 1/4" Clear bags" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Bags® with Flap 8 15/16"x 11 1/4" 100 pack B811</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[258]" class="sr-only">Quantity</label> <input name="qty" id="qty[258]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/8-15-16-x-11-1-4-flap-crystal-clear-227x286.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(258)" aria-label="Add to Wish List Crystal Clear Bags® with Flap 8 15/16&quot;x 11 1/4&quot; 100 pack B811" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2380/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2380/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="2380">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/3-x-3-x-3-crystal-clear-boxes-pop-and-lock-25-pieces-plb58.html" title="Crystal Clear Boxes® with Pop & Lock Bottom 3" x 3" x 3" 25 pack PLB58" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2380.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/l/plb58.jpg" loading="lazy" width="240" height="300" alt="Pre-packaged cookies" title="Pre-packaged cookies"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/3-x-3-x-3-crystal-clear-boxes-pop-and-lock-25-pieces-plb58.html" :id="`slide-desc-2380-${$id('slider-id')}`">Crystal Clear Boxes® with Pop & Lock Bottom 3" x 3" x 3" 25 pack PLB58</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-2380.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2380" data-price-box="product-id-2380"> <span x-data="" x-id="['product\u002Dprice\u002D2380']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D2380')" data-price-amount="17.55" data-price-type="finalPrice" class="price-wrapper "><span class="price">$17.55</span></span> </span>
<a href="https://www.clearbags.com/3-x-3-x-3-crystal-clear-boxes-pop-and-lock-25-pieces-plb58.html" class="minimal-price-link"> <span x-data="" x-id="['2380']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('2380')" data-price-amount="9.24" data-price-type="" class="price-wrapper ">$9.24</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('PLB58')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Boxes® with Pop &amp; Lock Bottom 3&quot; x 3&quot; x 3&quot; 25 pack PLB58"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2380.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/l/plb58.jpg" loading="lazy" width="240" height="300" alt="Pre-packaged cookies" title="Pre-packaged cookies" x-defer="intersect"
x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Boxes® with Pop & Lock Bottom 3" x 3" x 3" 25 pack PLB58</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[2380]" class="sr-only">Quantity</label> <input name="qty" id="qty[2380]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/3-x-3-x-3-crystal-clear-boxes-pop-and-lock-25-pieces-plb58.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(2380)" aria-label="Add to Wish List Crystal Clear Boxes® with Pop &amp; Lock Bottom 3&quot; x 3&quot; x 3&quot; 25 pack PLB58" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/1129/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/1129/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="1129">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/4-1-2-x-5-8-x-5-7-8-soft-fold-clear-box.html" title="Crystal Clear Boxes® 4 1/2" x 5/8" x 5 7/8" 25 pack FB3" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-1129.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/f/b/fb3.jpg" loading="lazy" width="240" height="300" alt="Greeting card clear boxes" title="Greeting card clear boxes"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/4-1-2-x-5-8-x-5-7-8-soft-fold-clear-box.html" :id="`slide-desc-1129-${$id('slider-id')}`">Crystal Clear Boxes® 4 1/2" x 5/8" x 5 7/8" 25 pack FB3</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-1129.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1129" data-price-box="product-id-1129"> <span x-data="" x-id="['product\u002Dprice\u002D1129']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D1129')" data-price-amount="13.21" data-price-type="finalPrice" class="price-wrapper "><span class="price">$13.21</span></span> </span>
<a href="https://www.clearbags.com/4-1-2-x-5-8-x-5-7-8-soft-fold-clear-box.html" class="minimal-price-link"> <span x-data="" x-id="['1129']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('1129')" data-price-amount="6.2" data-price-type="" class="price-wrapper ">$6.20</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('FB3')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Boxes® 4 1/2&quot; x 5/8&quot; x 5 7/8&quot; 25 pack FB3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-1129.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/f/b/fb3.jpg" loading="lazy" width="240" height="300" alt="Greeting card clear boxes" title="Greeting card clear boxes" x-defer="intersect"
x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Boxes® 4 1/2" x 5/8" x 5 7/8" 25 pack FB3</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[1129]" class="sr-only">Quantity</label> <input name="qty" id="qty[1129]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/4-1-2-x-5-8-x-5-7-8-soft-fold-clear-box.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(1129)" aria-label="Add to Wish List Crystal Clear Boxes® 4 1/2&quot; x 5/8&quot; x 5 7/8&quot; 25 pack FB3" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/1178/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/1178/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="1178">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/4-1-8-x-1-x-4-1-16-soft-fold-clear-box.html" title="Crystal Clear Boxes® 4 1/8" x 1" x 4 1/16" 25 pack FB99" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-1178.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/f/b/fb99-crystal-clear-box-1.jpg" loading="lazy" width="240" height="300" alt="4 pieces of chocolate packaged" title="4 pieces of chocolate packaged"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/4-1-8-x-1-x-4-1-16-soft-fold-clear-box.html" :id="`slide-desc-1178-${$id('slider-id')}`">Crystal Clear Boxes® 4 1/8" x 1" x 4 1/16" 25 pack FB99</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-1178.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1178" data-price-box="product-id-1178"> <span x-data="" x-id="['product\u002Dprice\u002D1178']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D1178')" data-price-amount="13.24" data-price-type="finalPrice" class="price-wrapper "><span class="price">$13.24</span></span> </span>
<a href="https://www.clearbags.com/4-1-8-x-1-x-4-1-16-soft-fold-clear-box.html" class="minimal-price-link"> <span x-data="" x-id="['1178']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('1178')" data-price-amount="6.23" data-price-type="" class="price-wrapper ">$6.23</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('FB99')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Boxes® 4 1/8&quot; x 1&quot; x 4 1/16&quot; 25 pack FB99"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-1178.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/f/b/fb99-crystal-clear-box-1.jpg" loading="lazy" width="240" height="300" alt="4 pieces of chocolate packaged"
title="4 pieces of chocolate packaged" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Boxes® 4 1/8" x 1" x 4 1/16" 25 pack FB99</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[1178]" class="sr-only">Quantity</label> <input name="qty" id="qty[1178]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/4-1-8-x-1-x-4-1-16-soft-fold-clear-box.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(1178)" aria-label="Add to Wish List Crystal Clear Boxes® 4 1/8&quot; x 1&quot; x 4 1/16&quot; 25 pack FB99" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/3409/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/3409/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="3409">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/4-x-4-x-4-candy-apple-box-hole-top-25-pieces-fs56.html" title="Candy Apple Box (hole top) 4" x 4" x 4" 25 pack FS56" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-3409.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/a/p/apple_boxes_4.jpg" loading="lazy" width="240" height="300" alt="Candy apple box with hole in lid of box" title="Candy apple box with hole in lid of box"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/4-x-4-x-4-candy-apple-box-hole-top-25-pieces-fs56.html" :id="`slide-desc-3409-${$id('slider-id')}`">Candy Apple Box (hole top) 4" x 4" x 4" 25 pack FS56</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-3409.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3409" data-price-box="product-id-3409"> <span x-data="" x-id="['product\u002Dprice\u002D3409']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D3409')" data-price-amount="25.87" data-price-type="finalPrice" class="price-wrapper "><span class="price">$25.87</span></span> </span>
<a href="https://www.clearbags.com/4-x-4-x-4-candy-apple-box-hole-top-25-pieces-fs56.html" class="minimal-price-link"> <span x-data="" x-id="['3409']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('3409')" data-price-amount="12.44" data-price-type="" class="price-wrapper ">$12.44</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('FS56')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Candy Apple Box (hole top) 4&quot; x 4&quot; x 4&quot; 25 pack FS56"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-3409.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/a/p/apple_boxes_4.jpg" loading="lazy" width="240" height="300" alt="Candy apple box with hole in lid of box"
title="Candy apple box with hole in lid of box" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Candy Apple Box (hole top) 4" x 4" x 4" 25 pack FS56</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[3409]" class="sr-only">Quantity</label> <input name="qty" id="qty[3409]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/4-x-4-x-4-candy-apple-box-hole-top-25-pieces-fs56.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(3409)" aria-label="Add to Wish List Candy Apple Box (hole top) 4&quot; x 4&quot; x 4&quot; 25 pack FS56" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/584/
<form method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/584/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary "><input
name="form_key" type="hidden" value="qkX4n715qEbbyQjy"> <input type="hidden" name="product" value="584">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square"> </div>
<a href="https://www.clearbags.com/2-x-2-x-2-soft-fld-clr-box-popandlock-bottom.html" title="Crystal Clear Boxes® Pop & Lock 2" x 2" x 2" 25 pack PLB104" class=" product photo product-item-photo block mx-auto mb-12 z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-584.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/l/plb104.jpg" loading="lazy" width="240" height="300" alt="Food Safe Clear Box with Cookies" title="Food Safe Clear Box with Cookies"></a>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-x-2-x-2-soft-fld-clr-box-popandlock-bottom.html" :id="`slide-desc-584-${$id('slider-id')}`">Crystal Clear Boxes® Pop & Lock 2" x 2" x 2" 25 pack PLB104</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-584.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="584" data-price-box="product-id-584"> <span x-data="" x-id="['product\u002Dprice\u002D584']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span :id="$id('product\u002Dprice\u002D584')" data-price-amount="8.25" data-price-type="finalPrice" class="price-wrapper "><span class="price">$8.25</span></span> </span>
<a href="https://www.clearbags.com/2-x-2-x-2-soft-fld-clr-box-popandlock-bottom.html" class="minimal-price-link"> <span x-data="" x-id="['584']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('584')" data-price-amount="4" data-price-type="" class="price-wrapper ">$4.00</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('PLB104')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Boxes® Pop &amp; Lock 2&quot; x 2&quot; x 2&quot; 25 pack PLB104"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-584.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/69af45b78d5964662468133d70c13bc4/p/l/plb104.jpg" loading="lazy" width="240" height="300" alt="Food Safe Clear Box with Cookies" title="Food Safe Clear Box with Cookies"
x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Boxes® Pop & Lock 2" x 2" x 2" 25 pack PLB104</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[584]" class="sr-only">Quantity</label> <input name="qty" id="qty[584]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto">Add to Cart</button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-x-2-x-2-soft-fld-clr-box-popandlock-bottom.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(584)" aria-label="Add to Wish List Crystal Clear Boxes® Pop &amp; Lock 2&quot; x 2&quot; x 2&quot; 25 pack PLB104" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Rcfegg" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 800px; margin: 0px auto; border-radius: 0px; border-style: none; border-width: 1px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 120px; 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: 0px 6px 24px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-99090401" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 28px; color: rgb(51, 51, 51); font-style: normal;">Sign up today to start saving with an exclusive offer</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: 8px 0px 8px 150px; 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_99090402" class="needsclick go1035850920 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 3px; padding: 0px 0px 0px 16px; height: 52px; text-align: left; color: rgb(51, 51, 51); font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 8px 150px 8px 16px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button class="needsclick go3594119471 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(249, 184, 93); border-radius: 3px; border-style: solid; border-color: rgb(249, 184, 93); border-width: 2px; color: rgb(51, 51, 51); font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 48px;">Subscribe</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.
Flat Rate Shipping on Orders $40+
(800) 233-2630
Skip to Content
Search entire store here...
search results for:No search results for:No search results for:
View All Results
Login / Register
Sign In Create an Account
Toggle minicart, Cart is empty Cart
Menu
* ECO
* View All
* Commercial Compostable
* View All
* Flap Seal Bags
* No Flap Bags
* Protective Closure Bags
* Rice Paper Pouches
* Stand Up Pouches
* Zipper Barrier Bags
* Side Gusset Bags
* Flat Bottom Gusset Bags
* Clear Flat Heat Seal Bags
* Kraft Flat Heat Seal Bags
* Show All >
* Home Compostable
* View All
* Child Resistant Stand Up Pouches
* Flat Bottom Gusset Bags
* Cello Gusset Bags
* Flat Crinkie Bags
* Flat Bags
* Clear Stickers
* Biodegradable
* View All
* Water Soluble Bags
* Glassine Gusset Bags
* Glassine Envelopes
* Glassine Sheets
* Recyclable
* View All
* Stand Up Pouches
* Merchandise Bags
* rPET Boxes
* Kraft Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Cello
* Glassine
* rPET Boxes
* Recyclable Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* CRYSTAL CLEAR
* View All
* Crystal Clear Bags
* View All
* Eco Bags
* Stand Up Pouches
* Flap Seal Bags
* Protective Closure Bags
* No Flap Bags
* Hanging Bags
* Gusset Bags
* Flat Bottom Gusset Bags
* Heavy Duty Gusset Bags
* Side Gusset Bags
* Bottom Gusset Bags
* Round Bottom Bags
* Zipper Bags
* Flat Heat Seal Bags
* Specialized Crystal Clear Bags
* View All
* Canvas Gallery Wraps
* Comic Book Bags
* High Barrier Bags
* Bags on a Roll
* Tropical Fish Bags
* Food Wraps
* Poly Tubing
* Cupcake Bags
* Macaron Bags
* Cone Bags
* Printed Warning Bags
* Retail Packs
* Crystal Clear Boxes
* View All
* Cupcake Boxes
* Macaron Boxes
* Candy Apple Boxes
* Artisan Boxes
* Nested Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Retail Packs
* Handle Boxes
* Tubes
* Pillow Boxes
* Shaped Boxes
* Clamshell Boxes
* Decorative Top Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Hanging Bags
* Protective Closure
* Polypropylene Bags
* Candy Apple Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* BAGS
* View All
* Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* View All
* High Clarity Pouches
* Standard Clear Pouches
* Translucent Pouches
* Color Backed Pouches
* Metallized Pouches
* Kraft Pouches
* Window Pouches
* Rice Paper Pouches
* Compostable Pouches
* Recyclable Pouches
* Degassing Valve Pouches
* Seasonal & Pattern Pouches
* Child Resistant Pouches
* Liquid/Freezer Pouches
* Self Fastener Pouches
* Shaped Pouches
* Child Resistant
* View All
* Stand Up Pouches
* Locking Pouches
* Home Compostable Pouches
* High Barrier Zipper Bags
* Single Use
* Gusset Bags
* View All
* Flat Bottom Bags
* Side Gusset Bags
* Eco Gusset Bags
* Crystal Clear Gusset Bags
* Poly Gusset Bags
* Heavy Duty Gusset Bags
* Printed Gusset Bags
* Kraft Bread Bags
* See more >
* Mylar Bags
* View All
* Smell Proof Bags
* Smell Proof Child Resistant Bags
* Dispensary Bags
* Heat Seal Bags
* Food Safe Bags
* Plastic Bags
* Paper Bags
* Retail Packs
* Flap Seal Bags
* View All
* Crystal Clear Bags
* Value Bags
* Eco Bags
* Laminated Bags
* Protective Closure Bags
* Premium Bags
* Frosted Bags
* Suffocation Warning Bags
* Insertable Header Bags
* No Flap Bags
* View All
* Crystal Clear Bags
* Eco Bags
* Value Bags
* Poly Bags
* Tubing
* Laminated Bags
* Cone Bags
* Micro-Perforated Bags
* See more >
* Zipper Bags
* View All
* Polyethylene
* Polypropylene Zipper Bags
* High Barrier Zipper Bags
* White Block Zipper Bags
* Sliding Zipper Bags
* Flat Heat Seal Bags
* View All
* Value Heat Seal Bags
* Laminated Heat Seal Bags
* Metallized Heat Seal Bags
* Kraft Heat Seal Bags
* Eco Heat Seal Bags
* Handle Bags
* View All
* Carry Out Bags
* Shopping Bags
* Produce Bags
* Gift Bags
* Water Soluble Bags
* Specialized Bags
* Specialized Bags
* Macaron Bags
* Cupcake Bags
* Coffee Bags
* Door Knob
* Newspaper Bags
* Greaseproof Bags
* Static Shielding
* Tropical Fish
* Comic Book Bags
* Canvas Gallery Wraps
* Poly Mailers
* See More >
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Fishing/Lure Packaging
* Cookie Bags
* Cello Bags
* Mylar
* Locking Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* BOXES
* View All
* Crystal Clear Boxes
* Boxes
* View All
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Clamshell Boxes
* Iridescent Boxes
* Food Safe Sets
* View All
* Artisan Candy
* Truffle Boxes
* Candy Tackle Box Sets
* Macaron Box Sets
* Cupcake Box Sets
* Nested Box Sets
* Decorative Boxes
* View All
* Boxes with Decorative Tops
* Wine Boxes
* Shaped Boxes
* Handle Boxes
* Candy Apple
* Tubes
* View All
* Clear Tubes
* Kraft Tubes
* Pillow Boxes
* View All
* Clear Pillow Boxes
* Kraft Pillow Boxes
* Frosted Pillow Boxes
* Embossed Pillow Boxes
* Retail Packs
* Paper Boxes
* View All
* Window Boxes
* Solid Boxes
* 2-Piece Boxes
* View All
* Box Tops
* Box Bottoms
* Box Accessories
* View All
* Stretch Loop
* Clear Stickers
* Heat Sealers
* Poly Sheets
* Pre-printed Labels
* Hang Tabs
* Shipping & Storage Boxes
* View All
* Shoe Storage Boxes
* Airsafe Shipping Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Fishing/Lure Packaging
* Cupcake Boxes
* Greeting Card Boxes
* Display Boxes
* Wax Melts Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* MATS & BACKING
* View All
* Mats
* View All
* Decorative Mats
* Conservation Mats
* Slip-in Mats
* Show Kits
* ClearBags Backing
* View All
* Double Sided 4-Ply Backing
* Single Sided 4-Ply Backing
* Economy 30pt Backing
* Backing Board
* Bainbridge Backing
* View All
* Double Thick Backing
* Archival Backing
* Self-adhesive Backing
* Foam Board
* Accessories
* Accessories
* Protective Closure
* Canvas Wraps
* Varnish Print Protection Spray
* AirSafe Shipping Boxes
* Mounting Materials
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Chipboard
* Backer Board
* 11" x 14"
* 8.5" x 11"
* 4" x 6"
* Holiday
* Sale
* Email
* Free Shipping on $299*
* CARDS & ENVELOPES
* View All
* Envelopes
* View All
* Premium Envelopes
* Brights Envelopes
* Brown Bag Envelopes
* Basis Envelopes
* Linen Envelopes
* Notables Envelopes
* Stardream Envelopes
* Foil Envelopes
* Vellum Envelopes
* Glassine Envelopes
* Mohawk Envelopes
* Full View Envelopes
* Frame Card Envelopes
* Cards
* View All
* Premium Cards
* Basis Cards
* Moab Cards
* Mohawk Cards
* Linen Cards
* Frame Cards
* Photo Paper
* Accessories
* Accessories
* Card Covers
* Stretch Loops
* Boxes
* Clear Sleeves
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* A2 Envelopes
* A7 Envelopes
* Premium
* Holiday
* Sale
* Free Shipping on $299*
* ACCESSORIES
* View All
* Ties & Bows
* View All
* Adhesive Tin Ties
* Twist Ties
* Pre-tied Bows
* View All
* Satin Bows
* Metallic Bows
* Jute Bows
* Printed Bows
* Stretch Loops
* View All
* Elastic Stretch Loops
* Vinyl Stretch Loops
* Mounting
* View All
* Mounting Corners
* Mounting Tape
* Photo Mounts
* Heat Sealers
* Clear Poly Sheets
* Metallic Toppers
* Cookie Boards
* Clear Stickers
* Pre-Printed Labels
* Hang Tabs
* Varnish Print Protection Spray
* Deckled Edge Ruler
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Bows
* Cookie Accessories
* Stickers
* Holiday
* Sale
* Email
* Free Shipping on $299*
* SPECIALTY
* View All
* Glassine
* View All
* Glassine Sheets
* Glassine Envelopes
* Glassine Gusset Bags
* Direct Mail
* View All
* Poly Mailers
* Rigid Mailers
* Glamour Mailers
* Canvas Gallery Wraps
* View All
* European Sizes
* Domestic Sizes
* Vinyl Products
* Food Wraps
* Collectible Sleeves
* View All
* Trading Card Sleeves
* Comic Book Sleeves
* Media Sleeves
* Card Covers
* View All
* Slip Covers
* Card Jackets
* Vinyl Card Covers
* Book Covers
* Healthcare
* Disposable Gloves
* Antimicrobial SmartSleeves
* Tropical Fish Bags
* Static Shielding Bags
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Card Covers
* Book Covers
* Poly Mailers
* Grease Resistant
* Wallets
* Holiday
* Sale
* Email
* Free Shipping on $299*
* SALE
* View All
* Sale Items
* View All
* Bags
* Boxes
* Pre-cut Mats
* Miscellaneous
* Clearance
* View All
* Bags
* Boxes
* Cards
* Miscellaneous
* Mats
* (800) 233-2630
Menu
* ECO
Toggle submenu for ECO
* * NEW!
* Custom
* Trending/Uses
* Cello
* Glassine
* rPET Boxes
* Recyclable Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Commercial Compostable
* Flap Seal Bags
* No Flap Bags
* Protective Closure Bags
* Rice Paper Pouches
* Stand Up Pouches
* Zipper Barrier Bags
* Side Gusset Bags
* Flat Bottom Gusset Bags
* Clear Flat Heat Seal Bags
* Kraft Flat Heat Seal Bags
* Show All >
* * Home Compostable
* Child Resistant Stand Up Pouches
* Flat Bottom Gusset Bags
* Cello Gusset Bags
* Flat Crinkie Bags
* Flat Bags
* Clear Stickers
* * Biodegradable
* Water Soluble Bags
* Glassine Gusset Bags
* Glassine Envelopes
* Glassine Sheets
* * Recyclable
* Stand Up Pouches
* Merchandise Bags
* rPET Boxes
* Kraft Boxes
* CRYSTAL CLEAR
Toggle submenu for CRYSTAL CLEAR
* * NEW!
* Custom
* Trending/Uses
* Hanging Bags
* Protective Closure
* Polypropylene Bags
* Candy Apple Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* Flap Seal Bags
* Protective Closure Bags
* No Flap Bags
* Hanging Bags
* Gusset Bags
* Flat Bottom Gusset Bags
* Heavy Duty Gusset Bags
* Side Gusset Bags
* Bottom Gusset Bags
* Round Bottom Bags
* Zipper Bags
* Flat Heat Seal Bags
* * Specialized Crystal Clear Bags
* Canvas Gallery Wraps
* Comic Book Bags
* High Barrier Bags
* Bags on a Roll
* Tropical Fish Bags
* Food Wraps
* Poly Tubing
* Cupcake Bags
* Macaron Bags
* Cone Bags
* Printed Warning Bags
* Retail Packs
* * Crystal Clear Boxes
* Cupcake Boxes
* Macaron Boxes
* Candy Apple Boxes
* Artisan Boxes
* Nested Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Retail Packs
* Handle Boxes
* Tubes
* Pillow Boxes
* Shaped Boxes
* Clamshell Boxes
* Decorative Top Boxes
* BAGS
Toggle submenu for BAGS
* * NEW!
* Custom
* Trending/Uses
* Fishing/Lure Packaging
* Cookie Bags
* Cello Bags
* Mylar
* Locking Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* High Clarity Pouches
* Standard Clear Pouches
* Translucent Pouches
* Color Backed Pouches
* Metallized Pouches
* Kraft Pouches
* Window Pouches
* Rice Paper Pouches
* Compostable Pouches
* Recyclable Pouches
* Degassing Valve Pouches
* Seasonal & Pattern Pouches
* Child Resistant Pouches
* Liquid/Freezer Pouches
* Self Fastener Pouches
* Shaped Pouches
* Child Resistant
* Stand Up Pouches
* Locking Pouches
* Home Compostable Pouches
* High Barrier Zipper Bags
* Single Use
* * Gusset Bags
* Flat Bottom Bags
* Side Gusset Bags
* Eco Gusset Bags
* Crystal Clear Gusset Bags
* Poly Gusset Bags
* Heavy Duty Gusset Bags
* Printed Gusset Bags
* Kraft Bread Bags
* See more >
* Mylar Bags
* Smell Proof Bags
* Smell Proof Child Resistant Bags
* Dispensary Bags
* Heat Seal Bags
* Food Safe Bags
* Plastic Bags
* Paper Bags
* Retail Packs
* * Flap Seal Bags
* Crystal Clear Bags
* Value Bags
* Eco Bags
* Laminated Bags
* Protective Closure Bags
* Premium Bags
* Frosted Bags
* Suffocation Warning Bags
* Insertable Header Bags
* No Flap Bags
* Crystal Clear Bags
* Eco Bags
* Value Bags
* Poly Bags
* Tubing
* Laminated Bags
* Cone Bags
* Micro-Perforated Bags
* See more >
* * Zipper Bags
* Polyethylene
* Polypropylene Zipper Bags
* High Barrier Zipper Bags
* White Block Zipper Bags
* Sliding Zipper Bags
* Flat Heat Seal Bags
* Value Heat Seal Bags
* Laminated Heat Seal Bags
* Metallized Heat Seal Bags
* Kraft Heat Seal Bags
* Eco Heat Seal Bags
* Handle Bags
* Carry Out Bags
* Shopping Bags
* Produce Bags
* Gift Bags
* Water Soluble Bags
* * Specialized Bags
* Macaron Bags
* Cupcake Bags
* Coffee Bags
* Door Knob
* Newspaper Bags
* Greaseproof Bags
* Static Shielding
* Tropical Fish
* Comic Book Bags
* Canvas Gallery Wraps
* Poly Mailers
* See More >
* BOXES
Toggle submenu for BOXES
* * NEW!
* Custom
* Trending/Uses
* Fishing/Lure Packaging
* Cupcake Boxes
* Greeting Card Boxes
* Display Boxes
* Wax Melts Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Crystal Clear Boxes
* Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Clamshell Boxes
* Iridescent Boxes
* Food Safe Sets
* Artisan Candy
* Truffle Boxes
* Candy Tackle Box Sets
* Macaron Box Sets
* Cupcake Box Sets
* Nested Box Sets
* * Decorative Boxes
* Boxes with Decorative Tops
* Wine Boxes
* Shaped Boxes
* Handle Boxes
* Candy Apple
* Tubes
* Clear Tubes
* Kraft Tubes
* Pillow Boxes
* Clear Pillow Boxes
* Kraft Pillow Boxes
* Frosted Pillow Boxes
* Embossed Pillow Boxes
* Retail Packs
* * Paper Boxes
* Window Boxes
* Solid Boxes
* 2-Piece Boxes
* Box Tops
* Box Bottoms
* * Box Accessories
* Stretch Loop
* Clear Stickers
* Heat Sealers
* Poly Sheets
* Pre-printed Labels
* Hang Tabs
* Shipping & Storage Boxes
* Shoe Storage Boxes
* Airsafe Shipping Boxes
* MATS & BACKING
Toggle submenu for MATS & BACKING
* * NEW!
* Custom
* Trending/Uses
* Chipboard
* Backer Board
* 11" x 14"
* 8.5" x 11"
* 4" x 6"
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Mats
* Decorative Mats
* Conservation Mats
* Slip-in Mats
* Show Kits
* * ClearBags Backing
* Double Sided 4-Ply Backing
* Single Sided 4-Ply Backing
* Economy 30pt Backing
* Backing Board
* * Bainbridge Backing
* Double Thick Backing
* Archival Backing
* Self-adhesive Backing
* Foam Board
* * Accessories
* Protective Closure
* Canvas Wraps
* Varnish Print Protection Spray
* AirSafe Shipping Boxes
* Mounting Materials
* CARDS & ENVELOPES
Toggle submenu for CARDS & ENVELOPES
* * NEW!
* Custom
* Trending/Uses
* A2 Envelopes
* A7 Envelopes
* Premium
* Holiday
* Sale
* Free Shipping on $299*
* * Envelopes
* Premium Envelopes
* Brights Envelopes
* Brown Bag Envelopes
* Basis Envelopes
* Linen Envelopes
* Notables Envelopes
* Stardream Envelopes
* Foil Envelopes
* Vellum Envelopes
* Glassine Envelopes
* Mohawk Envelopes
* Full View Envelopes
* Frame Card Envelopes
* * Cards
* Premium Cards
* Basis Cards
* Moab Cards
* Mohawk Cards
* Linen Cards
* Frame Cards
* Photo Paper
* * Accessories
* Card Covers
* Stretch Loops
* Boxes
* Clear Sleeves
* ACCESSORIES
Toggle submenu for ACCESSORIES
* * NEW!
* Custom
* Trending/Uses
* Bows
* Cookie Accessories
* Stickers
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Ties & Bows
* Adhesive Tin Ties
* Twist Ties
* Pre-tied Bows
* Satin Bows
* Metallic Bows
* Jute Bows
* Printed Bows
* Stretch Loops
* Elastic Stretch Loops
* Vinyl Stretch Loops
* * Mounting
* Mounting Corners
* Mounting Tape
* Photo Mounts
* Heat Sealers
* Clear Poly Sheets
* Metallic Toppers
* * Cookie Boards
* Clear Stickers
* Pre-Printed Labels
* Hang Tabs
* Varnish Print Protection Spray
* Deckled Edge Ruler
* SPECIALTY
Toggle submenu for SPECIALTY
* * NEW!
* Custom
* Trending/Uses
* Card Covers
* Book Covers
* Poly Mailers
* Grease Resistant
* Wallets
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Glassine
* Glassine Sheets
* Glassine Envelopes
* Glassine Gusset Bags
* Direct Mail
* Poly Mailers
* Rigid Mailers
* Glamour Mailers
* Home Compostable
* * Canvas Gallery Wraps
* European Sizes
* Domestic Sizes
* Vinyl Products
* Food Wraps
* * Collectible Sleeves
* Trading Card Sleeves
* Comic Book Sleeves
* Media Sleeves
* Card Covers
* Slip Covers
* Card Jackets
* Vinyl Card Covers
* * Book Covers
* Healthcare
* Disposable Gloves
* Antimicrobial SmartSleeves
* Tropical Fish Bags
* Static Shielding Bags
* SALE
Toggle submenu for SALE
* * Sale Items
* Bags
* Boxes
* Pre-cut Mats
* Miscellaneous
* * Clearance
* Bags
* Boxes
* Cards
* Miscellaneous
* Mats
My Cart ()
10 of %1 products in cart displayed
Your cart is empty for now.
If you are looking for products added to your shopping cart on another device -
log in.
Looking for inspiration? See new products
sku
qty:
Subtotal: undefined
Checkout or View and edit cart
loader
Loading...
Close panel
Checkout using your account
Email Address
Password
Sign In Forgot Your Password?
Checkout as a new customer
Creating an account has many benefits:
* See order and shipping status
* Track order history
* Check out faster
Create an Account
FEATURED CATEGORIES
Find the perfect fit for your products
* Stand up pouches
* Bags
* Boxes
* Cards & Envelopes
* Eco-Friendly
* Kraft
* Mailers
* Specialty
* Accessories
* Food Sets
shipping
Fast & Free
Shipping
Ensuring your packaging needs are met promptly and affordably
packaging
Free
Samples
Explore our products risk-free with complimentary samples
bulk
Wholesale Pricing: Save up to 70%
Save with wholesale pricing, no minimum order required
service
Expert Customer Service
Personalized support and guidance from our expert team
eco
Eco Friendly Packaging Available
Helping you reduce your environmental footprint without compromising on quality
NEW PACKAGING PRODUCTS AT CLEARBAGS
Shop all New
New
Candy Tackle Box 2 Cavity 2 3/16" x 1" x 4 1/16" 25 pack CTBS21
$9.67 As low as $4.29
In stock
CANDY TACKLE BOX 2 CAVITY 2 3/16" X 1" X 4 1/16" 25 PACK CTBS21
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
New
Clear Stand Up Zipper Pouch w/ K Seal 8 1/4" x 3 1/2" x 11 1/2" 100 pack KZBG5
$45.60 As low as $25.30
In stock
CLEAR STAND UP ZIPPER POUCH W/ K SEAL 8 1/4" X 3 1/2" X 11 1/2" 100 PACK KZBG5
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
New
Kraft Eco Stand Up Zipper Pouch w/ Oval Window and Pocket Zipper 5 1/8" x 3 1/8"
x 8 1/8" 100 pack ZBGEO3KP
$52.56 As low as $31.38
In stock
KRAFT ECO STAND UP ZIPPER POUCH W/ OVAL WINDOW AND POCKET ZIPPER 5 1/8" X 3 1/8"
X 8 1/8" 100 PACK ZBGEO3KP
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
New
Gumball Shaped Pouch w/ Zipper 5 1/8" x 2 3/8" x 9" 100 pack SP7GBZ
$26.45 As low as $16.83
In stock
GUMBALL SHAPED POUCH W/ ZIPPER 5 1/8" X 2 3/8" X 9" 100 PACK SP7GBZ
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Shop all New
FEATURED INDUSTRIES
* Photo & Art
* Craft & Hobby
* Stationery
*
GET CUSTOM PACKAGING
We offer one of the widest selections of customizable products and some of the
lowest minimum order quantities. From selecting the perfect packaging products
through to your final proof, our packaging specialists will walk you through the
process and make it easy.
Get your custom packaging quote
SALE ITEMS AT CLEARBAGS - SAVE UP TO 35% OFF
Shop all Sale
Sale
Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282
Special Price $4.89 Regular Price $13.97
In stock
MINI CLEAR TAKE OUT BOX 2 3/8" X 2" X 2 1/8" 25 PACK FS282
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Sale
Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL
Special Price $7.37 Regular Price $12.28 As low as $7.24
In stock
TEAL SOLID BANDS PRINTED CELLO GUSSET BAGS 2" X 1 7/8" X 9 1/2" 100 PACK G1TL
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Sale
Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack
WKRG277
Special Price $3.68 Regular Price $9.21
In stock
KRAFT PAPER WINDOW BOX WITH ATTACHED PET SHEET 2 3/4" X 9/16" X 2 11/16" 25 PACK
WKRG277
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Sale
Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22
Special Price $1.76 Regular Price $2.93 As low as $1.26
In stock
CRYSTAL CLEAR ZIP BAGS + ROUND HANG HOLE 2" X 2" 100 PACK Z4R22
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Shop all Sale
WHAT PEOPLE ARE SAYING ABOUT US
Powered by Pixlee
PACKAGING SUPPLIES, CLEAR PLASTIC BAGS & ECO-FRIENDLY
Bags
Boxes
Eco
Stand Up Pouches
Mats & Backing
Cards & Envelopes
Kraft
Mailers
Specialty
Accessories
Holiday
Food Sets
SHOP HALLOWEEN FAVORITES
New
Jack-o-Lantern Shaped Pouch 7 3/4" x 3" x 7 1/2" 100 pack SP7JZ
$37.27 As low as $23.44
In stock
JACK-O-LANTERN SHAPED POUCH 7 3/4" X 3" X 7 1/2" 100 PACK SP7JZ
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
New
Skeleton Shaped Pouch 6 9/16" x 3" x 8 1/8" 100 pack SP7SKZ
$34.05 As low as $21.67
In stock
SKELETON SHAPED POUCH 6 9/16" X 3" X 8 1/8" 100 PACK SP7SKZ
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Orange Neon Stand Up Pouch w/ Hang Hole 5 1/8" x 3 1/8" x 8 1/8" 100 pack
ZBGN3OR
$33.07 As low as $19.55
In stock
ORANGE NEON STAND UP POUCH W/ HANG HOLE 5 1/8" X 3 1/8" X 8 1/8" 100 PACK
ZBGN3OR
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Pumpkin Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3P
$7.42 As low as $4.39
In stock
PUMPKIN STAND UP ZIPPER POUCH 5 1/8" X 3 1/8" X 8 1/8" 25 PACK ZBGW3P
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Witches Hats Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3HA
$9.75 As low as $4.39
In stock
WITCHES HATS STAND UP ZIPPER POUCH 5 1/8" X 3 1/8" X 8 1/8" 25 PACK ZBGW3HA
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
CARDS & ENVELOPES
Cards and Envelopes is a creative and versatile stationery set that combines
beautifully designed cards with matching envelopes, suitable for a wide range of
occasions. Each set typically includes a variety of card designs, featuring
elegant graphics, heartfelt messages, or blank spaces for personalized notes.
Shop Cards & Envelopes »
MATS & BACKING
SHOP BY INDUSTRY
Photo & Art
Craft & Hobby
Stationery
Food
Direct Mail
Dispensary
Outdoor
Wedding
Pet
Holiday
Collectibles
Shop All Industries
SHOP TOP SELLERS
Crystal Clear Bags® with No Flap 4 5/8" x 5 7/8" 100 pack B54NF
$7.65 As low as $2.85
In stock
CRYSTAL CLEAR BAGS® WITH NO FLAP 4 5/8" X 5 7/8" 100 PACK B54NF
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Bags® with Flap 6" x 9" 100 pack B6X9S
$11.01 As low as $5.15
In stock
CRYSTAL CLEAR BAGS® WITH FLAP 6" X 9" 100 PACK B6X9S
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Bags® with Flap 9" x 12" 100 pack B912
$17.55 As low as $8.50
In stock
CRYSTAL CLEAR BAGS® WITH FLAP 9" X 12" 100 PACK B912
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Bags® with Flap 5 7/16" x 7 1/4" 100 pack B75
$9.53 As low as $4.55
In stock
CRYSTAL CLEAR BAGS® WITH FLAP 5 7/16" X 7 1/4" 100 PACK B75
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Bags® with Flap 8 15/16"x 11 1/4" 100 pack B811
$16.95 As low as $8.30
In stock
CRYSTAL CLEAR BAGS® WITH FLAP 8 15/16"X 11 1/4" 100 PACK B811
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Boxes® with Pop & Lock Bottom 3" x 3" x 3" 25 pack PLB58
$17.55 As low as $9.24
In stock
CRYSTAL CLEAR BOXES® WITH POP & LOCK BOTTOM 3" X 3" X 3" 25 PACK PLB58
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Boxes® 4 1/2" x 5/8" x 5 7/8" 25 pack FB3
$13.21 As low as $6.20
In stock
CRYSTAL CLEAR BOXES® 4 1/2" X 5/8" X 5 7/8" 25 PACK FB3
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Boxes® 4 1/8" x 1" x 4 1/16" 25 pack FB99
$13.24 As low as $6.23
In stock
CRYSTAL CLEAR BOXES® 4 1/8" X 1" X 4 1/16" 25 PACK FB99
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Candy Apple Box (hole top) 4" x 4" x 4" 25 pack FS56
$25.87 As low as $12.44
In stock
CANDY APPLE BOX (HOLE TOP) 4" X 4" X 4" 25 PACK FS56
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
Crystal Clear Boxes® Pop & Lock 2" x 2" x 2" 25 pack PLB104
$8.25 As low as $4.00
In stock
CRYSTAL CLEAR BOXES® POP & LOCK 2" X 2" X 2" 25 PACK PLB104
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
You're adding pcs
View Full Product Details
MORE WAYS TO SAVE
Clearance
Shop Now
Email
Sign Up
Daily Sales
Shop Now
SAVE UP TO 35% ON SELECT BAGS
Get ready to stock up on all your packaging needs while saving big! Enjoy
savings of up to 35% on a wide range of high-quality bags, now is the perfect
time to shop. Shop now and grab your favorite bags at unbeatable prices!
Shop & Save Today »
GET CUSTOM PACKAGING
WHY PACKAGING BY CLEARBAGS?
Fast & Free Shipping
Free Samples
Quality Packaging Experts
Wholesale Pricing - Save up to 70%
Expert Customer Service
Eco Friendly Packaging Available
SHOP BY PACKAGING USE
Cookie
Packaging
Wax Melt
Packaging
Bakery
Packaging
Candy
Packaging
Coffee
Packaging
Pet
Packaging
Wine Bottle
Packaging
Pretzel Rod
Packaging
Cupcake
Packaging
Travel
Packaging
Macaron
Packaging
Cake Pop
Packaging
Sign up today to start saving with an exclusive offer
Subscribe
FOOTER
logo-footer
The best products at the best price!
* facebook
* twitter
* instagram
* linkedin
* pinterest
* youtube
* Company
Company
* About Us
* News
* Sustainability
* ClearBags Cares
* Patents & Trademarks
* Privacy Policy
* Trade Shows
* Top 10 Packaging by Use
* ClearBags Blog
* Shop by Size
* Industry
Industry
* Art & Photo
* Dispensary
* Collectibles
* Cosmetics
* Crafting
* Direct Mail
* Fishing
* Food
* General
* Healthcare
* Wedding
* Holiday
* Pet
* Stationery
* Support
Support
* Contact Us
* FAQs
* Fast Order
* Shipping & Returns
* Account
Account
* Cart
* Create an Account
* Order History
* Customize
Customize
* Custom Bags
* Custom Boxes
* Custom Pouches
* Custom Labels
* Custom Mats
* Other/General Info
© 2024 ClearBags®. All Rights Reserved.
Safe shopping: SSL/TLS
* paypal
* mastercard
* visa
* discover
* amex
Safe shopping: SSL/TLS
loader
Loading...
CONVERSATION
* Chat
...