PageSourceSearch

https://sevensons.net/store/collections/featured-items

html sevensons.net collected 2026-09-25 20:38:06 UTC 309,354 bytes, 4,169 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
4(window,'AW-782873385','google_tags_first_party');</script>
4<script async src="/tzmd/"></script>
4
5			
5<script>
6				window.dataLayer = window.dataLayer || [];
7				function gtag(){dataLayer.push(arguments);}
8				gtag('js', new Date());
9				gtag('set', 'developer_id.dYzg1YT', true);
10				gtag('config', 'AW-782873385');
11			</script>
11
12			
13        <meta charset="utf-8">
14    <meta name="viewport" content="width=device-width, initial-scale=1">
15    <meta name="robots" content="noindex, nofollow">
16
17    <title>Featured Items - Seven Sons Farms</title>
18    
19    <link rel="canonical" href="https://sevensons.net/store/collections/featured-items"/>
20    <meta name="csrf-token" content="mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh" id="csrfToken">
21            <link rel="icon" type="image/png" href="https://s3.amazonaws.com/sevensonsfarms/sevensonsfarms/images/1579548671_5e25ffff6a1d9.png">
22        
23        
24
25    <style>
26        .product-list ::-webkit-scrollbar {
27            display: none;
28        }
29
30        @media (min-width: 640px) {
31            .product-list ::-webkit-scrollbar {
32                display: block;
33                height: 8px; /* height of horizontal scrollbar */
34            }
35        }
36    </style>
37
38    <link rel="preconnect" href="https://fonts.googleapis.com">
39    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bevan:wght@400&family=Open+Sans:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bevan:wght@400&family=Open+Sans:wght@400;500;600;700&display=swap"></noscript>
41
42    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
43
44    <link rel="preload" as="style" href="/theme/theme-variables.css?id=1775063067">
45    <link rel="stylesheet" href="/theme/theme-variables.css?id=1775063067">
46
47    <link rel="preload" as="style" href="https://sevensons.net/build/assets/theme-BxCuCMYf.css" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/theme-Zl4_RbUR.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/googleAutocomplete-D00FyyZq.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/lodash-BdLKt6uL.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/_commonjsHelpers-C4iS2aBk.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/index-DHsX4QtD.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/storefrontNotifications-C7Nzupzy.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/v4-SoommWqA.js" /><link rel="modulepreload" as="script" href="https://sevensons.net/build/assets/popper-BQBsAJpH.js" /><link rel="stylesheet" href="https://sevensons.net/build/assets/theme-BxCuCMYf.css" data-navigate-track="reload" />
47<script type="module" src="https://sevensons.net/build/assets/theme-Zl4_RbUR.js" data-navigate-track="reload"></script>
47
48    <style>
49        . {
50            color: initial;
51            font-family: initial;
52            line-height: initial;
53            letter-spacing: initial;
54            text-transform: initial;
55        }
56    </style>
57
58    <link rel="preload" as="style" href="/theme/theme.css?id=1775063067">
59    <link rel="stylesheet" href="/theme/theme.css?id=1775063067">
60
61        
62        <!-- Start Facebook Pixel Code -->
63            
63<script>
64            !function(f, b, e, v, n, t, s) {
65                if (f.fbq) return;
66                n = f.fbq = function() {
67                    n.callMethod ?
68                        n.callMethod.apply(n, arguments) : n.queue.push(arguments);
69                };
70                if (!f._fbq) f._fbq = n;
71                n.push = n;
72                n.loaded = !0;
73                n.version = '2.0';
74                n.queue = [];
75                t = b.createElement(e);
76                t.async = !0;
77                t.src = v;
78                s = b.getElementsByTagName(e)[0];
79                s.parentNode.insertBefore(t, s);
80            }(window, document, 'script',
81                'https://connect.facebook.net/en_US/fbevents.js');
82            fbq('init', '536233553408358');
83        </script>
83
84    
85<!-- End Facebook Pixel Code -->
86
87    <!-- Google Tag Manager -->
88
89<script>
vendor: 331 bytes, lines 89-93
89(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
90new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
91j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
92'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
93})(window,document,'script','dataLayer','
93GTM-NHNFTK5
vendor: 3 bytes, line 93
93');
93</script>
93
94<!-- End Google Tag Manager -->
95
96    <style>
97        [x-cloak] {
98            display: none;
99        }
100    </style>
101</head>
102
103<body
104        class="font-body"
105        x-data="{ sidePanelOpened: false }"
106        @side-panel-opened.window="sidePanelOpened = true"
107        @side-panel-closed.window="setTimeout(() => sidePanelOpened = false, 250)"
108>
109
110<div id="app">
111    <div id="top-of-page"></div>
112    <div style="position: relative;">
113
114        <div class="font-body border-t border-chestnut-rose-300 shadow-inner bg-linear-to-r from-chestnut-rose-400/35 to-buttercup-300/35">
115                <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8">
116                    <div class="relative flex py-3 items-center justify-center">
117                        <div class="space-x-3 flex items-center text-sm font-semibold sm:text-base">
118                            <p>Save 5% + a FREE Item + $25 Cash Back</p>
119                            <div wire:key="lw-2403797990-0" wire:snapshot="{&quot;data&quot;:{&quot;action&quot;:[{&quot;modal_to_open&quot;:&quot;subscribe-offer-drawer&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;needs_lead_capture&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;mrGem6fQ3HyIZKJ3C3VS&quot;,&quot;name&quot;:&quot;theme.lead-capture-with-content&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[],&quot;slots&quot;:[{&quot;name&quot;:&quot;before-capture&quot;,&quot;componentId&quot;:&quot;mrGem6fQ3HyIZKJ3C3VS&quot;,&quot;parentId&quot;:null},{&quot;name&quot;:&quot;after-capture&quot;,&quot;componentId&quot;:&quot;mrGem6fQ3HyIZKJ3C3VS&quot;,&quot;parentId&quot;:null},{&quot;name&quot;:&quot;default&quot;,&quot;componentId&quot;:&quot;mrGem6fQ3HyIZKJ3C3VS&quot;,&quot;parentId&quot;:null}]},&quot;checksum&quot;:&quot;ab4695aefdb1c5639c9bbb9ef99226a85e931c1c1bd77dfe2b8897041a486dca&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;lead-captured&quot;]}" wire:id="mrGem6fQ3HyIZKJ3C3VS" wire:name="theme.lead-capture-with-content" x-data="{ needs_lead_capture: $wire.entangle('needs_lead_capture') }" class="relative">
120    <!--[if BLOCK]><![endif]-->        <span x-show="needs_lead_capture">
121            <!--[if FRAGMENT:name=before-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=2566892043|mode=morph]><![endif]-->
122                                    <button type="button" class="cursor-pointer whitespace-nowrap rounded-sm bg-chestnut-rose-600 px-2 py-1 text-xs font-semibold text-white shadow-xs sm:text-sm hover:bg-chestnut-rose-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-600">Claim Offer</button>
123                                <!--[if ENDFRAGMENT:name=before-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=2566892043|mode=morph]><![endif]-->
124            <div @click="$dispatch('open-modal-lead-capture', { action: JSON.parse('{\u0022modal_to_open\u0022:\u0022subscribe-offer-drawer\u0022}') })" class="absolute inset-0 z-10 cursor-pointer"></div>
125        </span>
126        <span x-show="!needs_lead_capture" x-cloak><!--[if FRAGMENT:name=after-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=3615599535|mode=morph]><![endif]-->
127                                    <button type="button" class="cursor-pointer whitespace-nowrap rounded-sm bg-buttercup-300 px-2 py-1 text-xs font-semibold text-buttercup-900 shadow-xs sm:text-sm hover:bg-buttercup-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-buttercup-600">Offer Claimed &check;</button>
128                                <!--[if ENDFRAGMENT:name=after-capture|type=slot|id=mrGem6fQ3HyIZKJ3C3VS|token=3615599535|mode=morph]><![endif]--></span>
129    <!--[if ENDBLOCK]><![endif]--></div>
130
131                        </div>
132                    </div>
133                </div>
134            </div>
135            
136
137<div class="" x-data="topNavigation()" style="position: sticky; top: 0; z-index: 20;">
138        <div class="font-body bg-white">
139        <header class="relative z-20">
140            <nav aria-label="Top" class="relative shadow-xs">
141                <header class="bg-keppel-400">
142                    <div class="mx-auto px-4 lg:max-w-7xl lg:divide-y lg:divide-gray-700 lg:px-8">
143                        <div class="relative flex items-center h-14">
144                            <div class="flex-1 relative z-10 w-full">
145                                <div class="flex items-center max-w-md">
146                                    <div x-data class="flex shrink-0 items-center">
147                                        <button x-on:click="$dispatch('open-flyout-menu')"
148                                                type="button"
149                                                class="relative rounded-md bg-transparent text-white mr-3 lg:hidden"
150                                        >
151                                            <span class="absolute -inset-0.5"></span>
152                                            <span class="sr-only">Open menu</span>
153                                            <div class="flex items-center gap-x-2">
154                                                <svg class="h-6 w-6 " fill="none" viewBox="0 0 24 24" stroke-width="1.5"
155                                                     stroke="currentColor" aria-hidden="true">
156                                                    <path stroke-linecap="round" stroke-linejoin="round"
157                                                          d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
158                                                </svg>
159                                            </div>
160                                        </button>
161                                        <a href="/" class="hidden md:block">
162                                            <span class="sr-only">Seven Sons Farms</span>
163                                            <img
164        src="https://d3kz8fnjk70eni.cloudfront.net/fit-in/128x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png"
165        srcset="https://d3kz8fnjk70eni.cloudfront.net/fit-in/64x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 64w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/128x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 128w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/256x0/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png 256w"
166        sizes="128px"
167        alt="Seven Sons Farms Logo"
168        decoding="async"
169         class="h-8 w-auto"                  loading="lazy" fetchpriority="low" />
170                                        </a>
171                                    </div>
172                                    <div class="w-full md:ml-6 lg:max-w-xs">
173                                        <button class="hidden w-full bg-gray-900/15 shadow-inner rounded-2xl cursor-text border-0 py-2 px-3 text-white ring-1 ring-inset ring-keppel-400 transition-colors focus:ring-2 focus:ring-inset focus:ring-keppel-500 hover:bg-gray-900/18 sm:text-sm sm:leading-6 md:block" x-on:click="$dispatch('product-search-toggled')">
174                                            <span class="flex items-center overflow-hidden gap-x-2">
175                                                <svg class="h-5 w-5 text-gray-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
176                                                    <path fill-rule="evenodd"
177                                                          d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
178                                                          clip-rule="evenodd"
179                                                    ></path>
180                                                </svg>
181                                                <span class="inline-block whitespace-nowrap">What can we help you find?</span>
182                                            </span>
183                                        </button>
184                                        <div class="md:hidden flex items-center">
185                                            <a href="/" class="inline-block">
186                                                <span class="sr-only">Seven Sons Farms</span>
187                                                <img src="https://s3.amazonaws.com/sevensonsfarms/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png" class="h-8 w-auto" alt="Seven Sons Farms Logo">
188                                            </a>
189                                        </div>
190                                    </div>
191                                </div>
192                            </div>
193
194                            <div class="flex-none relative z-10 -mr-4 lg:mr-0 lg:w-full lg:max-w-sm">
195                                <div class="flex items-center justify-end gap-x-1 w-full">
196                                                                            <div wire:key="lw-2455729841-2" wire:snapsh
196ot="{&quot;data&quot;:{&quot;cart&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;zKYqOuzm26zzkJrmHVFW&quot;,&quot;name&quot;:&quot;theme.cart-progress-nav&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;class&quot;:&quot;flex-auto&quot;},&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;6c0dc859c39fff59ba483e2485725709843f4066435b432d2eee0c45a95da0b1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;auth-state-changed&quot;,&quot;cartUpdated&quot;]}" wire:id="zKYqOuzm26zzkJrmHVFW" wire:name="theme.cart-progress-nav"
197    class="contents"
198    x-data
199    x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'cart-drawer' })"
200        data-flux-modal-trigger
201>
202    <div class="flex text-white px-3 py-1.5 cursor-pointer rounded-2xl items-center justify-between transition-colors space-x-3 bg-gray-900/15 shadow-inner hover:bg-gray-900/18">
203        <svg class="size-6 shrink-0"
204     xmlns="http://www.w3.org/2000/svg"
205     fill="none"
206     viewBox="0 0 24 24"
207     stroke-width="1.5"
208     stroke="currentColor"
209>
210    <!-- Original Heroicons Cube -->
211    <path stroke-linecap="round"
212          stroke-linejoin="round"
213          d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"
214    />
215
216    <!-- Center flap seam -->
217    <path d="M8.1 5.25 16.3 10" stroke-linecap="round" stroke-linejoin="round"/>
218    <path d="M15.96 9.9h.52v2.55l-.52.4V9.9Z" stroke-linecap="round" stroke-linejoin="round"/>
219</svg>
220        <div class="font-semibold text-sm">
221            <!--[if BLOCK]><![endif]-->                $0.00
222            <!--[if ENDBLOCK]><![endif]-->        </div>
223    </div>
224</div>
225                                    
226                                    <!-- Profile dropdown -->
227                                    <div class="relative shrink-0">
228                                        <div wire:key="lw-2455729841-3" wire:snapshot="{&quot;data&quot;:{&quot;authenticated&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;aVN5uVKxwO7E907oN4Nz&quot;,&quot;name&quot;:&quot;theme.authentication.account-popover&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;cfa08d8b311f07542c35163dfb41670a446cc23794036c3989067e725b131473&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;auth-state-changed&quot;]}" wire:id="aVN5uVKxwO7E907oN4Nz" wire:name="theme.authentication.account-popover" x-data="{ isOpen: false }" class="relative" x-on:click.away="isOpen = false">
229    <!-- Account menu toggle -->
230    <button type="button" x-on:click="isOpen = !isOpen"
231            class="inline-flex items-center px-3 py-2 cursor-pointer text-white rounded-2xl hover:bg-gray-900/18"
232            :aria-expanded="isOpen"
233    >
234        <span class="absolute -inset-0.5"></span>
235        <span class="sr-only">Open account menu</span>
236        <div class="flex items-center gap-x-2 text-sm">
237            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
238                 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
239                <path stroke-linecap="round" stroke-linejoin="round"
240                      d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"/>
241            </svg>
242        </div>
243    </button>
244
245    <!-- Account menu popover -->
246    <div
247            x-show="isOpen"
248            x-cloak
249            x-transition:enter=""
250            x-transition:enter-start=""
251            x-transition:enter-end=""
252            x-transition:leave="transition-opacity ease-in duration-100"
253            x-transition:leave-start="opacity-100"
254            x-transition:leave-end="opacity-0"
255            class="absolute right-0 z-10 mt-2 w-64 origin-top-right divide-y divide-gray-200 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-hidden"
256            tabindex="-1"
257    >
258        <!--[if BLOCK]><![endif]-->            <div class="py-4 px-3">
259                <a href="https://sevensons.net/login"
260                   class="no-underline flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold leading-6 text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500">Sign
261                    in</a>
262
263                <p class="m-0 mt-4 text-center text-sm text-gray-500">
264                    Not a customer?
265                    <a href="https://sevensons.net/register"
266                       class="block font-semibold leading-6 text-chestnut-rose-500 hover:text-chestnut-rose-500/70">Create
267                        an account</a>
268                </p>
269            </div>
270        <!--[if ENDBLOCK]><![endif]-->
271    </div>
272</div>
273                                    </div>
274                                </div>
275                            </div>
276                        </div>
277                    </div>
278                    <div class="md:hidden">
279                        <div class="mx-auto max-w-7xl pb-2 px-2 sm:px-4">
280                            <button class="w-full bg-gray-900/15 shadow-inner rounded-2xl cursor-text border-0 py-2 px-3 text-white ring-1 ring-inset ring-keppel-400 transition-colors focus:ring-2 focus:ring-inset focus:ring-keppel-500 hover:bg-gray-900/18 sm:text-sm sm:leading-6" x-on:click="$dispatch('product-search-toggled')">
281                                <span class="flex items-center overflow-hidden gap-x-2">
282                                    <svg class="h-5 w-5 text-gray-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
283                                        <path fill-rule="evenodd"
284                                              d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
285                                              clip-rule="evenodd"
286                                        ></path>
287                                    </svg>
288                                    <span class="inline-block whitespace-nowrap">What can we help you find?</span>
289                                </span>
290                            </button>
291                        </div>
292                    </div>
293                </header>
294            </nav>
295        </header>
296    </div>
297</div>
298
299<!-- Start desktop main menu -->
300<div class="">
301    <div class="hidden font-body bg-keppel-400 lg:block">
302        <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
303            <div class="flex items-center">
304                <!-- Desktop Store menu toggle, controls the 'storeMenuIsOpen' state. -->
305                <button x-on:click="$dispatch('open-flyout-menu')" type="button" class="-ml-4 py-2 px-4 relative flex items-center rounded-md bg-transparent text-white hover:bg-keppel-400/60">
306                    <span class="absolute -inset-0.5"></span>
307                    <span class="sr-only">Open store menu</span>
308                    <div class="inline-flex items-center gap-x-2">
309                        <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
310                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"/>
311                        </svg>
312                        <div class="font-semibold text-sm">Shop</div>
313                        <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
314                            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
315                        </svg>
316                    </div>
317                </button>
318
319                <!-- Divider -->
320                <div class="pl-4 h-6 border-r-2 border-gray-700/10"></div>
321
322                <!-- Desktop Main menu -->
323                <div class="pl-4 relative flex flex-nowrap">
324                    <div class="py-1 gap-x-4 flex items-start flex-nowrap grow-0 shrink basis-auto">
325                                                    <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative">
326        <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
327            <span>How It Works</span>
328            <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
329                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
330            </svg>
331        </button>
332
333        <!-- Flyout menu, show/hide based on flyout menu state. -->
334        <div
335                x-show="open"
336                x-transition:enter="transition ease-out duration-200"
337                x-transition:enter-start="opacity-0 translate-y-1"
338                x-transition:enter-end="opacity-100 translate-y-0"
339                x-transition:leave="transition ease-in duration-150"
340                x-transition:leave-start="opacity-100 translate-y-0"
341                x-transition:leave-end="opacity-0 translate-y-1"
342                class="absolute -left-4 z-20 flex w-screen max-w-min"
343        >
344            <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm">
345                                    <a href="https://sevensons.net/how-home-delivery-works" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Home Delivery</a>
346                                    <a href="https://sevensons.net/subscribe-save" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Subscribe &amp; Save</a>
347                                    <a href="https://sevensons.net/guarantee" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Brothers Guarantee</a>
348                            </div>
349        </div>
350    </div>
351                                                    <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative">
352        <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
353            <span>About</span>
354            <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
355                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
356            </svg>
357        </button>
358
359        <!-- Flyout menu, show/hide based on flyout menu state. -->
360        <div
361                x-show="open"
362                x-transition:enter="transition ease-out duration-200"
363                x-transition:enter-start="opacity-0 translate-y-1"
364                x-transition:enter-end="opacity-100 translate-y-0"
365                x-transition:leave="transition ease-in duration-150"
366                x-transition:leave-start="opacity-100 translate-y-0"
367                x-transition:leave-end="opacity-0 translate-y-1"
368                class="absolute -left-4 z-20 flex w-screen max-w-min"
369        >
370            <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm">
371                                    <a href="https://sevensons.net/protocols" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Our Standards</a>
372                                    <a href="https://sevensons.net/manifesto" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Our Manifesto</a>
373                                    <a href="https://sevensons.net/our-story" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Meet the Family</a>
374                                    <a href="https://sevensons.net/tour" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Virtual Farm Tour</a>
375                            </div>
376        </div>
377    </div>
378                                                    <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative">
379        <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
380            <span>Learn</span>
381            <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
382                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
383            </svg>
384        </button>
385
386        <!-- Flyout menu, show/hide based on flyout menu state. -->
387        <div
388                x-show="open"
389                x-transition:enter="transition ease-out duration-200"
390                x-transition:enter-start="opacity-0 translate-y-1"
391                x-transition:enter-end="opacity-100 translate-y-0"
392                x-transition:leave="transition ease-in duration-150"
393                x-transition:leave-start="opacity-100 translate-y-0"
394                x-transition:leave-end="opacity-0 translate-y-1"
395                class="absolute -left-4 z-20 flex w-screen max-w-min"
396        >
397            <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm">
398                                    <a href="https://sevensons.net/regenerative-investor" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Regenerative Investor Club</a>
399                                    <a href="https://sevensons.net/farm-ambassador" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Ambassadors Program</a>
400                                    <a href="https://sevensons.net/farm-life-show" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Life Show</a>
401                                    <a href="https://sevensons.net/farm-partners" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Farm Partners</a>
402                                    <a href="https://sevensons.net/learn" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Articles</a>
403                                    <a href="https://sevensons.net/recipes" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Recipes</a>
404                                    <a href="https://sevensons.net/blog" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Blog</a>
405                            </div>
406        </div>
407    </div>
408                                                    <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative">
409        <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
410            <span>Visit</span>
411            <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
412                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
413            </svg>
414        </button>
415
416        <!-- Flyout menu, show/hide based on flyout menu state. -->
417        <div
418                x-show="open"
419                x-transition:enter="transition ease-out duration-200"
420                x-transition:enter-start="opacity-0 translate-y-1"
421                x-transition:enter-end="opacity-100 translate-y-0"
422                x-transition:leave="transition ease-in duration-150"
423                x-transition:leave-start="opacity-100 translate-y-0"
424                x-transition:leave-end="opacity-0 translate-y-1"
425                class="absolute -left-4 z-20 flex w-screen max-w-min"
426        >
427            <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm">
428                                    <a href="https://sevensons.net/farm-store" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Roanoke, IN Farm Store</a>
429                                    <a href="https://sevensons.net/tours" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Seasonal Farm Tours</a>
430                                    <a href="https://www.google.com/maps/dir//15718+Aboite+Rd,+Roanoke,+IN+46783/@40.9379902,-85.4019677,19928m/data=!3m1!1e3!4m8!4m7!1m0!1m5!1m1!1s0x8815c17bc5f9b4d3:0xe07579c4832d1a1f!2m2!1d-85.3195669!2d40.9380195?entry=ttu&amp;g_ep=EgoyMDI1MDEwOC4wIKXMDSoASAFQAw%3D%3D" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Get Directions</a>
431                            </div>
432        </div>
433    </div>
434                        
435                        <div x-data="{ open: false }" @click.away="open = false" @mouseleave="open = false" class="relative">
436                            <button type="button" @mouseenter="open = true" class="py-2 px-3 rounded-md inline-flex text-white items-center gap-x-1 hover:text-gray-100 hover:bg-keppel-400/60 sm:text-sm" :aria-expanded="open">
437                                <span>Help</span>
438                                <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
439                                    <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
440                                </svg>
441                            </button>
442
443                            <!-- Flyout menu, show/hide based on flyout menu state. -->
444                            <div
445                                    x-show="open"
446                                    x-transition:enter="transition ease-out duration-200"
447                                    x-transition:enter-start="opacity-0 translate-y-1"
448                                    x-transition:enter-end="opacity-100 translate-y-0"
449                                    x-transition:leave="transition ease-in duration-150"
450                                    x-transition:leave-start="opacity-100 translate-y-0"
451                                    x-transition:leave-end="opacity-0 translate-y-1"
452                                    class="absolute -left-4 z-20 flex w-screen max-w-min"
453                            >
454                                <div x-cloak class="py-1.5 w-56 shrink rounded-md bg-white text-gray-900 shadow-lg ring-1 ring-gray-900/5 sm:text-sm">
455                                    <a href="https://sevensons.net/customer-support" class="block px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Contact Us</a>
456                                    <button type="button" id="accessibilityTriggerId" class="block w-full text-left px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Accessibility</button>
457                                    <button type="button" x-on:click="window.openZendeskWidget(); open = false;" class="block w-full text-left px-4 py-2 text-gray-900 hover:bg-gray-100 no-underline">Customer FAQs</button>
458                                </div>
459                            </div>
460                        </div>
461                    </div>
462
463                                    </div>
464            </div>
465        </div>
466    </div>
467</div>
468<!-- End desktop main menu -->
469
470<div x-intersect:enter="$dispatch('header-entered')" x-intersect:leave="$dispatch('header-left')"></div>
471
472
473
474        <!-- Start Site Messages -->
475                <!-- End Site Messages -->
476
477        <!-- Start Main Content -->
478            <section class="">
479        <div class="font-body">
480            <div class="bg-white">
481                <div class="mx-auto max-w-7xl py-3 px-4 sm:px-6 lg:px-8">
482                    <nav class="flex" aria-label="Breadcrumb">
483                        <ol role="list" class="m-0 flex items-center gap-x-4">
484                            <li>
485                                <a href="https://sevensons.net/store" class="inline-flex no-underline rounded-md px-4 py-2 text-sm font-medium text-gray-900 hover:bg-gray-100">
486                                    Store
487                                </a>
488                            </li>
489
490                            <li>
491                                <div class="flex items-center">
492                                    <svg class="h-5 w-5 shrink-0 text-gray-300" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
493                                        <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"></path>
494                                    </svg>
495                                    <div class="ml-4">
496                                        <div class="inline-flex items-center gap-x-1 text-sm font-medium text-gray-500">
497                                            Featured Items
498                                        </div>
499                                    </div>
500                                </div>
501                            </li>
502                        </ol>
503                    </nav>
504                </div>
505            </div>
506
507
508            <div class="">
509                <section class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
510                    <div class="relative max-w-7xl mx-auto">
511                        <div class="pt-4 sm:pt-8">
512                            <h1 class="m-0 text-2xl font-display font-bold text-gray-900 lg:text-4xl">
513                                Featured Items
514                            </h1>
515                            <div class="mt-3 max-w-xl text-sm text-gray-500 prose lg:text-base lg:mt-4">
516                                
517                            </div>
518                        </div>
519                    </div>
520
521                                        <div class="pt-6 pb-4 grid  grid-cols-2 gap-x-4  gap-y-12 lg:gap-x-6 lg:grid-cols-4 lg:pt-8 lg:pb-6 productListing--grid">
522                        <!-- Start Barbeque Beef Jerky -->
523    <section
524        id="product_barbeque-beef-jerky"
525        class="flex flex-col"
526        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:371,\u0022item_name\u0022:\u0022Barbeque Beef Jerky\u0022,\u0022index\u0022:0,\u
5260022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
527        x-intersect.half.once="trackProductView"
528>
529    <div class="relative ">
530        <div class="relative w-full group rounded-t-lg">
531            <a href="/store/product/barbeque-beef-jerky"
532               title="Barbeque Beef Jerky"
533               class="productListing__photoLink--grid"
534            >
535                <div class="relative w-full">
536                    <div class="aspect-h-4 aspect-w-4 w-full group">
537                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073164_684fff4c198ca.webp" alt="Barbeque Beef Jerky"
538                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
539                                            </div>
540                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
541                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
542                                Back to School sale!
543                            </span>
544                        </div>
545                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
546                        <button type="button"
547                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
548                            View Details
549                            <span class="sr-only">, Barbeque Beef Jerky</span>
550                        </button>
551                    </div>
552                </div>
553
554            </a>
555        </div>
556    </div>
557
558    <div class="relative flex-1">
559        <div class="mt-3">
560            <p class="m-0  text-sm  leading-6 font-semibold">
561                <a href="https://sevensons.net/store/product/barbeque-beef-jerky" title="Barbeque Beef Jerky" class="text-gray-700 hover:text-gray-700">
562                    <span class="absolute inset-0"></span>
563                    <span>Barbeque Beef Jerky</span>
564                </a>
565            </p>
566            <div>
567                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">2.25 oz / pkg</p>
568                            </div>
569                            <div class="hidden">
570                    Seven Sons Family Farm
571                </div>
572                                </div>
573    </div>
574
575
576    <div class="mt-4 space-y-2">
577                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
578    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
579        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
580            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
581            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
582        </svg>
583        <div>
584                        Buy 12, Save 20%
585        </div>
586    </div>
587</div>
588        
589        <div class="flex items-baseline gap-x-2">
590                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
591                    &#36;4.75
592                </p>
593                <p class="m-0 text-gray-500 line-through  text-xs  ">
594                    &#36;5.55
595                </p>
596                    </div>
597
598        <button type="button" disabled class="block  text-xs  w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
599        <spam>Sold Out</spam>
600                    <span class="text-xs font-normal">&bull; Expected back Oct 12</span>
601            </button>
602
603    </div>
604
605</section>
606    <!-- End Barbeque Beef Jerky -->
607
608    
609            <!-- Start Original Beef Jerky -->
610    <section
611        id="product_original-beef-jerky"
612        class="flex flex-col"
613        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:373,\u0022item_name\u0022:\u0022Original Beef Jerky\u0022,\u0022index\u0022:1,\u0022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
614        x-intersect.half.once="trackProductView"
615>
616    <div class="relative ">
617        <div class="relative w-full group rounded-t-lg">
618            <a href="/store/product/original-beef-jerky"
619               title="Original Beef Jerky"
620               class="productListing__photoLink--grid"
621            >
622                <div class="relative w-full">
623                    <div class="aspect-h-4 aspect-w-4 w-full group">
624                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073188_684fff643cdd3.webp" alt="Original Beef Jerky"
625                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
626                                            </div>
627                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
628                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
629                                Back to School sale!
630                            </span>
631                        </div>
632                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
633                        <button type="button"
634                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
635                            View Details
636                            <span class="sr-only">, Original Beef Jerky</span>
637                        </button>
638                    </div>
639                </div>
640
641            </a>
642        </div>
643    </div>
644
645    <div class="relative flex-1">
646        <div class="mt-3">
647            <p class="m-0  text-sm  leading-6 font-semibold">
648                <a href="https://sevensons.net/store/product/original-beef-jerky" title="Original Beef Jerky" class="text-gray-700 hover:text-gray-700">
649                    <span class="absolute inset-0"></span>
650                    <span>Original Beef Jerky</span>
651                </a>
652            </p>
653            <div>
654                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">2.25 oz / pkg</p>
655                            </div>
656                            <div class="hidden">
657                    Seven Sons Family Farm
658                </div>
659                                </div>
660    </div>
661
662
663    <div class="mt-4 space-y-2">
664                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
665    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
666        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
667            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
668            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
669        </svg>
670        <div>
671                        Buy 12, Save 20%
672        </div>
673    </div>
674</div>
675        
676        <div class="flex items-baseline gap-x-2">
677                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
678                    &#36;4.75
679                </p>
680                <p class="m-0 text-gray-500 line-through  text-xs  ">
681                    &#36;5.55
682                </p>
683                    </div>
684
685        <button type="button" disabled class="block  text-xs  w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
686        <spam>Sold Out</spam>
687                    <span class="text-xs font-normal">&bull; Expected back Sep 28</span>
688            </button>
689
690    </div>
691
692</section>
693    <!-- End Original Beef Jerky -->
694
695    
696            <!-- Start Sweet Pepper Beef Jerky -->
697    <section
698        id="product_sweet-pepper-beef-jerky"
699        class="flex flex-col"
700        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:4.75,\u0022items\u0022:[{\u0022item_id\u0022:340,\u0022item_name\u0022:\u0022Sweet Pepper Beef Jerky\u0022,\u0022index\u0022:2,\u0022price\u0022:4.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
701        x-intersect.half.once="trackProductView"
702>
703    <div class="relative ">
704        <div class="relative w-full group rounded-t-lg">
705            <a href="/store/product/sweet-pepper-beef-jerky"
706               title="Sweet Pepper Beef Jerky"
707               class="productListing__photoLink--grid"
708            >
709                <div class="relative w-full">
710                    <div class="aspect-h-4 aspect-w-4 w-full group">
711                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073200_684fff70489f9.webp" alt="Sweet Pepper Beef Jerky"
712                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
713                                            </div>
714                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
715                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
716                                Back to School sale!
717                            </span>
718                        </div>
719                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
720                        <button type="button"
721                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
722                            View Details
723                            <span class="sr-only">, Sweet Pepper Beef Jerky</span>
724                        </button>
725                    </div>
726                </div>
727
728            </a>
729        </div>
730    </div>
731
732    <div class="relative flex-1">
733        <div class="mt-3">
734            <p class="m-0  text-sm  leading-6 font-semibold">
735                <a href="https://sevensons.net/store/product/sweet-pepper-beef-jerky" title="Sweet Pepper Beef Jerky" class="text-gray-700 hover:text-gray-700">
736                    <span class="absolute inset-0"></span>
737                    <span>Sweet Pepper Beef Jerky</span>
738                </a>
739            </p>
740            <div>
741                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">2.25 oz / pkg</p>
742                            </div>
743                            <div class="hidden">
744                    Seven Sons Family Farm
745                </div>
746                                </div>
747    </div>
748
749
750    <div class="mt-4 space-y-2">
751                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
752    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
753        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
754            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
755            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
756        </svg>
757        <div>
758                        Buy 5, Save 20%
759        </div>
760    </div>
761</div>
762        
763        <div class="flex items-baseline gap-x-2">
764                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
765                    &#36;4.75
766                </p>
767                <p class="m-0 text-gray-500 line-through  text-xs  ">
768                    &#36;5.55
769                </p>
770                    </div>
771
772        <button type="button" disabled class="block  text-xs  w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
773        <spam>Sold Out</spam>
774                    <span class="text-xs font-normal">&bull; Expected back Oct 12</span>
775            </button>
776
777    </div>
778
779</section>
780    <!-- End Sweet Pepper Beef Jerky -->
781
782    
783            <!-- Start Roam Sticks – Hickory-Smoked Pork With Uncured Bacon -->
784    <section
785        id="product_roam-sticks-hickory-smoked-pork-with-uncured-bacon"
786        class="flex flex-col"
787        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:2.25,\u0022items\u0022:[{\u0022item_id\u0022:1622,\u0022item_name\u0022:\u0022Roam Sticks – Hickory-Smoked Pork With Uncured Bacon\u0022,\u0022index\u0022:3,\u0022price\u0022:2.25,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
788        x-intersect.half.once="trackProductView"
789>
790    <div class="relative ">
791        <div class="relative w-full group rounded-t-lg">
792            <a href="/store/product/roam-sticks-hickory-smoked-pork-with-uncured-bacon"
793               title="Roam Sticks – Hickory-Smoked Pork With Uncured Bacon"
794               class="productListing__photoLink--grid"
795            >
796                <div class="relative w-full">
797                    <div class="aspect-h-4 aspect-w-4 w-full group">
798                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1756413245_68b0bd3d2e030.webp" alt="Roam Sticks – Hickory-Smoked Pork With Uncured Bacon"
799                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
800                                            </div>
801                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
802                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
803                                Back to School sale!
804                            </span>
805                        </div>
806                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
807                        <button type="button"
808                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
809                            View Details
810                            <span class="sr-only">, Roam Sticks – Hickory-Smoked Pork With Uncured Bacon</span>
811                        </button>
812                    </div>
813                </div>
814
815            </a>
816        </div>
817    </div>
818
819    <div class="relative flex-1">
820        <div class="mt-3">
821            <p class="m-0  text-sm  leading-6 font-semibold">
822                <a href="https://sevensons.net/store/product/roam-sticks-hickory-smoked-pork-with-uncured-bacon" title="Roam Sticks – Hickory-Smoked Pork With Uncured Bacon" class="text-gray-700 hover:text-gray-700">
823                    <span class="absolute inset-0"></span>
824                    <span>Roam Sticks – Hickory-Smoked Pork With Uncured Bacon</span>
825                </a>
826            </p>
827            <div>
828                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">1 oz per stick |1 Stick</p>
829                            </div>
830                            <div class="hidden">
831                    Singing Pastures Farms
832                </div>
833                                </div>
834    </div>
835
836
837    <div class="mt-4 space-y-2">
838                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
839    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
840        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
841            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
842            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
843        </svg>
844        <div>
845                        Buy 12, Save 20%
846        </div>
847    </div>
848</div>
849        
850        <div class="flex items-baseline gap-x-2">
851                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
852                    &#36;2.25
853                </p>
854                <p class="m-0 text-gray-500 line-through  text-xs  ">
855                    &#36;2.65
856                </p>
857                    </div>
858
859        <div wire:key="category-product-counter-roam-sticks-hickory-smoked-pork-with-uncured-bacon" wire:snapsh
859ot="{&quot;data&quot;:{&quot;style&quot;:&quot;btn-brand&quot;,&quot;cta_label&quot;:null,&quot;cta_classes&quot;:&quot;mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!&quot;,&quot;metadata&quot;:[{&quot;item_category&quot;:null,&quot;item_category2&quot;:null,&quot;item_list_id&quot;:&quot;bundle_roam-sticks-hickory-smoked-pork-with-uncured-bacon_page&quot;,&quot;item_list_name&quot;:&quot;Bundle Roam Sticks \u2013 Hickory-Smoked Pork With Uncured Bacon Page&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;count&quot;:0,&quot;product&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;key&quot;:1622,&quot;s&quot;:&quot;mdl&quot;}],&quot;has_subscription&quot;:false,&quot;has_order&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;j2nmrrrTQyERwWuMh3Qa&quot;,&quot;name&quot;:&quot;theme.add-product-counter-button&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;0e2545d10f313d266e1acb379e882573025303b9733478fc822177a5eeee88f2&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;auth-state-changed&quot;,&quot;cart-product-updated.1622&quot;,&quot;order-product-updated.1622&quot;,&quot;subscription-product-updated.1622&quot;]}" wire:id="j2nmrrrTQyERwWuMh3Qa" wire:name="theme.add-product-counter-button">
860        <!--[if BLOCK]><![endif]-->        <button
861                type="button"
862                wire:target="count, add, decrement"
863                wire:loading.attr="disabled"
864                wire:click="add"
865                class="block w-full  mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! "
866        >
867            <span wire:target="count, add, decrement" wire:loading.remove>
868                <!--[if BLOCK]><![endif]-->                    Add to Box
869                <!--[if ENDBLOCK]><![endif]-->            </span>
870            <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base">
871                <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
872                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
873                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
874                </svg>
875            </span>
876        </button>
877    <!--[if ENDBLOCK]><![endif]--></div>
878
879    </div>
880
881</section>
882    <!-- End Roam Sticks – Hickory-Smoked Pork With Uncured Bacon -->
883
884    
885            <!-- Start Roam Sticks – Hickory-Smoked Pork With Pineapple -->
886    <section
887        id="product_roam-sticks-hickory-smoked-pork-with-pineapple"
888        class="flex flex-col"
889        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:2.25,\u0022items\u0022:[{\u0022item_id\u0022:1624,\u0022item_name\u0022:\u0022Roam Sticks – Hickory-Smoked Pork With Pineapple\u0022,\u0022index\u0022:4,\u0022price\u0022:2.25,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
890        x-intersect.half.once="trackProductView"
891>
892    <div class="relative ">
893        <div class="relative w-full group rounded-t-lg">
894            <a href="/store/product/roam-sticks-hickory-smoked-pork-with-pineapple"
895               title="Roam Sticks – Hickory-Smoked Pork With Pineapple"
896               class="productListing__photoLink--grid"
897            >
898                <div class="relative w-full">
899                    <div class="aspect-h-4 aspect-w-4 w-full group">
900                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1756413245_68b0bd3dab883.webp" alt="Roam Sticks – Hickory-Smoked Pork With Pinea
900pple"
901                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
902                                            </div>
903                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
904                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
905                                Back to School sale!
906                            </span>
907                        </div>
908                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
909                        <button type="button"
910                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
911                            View Details
912                            <span class="sr-only">, Roam Sticks – Hickory-Smoked Pork With Pineapple</span>
913                        </button>
914                    </div>
915                </div>
916
917            </a>
918        </div>
919    </div>
920
921    <div class="relative flex-1">
922        <div class="mt-3">
923            <p class="m-0  text-sm  leading-6 font-semibold">
924                <a href="https://sevensons.net/store/product/roam-sticks-hickory-smoked-pork-with-pineapple" title="Roam Sticks – Hickory-Smoked Pork With Pineapple" class="text-gray-700 hover:text-gray-700">
925                    <span class="absolute inset-0"></span>
926                    <span>Roam Sticks – Hickory-Smoked Pork With Pineapple</span>
927                </a>
928            </p>
929            <div>
930                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">1 oz per stick |1 Stick</p>
931                            </div>
932                            <div class="hidden">
933                    Singing Pastures Farms
934                </div>
935                                </div>
936    </div>
937
938
939    <div class="mt-4 space-y-2">
940                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
941    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
942        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
943            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
944            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
945        </svg>
946        <div>
947                        Buy 12, Save 20%
948        </div>
949    </div>
950</div>
951        
952        <div class="flex items-baseline gap-x-2">
953                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
954                    &#36;2.25
955                </p>
956                <p class="m-0 text-gray-500 line-through  text-xs  ">
957                    &#36;2.65
958                </p>
959                    </div>
960
961        <div wire:key="category-product-counter-roam-sticks-hickory-smoked-pork-with-pineapple" wire:snapshot="{&quot;data&quot;:{&quot;style&quot;:&quot;btn-brand&quot;,&quot;cta_label&quot;:null,&quot;cta_classes&quot;:&quot;mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!&quot;,&quot;metadata&quot;:[{&quot;item_category&quot;:null,&quot;item_category2&quot;:null,&quot;item_list_id&quot;:&quot;bundle_roam-sticks-hickory-smoked-pork-with-pineapple_page&quot;,&quot;item_list_name&quot;:&quot;Bundle Roam Sticks \u2013 Hickory-Smoked Pork With Pineapple Page&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;count&quot;:0,&quot;product&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;key&quot;:1624,&quot;s&quot;:&quot;mdl&quot;}],&quot;has_subscription&quot;:false,&quot;has_order&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;C8pXqflaeBWwWtV22NU1&quot;,&quot;name&quot;:&quot;theme.add-product-counter-button&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;09e33b8e086b6292178d56bd18c0a5390da54d37b8d348fc5ec9bbdc32fbb6d6&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;auth-state-changed&quot;,&quot;cart-product-updated.1624&quot;,&quot;order-product-updated.1624&quot;,&quot;subscription-product-updated.1624&quot;]}" wire:id="C8pXqflaeBWwWtV22NU1" wire:name="theme.add-product-counter-button">
962        <!--[if BLOCK]><![endif]-->        <button
963                type="button"
964                wire:target="count, add, decrement"
965                wire:loading.attr="disabled"
966                wire:click="add"
967                class="block w-full  mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! "
968        >
969            <span wire:target="count, add, decrement" wire:loading.remove>
970                <!--[if BLOCK]><![endif]-->                    Add to Box
971                <!--[if ENDBLOCK]><![endif]-->            </span>
972            <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base">
973                <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
974                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
975                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
976                </svg>
977            </span>
978        </button>
979    <!--[if ENDBLOCK]><![endif]--></div>
980
981    </div>
982
983</section>
984    <!-- End Roam Sticks – Hickory-Smoked Pork With Pineapple -->
985
986    
987            <!-- Start Beef Summer Sausage (Sugar Free) -->
988    <section
989        id="product_beef-summer-sausage-2"
990        class="flex flex-col"
991        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:13.55,\u0022items\u0022:[{\u0022item_id\u0022:631,\u0022item_name\u0022:\u0022Beef Summer Sausage (Sugar Free)\u0022,\u0022index\u0022:5,\u0022price\u0022:13.55,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
992        x-intersect.half.once="trackProductView"
993>
994    <div class="relative ">
995        <div class="relative w-full group rounded-t-lg">
996            <a href="/store/product/beef-summer-sausage-2"
997               title="Beef Summer Sausage (Sugar Free)"
998               class="productListing__photoLink--grid"
999            >
1000                <div class="relative w-full">
1001                    <div class="aspect-h-4 aspect-w-4 w-full group">
1002                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073172_684fff54dac82.webp" alt="Beef Summer Sausage (Sugar Free)"
1003                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
1004                                            </div>
1005                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
1006                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
1007                                Back to School sale!
1008                            </span>
1009                        </div>
1010                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
1011                        <button type="button"
1012                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
1013                            View Details
1014                            <span class="sr-only">, Beef Summer Sausage (Sugar Free)</span>
1015                        </button>
1016                    </div>
1017                </div>
1018
1019            </a>
1020        </div>
1021    </div>
1022
1023    <div class="relative flex-1">
1024        <div class="mt-3">
1025            <p class="m-0  text-sm  leading-6 font-semibold">
1026                <a href="https://sevensons.net/store/product/beef-summer-sausage-2" title="Beef Summer Sausage (Sugar Free)" class="text-gray-700 hover:text-gray-700">
1027                    <span class="absolute inset-0"></span>
1028                    <span>Beef Summer Sausage (Sugar Free)</span>
1029                </a>
1030            </p>
1031            <div>
1032                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">12 oz / pkg</p>
1033                            </div>
1034                            <div class="hidden">
1035                    Seven Sons Family Farm
1036                </div>
1037                                </div>
1038    </div>
1039
1040
1041    <div class="mt-4 space-y-2">
1042                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
1043    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
1044        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
1045            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
1046            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
1047        </svg>
1048        <div>
1049                        Buy 5, Save 10%
1050        </div>
1051    </div>
1052</div>
1053        
1054        <div class="flex items-baseline gap-x-2">
1055                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
1056                    &#36;13.55
1057                </p>
1058                <p class="m-0 text-gray-500 line-through  text-xs  ">
1059                    &#36;14.30
1060                </p>
1061                    </div>
1062
1063        <button type="button" disabled class="block  text-sm  w-full mt-2 block h-10 w-full px-3 py-2 rounded-lg font-semibold! cursor-not-allowed! bg-gray-200! text-gray-700! px-1!">
1064        <spam>Sold Out</spam>
1065            </button>
1066
1067    </div>
1068
1069</section>
1070    <!-- End Beef Summer Sausage (Sugar Free) -->
1071
1072    
1073            <!-- Start Pork Summer Sausage (Sugar Free) -->
1074    <section
1075        id="product_pork-summer-sausage-1"
1076        class="flex flex-col"
1077        x-data="tracksProductViews(JSON.parse('{\u0022currency\u0022:\u0022USD\u0022,\u0022value\u0022:12.75,\u0022items\u0022:[{\u0022item_id\u0022:632,\u0022item_name\u0022:\u0022Pork Summer Sausage (Sugar Free)\u0022,\u0022index\u0022:6,\u0022price\u0022:12.75,\u0022quantity\u0022:1,\u0022item_category\u0022:\u0022Featured Items\u0022,\u0022item_category2\u0022:null,\u0022item_list_id\u0022:\u0022collection_featured-items_page\u0022,\u0022item_list_name\u0022:\u0022Collection Featured Items Page\u0022}]}'))"
1078        x-intersect.half.once="trackProductView"
1079>
1080    <div class="relative ">
1081        <div class="relative w-full group rounded-t-lg">
1082            <a href="/store/product/pork-summer-sausage-1"
1083               title="Pork Summer Sausage (Sugar Free)"
1084               class="productListing__photoLink--grid"
1085            >
1086                <div class="relative w-full">
1087                    <div class="aspect-h-4 aspect-w-4 w-full group">
1088                                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1750073197_684fff6da7d48.webp" alt="Pork Summer Sausage (Sugar Free)"
1089                                 class="transition-opacity group-hover:opacity-75 rounded-md h-full w-full object-cover object-center">
1090                                            </div>
1091                                            <div class="absolute p-2 rotate-2  -top-3 -right-4  ">
1092                            <span class="inline-flex items-center bg-keppel-700 gap-x-1.5 rounded-md px-2 py-1 text-xs font-semibold text-white shadow-md ring-1 ring-inset ring-keppel-700">
1093                                Back to School sale!
1094                            </span>
1095                        </div>
1096                                        <div class="hidden absolute bottom-0 w-full p-4 lg:block ">
1097                        <button type="button"
1098                                class="relative z-10 w-full rounded-md bg-white/75 transition-opacity px-4 py-2 text-sm text-gray-900! opacity-0 focus:opacity-100 group-hover:opacity-100">
1099                            View Details
1100                            <span class="sr-only">, Pork Summer Sausage (Sugar Free)</span>
1101                        </button>
1102                    </div>
1103                </div>
1104
1105            </a>
1106        </div>
1107    </div>
1108
1109    <div class="relative flex-1">
1110        <div class="mt-3">
1111            <p class="m-0  text-sm  leading-6 font-semibold">
1112                <a href="https://sevensons.net/store/product/pork-summer-sausage-1" title="Pork Summer Sausage (Sugar Free)" class="text-gray-700 hover:text-gray-700">
1113                    <span class="absolute inset-0"></span>
1114                    <span>Pork Summer Sausage (Sugar Free)</span>
1115                </a>
1116            </p>
1117            <div>
1118                                    <p class="m-0 mt-0.5 leading-4  text-xs   text-gray-500">12 oz / pkg</p>
1119                            </div>
1120                            <div class="hidden">
1121                    Seven Sons Family Farm
1122                </div>
1123                                </div>
1124    </div>
1125
1126
1127    <div class="mt-4 space-y-2">
1128                    <div class="text-xs inline-block font-semibold p-0.5 bg-keppel-400 text-gray-900 rounded-md">
1129    <div class="bg-white px-1.5 py-1 rounded inline-flex items-center gap-x-1">
1130        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 -scale-x-100 text-gray-500 transform-gpu">
1131            <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
1132            <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
1133        </svg>
1134        <div>
1135                        Buy 5, Save 10%
1136        </div>
1137    </div>
1138</div>
1139        
1140        <div class="flex items-baseline gap-x-2">
1141                            <p class="m-0 font-semibold text-keppel-400  text-sm sm:text-base ">
1142                    &#36;12.75
1143                </p>
1144                <p class="m-0 text-gray-500 line-through  text-xs  ">
1145                    &#36;13.45
1146                </p>
1147                    </div>
1148
1149        <div wire:key="category-product-counter-pork-summer-sausage-1" wire:snapsh
1149ot="{&quot;data&quot;:{&quot;style&quot;:&quot;btn-brand&quot;,&quot;cta_label&quot;:null,&quot;cta_classes&quot;:&quot;mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white!&quot;,&quot;metadata&quot;:[{&quot;item_category&quot;:null,&quot;item_category2&quot;:null,&quot;item_list_id&quot;:&quot;bundle_pork-summer-sausage-1_page&quot;,&quot;item_list_name&quot;:&quot;Bundle Pork Summer Sausage (Sugar Free) Page&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;count&quot;:0,&quot;product&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;key&quot;:632,&quot;s&quot;:&quot;mdl&quot;}],&quot;has_subscription&quot;:false,&quot;has_order&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;edvXzxKdoZ1QBnyrFbF0&quot;,&quot;name&quot;:&quot;theme.add-product-counter-button&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;9db5827726b23d9934a6522b83fcdf94435363c395714fb5b0a494d7efa7fbdd&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;auth-state-changed&quot;,&quot;cart-product-updated.632&quot;,&quot;order-product-updated.632&quot;,&quot;subscription-product-updated.632&quot;]}" wire:id="edvXzxKdoZ1QBnyrFbF0" wire:name="theme.add-product-counter-button">
1150        <!--[if BLOCK]><![endif]-->        <button
1151                type="button"
1152                wire:target="count, add, decrement"
1153                wire:loading.attr="disabled"
1154                wire:click="add"
1155                class="block w-full  mt-2 block h-10 w-full px-3 py-2 rounded-lg text-sm cursor-pointer font-semibold! bg-keppel-400! text-white! "
1156        >
1157            <span wire:target="count, add, decrement" wire:loading.remove>
1158                <!--[if BLOCK]><![endif]-->                    Add to Box
1159                <!--[if ENDBLOCK]><![endif]-->            </span>
1160            <span wire:target="count, add, decrement" wire:loading style="display:none;" class="text-base">
1161                <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1162                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1163                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
1164                </svg>
1165            </span>
1166        </button>
1167    <!--[if ENDBLOCK]><![endif]--></div>
1168
1169    </div>
1170
1171</section>
1172    <!-- End Pork Summer Sausage (Sugar Free) -->
1173
1174                    </div>
1175
1176                                            <div class="storeIndex__pagination">
1177                            
1178                        </div>
1179                    
1180                                    </section>
1181
1182                            </div>
1183        </div>
1184    </section>
1185
1186    <div wire:key="lw-2314993035-0" wire:snapshot="{&quot;data&quot;:{&quot;event&quot;:&quot;ViewContent&quot;,&quot;request&quot;:[{&quot;ip&quot;:&quot;181.215.65.75&quot;,&quot;user_agent&quot;:&quot;Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36&quot;,&quot;url&quot;:&quot;https:\/\/sevensons.net\/store\/collections\/featured-items&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;timestamp&quot;:1790368684,&quot;order&quot;:null,&quot;user&quot;:null,&quot;params&quot;:[{&quot;content_name&quot;:&quot;Store Collection&quot;,&quot;content_category&quot;:&quot;collections&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;event_id&quot;:&quot;view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650&quot;,&quot;pixel_payload&quot;:[{&quot;content_name&quot;:&quot;Store Collection&quot;,&quot;content_category&quot;:&quot;collections&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;capi_payload&quot;:[{&quot;event_name&quot;:&quot;ViewContent&quot;,&quot;event_time&quot;:1790368684,&quot;event_id&quot;:&quot;view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650&quot;,&quot;action_source&quot;:&quot;website&quot;,&quot;event_source_url&quot;:&quot;https:\/\/sevensons.net\/store\/collections\/featured-items&quot;,&quot;user_data&quot;:[{&quot;em&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;ph&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;fn&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;ln&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;external_id&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;client_ip_address&quot;:&quot;181.215.65.75&quot;,&quot;client_user_agent&quot;:&quot;Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36&quot;,&quot;fbc&quot;:null,&quot;fbp&quot;:&quot;fb.1.1790368684.FZsTnYD5ZqrevG6O&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;custom_data&quot;:[{&quot;content_name&quot;:&quot;Store Collection&quot;,&quot;content_category&quot;:&quot;collections&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;tracked_mount_event&quot;:false,&quot;trackedWindowEventIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;fFZP3QMSf2AtTWU3Sc29&quot;,&quot;name&quot;:&quot;theme.meta-events&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;f9ddea64cf7a7d9e3515c8ad2ec0a60e28a8281892b2058586df8118e7084513&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;meta-pixel-event-captured&quot;]}" wire:id="fFZP3QMSf2AtTWU3Sc29" wire:name="theme.meta-events">
1187    <!--[if BLOCK]><![endif]-->        <div x-data x-init="() => { $wire.trackCapiEvent(); }"></div>
1188
1189            <!--[if ENDBLOCK]><![endif]--></div>
1190
1191        <!-- End Main Content -->
1192
1193        <!-- Start Back To Top Link -->
1194        <div class="w-full text-center bg-gray-200">
1195            <a href="#top-of-page" class="inline-block px-3 py-2 text-sm text-gray-600 hover:text-gray-900">
1196                <svg aria-hidden="true" focusable="false" class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1197                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19V5m0 0l-7 7m0 0l7-7m0 0l7 7"/>
1198                </svg> Return To Top
1199            </a>
1200        </div>
1201
1202        <!-- End Back To Top Link -->
1203
1204        <!-- Start Site Footer -->
1205        <div class="">
1206    <footer class="font-body bg-neutral-900 text-neutral-100">
1207        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1208            <!-- Main footer grid -->
1209            <div class="grid grid-cols-1 gap-10 py-12 sm:grid-cols-8">
1210
1211                                    <!-- Start Link List Widget -->
1212                    
1213                    <div id="footerWidget--4416" class="text-white col-span-full sm:col-span-2">
1214                        <div class="">
1215    <section class="font-body linkListWidget" id="linkListWidget4416">
1216                    <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">About</h2>
1217                <ul class="mt-2">
1218                            <li class="block">
1219                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/our-story">Our Story</a>
1220                </li>
1221                            <li class="block">
1222                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/our-team">Our Team</a>
1223                </li>
1224                            <li class="block">
1225                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/protocols">Our Standards</a>
1226                </li>
1227                            <li class="block">
1228                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-partners">Our Farm Partners</a>
1229                </li>
1230                    </ul>
1231    </section>
1232</div>
1233
1234
1235                    </div>
1236                    <!-- End Link List Widget -->
1237                                    <!-- Start Link List Widget -->
1238                    
1239                    <div id="footerWidget--1746" class="text-white col-span-full sm:col-span-2">
1240                        <div class="">
1241    <section class="font-body linkListWidget" id="linkListWidget1746">
1242                    <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Services</h2>
1243                <ul class="mt-2">
1244                            <li class="block">
1245                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/how-home-delivery-works">Home Delivery</a>
1246                </li>
1247                            <li class="block">
1248                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/subscribe-save">Subscribe &amp; Save</a>
1249                </li>
1250                            <li class="block">
1251                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-text-club">Farm Text Club</a>
1252                </li>
1253                            <li class="block">
1254                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/gift-boxes">Gift Boxes</a>
1255                </li>
1256                            <li class="block">
1257                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/store/gift-cards">Gift Cards</a>
1258                </li>
1259                            <li class="block">
1260                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://fresheggco.com/">Fresh Eggs Home Delivered</a>
1261                </li>
1262                    </ul>
1263    </section>
1264</div>
1265
1266
1267                    </div>
1268                    <!-- End Link List Widget -->
1269                                    <!-- Start Link List Widget -->
1270                    
1271                    <div id="footerWidget--4280" class="text-white col-span-full sm:col-span-2">
1272                        <div class="">
1273    <section class="font-body linkListWidget" id="linkListWidget4280">
1274                    <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Resources</h2>
1275                <ul class="mt-2">
1276                            <li class="block">
1277                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/recipes">Recipes</a>
1278                </li>
1279                            <li class="block">
1280                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/blog">Blog</a>
1281                </li>
1282                            <li class="block">
1283                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/grass-fed-beef-buying-guide">Grassfed Beef FAQs</a>
1284                </li>
1285                            <li class="block">
1286                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/careers">Careers</a>
1287                </li>
1288                            <li class="block">
1289                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-ambassador">Farm Ambassador Program</a>
1290                </li>
1291                            <li class="block">
1292                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/returns-and-refunds">Returns &amp; Refunds</a>
1293                </li>
1294                    </ul>
1295    </section>
1296</div>
1297
1298
1299                    </div>
1300                    <!-- End Link List Widget -->
1301                                    <!-- Start Link List Widget -->
1302                    
1303                    <div id="footerWidget--4279" class="text-white col-span-full sm:col-span-2">
1304                        <div class="">
1305    <section class="font-body linkListWidget" id="linkListWidget4279">
1306                    <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Visit</h2>
1307                <ul class="mt-2">
1308                            <li class="block">
1309                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/farm-store">Farm Store</a>
1310                </li>
1311                            <li class="block">
1312                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/tours">Farm Tours</a>
1313                </li>
1314                    </ul>
1315    </section>
1316</div>
1317
1318
1319                    </div>
1320                    <!-- End Link List Widget -->
1321                                    <!-- Start Link List Widget -->
1322                    
1323                    <div id="footerWidget--4415" class="text-white col-span-full sm:col-span-8">
1324                        <div class="">
1325    <section class="font-body linkListWidget" id="linkListWidget4415">
1326                    <h2 class="text-lg! font-semibold tracking-wide text-neutral-100 font-display">Featured Articles</h2>
1327                <ul class="mt-2">
1328                            <li class="block">
1329                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/what-does-pasture-raised-mean">What Does Pasture-Raised Mean?</a>
1330                </li>
1331                            <li class="block">
1332                    <a class="py-1.5 px-0 block cursor-pointer text-base text-neutral-300 hover:text-white hover:underline" href="https://sevensons.net/ethically-raised-chicken">Ethically-Raised Chicken</a>
1333                </li>
1334                    </ul>
1335    </section>
1336</div>
1337
1338
1339                    </div>
1340                    <!-- End Link List Widget -->
1341                                    <!-- Start Contact Card Widget -->
1342                    
1343                    <div id="footerWidget--56" class="text-white col-span-full sm:col-span-8">
1344                        <div class="">
1345    <section class="font-body text-center contactDetailsWidget" id="contactDetailsWidget56">
1346        <h2 class="text-2xl! font-semibold text-neutral-100 font-display">Seven Sons Farms</h2>
1347        <ul class="mt-3 text-sm text-neutral-300">
1348            <li class="text-base!">
1349                15718 Aboite Road
1350                <br/>Roanoke, IN 46783
1351            </li>
1352            <li class="text-base!">(877) 620-1977</li>
1353        </ul>
1354    </section>
1355</div>
1356
1357                    </div>
1358                    <!-- End Contact Card Widget -->
1359                                    <!-- Start HTML Widget -->
1360                    
1361                    <div id="footerWidget--2688" class="text-white col-span-full sm:col-span-8">
1362                        <div class="">
1363    <div class="font-body text-left htmlWidget htmlWidget--2688" id="htmlWidget2688" data-widget="2688">
1364        <div class="
1365            [&_h1]:font-display [&_h1]:text-[2.25rem] [&_h1]:leading-[2.5rem]
1366            [&_h2]:font-display [&_h2]:text-[1.875rem] [&_h2]:leading-[2.25rem]
1367            [&_h3]:font-display [&_h3]:text-[1.5rem] [&_h3]:leading-[2rem]
1368            [&_h4]:font-display [&_h4]:text-[1.25rem] [&_h4]:leading-[1.75rem]
1369            [&_h5]:font-display [&_h4]:text-[1.125rem] [&_h4]:leading-[1.75rem]
1370            [&_h6]:font-display
1371          ">
1372            <div style="color: white;" class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1373<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1374<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1375<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1376<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1377<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1378<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1379<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1380<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1381<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1382<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1383<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1384<div class="htmlWidget htmlWidget--2688" data-widget="2688" data-element="Home">
1385<center><a href="https://stripe.com/"><img height="57" width="250" src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1610045489_5ff7583138d90.png" alt="Powered by Stipe. Accepts Visa, Mastercard, American Express" align="center" td valign="top" decoding="async" loading="lazy" fetchpriority="low"></a></center>
1386
1387
1388<p style="text-align: center;"><strong>Seven Sons Family of Companies:</strong></p><p style="margin-top: 0.875rem; text-align: center;"><a href="https://fresheggco.com/">FreshEggCo.com</a>&nbsp;|&nbsp;<a href="https://hengear.com">HenGear.com</a></p></p>
1389</div>
1390</div>
1391</div>
1392</div>
1393</div>
1394</div>
1395</div>
1396</div>
1397</div>
1398</div>
1399</div>
1400</div>
1401</div>
1402        </div>
1403    </div>
1404</div>
1405
1406                    </div>
1407                    <!-- End HTML Widget -->
1408                            </div>
1409
1410            <!-- Legal links -->
1411            <div class="border-t border-neutral-800 py-4 text-center text-xs text-neutral-400">
1412                                    <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/accessibility">Accessibility Statement</a>
1413                                            <span class="mx-2 text-neutral-600">•</span>
1414                                                        <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/privacy">Privacy Policy</a>
1415                                            <span class="mx-2 text-neutral-600">•</span>
1416                                                        <a class="text-white hover:text-neurtal-100 hover:underline" href="https://sevensons.net/tos">Terms of Service</a>
1417                                                </div>
1418        </div>
1419    </footer>
1420
1421
1422</div>
1423        <!-- End Main Content -->
1424
1425        <div id="bottom-of-page"></div>
1426
1427        <div class="js-cookie-consent cookie-consent pointer-events-none fixed z-100 left-0 w-full bottom-0 px-6 pb-6">
1428    <div class="pointer-events-auto w-full max-w-lg rounded-xl bg-white p-6 shadow-lg ring-1 ring-gray-900/10">
1429        <p class="m-0 text-sm/6 text-gray-900 cookie-consent__message">
1430            To make your visit to our online farm store even better, we use cookies. By continuing to browse our website, you agree to their use. Learn more in our <a href="https://sevensons.net/privacy">Privacy Policy</a>.
1431        </p>
1432        <div class="mt-4 flex items-center gap-x-5">
1433            <button type="button" class="js-cookie-consent-agree rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-900">
1434                Got it!
1435            </button>
1436        </div>
1437    </div>
1438</div>
1439
1440    
1440<script>
1441
1442        window.laravelCookieConsent = (function () {
1443
1444            const COOKIE_VALUE = 1;
1445            const COOKIE_DOMAIN = 'sevensons.net';
1446
1447            function consentWithCookies() {
1448                setCookie('sevensons_cookie_consent', COOKIE_VALUE, 7300);
1449
1450                let attempts = 0;
1451                const maxAttempts = 3;
1452
1453                function verifyCookie() {
1454                    attempts++;
1455                    if (cookieExists('sevensons_cookie_consent')) {
1456                        hideCookieDialog();
1457                        return;
1458                    }
1459
1460                    if (attempts < maxAttempts) {
1461                        setTimeout(verifyCookie, attempts * 50);
1462                    } else {
1463                        // Try simple cookie setting as fallback
1464                        setCookieSimple('sevensons_cookie_consent', COOKIE_VALUE, 7300);
1465
1466                        // final check
1467                        setTimeout(function() {
1468                            if (cookieExists('sevensons_cookie_consent')) {
1469                                console.log('Cookie consent set successfully with fallback method');
1470                            } else {
1471                                console.error('Even fallback method failed to set cookie');
1472                            }
1473                            hideCookieDialog();
1474                        }, 100);
1475                    }
1476                }
1477
1478                setTimeout(verifyCookie, 50);
1479            }
1480
1481            function cookieExists(name) {
1482                const cookies = document.cookie.split(';');
1483                for (let i = 0; i < cookies.length; i++) {
1484                    let cookie = cookies[i].trim();
1485                    if (cookie.indexOf(name + '=') === 0) {
1486                        return cookie.substring(name.length + 1) == COOKIE_VALUE;
1487                    }
1488                }
1489
1490                return false;
1491            }
1492
1493            function hideCookieDialog() {
1494                const dialogs = document.getElementsByClassName('js-cookie-consent');
1495
1496                for (let i = 0; i < dialogs.length; ++i) {
1497                    dialogs[i].style.display = 'none';
1498                }
1499            }
1500
1501            function setCookie(name, value, expirationInDays) {
1502                const date = new Date();
1503                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
1504
1505                // Start with basic cookie string
1506                let cookieString = name + '=' + value
1507                    + ';expires=' + date.toUTCString()
1508                    + ';path=/';
1509
1510                // Only add domain if it's set and not localhost
1511                if (COOKIE_DOMAIN && COOKIE_DOMAIN !== '' && COOKIE_DOMAIN !== 'localhost' && !COOKIE_DOMAIN.includes('127.0.0.1')) {
1512                    cookieString += ';domain=' + COOKIE_DOMAIN;
1513                    console.log('Adding domain to cookie:', COOKIE_DOMAIN);
1514                } else {
1515                    console.log('Skipping domain for cookie (localhost or empty)');
1516                }
1517
1518                // Add secure flag only if we're on HTTPS
1519                
1520                // Add SameSite if configured
1521                                cookieString += ';samesite=lax';
1522                console.log('Adding SameSite=lax');
1523                
1524                console.log('Final cookie string:', cookieString);
1525                document.cookie = cookieString;
1526
1527                // Immediately check if it was set
1528                console.log('All cookies after setting:', document.cookie);
1529            }
1530
1531            function setCookieSimple(name, value, expirationInDays) {
1532                const date = new Date();
1533                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
1534
1535                // Very basic cookie string - just name, value, expires, and path
1536                const simpleCookieString = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
1537                document.cookie = simpleCookieString;
1538            }
1539
1540            if (cookieExists('sevensons_cookie_consent')) {
1541                hideCookieDialog();
1542            }
1543
1544            const buttons = document.getElementsByClassName('js-cookie-consent-agree');
1545
1546            for (let i = 0; i < buttons.length; ++i) {
1547                buttons[i].addEventListener('click', consentWithCookies);
1548            }
1549
1550            return {
1551                consentWithCookies: consentWithCookies,
1552                hideCookieDialog: hideCookieDialog
1553            };
1554        })();
1555    </script>
1555
1556        <div x-data="{ show: false }" x-on:open-flyout-menu.window="show = true" x-cloak class="relative z-50 pointer-events-none" aria-labelledby="slide-over-title" role="dialog"
1557     aria-modal="true">
1558    <!-- Background backdrop -->
1559    <div
1560            x-show="show"
1561            x-cloak
1562            x-transition:enter="transition-opacity ease-in-out duration-300"
1563            x-transition:enter-start="opacity-0"
1564            x-transition:enter-end="opacity-100"
1565            x-transition:leave="transition-opacity ease-in-out duration-300"
1566            x-transition:leave-start="opacity-100"
1567            x-transition:leave-end="opacity-0"
1568            class="fixed inset-0 bg-gray-700/75 transition-opacity pointer-events-none"
1569            :class="{ 'pointer-events-none': ! show, 'pointer-events-auto': show }"
1570    ></div>
1571
1572    <div class="pointer-events-none fixed inset-0 overflow-hidden">
1573        <div class="pointer-events-none absolute inset-0 overflow-hidden">
1574            <div class="pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10">
1575                <!-- Slide-over panel -->
1576                <div
1577                        x-show="show"
1578                        x-cloak
1579                        x-transition:enter="transition transform ease-in-out duration-300"
1580                        x-transition:enter-start="-translate-x-full"
1581                        x-transition:enter-end="translate-x-0"
1582                        x-transition:leave="transition  transform ease-in-out duration-300"
1583                        x-transition:leave-start="translate-x-0"
1584                        x-transition:leave-end="-translate-x-full"
1585                        class="pointer-events-auto relative w-screen max-w-xs"
1586                        @click.away="show = false"
1587                >
1588                    <!-- Close button -->
1589                    <div
1590                            x-show="show"
1591                            x-cloak
1592                            x-transition:enter="ease-in-out duration-300"
1593                            x-transition:enter-start="opacity-0"
1594                            x-transition:enter-end="opacity-100"
1595                            x-transition:leave="ease-in-out duration-300"
1596                            x-transition:leave-start="opacity-100"
1597                            x-transition:leave-end="opacity-0"
1598                            class="absolute right-0 top-0 -mr-8 flex pl-2 pt-4 sm:-mr-10 sm:pl-4"
1599                    >
1600                        <button type="button" @click="show = false"
1601                                class="relative rounded-md text-gray-300 hover:text-white focus:outline-hidden focus:ring-2 focus:ring-white">
1602                            <span class="absolute -inset-2.5"></span>
1603                            <span class="sr-only">Close panel</span>
1604                            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
1605                                 stroke="currentColor" aria-hidden="true">
1606                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
1607                            </svg>
1608                        </button>
1609                    </div>
1610
1611                    <!-- Panel content -->
1612                    <div class="flex h-full flex-col overflow-y-auto pb-16 bg-white shadow-xl">
1613                        <h2 class="sr-only" id="slide-over-title">Store menu</h2>
1614
1615                        <!-- Panel header -->
1616                        <div class="bg-keppel-400 py-3 px-4 sm:px-6">
1617                            <div class="flex items-center">
1618                                                                    <a href="/">
1619                                        <span class="sr-only">Seven Sons Farms</span>
1620                                        <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/1533928681_5b6de4e9d8f45.png"
1621                                             class="h-8 w-auto"
1622                                             alt="Seven Sons Farms Logo">
1623                                    </a>
1624                                                            </div>
1625                        </div>
1626
1627                        <!-- Desktop Store menu -->
1628                        <div
1629                                class="hidden pt-3 px-4 sm:px-6 lg:block">
1630                            <div>
1631                                <div class="flex items-center justify-between py-3 px-4 roun
1631ded-md w-full">
1632                                    <p class="m-0  text-base font-semibold text-gray-900">Store</p>
1633                                    <a href="https://sevensons.net/store"
1634                                       class=" text-sm text-gray-700 underline hover:text-gray-500">
1635                                        Shop All
1636                                    </a>
1637                                </div>
1638
1639                                                                    <a href="https://sevensons.net/store/collections/featured-items"
1640       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Featured Items</a>
1641
1642
1643
1644                                                                    <a href="https://sevensons.net/store/value-bundles"
1645       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Curated Bundles</a>
1646
1647
1648
1649                                                                    <div x-data="{ submenuIsExpanded: false }">
1650        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1651                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1652                aria-controls="sub-menu-361" :aria-expanded="submenuIsExpanded">
1653            <span class="flex-1">
1654                <a @click.stop href="https://sevensons.net/store/grass-fed-beef"
1655                   class="text-gray-900">Beef</a>
1656            </span>
1657            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1658                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1659                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1660                <path fill-rule="evenodd"
1661                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1662                      clip-rule="evenodd"></path>
1663            </svg>
1664        </button>
1665        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1666            id="sub-menu-361">
1667                                            <li>
1668                    <a href="https://sevensons.net/store/grass-fed-beef"
1669                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Beef</a>
1670                </li>
1671                                            <li>
1672                    <a href="https://sevensons.net/store/grass-fed-beef/steaks"
1673                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a>
1674                </li>
1675                                            <li>
1676                    <a href="https://sevensons.net/store/grass-fed-beef/ground-beef"
1677                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Beef</a>
1678                </li>
1679                                            <li>
1680                    <a href="https://sevensons.net/store/grass-fed-beef/burgers"
1681                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a>
1682                </li>
1683                                            <li>
1684                    <a href="https://sevensons.net/store/grass-fed-beef/roasts"
1685                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
1686                </li>
1687                                            <li>
1688                    <a href="https://sevensons.net/store/grass-fed-beef/bones"
1689                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
1690                </li>
1691                                            <li>
1692                    <a href="https://sevensons.net/store/grass-fed-beef/organs"
1693                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Organs</a>
1694                </li>
1695                                            <li>
1696                    <a href="https://sevensons.net/store/grass-fed-beef/hot-dogs"
1697                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a>
1698                </li>
1699                                            <li>
1700                    <a href="https://sevensons.net/canned-meats"
1701                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Canned Beef</a>
1702                </li>
1703                    </ul>
1704    </div>
1705
1706
1707
1708
1709                                                                    <div x-data="{ submenuIsExpanded: false }">
1710        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1711                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1712                aria-controls="sub-menu-374" :aria-expanded="submenuIsExpanded">
1713            <span class="flex-1">
1714                <a @click.stop href="https://sevensons.net/store/pastured-chicken"
1715                   class="text-gray-900">Chicken</a>
1716            </span>
1717            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1718                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1719                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1720                <path fill-rule="evenodd"
1721                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1722                      clip-rule="evenodd"></path>
1723            </svg>
1724        </button>
1725        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1726            id="sub-menu-374">
1727                                            <li>
1728                    <a href="https://sevensons.net/store/pastured-chicken"
1729                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Chicken</a>
1730                </li>
1731                                            <li>
1732                    <a href="https://sevensons.net/store/pastured-chicken/breasts"
1733                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Breasts</a>
1734                </li>
1735                                            <li>
1736                    <a href="https://sevensons.net/store/pastured-chicken/thighs"
1737                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Thighs</a>
1738                </li>
1739                                            <li>
1740                    <a href="https://sevensons.net/store/pastured-chicken/wings-drumsticks"
1741                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Wings &amp; Drumsticks</a>
1742                </li>
1743                                            <li>
1744                    <a href="https://sevensons.net/store/pastured-chicken/broth"
1745                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Broth</a>
1746                </li>
1747                                            <li>
1748                    <a href="https://sevensons.net/store/pastured-chicken/bones"
1749                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
1750                </li>
1751                                            <li>
1752                    <a href="https://sevensons.net/store/product/whole-chicken-3-5-5"
1753                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Whole Chicken</a>
1754                </li>
1755                    </ul>
1756    </div>
1757
1758
1759
1760
1761                                                                    <div x-data="{ submenuIsExpanded: false }">
1762        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1763                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1764                aria-controls="sub-menu-367" :aria-expanded="submenuIsExpanded">
1765            <span class="flex-1">
1766                <a @click.stop href="https://sevensons.net/store/pastured-pork"
1767                   class="text-gray-900">Pork</a>
1768            </span>
1769            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1770                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1771                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1772                <path fill-rule="evenodd"
1773                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1774                      clip-rule="evenodd"></path>
1775            </svg>
1776        </button>
1777        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1778            id="sub-menu-367">
1779                                            <li>
1780                    <a href="https://sevensons.net/store/pastured-pork"
1781                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Pork</a>
1782                </li>
1783                                            <li>
1784                    <a href="https://sevensons.net/store/pastured-pork/bacon"
1785                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a>
1786                </li>
1787                                            <li>
1788                    <a href="https://sevensons.net/store/pastured-pork/sausage"
1789                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Sausage</a>
1790                </li>
1791                                            <li>
1792                    <a href="https://sevensons.net/store/pastured-pork/hams"
1793                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ham</a>
1794                </li>
1795                                            <li>
1796                    <a href="https://sevensons.net/store/pastured-pork/chops"
1797                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a>
1798                </li>
1799                                            <li>
1800                    <a href="https://sevensons.net/store/pastured-pork/bratwurst"
1801                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bratwurst</a>
1802                </li>
1803                                            <li>
1804                    <a href="https://sevensons.net/store/pastured-pork/hot-dogs"
1805                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a>
1806                </li>
1807                                            <li>
1808                    <a href="https://sevensons.net/store/pastured-pork/roasts"
1809                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
1810                </li>
1811                    </ul>
1812    </div>
1813
1814
1815
1816
1817                                                                    <div x-data="{ submenuIsExpanded: false }">
1818        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1819                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1820                aria-controls="sub-menu-399" :aria-expanded="submenuIsExpanded">
1821            <span class="flex-1">
1822                <a @click.stop href="https://sevensons.net/store/grass-fed-lamb"
1823                   class="text-gray-900">Lamb</a>
1824            </span>
1825            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1826                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1827                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1828                <path fill-rule="evenodd"
1829                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1830                      clip-rule="evenodd"></path>
1831            </svg>
1832        </button>
1833        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1834            id="sub-menu-399">
1835                                            <li>
1836                    <a href="https://sevensons.net/store/grass-fed-lamb"
1837                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Lamb</a>
1838                </li>
1839                                            <li>
1840                    <a href="https://sevensons.net/store/grass-fed-lamb/ground-lamb"
1841                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Lamb</a>
1842                </li>
1843                                            <li>
1844                    <a href="https://sevensons.net/store/grass-fed-lamb/ribs"
1845                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Rack of Lamb</a>
1846                </li>
1847                                            <li>
1848                    <a href="https://sevensons.net/store/grass-fed-lamb/chops"
1849                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a>
1850                </li>
1851                                            <li>
1852                    <a href="https://sevensons.net/store/grass-fed-lamb/leg-of-lamb"
1853                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Leg of Lamb</a>
1854                </li>
1855                                            <li>
1856                    <a href="https://sevensons.net/store/grass-fed-lamb/bacon"
1857                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a>
1858                </li>
1859                    </ul>
1860    </div>
1861
1862
1863
1864
1865                                                                    <div x-data="{ submenuIsExpanded: false }">
1866        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1867                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1868                aria-controls="sub-menu-381" :aria-expanded="submenuIsExpanded">
1869            <span class="flex-1">
1870                <a @click.stop href="https://sevensons.net/store/grass-fed-bison"
1871                   class="text-gray-900">Bison</a>
1872            </span>
1873            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1874                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1875                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1876                <path fill-rule="evenodd"
1877                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1878                      clip-rule="evenodd"></path>
1879            </svg>
1880        </button>
1881        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1882            id="sub-menu-381">
1883                                            <li>
1884                    <a href="https://sevensons.net/store/grass-fed-bison"
1885                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Bison</a>
1886                </li>
1887                                            <li>
1888                    <a href="https://sevensons.net/store/grass-fed-bison/steaks"
1889                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a>
1890                </li>
1891                                            <li>
1892                    <a href="https://sevensons.net/store/grass-fed-bison/ground-bison"
1893                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Bison</a>
1894                </li>
1895                                            <li>
1896                    <a href="https://sevensons.net/store/grass-fed-bison/burgers"
1897                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a>
1898                </li>
1899                                            <li>
1900                    <a href="https://sevensons.net/store/product/bison-boneless-chuck-roast"
1901                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
1902                </li>
1903                                            <li>
1904                    <a href="https://sevensons.net/store/grass-fed-bison/bones"
1905                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
1906                </li>
1907                    </ul>
1908    </div>
1909
1910
1911
1912
1913                                                                    <div x-data="{ submenuIsExpanded: false }">
1914        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1915                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1916                aria-controls="sub-menu-467" :aria-expanded="submenuIsExpanded">
1917            <span class="flex-1">
1918                <a @click.stop href="https://sevensons.net?menu=dairy"
1919                   class="text-gray-900">Dairy</a>
1920            </span>
1921            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1922                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1923                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1924                <path fill-rule="evenodd"
1925                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1926                      clip-rule="evenodd"></path>
1927            </svg>
1928        </button>
1929        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1930            id="sub-menu-467">
1931                                            <li>
1932                    <a href="https://sevensons.net/store/grass-fed-dairy/colostrum"
1933                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Colostrum</a>
1934                </li>
1935                                            <li>
1936                    <a href="https://sevensons.net/store/grass-fed-dairy/butter"
1937                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Butter</a>
1938                </li>
1939                    </ul>
1940    </div>
1941
1942
1943
1944
1945                                                                    <a href="https://sevensons.net/store/fish-seafood"
1946       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seafood</a>
1947
1948
1949
1950                                                                    <a href="https://sevensons.net/store/vegetables-preserves"
1951       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Frozen Veggies</a>
1952
1953
1954
1955                                                                    <a href="https://sevensons.net/store/collections/bones-organs"
1956       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones &amp; Organs</a>
1957
1958
1959
1960                                                                    <a href="https://sevensons.net/fresh-eggs"
1961       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Eggs</a>
1962
1963
1964
1965                                                                    <a href="https://sevensons.net/store/product/wild-caught-salmon-pet-pack"
1966       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">For Pets</a>
1967
1968
1969
1970                                                                    <div x-data="{ submenuIsExpanded: false }">
1971        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
1972                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
1973                aria-controls="sub-menu-394" :aria-expanded="submenuIsExpanded">
1974            <span class="flex-1">
1975                <a @click.stop href="#!"
1976                   class="text-gray-900">Gifting</a>
1977            </span>
1978            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
1979                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
1980                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1981                <path fill-rule="evenodd"
1982                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
1983                      clip-rule="evenodd"></path>
1984            </svg>
1985        </button>
1986        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
1987            id="sub-menu-394">
1988                                            <li>
1989                    <a href="https://sevensons.net/store/collections/gift-cards"
1990                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Cards</a>
1991                </li>
1992                                            <li>
1993                    <a href="https://sevensons.net/gift-boxes"
1994                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Boxes</a>
1995                </li>
1996                    </ul>
1997    </div>
1998
1999
2000
2001
2002                                                                    <a href="https://sevensons.net/store/clothing-gear"
2003       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Clothing</a>
2004
2005
2006
2007                                
2008                            </div>
2009                        </div>
2010
2011                        <!-- Mobile store menu -->
2012                        <div x-data="{ storeMenuIsExpanded: false }"
2013                             class="border-b border-gray-200 pt-3 px-4 sm:px-6 lg:hidden">
2014                            <div class="flex items-center justify-between py-3 px-4 rounded-md w-full">
2015                                <p class="m-0  text-base font-semibold text-gray-900">Store</p>
2016                                <a href="https://sevensons.net/store"
2017                                   class=" text-sm text-gray-700 underline hover:text-gray-500">
2018                                    Shop All
2019                                </a>
2020                            </div>
2021                            <div class="relative pb-12">
2022                                                                    <div >
2023                                        <a href="https://sevensons.net/store/collections/featured-items"
2024       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Featured Items</a>
2025
2026
2027
2028                                    </div>
2029                                                                    <div >
2030                                        <a href="https://sevensons.net/store/value-bundles"
2031       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Curated Bundles</a>
2032
2033
2034
2035                                    </div>
2036                                                                    <div >
2037                                        <div x-data="{ submenuIsExpanded: false }">
2038        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2039                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2040                aria-controls="sub-menu-361" :aria-expanded="submenuIsExpanded">
2041            <span class="flex-1">
2042                <a @click.stop href="https://sevensons.net/store/grass-fed-beef"
2043                   class="text-gray-900">Beef</a>
2044            </span>
2045            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2046                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2047                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2048                <path fill-rule="evenodd"
2049                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2050                      clip-rule="evenodd"></path>
2051            </svg>
2052        </button>
2053        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2054            id="sub-menu-361">
2055                                            <li>
2056                    <a href="https://sevensons.net/store/grass-fed-beef"
2057                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Beef</a>
2058                </li>
2059                                            <li>
2060                    <a href="https://sevensons.net/store/grass-fed-beef/steaks"
2061                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a>
2062                </li>
2063                                            <li>
2064                    <a href="https://sevensons.net/store/grass-fed-beef/ground-beef"
2065                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Beef</a>
2066                </li>
2067                                            <li>
2068                    <a href="https://sevensons.net/store/grass-fed-beef/burgers"
2069                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a>
2070                </li>
2071                                            <li>
2072                    <a href="https://sevensons.net/store/grass-fed-beef/roasts"
2073                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
2074                </li>
2075                                            <li>
2076                    <a href="https://sevensons.net/store/grass-fed-beef/bones"
2077                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
2078                </li>
2079                                            <li>
2080                    <a href="https://sevensons.net/store/grass-fed-beef/organs"
2081                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Organs</a>
2082                </li>
2083                                            <li>
2084                    <a href="https://sevensons.net/store/grass-fed-beef/hot-dogs"
2085                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a>
2086                </li>
2087                                            <li>
2088                    <a href="https://sevensons.net/canned-meats"
2089                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Canned Beef</a>
2090                </li>
2091                    </ul>
2092    </div>
2093
2094
2095
2096
2097                                    </div>
2098                                                                    <div >
2099                                        <div x-data="{ submenuIsExpanded: false }">
2100        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2101                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2102                aria-controls="sub-menu-374" :aria-expanded="submenuIsExpanded">
2103            <span class="flex-1">
2104                <a @click.stop href="https://sevensons.net/store/pastured-chicken"
2105                   class="text-gray-900">Chicken</a>
2106            </span>
2107            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2108                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2109                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2110                <path fill-rule="evenodd"
2111                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2112                      clip-rule="evenodd"></path>
2113            </svg>
2114        </button>
2115        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2116            id="sub-menu-374">
2117                                            <li>
2118                    <a href="https://sevensons.net/store/pastured-chicken"
2119                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Chicken</a>
2120                </li>
2121                                            <li>
2122                    <a href="https://sevensons.net/store/pastured-chicken/breasts"
2123                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Breasts</a>
2124                </li>
2125                                            <li>
2126                    <a href="https://sevensons.net/store/pastured-chicken/thighs"
2127                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Thighs</a>
2128                </li>
2129                                            <li>
2130                    <a href="https://sevensons.net/store/pastured-chicken/wings-drumsticks"
2131                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Wings &amp; Drumsticks</a>
2132                </li>
2133                                            <li>
2134                    <a href="https://sevensons.net/store/pastured-chicken/broth"
2135                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Broth</a>
2136                </li>
2137                                            <li>
2138                    <a href="https://sevensons.net/store/pastured-chicken/bones"
2139                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
2140                </li>
2141                                            <li>
2142                    <a href="https://sevensons.net/store/product/whole-chicken-3-5-5"
2143                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Whole Chicken</a>
2144                </li>
2145                    </ul>
2146    </div>
2147
2148
2149
2150
2151                                    </div>
2152                                                                    <div >
2153                                        <div x-data="{ submenuIsExpanded: false }">
2154        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2155                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2156                aria-controls="sub-menu-367" :aria-expanded="submenuIsExpanded">
2157            <span class="flex-1">
2158                <a @click.stop href="https://sevensons.net/store/pastured-pork"
2159                   class="text-gray-900">Pork</a>
2160            </span>
2161            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2162                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2163                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2164                <path fill-rule="evenodd"
2165                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2166                      clip-rule="evenodd"></path>
2167            </svg>
2168        </button>
2169        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2170            id="sub-menu-367">
2171                                            <li>
2172                    <a href="https://sevensons.net/store/pastured-pork"
2173                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Pork</a>
2174                </li>
2175                                            <li>
2176                    <a href="https://sevensons.net/store/pastured-pork/bacon"
2177                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a>
2178                </li>
2179                                            <li>
2180                    <a href="https://sevensons.net/store/pastured-pork/sausage"
2181                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Sausage</a>
2182                </li>
2183                                            <li>
2184                    <a href="https://sevensons.net/store/pastured-pork/hams"
2185                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ham</a>
2186                </li>
2187                                            <li>
2188                    <a href="https://sevensons.net/store/pastured-pork/chops"
2189                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a>
2190                </li>
2191                                            <li>
2192                    <a href="https://sevensons.net/store/pastured-pork/bratwurst"
2193                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bratwurst</a>
2194                </li>
2195                                            <li>
2196                    <a href="https://sevensons.net/store/pastured-pork/hot-dogs"
2197                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Hot Dogs</a>
2198                </li>
2199                                            <li>
2200                    <a href="https://sevensons.net/store/pastured-pork/roasts"
2201                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
2202                </li>
2203                    </ul>
2204    </div>
2205
2206
2207
2208
2209                                    </div>
2210                                                                    <div >
2211                                        <div x-data="{ submenuIsExpanded: false }">
2212        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2213                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2214                aria-controls="sub-menu-399" :aria-expanded="submenuIsExpanded">
2215            <span class="flex-1">
2216                <a @click.stop href="https://sevensons.net/store/grass-fed-lamb"
2217                   class="text-gray-900">Lamb</a>
2218            </span>
2219            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2220                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2221                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2222                <path fill-rule="evenodd"
2223                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2224                      clip-rule="evenodd"></path>
2225            </svg>
2226        </button>
2227        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2228            id="sub-menu-399">
2229                                            <li>
2230                    <a href="https://sevensons.net/store/grass-fed-lamb"
2231                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Lamb</a>
2232                </li>
2233                                            <li>
2234                    <a href="https://sevensons.net/store/grass-fed-lamb/ground-lamb"
2235                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Lamb</a>
2236                </li>
2237                                            <li>
2238                    <a href="https://sevensons.net/store/grass-fed-lamb/ribs"
2239                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Rack of Lamb</a>
2240                </li>
2241                                            <li>
2242                    <a href="https://sevensons.net/store/grass-fed-lamb/chops"
2243                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Chops</a>
2244                </li>
2245                                            <li>
2246                    <a href="https://sevensons.net/store/grass-fed-lamb/leg-of-lamb"
2247                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Leg of Lamb</a>
2248                </li>
2249                                            <li>
2250                    <a href="https://sevensons.net/store/grass-fed-lamb/bacon"
2251                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bacon</a>
2252                </li>
2253                    </ul>
2254    </div>
2255
2256
2257
2258
2259                                    </div>
2260                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2261                                        <div x-data="{ submenuIsExpanded: false }">
2262        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2263                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2264                aria-controls="sub-menu-381" :aria-expanded="submenuIsExpanded">
2265            <span class="flex-1">
2266                <a @click.stop href="https://sevensons.net/store/grass-fed-bison"
2267                   class="text-gray-900">Bison</a>
2268            </span>
2269            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2270                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2271                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2272                <path fill-rule="evenodd"
2273                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2274                      clip-rule="evenodd"></path>
2275            </svg>
2276        </button>
2277        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2278            id="sub-menu-381">
2279                                            <li>
2280                    <a href="https://sevensons.net/store/grass-fed-bison"
2281                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">All Bison</a>
2282                </li>
2283                                            <li>
2284                    <a href="https://sevensons.net/store/grass-fed-bison/steaks"
2285                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Steaks</a>
2286                </li>
2287                                            <li>
2288                    <a href="https://sevensons.net/store/grass-fed-bison/ground-bison"
2289                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Ground Bison</a>
2290                </li>
2291                                            <li>
2292                    <a href="https://sevensons.net/store/grass-fed-bison/burgers"
2293                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Burgers</a>
2294                </li>
2295                                            <li>
2296                    <a href="https://sevensons.net/store/product/bison-boneless-chuck-roast"
2297                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roasts</a>
2298                </li>
2299                                            <li>
2300                    <a href="https://sevensons.net/store/grass-fed-bison/bones"
2301                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones</a>
2302                </li>
2303                    </ul>
2304    </div>
2305
2306
2307
2308
2309                                    </div>
2310                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2311                                        <div x-data="{ submenuIsExpanded: false }">
2312        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2313                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2314                aria-controls="sub-menu-467" :aria-expanded="submenuIsExpanded">
2315            <span class="flex-1">
2316                <a @click.stop href="https://sevensons.net?menu=dairy"
2317                   class="text-gray-900">Dairy</a>
2318            </span>
2319            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2320                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2321                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2322                <path fill-rule="evenodd"
2323                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2324                      clip-rule="evenodd"></path>
2325            </svg>
2326        </button>
2327        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2328            id="sub-menu-467">
2329                                            <li>
2330                    <a href="https://sevensons.net/store/grass-fed-dairy/colostrum"
2331                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Colostrum</a>
2332                </li>
2333                                            <li>
2334                    <a href="https://sevensons.net/store/grass-fed-dairy/butter"
2335                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Butter</a>
2336                </li>
2337                    </ul>
2338    </div>
2339
2340
2341
2342
2343                                    </div>
2344                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2345                                        <a href="https://sevensons.net/store/fish-seafood"
2346       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seafood</a>
2347
2348
2349
2350                                    </div>
2351                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2352                                        <a href="https://sevensons.net/store/vegetables-preserves"
2353       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Frozen Veggies</a>
2354
2355
2356
2357                                    </div>
2358                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2359                                        <a href="https://sevensons.net/store/collections/bones-organs"
2360       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Bones &amp; Organs</a>
2361
2362
2363
2364                                    </div>
2365                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2366                                        <a href="https://sevensons.net/fresh-eggs"
2367       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Eggs</a>
2368
2369
2370
2371                                    </div>
2372                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2373                                        <a href="https://sevensons.net/store/product/wild-caught-salmon-pet-pack"
2374       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">For Pets</a>
2375
2376
2377
2378                                    </div>
2379                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2380                                        <div x-data="{ submenuIsExpanded: false }">
2381        <button @click="submenuIsExpanded = !submenuIsExpanded" type="button"
2382                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2383                aria-controls="sub-menu-394" :aria-expanded="submenuIsExpanded">
2384            <span class="flex-1">
2385                <a @click.stop href="#!"
2386                   class="text-gray-900">Gifting</a>
2387            </span>
2388            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2389                 :class="{ 'rotate-90 text-gray-500': submenuIsExpanded, 'text-gray-400': submenuIsExpanded }"
2390                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2391                <path fill-rule="evenodd"
2392                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2393                      clip-rule="evenodd"></path>
2394            </svg>
2395        </button>
2396        <ul style="display: none;" x-show="submenuIsExpanded" class="mt-1 pl-4"
2397            id="sub-menu-394">
2398                                            <li>
2399                    <a href="https://sevensons.net/store/collections/gift-cards"
2400                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Cards</a>
2401                </li>
2402                                            <li>
2403                    <a href="https://sevensons.net/gift-boxes"
2404                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Gift Boxes</a>
2405                </li>
2406                    </ul>
2407    </div>
2408
2409
2410
2411
2412                                    </div>
2413                                                                    <div  x-show="storeMenuIsExpanded" x-collapse >
2414                                        <a href="https://sevensons.net/store/clothing-gear"
2415       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Clothing</a>
2416
2417
2418
2419                                    </div>
2420                                                                                                    <div class="absolute bottom-0 left-0 w-full">
2421                                        <button @click="storeMenuIsExpanded = !storeMenuIsExpanded" type="button"
2422                                                class="group flex text-sm items-center w-full text-left rounded-md py-3 px-4 gap-x-3"
2423                                                aria-controls="sub-menu-453"
2424                                                :aria-expanded="storeMenuIsExpanded">
2425                                            <span class="text-sm font-semibold leading-6 text-keppel-400 group-hover:text-keppel-400/70">
2426                                                See
2427                                                <span
2428                                                        x-text="storeMenuIsExpanded ? 'less' : 'more'"></span>
2429                                            </span>
2430                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
2431                                                 fill="currentColor"
2432                                                 class="text-keppel-400/70 h-4 w-4 shrink-0 transition-transform duration-75  group-hover:text-keppel-400/50"
2433                                                 :class="{ 'rotate-180': storeMenuIsExpanded }">
2434                                                <path fill-rule="evenodd"
2435                                                      d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z"
2436                                                      clip-rule="evenodd"/>
2437                                            </svg>
2438
2439                                        </button>
2440                                    </div>
2441                                                            </div>
2442                        </div>
2443
2444                        <!-- Main menu -->
2445                        <div class="pt-3 px-4 sm:px-6 lg:hidden">
2446                                                                                            <div x-data="{ isExpanded: false }">
2447                                                                            <button @click="isExpanded = !isExpanded" type="button"
2448                                                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2449                                                aria-controls="sub-menu-357"
2450                                                :aria-expanded="isExpanded">
2451                                            <span class="flex-1">How It Works</span>
2452                                            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2453                                                 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2454                                                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2455                                                <path fill-rule="evenodd"
2456                                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2457                                                      clip-rule="evenodd"></path>
2458                                            </svg>
2459                                        </button>
2460                                        <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4"
2461                                            id="sub-menu-357">
2462                                                                                                                                            <li>
2463                                                    <a href="https://sevensons.net/how-home-delivery-works"
2464                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Home Delivery</a>
2465                                                </li>
2466                                                                                                                                            <li>
2467                                                    <a href="https://sevensons.net/subscribe-save"
2468                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Subscribe &amp; Save</a>
2469                                                </li>
2470                                                                                                                                            <li>
2471                                                    <a href="https://sevensons.net/guarantee"
2472                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Brothers Guarantee</a>
2473                                                </li>
2474                                                                                    </ul>
2475                                                                    </div>
2476                                                                                            <div x-data="{ isExpanded: false }">
2477                                                                            <button @click="isExpanded = !isExpanded" type="button"
2478                                                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2479                                                aria-controls="sub-menu-300"
2480                                                :aria-expanded="isExpanded">
2481                                            <span class="flex-1">About</span>
2482                                            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2483                                                 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2484                                                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2485                                                <path fill-rule="evenodd"
2486                                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2487                                                      clip-rule="evenodd"></path>
2488                                            </svg>
2489                                        </button>
2490                                        <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4"
2491                                            id="sub-menu-300">
2492                                                                                                                                            <li>
2493                                                    <a href="https://sevensons.net/protocols"
2494                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Our Standards</a>
2495                                                </li>
2496                                                                                                                                            <li>
2497                                                    <a href="https://sevensons.net/manifesto"
2498                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Our Manifesto</a>
2499                                                </li>
2500                                                                                                                                            <li>
2501                                                    <a href="https://sevensons.net/our-story"
2502                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Meet the Family</a>
2503                                                </li>
2504                                                                                                                                            <li>
2505                                                    <a href="https://sevensons.net/tour"
2506                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Virtual Farm Tour</a>
2507                                                </li>
2508                                                                                    </ul>
2509                                                                    </div>
2510                                                                                            <div x-data="{ isExpanded: false }">
2511                                                                            <button @click="isExpanded = !isExpanded" type="button"
2512                                                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2513                                                aria-controls="sub-menu-436"
2514                                                :aria-expanded="isExpanded">
2515                                            <span class="flex-1">Learn</span>
2516                                            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2517                                                 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2518                                                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2519                                                <path fill-rule="evenodd"
2520                                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2521                                                      clip-rule="evenodd"></path>
2522                                            </svg>
2523                                        </button>
2524                                        <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4"
2525                                            id="sub-menu-436">
2526                                                                                                                                            <li>
2527                                                    <a href="https://sevensons.net/regenerative-investor"
2528                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Regenerative Investor Club</a>
2529                                                </li>
2530                                                                                                                                            <li>
2531                                                    <a href="https://sevensons.net/farm-ambassador"
2532                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Ambassadors Program</a>
2533                                                </li>
2534                                                                                                                                            <li>
2535                                                    <a href="https://sevensons.net/farm-life-show"
2536                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Life Show</a>
2537                                                </li>
2538                                                                                                                                            <li>
2539                                                    <a href="https://sevensons.net/farm-partners"
2540                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Farm Partners</a>
2541                                                </li>
2542                                                                                                                                            <li>
2543                                                    <a href="https://sevensons.net/learn"
2544                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Articles</a>
2545                                                </li>
2546                                                                                                                                            <li>
2547                                                    <a href="https://sevensons.net/recipes"
2548                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Recipes</a>
2549                                                </li>
2550                                                                                                                                            <li>
2551                                                    <a href="https://sevensons.net/blog"
2552                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Blog</a>
2553                                                </li>
2554                                                                                    </ul>
2555                                                                    </div>
2556                                                                                            <div x-data="{ isExpanded: false }">
2557                                                                            <button @click="isExpanded = !isExpanded" type="button"
2558                                                class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2559                                                aria-controls="sub-menu
2559-216"
2560                                                :aria-expanded="isExpanded">
2561                                            <span class="flex-1">Visit</span>
2562                                            <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2563                                                 :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2564                                                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2565                                                <path fill-rule="evenodd"
2566                                                      d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2567                                                      clip-rule="evenodd"></path>
2568                                            </svg>
2569                                        </button>
2570                                        <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4"
2571                                            id="sub-menu-216">
2572                                                                                                                                            <li>
2573                                                    <a href="https://sevensons.net/farm-store"
2574                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Roanoke, IN Farm Store</a>
2575                                                </li>
2576                                                                                                                                            <li>
2577                                                    <a href="https://sevensons.net/tours"
2578                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Seasonal Farm Tours</a>
2579                                                </li>
2580                                                                                                                                            <li>
2581                                                    <a href="https://www.google.com/maps/dir//15718+Aboite+Rd,+Roanoke,+IN+46783/@40.9379902,-85.4019677,19928m/data=!3m1!1e3!4m8!4m7!1m0!1m5!1m1!1s0x8815c17bc5f9b4d3:0xe07579c4832d1a1f!2m2!1d-85.3195669!2d40.9380195?entry=ttu&amp;g_ep=EgoyMDI1MDEwOC4wIKXMDSoASAFQAw%3D%3D"
2582                                                       class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">Get Directions</a>
2583                                                </li>
2584                                                                                    </ul>
2585                                                                    </div>
2586                            
2587                            <div x-data="{ isExpanded: false }">
2588                                <button @click="isExpanded = !isExpanded" type="button"
2589                                        class="flex items-center w-full text-left rounded-md py-3 px-4 gap-x-3 hover:bg-gray-100 sm:text-sm"
2590                                        aria-controls="sub-menu-help"
2591                                        :aria-expanded="isExpanded">
2592                                    <span class="flex-1">Help</span>
2593                                    <svg class="text-gray-400 h-5 w-5 shrink-0 transition-transform duration-75"
2594                                         :class="{ 'rotate-90 text-gray-500': isExpanded, 'text-gray-400': isExpanded }"
2595                                         viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2596                                        <path fill-rule="evenodd"
2597                                              d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
2598                                              clip-rule="evenodd"></path>
2599                                    </svg>
2600                                </button>
2601                                <ul style="display: none;" x-show="isExpanded" class="mt-1 pl-4"
2602                                    id="sub-menu-help">
2603
2604                                    <li>
2605                                        <a href="https://sevensons.net/customer-support" class="no-underline text-gray-700 block rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">
2606                                            Contact Us
2607                                        </a>
2608                                        <button type="button" id="accessibilityTriggerId" class="text-gray-700 block w-full text-left rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">
2609                                            Accessibility
2610                                        </button>
2611                                        <button type="button" x-on:click="window.openZendeskWidget(); open = false;" class="text-gray-700 block w-full text-left rounded-md py-3 px-4 hover:bg-gray-100 sm:text-sm">
2612                                            Customer FAQs
2613                                        </button>
2614                                    </li>
2615                                </ul>
2616
2617                            </div>
2618                        </div>
2619                    </div>
2620                </div>
2621            </div>
2622        </div>
2623    </div>
2624</div>
2625    </div>
2626
2627
2628</div>
2629
2630
2631<div wire:key="lw-2507046029-0" wire:snapshot="{&quot;data&quot;:{&quot;open&quot;:false,&quot;title&quot;:&quot;Default Panel&quot;,&quot;component&quot;:&quot;&quot;,&quot;params&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;IgtedoHCdyMlHog8bNqF&quot;,&quot;name&quot;:&quot;theme.side-panel&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;ff052663793038b3c3d862c337e6dd32eb4956f91d6b21acf115e49a385c00e4&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openPanel&quot;,&quot;closePanel&quot;]}" wire:id="IgtedoHCdyMlHog8bNqF" wire:name="theme.side-panel" class="">
2632    <div
2633            x-data="{ open: $wire.entangle('open') }"
2634            x-init="() => {
2635                $watch('open', value => $dispatch(value === true ? 'side-panel-opened' : 'side-panel-closed'));
2636                            }"
2637            @keydown.window.escape="open = false"
2638            x-show="open"
2639            x-cloak
2640            aria-labelledby="slide-over-title"
2641            x-ref="dialog"
2642            aria-modal="true"
2643            class="relative z-[150]"
2644    >
2645        <div
2646                x-show="open"
2647                x-cloak
2648                x-transition:enter="transition-opacity ease-linear duration-300"
2649                x-transition:enter-start="opacity-0"
2650                x-transition:enter-end="opacity-100"
2651                x-transition:leave="transition-opacity ease-linear duration-300"
2652                x-transition:leave-start="opacity-100"
2653                x-transition:leave-end="opacity-0"
2654                class="font-body pointer-events-none fixed inset-0 bg-black/25"
2655                :class="{ 'pointer-events-none': ! open, 'pointer-events-auto': open }"
2656
2657        ></div>
2658
2659        <div class="font-body fixed inset-0 overflow-hidden">
2660            <div class="absolute inset-0 overflow-hidden">
2661                <div class="pointer-events-none fixed inset-y-0 right-0 flex w-full max-w-md pl-10">
2662                    <div
2663                            x-show="open"
2664                            x-cloak
2665                            x-transition:enter="transform transition ease-in-out duration-300"
2666                            x-transition:enter-start="translate-x-full"
2667                            x-transition:enter-end="translate-x-0"
2668                            x-transition:leave="transform transition ease-in-out duration-300"
2669                            x-transition:leave-start="translate-x-0"
2670                            x-transition:leave-end="translate-x-full"
2671                            class="pointer-events-auto h-full w-full max-w-md"
2672                            @click.away="open = false"
2673                    >
2674                        <div class="flex h-full min-h-0 flex-col overflow-hidden">
2675                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
2676                    </div>
2677                </div>
2678            </div>
2679        </div>
2680    </div>
2681</div>
2682
2683<div wire:key="lw-2507046029-1" wire:snapshot="{&quot;data&quot;:{&quot;open&quot;:false,&quot;title&quot;:&quot;&quot;,&quot;message&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;01zqwcjcILSkUWY57VmM&quot;,&quot;name&quot;:&quot;theme.modal&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;86cfa5799796b0fb09db459c3d4a6c6a3d269e5fa46ad78b185f7b65f81d7318&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openModal&quot;]}" wire:id="01zqwcjcILSkUWY57VmM" wire:name="theme.modal" x-data="{ open: $wire.entangle('open') }"
2684     x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))"
2685     x-show="open"
2686     x-cloak
2687     class=""
2688     aria-labelledby="slide-over-title"
2689     x-ref="dialog"
2690     aria-modal="true"
2691     @click.stop=""
2692>
2693    <div class="relative font-body z-[1000]" aria-labelledby="modal-title" role="dialog" aria-modal="true">
2694        <div x-show="open"
2695             x-cloak
2696             style="display: none;"
2697             x-transition:enter="ease-in-out duration-500"
2698             x-transition:enter-start="opacity-0"
2699             x-transition:enter-end="opacity-100"
2700             x-transition:leave="ease-in-out duration-500"
2701             x-transition:leave-start="opacity-100"
2702             x-transition:leave-end="opacity-0"
2703
2704             class="fixed inset-0 bg-gray-500/75 transition-opacity"
2705        ></div>
2706
2707        <div class="fixed inset-0 font-body z-10 overflow-y-auto pointer-events-none">
2708            <div class="flex min-h-full justify-center text-center items-center p-0">
2709                <div
2710                        x-show="open"
2711                        x-cloak
2712                        style="display: none;"
2713                        x-transition:enter="ease-out duration-300"
2714                        x-transition:enter-start="opacity-0 translate-y-0 scale-95"
2715                        x-transition:enter-end="opacity-100 translate-y-0 scale-100"
2716                        x-transition:leave="ease-in duration-200"
2717                        x-transition:leave-start="opacity-100 translate-y-0 scale-100"
2718                        x-transition:leave-end="opacity-0 translate-y-0 scale-95"
2719                        class="relative pointer-events-auto transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6"
2720                >
2721                    <div class="absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
2722                        <button type="button" @click.stop="open = false" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500/50 focus:ring-offset-2">
2723                            <span class="sr-only">Close</span>
2724                            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
2725                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2726                            </svg>
2727                        </button>
2728                    </div>
2729                    <div class="sm:flex sm:items-start">
2730                        <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
2731                            <svg class="h-6 w-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
2732                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/>
2733                            </svg>
2734                        </div>
2735                        <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
2736                            <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title"></h3>
2737                            <div class="mt-2">
2738                                <p class="text-sm text-gray-500"></p>
2739                            </div>
2740                        </div>
2741                    </div>
2742                    <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
2743                        
2744                        <button @click.stop="open = false" type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">Cancel</button>
2745                    </div>
2746                </div>
2747            </div>
2748        </div>
2749    </div>
2750</div>
2751<div wire:key="lw-2507046029-2" wire:snapshot="{&quot;data&quot;:{&quot;term&quot;:&quot;&quot;,&quot;products&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;XG6Fjnv9Fe9ACT19zoUu&quot;,&quot;name&quot;:&quot;theme.product-search-command-palette&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;has_subscription&quot;:false,&quot;has_order&quot;:false},&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;e380e2d01d6a4d3e88730b3fce5ed704f8cc4ced271fb6f06624681bb522aa2d&quot;}" wire:effects="[]" wire:id="XG6Fjnv9Fe9ACT19zoUu" wire:name="theme.product-search-command-palette" class="">
2752    <div x-data="{
2753      open: false,
2754      resetOnOpen: true,
2755      closeOnSelection: true,
2756
2757      // Add your custom functionality or navigation when an option is selected
2758      optionSelected() {
2759        window.location.href = `/store/product/${this.highlightedOption.slug}`;
2760      },
2761
2762      // Helper variables
2763      modifierKey: '',
2764      filterTerm: $wire.entangle('term'),
2765      filterResults: $wire.entangle('products'),
2766      highlightedOption: null,
2767      highlightedIndex: -1,
2768      enableMouseHighlighting: true,
2769
2770      // Initialization
2771      init() {
2772        if (this.open) {
2773          this.openCommandPalette();
2774        }
2775
2776        // Initialize filter results array
2777        this.filterResults = [];
2778
2779        // Set the modifier key based on platform
2780        this.modifierKey = /mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform) ? '⌘' : 'Ctrl';
2781      },
2782
2783      // Open Command Palette
2784      openCommandPalette() {
2785        if (this.resetOnOpen) {
2786          this.filterTerm = '';
2787          this.highlightedOption = null;
2788          this.highlightedIndex = -1;
2789          this.filterResults = [];
2790        }
2791
2792        this.open = true;
2793
2794        $nextTick(() => {
2795          // Focus filter input
2796          setTimeout(() => {
2797              $focus.focus($refs.elFilter);
2798          }, 350);
2799        });
2800      },
2801
2802      // Close Command Palette
2803      closeCommandPalette() {
2804        this.open = false;
2805
2806        $nextTick(() => {
2807          // Focus toggle button
2808          $focus.focus($refs.elToggleButton);
2809        });
2810      },
2811
2812      // Enable mouse interaction
2813      enableMouseInteraction() {
2814        this.enableMouseHighlighting = true;
2815      },
2816
2817      // Set an option as highlighted
2818      setHighlighted(id, mode) {
2819        if (id === null) {
2820          this.highlightedOption = null;
2821          this.highlightedIndex = -1;
2822        } else if (this.highlightedOption?.id != id && (mode === 'keyboard' || (mode === 'mouse' && this.enableMouseHighlighting))) {
2823          this.highlightedOption = this.filterResults.find(result => result.id === id) || null;
2824
2825          // Set highlighted index of filter results
2826          if (mode === 'mouse' && this.enableMouseHighlighting) {
2827              this.highlightedIndex = this.filterResults.findIndex((result) => {
2828                return result.id === id;
2829              });
2830          } else {
2831            // We are in keyboard mode, disable mouse navigation
2832            this.enableMouseHighlighting = false;
2833
2834            // Scroll listbox to make the highlighted element visible
2835            $refs.elListbox.querySelector('li[data-id=\'' + id + '\']').scrollIntoView({ block: 'nearest' });
2836          }
2837        }
2838      },
2839
2840      // Check if the given id is the highlighted one
2841      isHighlighted(id) {
2842        return id === this.highlightedOption?.id || false;
2843      },
2844
2845      // Navigate results functionality
2846      navigateResults(mode) {
2847        if (this.filterResults.length > 0) {
2848          const maxIndex = this.filterResults.length - 1;
2849
2850          if (mode === 'first') {
2851            this.highlightedIndex = 0;
2852          } else if (mode === 'last') {
2853            this.highlightedIndex = maxIndex;
2854          } else if (mode === 'previous') {
2855            if (this.highlightedIndex > 0 && this.highlightedIndex <= maxIndex) {
2856              this.highlightedIndex--;
2857            } else if (this.highlightedIndex === -1) {
2858              this.highlightedIndex = 0;
2859            }
2860          } else if (mode === 'next') {
2861            if (this.highlightedIndex >= 0 && this.highlightedIndex < maxIndex) {
2862              this.highlightedIndex++;
2863            } else if (this.highlightedIndex === -1) {
2864              this.highlightedIndex = 0;
2865            }
2866          }
2867
2868          if (!this.filterResults[this.highlightedIndex]?.id) {
2869            this.highlightedIndex = 0;
2870          }
2871
2872          this.setHighlighted(this.filterResults[this.highlightedIndex].id, 'keyboard');
2873        }
2874      },
2875
2876      // On option selected
2877      onOptionSelected() {
2878        if (this.highlightedOption != null) {
2879          this.optionSelected();
2880
2881          if (this.closeOnSelection) {
2882            this.closeCommandPalette();
2883          }
2884        }
2885      },
2886    }"
2887         x-on:product-search-toggled.window="openCommandPalette()"
2888         x-on:keydown.ctrl.slash.prevent.document="openCommandPalette()"
2889         x-on:keydown.meta.slash.prevent.document="openCommandPalette()"
2890         x-on:keydown.esc.prevent.stop="closeCommandPalette()"
2891         x-trap.inert.noscroll="open"
2892         class="relative font-body z-30 pointer-events-none"
2893    >
2894        <!-- Background backdrop, show/hide based on modal state. -->
2895        <div x-show="open"
2896             x-cloak
2897             style="display: none;"
2898             x-transition:enter="ease-out duration-300"
2899             x-transition:enter-start="opacity-0"
2900             x-transition:enter-end="opacity-100"
2901             x-transition:leave="ease-in duration-200"
2902             x-transition:leave-start="opacity-100"
2903             x-transition:leave-end="opacity-0"
2904             class="fixed inset-0 font-body  pointer-events-auto backdrop-blur-xs bg-gray-700/50 transition"
2905             tabindex="-1"
2906             aria-hidden="true"
2907        ></div>
2908
2909        <div class="fixed inset-0 z-10 w-screen overflow-y-auto p-4 sm:p-6 md:p-20">
2910            <!-- Command palette, show/hide based on modal state. -->
2911            <div x-show="open"
2912                 x-cloak
2913                 style="display: none;"
2914                 x-transition:enter="ease-out duration-300"
2915                 x-transition:enter-start="opacity-0 scale-95"
2916                 x-transition:enter-end="opacity-100 scale-100"
2917                 x-transition:leave="ease-in duration-200"
2918                 x-transition:leave-start="opacity-100 scale-100"
2919                 x-transition:leave-end="opacity-0 scale-95"
2920                 x-on:click.outside="closeCommandPalette()"
2921                 class=" pointer-events-auto mx-auto max-w-xl transform divide-y divide-gray-100 overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black/5 transition-all"
2922                 role="dialog"
2923                 aria-modal="true"
2924                 aria-labelledby="product-search-title"
2925            >
2926                <h3 id="product-search-title" class="sr-only">Product search</h3>
2927                <div class="relative pointer-events-auto">
2928                    <svg class="pointer-events-none absolute left-4 top-3.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2929                        <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd"></path>
2930                    </svg>
2931                    <input x-ref="elFilter"
2932                           wire:model.live.debounce.150ms="term"
2933                           x-on:keydown.enter.prevent.stop="onOptionSelected()"
2934                           x-on:keydown.up.prevent.stop="navigateResults('previous')"
2935                           x-on:keydown.down.prevent.stop="navigateResults('next')"
2936                           x-on:keydown.home.prevent.stop="navigateResults('first')"
2937                           x-on:keydown.end.prevent.stop="navigateResults('last')"
2938                           x-on:keydown.page-up.prevent.stop="navigateResults('first')"
2939                           x-on:keydown.page-down.prevent.stop="navigateResults('last')"
2940                           type="text"
2941                           class="h-12 w-full border-0 bg-transparent pl-12 pr-12 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm"
2942                           placeholder="What can we help you find?"
2943                           tabindex="0"
2944                           role="combobox"
2945                           aria-expanded="false"
2946                           aria-controls="options"
2947                    >
2948                    <svg x-show="filterTerm !== ''" wire:loading.inline class="pointer-events-none absolute right-4 top-3.5 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
2949                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
2950                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
2951                    </svg>
2952                </div>
2953
2954                <ul x-show="filterTerm !== '' && filterResults.length > 0"
2955                    x-ref="elListbox"
2956                    x-on:mousemove.throttle="enableMouseInteraction()"
2957                    x-on:mouseleave="setHighlighted(null)"
2958                    class="max-h-72 m-0 overflow-auto rounded-b-xl bg-white p-2"
2959                    id="options"
2960                    role="listbox"
2961                    :aria-expanded="open && filterTerm !== '' && filterResults.length > 0"
2962                >
2963                    <template x-for="option in filterResults" :key="option.id">
2964                        <li
2965                                x-on:mouseenter="setHighlighted(option.id, 'mouse')"
2966                                x-bind:class="{
2967                              'text-white bg-keppel-400': isHighlighted(option.id),
2968                              'text-gray-600': ! isHighlighted(option.id),
2969                            }"
2970                                x-bind:data-selected="isHighlighted(option.id)"
2971                                x-bind:data-id="option.id"
2972                                x-bind:data-label="option.title"
2973                                x-bind:aria-selected="isHighlighted(option.id)"
2974                                class="group flex cursor-pointer items-center justify-between gap-3 rounded-lg px-3 text-sm"
2975                                role="option"
2976                                tabindex="-1"
2977                        >
2978                            <a :href="`/store/product/${option.slug}`" class="no-underline w-full">
2979                                <div class="flex grow justify-between items-center gap-3 py-2">
2980                                    <span x-text="option.title" class="font-medium" x-bind:class="{
2981                                      'text-white': isHighlighted(option.id),
2982                                      'text-gray-600': ! isHighlighted(option.id),
2983                                    }"></span>
2984                                </div>
2985                            </a>
2986
2987                        </li>
2988                    </template>
2989                </ul>
2990
2991                <!-- END Listbox -->
2992
2993                <!-- No Results Feedback -->
2994                <div x-show="filterTerm !== '' && filterResults.length === 0"
2995                     x-cloak
2996                     class="rounded-b-xl bg-white p-3 "
2997                >
2998                    <div class="space-y-3 py-8 text-center text-sm text-gray-500">
2999                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" data-slot="icon" class="hi-outline hi-x-circle inline-block size-8 opacity-50">
3000                            <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"/>
3001                        </svg>
3002
3003                        <p>No matching products found.</p>
3004                    </div>
3005                </div>
3006                <!-- END No Results Feedback -->
3007            </div>
3008        </div>
3009    </div>
3010</div>
3011<div wire:key="lw-2507046029-3" wire:snapshot="{&quot;data&quot;:{&quot;open&quot;:false,&quot;component&quot;:&quot;&quot;,&quot;params&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Vg4Za1sqXvEVolXehbdo&quot;,&quot;name&quot;:&quot;theme.modals.modal&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;e1c5b132243d958ff351c1a684acaa6a21ecc99171af39b68223101fbf5706ed&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openThemeModal&quot;,&quot;closeThemeModal&quot;]}" wire:id="Vg4Za1sqXvEVolXehbdo" wire:name="theme.modals.modal" x-data="{ open: $wire.entangle('open') }"
3012     x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))"
3013     x-show="open"
3014     x-cloak
3015     @keydown.window.escape="$dispatch('closeThemeModal')"
3016     class=""
3017     aria-labelledby="slide-over-title"
3018     x-ref="dialog"
3019     aria-modal="true"
3020     @click.stop=""
3021>
3022    <div
3023            class="relative font-body z-[1000]"
3024    >
3025        <div
3026                x-show="open"
3027                x-cloak="" style="display: none;" x-transition:enter="ease-out duration-300"
3028                x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
3029                x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
3030                x-transition:leave-end="opacity-0"
3031                class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity"></div>
3032
3033        <div x-show="open" class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
3034            <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
3035                <div x-show="open" x-cloak="" style="display: none;" x-transition:enter="ease-out duration-300"
3036                     x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3037                     x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
3038                     x-transition:leave="ease-in duration-200"
3039                     x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
3040                     x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3041                     class="pointer-events-auto relative transform transition-all">
3042                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
3043            </div>
3044        </div>
3045    </div>
3046</div>
3047
3048
3049
3050<ui-modal wire:key="lw-2507046029-4" wire:snapshot="{&quot;data&quot;:{&quot;cart&quot;:null,&quot;delivery_method&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;PuzDK1RsJJpa2nwiHwAj&quot;,&quot;name&quot;:&quot;theme.cart-drawer&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;17003c1b6126c835875aec119e57578fe1471cae0d456ced563ec976ee001b75&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cartUpdated&quot;,&quot;cartDeliveryMethodUpdated&quot;,&quot;addressUpdated&quot;,&quot;auth-state-changed&quot;]}" wire:id="PuzDK1RsJJpa2nwiHwAj" wire:name="theme.cart-drawer"  data-flux-modal>
3051    
3052    <dialog
3053        wire:ignore.self 
3054        class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&amp;)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 h-full p-0! w-full max-w-md"
3055         data-modal="cart-drawer"          data-flux-flyout                         x-data="fluxModal('cart-drawer', 'PuzDK1RsJJpa2nwiHwAj')"
3056                x-on:modal-show.document="handleShow($event)"
3057        x-on:modal-close.document="handleClose($event)"
3058    >
3059                    <div class="relative flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl">
3060        <div class="shrink-0 justify-end px-3 py-2 sm:px-4">
3061            <div class="flex items-center justify-between">
3062                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 text-xs font-semibold text-gray-900" data-flux-heading>Your Custom Box</div>
3063                <div class="ml-3 flex h-7 items-center">
3064                    <ui-close data-flux-modal-close >
3065    <button type="button" command="close" commandfor="drawer" class="relative rounded-md text-gray-400 hover:text-gray-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
3066                            <span class="absolute -inset-2.5"></span>
3067                            <span class="sr-only">Close panel</span>
3068                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
3069  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
3070</svg>
3071
3072                                </button>
3073</ui-close>
3074                </div>
3075            </div>
3076        </div>
3077        <div class="flex min-h-0 flex-1 flex-col overflow-y-auto">
3078            <div class="flex-1">
3079                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3080                <div class="space-y-4 bg-white pb-4 px-3 sm:px-4">
3081                    <!--[if BLOCK]><![endif]-->                        <div class="bg-white py-6 px-3 text-center sm:px-4">
3082                            <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 text-xl font-display" data-flux-heading>Empty Box</div>
3083                            <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1" data-flux-text >Get started by adding a product to your custom box</p>                            <a href="https://sevensons.net/store" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   mt-4" data-flux-group-target="data-flux-group-target">
3084        Build My Box
3085    </a>
3086                        </div>
3087                    <!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
3088
3089            </div>
3090        </div>
3091        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3092
3093                        </dialog>
3094</ui-modal>
3095
3096<ui-modal wire:key="lw-2507046029-5" wire:snapshot="{&quot;data&quot;:{&quot;cart&quot;:null,&quot;selected_frequency&quot;:28,&quot;selected_incentive_id&quot;:1893,&quot;postal_code&quot;:&quot;&quot;,&quot;username&quot;:&quot;&quot;,&quot;timestamp&quot;:1790368684},&quot;memo&quot;:{&quot;id&quot;:&quot;cSqG2WKCP7IO9Ie1xG7M&quot;,&quot;name&quot;:&quot;theme.subscribe-offer-drawer&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;667433866-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;4714e32235c8ba9dff35f0a0edb15eecee6c5dd9983ba9080fc4ac6bec0e66c0&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;667433866-0&quot;:&quot;&lt;script&gt;\n    $js(&#039;handleShow&#039;, event =&gt; {\n        gtag(&#039;event&#039;, &#039;view_promotion&#039;, {\n            creative_name: &#039;subscribe_and_save_in_store&#039;,\n            creative_slot: &#039;subscribe_and_save_offer_drawer&#039;,\n            promotion_name: &#039;Subscribe &amp; Save&#039;,\n            promotion_id: &#039;subscribe_and_save&#039;,\n            items: []        });\n    });\n&lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;auth-state-change&quot;,&quot;cartUpdated&quot;,&quot;open-subscribe-offer-drawer&quot;]}" wire:id="cSqG2WKCP7IO9Ie1xG7M" wire:name="theme.subscribe-offer-drawer" x-data="{ handleShow(event) {
3097                if (event.detail.name === 'subscribe-offer-drawer' && typeof gtag !== 'undefined') {
3098                    $js.handleShow(event)
3099                }
3100            }, showPostalForm: false }" x-on:modal-show.document="handleShow" data-flux-modal>
3101    
3102    <dialog
3103        wire:ignore.self 
3104        class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&amp;)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 h-full p-0! md:max-w-[25rem]"
3105         data-modal="subscribe-offer-drawer"          data-flux-flyout                         x-data="fluxModal('subscribe-offer-drawer', 'cSqG2WKCP7IO9Ie1xG7M')"
3106                x-on:modal-show.document="handleShow($event)"
3107        x-on:modal-close.document="handleClose($event)"
3108    >
3109                    <div class="relative flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl ">
3110        <div class="shrink-0 justify-end px-3 py-3 sm:px-4">
3111            <div class="flex items-center justify-between">
3112                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 font-semibold text-gray-900" data-flux-heading>Subscribe & Save</div>
3113                <div class="ml-3 flex h-7 items-center">
3114                    <ui-close data-flux-modal-close >
3115    <button type="button" command="close" commandfor="drawer" class="relative rounded-md text-gray-400 hover:text-gray-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
3116                            <span class="absolute -inset-2.5"></span>
3117                            <span class="sr-only">Close panel</span>
3118                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-5">
3119                                <path d="M6 18 18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round"/>
3120                            </svg>
3121                        </button>
3122</ui-close>
3123                </div>
3124            </div>
3125        </div>
3126        <div class="flex min-h-0 flex-1 flex-col overflow-y-auto">
3127
3128            <div class="relative flex-1">
3129                <div class="bg-barley-corn-50 px-3 py-4 sm:px-4">
3130                    <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 font-semibold text-barley-corn-900" data-flux-heading>What you get when you subscribe to your box:</div>
3131
3132                    <ul role="list" class="mt-2">
3133                        <li class="relative flex items-center space-x-4 py-1">
3134                            <div class="min-w-0 flex-auto">
3135                                <div class="flex items-start gap-x-2">
3136                                    <div class="flex-none">
3137                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5">
3138                                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
3139                                        </svg>
3140                                    </div>
3141                                    <div class="min-w-0">
3142                                        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">5% savings</span> site-wide</p>                                    </div>
3143                                </div>
3144                            </div>
3145                        </li>
3146                        <li class="relative flex items-center space-x-4 py-2">
3147                            <div class="min-w-0 flex-auto">
3148                                <div class="flex items-start gap-x-2">
3149                                    <div class="flex-none">
3150                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5">
3151                                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
3152                                        </svg>
3153                                    </div>
3154                                    <div class="min-w-0">
3155                                        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">Free item</span> with each delivery (choose below)</p>                                    </div>
3156                                </div>
3157                            </div>
3158                        </li>
3159                        <li class="relative flex items-center space-x-4 py-2">
3160                            <div class="min-w-0 flex-auto">
3161                                <div class="flex items-start gap-x-2">
3162                                    <div class="flex-none">
3163                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5">
3164                                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
3165                                        </svg>
3166
3167                                    </div>
3168                                    <div class="min-w-0">
3169                                        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">$25 store credit</span> to use on your next order - Available to first-time subscribers only</p>                                    </div>
3170                                </div>
3171                            </div>
3172                        </li>
3173                        <li class="relative flex items-center space-x-4 py-2">
3174                            <div class="min-w-0 flex-auto">
3175                                <div class="flex items-start gap-x-2">
3176                                    <div class="flex-none">
3177                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 text-barley-corn-700 size-5">
3178                                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
3179                                        </svg>
3180                                    </div>
3181                                    <div class="min-w-0">
3182                                        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-barley-corn-600" data-flux-text ><span class="font-semibold text-barley-corn-900">100% Customizable</span> - Pause, skip, or cancel anytime with no penalties</p>                                    </div>
3183                                </div>
3184                            </div>
3185                        </li>
3186                    </ul>
3187                </div>
3188                <div class="px-3 py-4 sm:px-4 space-y-4">
3189                    <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3190    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
3191    Choose Your Free Item
3192
3193    
3194    
3195    </ui-label>
3196        
3197        
3198        <ui-radio-group class="flex gap-3 flex-col" wire:model="selected_incentive_id" label="Cho
3198ose Your Free Item"  data-flux-radio-group-cards>
3199        <!--[if BLOCK]><![endif]-->                            <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&amp;:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&amp;:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dark:data-checked:bg-white/15  hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none" value="1893" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field>
3200            <div class="flex-1 flex items-center space-x-4">
3201                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1758116242_68cab9921608e.webp" alt="1 lb. Ground Beef" class="size-12 flex-none rounded-md bg-gray-50 "/>
3202                                    <div>
3203                                        <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 leading-4" data-flux-heading>1 lb. Ground Beef</div>
3204                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$12.60</span> FREE</p>                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p>                                    </div>
3205                                </div>
3206                                <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&amp;]:opacity-75 [ui-radio[data-checked][disabled]_&amp;]:opacity-50 [ui-radio[disabled]_&amp;]:shadow-none [ui-radio[data-checked]_&amp;]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&amp;&gt;div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&amp;]:border-zinc-200 dark:[ui-radio[disabled]_&amp;]:border-white/5 [ui-radio[data-checked]_&amp;]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&amp;]:[ui-radio[disabled]_&amp;]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&amp;]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&amp;]:bg-(--color-accent) focus:[ui-radio[data-checked]_&amp;]:bg-(--color-accent)" data-flux-radio-indicator>
3207    <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div>
3208</div>
3209    </ui-radio>
3210                                                    <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&amp;:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&amp;:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dar
3210k:data-checked:bg-white/15  hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none" value="1981" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field>
3211            <div class="flex-1 flex items-center space-x-4">
3212                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1543348091_5bfd9f7bca6a0.jpg" alt="1 pkg. Bacon-Infused Burgers" class="size-12 flex-none rounded-md bg-gray-50 "/>
3213                                    <div>
3214                                        <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 leading-4" data-flux-heading>1 pkg. Bacon-Infused Burgers</div>
3215                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$10.95</span> FREE</p>                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p>                                    </div>
3216                                </div>
3217                                <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&amp;]:opacity-75 [ui-radio[data-checked][disabled]_&amp;]:opacity-50 [ui-radio[disabled]_&amp;]:shadow-none [ui-radio[data-checked]_&amp;]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&amp;&gt;div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&amp;]:border-zinc-200 dark:[ui-radio[disabled]_&amp;]:border-white/5 [ui-radio[data-checked]_&amp;]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&amp;]:[ui-radio[disabled]_&amp;]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&amp;]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&amp;]:bg-(--color-accent) focus:[ui-radio[data-checked]_&amp;]:bg-(--color-accent)" data-flux-radio-indicator>
3218    <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div>
3219</div>
3220    </ui-radio>
3221                                                    <ui-radio class="relative flex justify-between gap-3 flex-1 p-4 rounded-lg shadow-xs bg-white dark:bg-white/10 dark:hover:bg-white/15 dark:data-checked:bg-white/15 after:absolute after:-inset-px after:rounded-lg border border-zinc-800/15 dark:border-white/10 [--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_97.5%)] [--haze-border:color-mix(in_oklab,_var(--color-accent-content),_transparent_80%)] [--haze-light:color-mix(in_oklab,_var(--color-accent),_transparent_98%)] dark:[--haze:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] [&amp;:hover_[data-flux-radio-indicator]]:border-[var(--haze-border)] dark:[&amp;:hover_[data-flux-radio-indicator]]:border-white/10 hover:border-[var(--haze-border)] dark:hover:border-white/10 data-checked:border-(--color-accent) hover:data-checked:border-(--color-accent) dark:data-checked:bg-white/15  hover:after:bg-[var(--haze-light)] dark:hover:after:bg-white/[4%] data-checked:after:bg-(--haze) hover:data-checked:after:bg-(--haze) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none" value="1630" data-flux-control data-flux-radio-cards tabindex="-1" data-flux-field>
3222            <div class="flex-1 flex items-center space-x-4">
3223                                    <img src="https://d14fky00evb1ot.cloudfront.net/sevensonsfarms/images/th_1750073190_684fff665fce0.webp" alt="1 lb. Breakfast Sausage" class="size-12 flex-none rounded-md bg-gray-50 "/>
3224                                    <div>
3225                                        <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 leading-4" data-flux-heading>1 lb. Breakfast Sausage</div>
3226                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1.5 text-keppel-600 font-medium" data-flux-text ><span class="line-through text-gray-500 font-normal">$12.75</span> FREE</p>                                        <p class="[:where(&amp;)]:font-normal text-xs [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1" data-flux-text >Qty 1</p>                                    </div>
3227                                </div>
3228                                <div class="shrink-0 size-[1.125rem] rounded-full text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-radio[disabled]_&amp;]:opacity-75 [ui-radio[data-checked][disabled]_&amp;]:opacity-50 [ui-radio[disabled]_&amp;]:shadow-none [ui-radio[data-checked]_&amp;]:shadow-none flex justify-center items-center [ui-radio[data-checked]_&amp;&gt;div]:block border border-zinc-300 dark:border-white/10 [ui-radio[disabled]_&amp;]:border-zinc-200 dark:[ui-radio[disabled]_&amp;]:border-white/5 [ui-radio[data-checked]_&amp;]:border-transparent data-indeterminate:border-transparent [ui-radio[data-checked]_&amp;]:[ui-radio[disabled]_&amp;]:border-transparent data-indeterminate:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-radio[data-checked]_&amp;]:bg-[var(--color-accent)] hover:[ui-radio[data-checked]_&amp;]:bg-(--color-accent) focus:[ui-radio[data-checked]_&amp;]:bg-(--color-accent)" data-flux-radio-indicator>
3229    <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div>
3230</div>
3231    </ui-radio>
3232                        <!--[if ENDBLOCK]><![endif]-->
3233    </ui-radio-group>
3234
3235        
3236                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3237    </div>
3238</ui-field>
3239                    <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3240    <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3241    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
3242    Choose Your Frequency
3243
3244    
3245    
3246    </ui-label>
3247        
3248        
3249        <select
3250    class="appearance-none [:where(&amp;)]:w-full ps-3 pe-10 block h-10 py-2 text-base sm:text-sm leading-[1.375rem] rounded-lg shadow-xs border bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 dark:text-zinc-300 disabled:text-zinc-500 dark:disabled:text-zinc-400 has-[option.placeholder:checked]:text-zinc-400 dark:has-[option.placeholder:checked]:text-zinc-400 dark:[&amp;&gt;option]:bg-zinc-700 dark:[&amp;&gt;option]:text-white disabled:shadow-none border border-zinc-200 border-b-zinc-300/80 dark:border-white/10" wire:model="selected_frequency" label="Choose Your Frequency"
3251         name="selected_frequency"         data-flux-control
3252    data-flux-select-native
3253    data-flux-group-target
3254>
3255            <option value="" disabled selected class="placeholder">Choose Your Frequency</option>
3256    
3257    <option
3258    
3259     value="14"      wire:key="14" >Every 2 weeks</option>                            <option
3260    
3261     value="28"      wire:key="28" >Every 4 weeks</option>                            <option
3262    
3263     value="42"      wire:key="42" >Every 6 weeks</option>
3264</select>
3265
3266        
3267                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3268    </div>
3269</ui-field>
3270                        <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3271    </div>
3272</ui-field>
3273                    <div class="flex items-center justify-center space-x-2">
3274                        <svg class="shrink-0 [:where(&amp;)]:size-6 text-gray-400 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
3275  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/>
3276</svg>
3277
3278                                <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-sm!" data-flux-text >You can always change these choices later.</p>                    </div>
3279                </div>
3280
3281                <div class="shrink-0 px-4 py-3 space-y-4">
3282
3283                    <!--[if BLOCK]><![endif]-->                        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      w-full cursor-pointer font-semibold bg-buttercup-300! hover:bg-buttercup-200!" data-flux-button="data-flux-button" x-on:click="showPostalForm = true">
3284        Claim Offer
3285    </button>
3286                    <!--[if ENDBLOCK]><![endif]-->                    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px] *:transition-opacity [&amp;[data-loading]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[data-flux-loading]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[data-loading]&gt;[data-flux-loading-indicator]]:opacity-100 [&amp;[data-flux-loading]&gt;[data-flux-loading-indicator]]:opacity-100 data-loading:pointer-events-none data-flux-loading:pointer-events-none  w-full cursor-pointer font-semibold" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" wire:target="saveOneTime" wire:loading.attr="data-flux-loading" wire:click="saveOneTime">
3287        <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator>
3288                <svg class="shrink-0 [:where(&amp;)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
3289    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
3290    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
3291</svg>
3292                    </div>
3293        
3294        
3295                    
3296            
3297            <span>No, Ship Once</span>
3298    </button>
3299                </div>
3300            </div>
3301        </div>
3302
3303        <!--[if BLOCK]><![endif]-->            <div x-show="showPostalForm"
3304                 x-cloak
3305                 x-transition:enter="transition ease-out duration-150"
3306                 x-transition:enter-start="opacity-0"
3307                 x-transition:enter-end="opacity-100"
3308                 x-transition:leave="transition ease-in duration-150"
3309                 x-transition:leave-start="opacity-100"
3310                 x-transition:leave-end="opacity-0"
3311                 class="absolute inset-0 w-full h-full bg-gray-900/50 px-4 pt-16"
3312            >
3313                <div class="bg-white w-full rounded-md p-4">
3314                    <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 text-xl text-center" data-flux-heading>Before You Get Started</div>
3315                    <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-1  text-center" data-flux-text >📍Enter your postal code so we can confirm delivery</p>                    <form wire:submit.prevent="checkAvailability" method="POST">
3316                        <input type="hidden" name="_token" value="mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh" autocomplete="off">                        <div class="hidden">
3317                            <input type="text" wire:model="username" autocomplete="off" tabindex="-1" class="hidden">
3318                            <input type="text" wire:model="timestamp" autocomplete="off" tabindex="-1" class="hidden">
3319                        </div>
3320                        <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3 mt-4" data-flux-field>
3321    <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3322    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
3323    Postal code
3324
3325    
3326    
3327    </ui-label>
3328        
3329        
3330        <div class="w-full relative block group/input" data-flux-input>
3331            
3332            <input
3333                type="text"
3334                
3335                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" wire:model="postal_code" label="Postal code"
3336                 name="postal_code"                                                                                                 data-flux-control
3337                data-flux-group-target
3338                                            >
3339
3340                    </div>
3341
3342        
3343                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3344    </div>
3345</ui-field>
3346</ui-field>
3347                        <div class="mt-4 space-y-2">
3348                            <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&amp;[disabled]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[disabled]&gt;[data-flux-loading-indicator]]:opacity-100 [&amp;[disabled]]:pointer-events-none  w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
3349        <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator>
3350                <svg class="shrink-0 [:where(&amp;)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
3351    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
3352    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
3353</svg>
3354                    </div>
3355        
3356        
3357                    
3358            
3359            <span>Continue</span>
3360    </button>
3361                            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      w-full cursor-pointer font-semibold" data-flux-button="data-flux-button" x-on:click="showPostalForm = false; $flux.modal('subscribe-offer-drawer').close();">
3362        Nevermind
3363    </button>
3364                        </div>
3365                    </form>
3366                </div>
3367            </div>
3368        <!--[if ENDBLOCK]><![endif]-->    </div>
3369
3370                        </dialog>
3371</ui-modal>
3372
3373
3374    
3375
3376
3377<div wire:key="lw-2507046029-6-42-0" wire:snapshot="{&quot;data&quot;:{&quot;street&quot;:&quot;&quot;,&quot;street_2&quot;:&quot;&quot;,&quot;city&quot;:&quot;&quot;,&quot;state&quot;:&quot;&quot;,&quot;postal_code&quot;:&quot;&quot;,&quot;instructions&quot;:&quot;&quot;,&quot;is_default&quot;:false,&quot;redirect_after_submit&quot;:true,&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;2qBnMma92WXoNxSl4tFe&quot;,&quot;name&quot;:&quot;theme.modals.add-address&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;23ca4ab327b126680eb7aea8134d3b6c4cde26575c78c961f1d0433ff9d9dd1e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;close-modal-add-address&quot;,&quot;open-modal-add-address&quot;,&quot;modal-escaped&quot;]}" wire:id="2qBnMma92WXoNxSl4tFe" wire:name="theme.modals.add-address" x-data="{ open: $wire.entangle('open') }"
3378     x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))"
3379     x-show="open"
3380     x-cloak
3381     @keydown.window.escape="$dispatch('modal-escaped')"
3382     @click.away="$dispatch('modal-escaped')"
3383     class=""
3384     aria-labelledby="modal-title"
3385     x-ref="dialog"
3386     aria-modal="true"
3387>
3388    <div class="font-body relative z-[1000]">
3389        <div
3390                x-show="open"
3391                x-cloak
3392                style="display: none;"
3393                x-transition:enter="ease-out duration-300"
3394                x-transition:enter-start="opacity-0"
3395                x-transition:enter-end="opacity-100"
3396                x-transition:leave="ease-in duration-200"
3397                x-transition:leave-start="opacity-100"
3398                x-transition:leave-end="opacity-0"
3399                class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity"
3400        ></div>
3401
3402        <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto">
3403            <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
3404                <div x-show="open"
3405                     x-cloak
3406                     style="display: none;"
3407                     x-transition:enter="ease-out duration-300"
3408                     x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3409                     x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
3410                     x-transition:leave="ease-in duration-200"
3411                     x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
3412                     x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3413                        class="pointer-events-auto relative transform transition-all"
3414
3415                >
3416                    <form
3417            x-data="googleAutocomplete(
3418                'AIzaSyDI7k-3yXiGp9i-5p02_B4-M1kgKbnvkjo',
3419                $refs.autocompleteGoogle
3420            )"
3421            x-trap="open"
3422            @google-place-changed="event => {
3423                $wire.street = event.detail.street ?? '';
3424                $wire.city = event.detail.city ?? '';
3425                $wire.state = event.detail.state ?? '';
3426                $wire.postal_code = event.detail.postal_code ?? '';
3427             }"
3428            wire:submit="submit"
3429            class="relative transform rounded-lg bg-white text-left shadow-xl sm:my-8 sm:w-full sm:max-w-2xl"
3430    >
3431        <div class="rounded-t-lg bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
3432            <div class="sm:flex sm:items-start">
3433                <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-keppel-400/25 
3433sm:mx-0 sm:h-10 sm:w-10">
3434                    <svg class="h-6 w-6 text-keppel-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3435                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"></path>
3436                    </svg>
3437                </div>
3438                <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
3439                    <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title">Add new address</h3>
3440                    <div class="mt-2">
3441                        <p class="text-sm text-gray-500">Add a new shipping address to your account.</p>
3442                    </div>
3443                    <div class="text-left mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
3444                        <div class="col-span-full sm:col-span-4">
3445                            <label for="street" class="block text-sm font-medium text-gray-700">Street</label>
3446                            <div class="relative mt-1 rounded-md shadow-xs">
3447                                <input type="text" x-ref="autocompleteGoogle" wire:model="street" name="street" id="street" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="street-error">
3448                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3449                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3450
3451                        <div class="col-span-full sm:col-span-2">
3452                            <label for="street_2" class="block text-sm font-medium text-gray-700">Apt, unit, etc.</label>
3453                            <div class="relative mt-1 rounded-md shadow-xs">
3454                                <input type="text" wire:model="street_2" name="street_2" id="street_2" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="street_2-error">
3455                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3456                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3457
3458                        <div class="sm:col-span-2 sm:col-start-1">
3459                            <label for="city" class="block text-sm font-medium text-gray-700">City</label>
3460                            <div class="relative mt-1 rounded-md shadow-xs">
3461                                <input type="text" wire:model="city" name="city" id="city" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="city-error">
3462                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3463                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3464
3465                        <div class="sm:col-span-2">
3466                            <label for="state" class="block text-sm font-medium text-gray-700">State</label>
3467                            <div class="relative mt-1 rounded-md shadow-xs">
3468                                <select wire:model.lazy="state" id="state" name="state" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focus:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="state-error">
3469                                    <option value="">Select state...</option>
3470                                    <!--[if BLOCK]><![endif]-->                                        <option value="AL">Alabama</option>
3471                                                                            <option value="AK">Alaska</option>
3472                                                                            <option value="AZ">Arizona</option>
3473                                                                            <option value="AR">Arkansas</option>
3474                                                                            <option value="CA">California</option>
3475                                                                            <option value="CO">Colorado</option>
3476                                                                            <option value="CT">Connecticut</option>
3477                                                                            <option value="DE">Delaware</option>
3478                                                                            <option value="DC">District Of Columbia</option>
3479                                                                            <option value="FL">Florida</option>
3480                                                                            <option value="GA">Georgia</option>
3481                                                                            <option value="HI">Hawaii</option>
3482                                                                            <option value="ID">Idaho</option>
3483                                                                            <option value="IL">Illinois</option>
3484                                                                            <option value="IN">Indiana</option>
3485                                                                            <option value="IA">Iowa</option>
3486                                                                            <option value="KS">Kansas</option>
3487                                                                            <option value="KY">Kentucky</option>
3488                                                                            <option value="LA">Louisiana</option>
3489                                                                            <option value="ME">Maine</option>
3490                                                                            <option value="MD">Maryland</option>
3491                                                                            <option value="MA">Massachusetts</option>
3492                                                                            <option value="MI">Michigan</option>
3493                                                                            <option value="MN">Minnesota</option>
3494                                                                            <option value="MS">Mississippi</option>
3495                                                                            <option value="MO">Missouri</option>
3496                                                                            <option value="MT">Montana</option>
3497                                                                            <option value="NE">Nebraska</option>
3498                                                                            <option value="NV">Nevada</option>
3499                                                                            <option value="NH">New Hampshire</option>
3500                                                                            <option value="NJ">New Jersey</option>
3501                                                                            <option value="NM">New Mexico</option>
3502                                                                            <option value="NY">New York</option>
3503                                                                            <option value="NC">North Carolina</option>
3504                                                                            <option value="ND">North Dakota</option>
3505                                                                            <option value="OH">Ohio</option>
3506                                                                            <option value="OK">Oklahoma</option>
3507                                                                            <option value="OR">Oregon</option>
3508                                                                            <option value="PA">Pennsylvania</option>
3509                                                                            <option value="RI">Rhode Island</option>
3510                                                                            <option value="SC">South Carolina</option>
3511                                                                            <option value="SD">South Dakota</option>
3512                                                                            <option value="TN">Tennessee</option>
3513                                                                            <option value="TX">Texas</option>
3514                                                                            <option value="UT">Utah</option>
3515                                                                            <option value="VT">Vermont</option>
3516                                                                            <option value="VA">Virginia</option>
3517                                                                            <option value="WA">Washington</option>
3518                                                                            <option value="WV">West Virginia</option>
3519                                                                            <option value="WI">Wisconsin</option>
3520                                                                            <option value="WY">Wyoming</option>
3521                                                                            <option value="PR">Puerto Rico</option>
3522                                    <!--[if ENDBLOCK]><![endif]-->                                    <!--[if BLOCK]><![endif]-->                                        <option value="NL">Newfoundland</option>
3523                                                                            <option value="PE">Prince Edward Island</option>
3524                                                                            <option value="NS">Nova Scotia</option>
3525                                                                            <option value="NB">New Brunswick</option>
3526                                                                            <option value="QB">Quebec</option>
3527                                                                            <option value="ON">Ontario</option>
3528                                                                            <option value="MB">Manitoba</option>
3529                                                                            <option value="SK">Saskatchewan</option>
3530                                                                            <option value="AB">Alberta</option>
3531                                                                            <option value="BC">British Columbia</option>
3532                                                                            <option value="YT">Yukon</option>
3533                                                                            <option value="NT">Northwest Territories</option>
3534                                                                            <option value="NU">Nunavut</option>
3535                                    <!--[if ENDBLOCK]><![endif]-->                                </select>
3536                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3537                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3538
3539                        <div class="sm:col-span-2">
3540                            <label for="postal_code" class="block text-sm font-medium text-gray-700">Postal code</label>
3541                            <div class="relative mt-1 rounded-md shadow-xs">
3542                                <input type="text" wire:model="postal_code" name="postal_code" id="postal_code" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focu
3542s:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="postal_code-error">
3543                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3544                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3545
3546                        <div class="col-span-full">
3547                            <div class="relative flex items-start">
3548                                <div class="flex h-6 items-center">
3549                                    <input id="is_default" wire:model="is_default" aria-describedby="is_default-description" name="is_default" type="checkbox" class="h-4 w-4 rounded text-chestnut-rose-500 border-gray-300 focus:ring-2 focus:ring-chestnut-rose-500">
3550                                </div>
3551                                <div class="ml-3 leading-6">
3552                                    <label for="is_default" class="m-0 font-medium text-sm text-gray-900">Default</label>
3553                                    <p id="is_default-description" class="m-0 text-sm text-gray-500 ">Use this when starting a new order</p>
3554                                </div>
3555                            </div>
3556                        </div>
3557                    </div>
3558                </div>
3559            </div>
3560        </div>
3561        <div class="rounded-b-lg bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
3562            <button type="submit" wire:loading.attr="disabled" wire:target="submit" class="inline-flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 sm:ml-3 sm:w-auto">
3563                <span wire:loading.remove wire:target="submit">Add</span>
3564                <svg wire:loading.inline wire:target="submit" class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3565                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
3566                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
3567                </svg>
3568            </button>
3569            <button type="button" wire:loading.attr="disabled" wire:target="submit" wire:click="close" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">
3570                Cancel
3571            </button>
3572        </div>
3573    </form>
3574                </div>
3575            </div>
3576        </div>
3577    </div>
3578</div>
3579<div wire:key="lw-2507046029-7-42-2" wire:snapshot="{&quot;data&quot;:{&quot;product_id&quot;:null,&quot;product_metadata&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selected_variant_id&quot;:null,&quot;open&quot;:false,&quot;product&quot;:null,&quot;has_subscription&quot;:false,&quot;has_order&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;Jku2Wf00LlVAlxHhvWUs&quot;,&quot;name&quot;:&quot;theme.modals.product-quickview&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;eef3c279c8e71d9cefa8299bf813c7dc22043506aec52e0edeeb7d8397b7d74b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;close-modal-product-quickview&quot;,&quot;open-modal-product-quickview&quot;,&quot;modal-escaped&quot;]}" wire:id="Jku2Wf00LlVAlxHhvWUs" wire:name="theme.modals.product-quickview" x-data="{ open: $wire.entangle('open') }"
3580     x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))"
3581     x-show="open"
3582     x-cloak
3583     @keydown.window.escape="$dispatch('modal-escaped')"
3584     @click.away="$dispatch('modal-escaped')"
3585     class=""
3586     aria-labelledby="modal-title"
3587     x-ref="dialog"
3588     aria-modal="true"
3589>
3590    <div class="font-body relative z-[1000]">
3591        <div
3592                x-show="open"
3593                x-cloak
3594                style="display: none;"
3595                x-transition:enter="ease-out duration-300"
3596                x-transition:enter-start="opacity-0"
3597                x-transition:enter-end="opacity-100"
3598                x-transition:leave="ease-in duration-200"
3599                x-transition:leave-start="opacity-100"
3600                x-transition:leave-end="opacity-0"
3601                class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity"
3602        ></div>
3603
3604        <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto">
3605            <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
3606                <div x-show="open"
3607                     x-cloak
3608                     style="display: none;"
3609                     x-transition:enter="ease-out duration-300"
3610                     x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3611                     x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
3612                     x-transition:leave="ease-in duration-200"
3613                     x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
3614                     x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3615                        class="pointer-events-auto relative transform transition-all w-full"
3616
3617                >
3618                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3619                </div>
3620            </div>
3621        </div>
3622    </div>
3623</div>
3624
3625
3626<div wire:key="lw-2507046029-8-42-2" wire:snapshot="{&quot;data&quot;:{&quot;product_id&quot;:null,&quot;product_metadata&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;postal_code&quot;:&quot;&quot;,&quot;geocoded_city&quot;:null,&quot;product&quot;:null,&quot;has_subscription&quot;:false,&quot;has_order&quot;:false,&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;ZXhbICHlVsR67xNXRbRW&quot;,&quot;name&quot;:&quot;theme.modals.confirm-delivery-method&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;0c4f7ae2ee8916e80f4d6eebe853879afb41f0575db06bf92b4c0822fa0390d5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;close-modal-confirm-delivery-method&quot;,&quot;open-modal-confirm-delivery-method&quot;,&quot;modal-escaped&quot;]}" wire:id="ZXhbICHlVsR67xNXRbRW" wire:name="theme.modals.confirm-delivery-method" x-data="{ open: $wire.entangle('open') }"
3627     x-init="$watch('open', value => $dispatch(value === true ? 'modal-panel-opened' : 'modal-panel-closed'))"
3628     x-show="open"
3629     x-cloak
3630     @keydown.window.escape="$dispatch('modal-escaped')"
3631     @click.away="$dispatch('modal-escaped')"
3632     class=""
3633     aria-labelledby="modal-title"
3634     x-ref="dialog"
3635     aria-modal="true"
3636>
3637    <div class="font-body relative z-[1000]">
3638        <div
3639                x-show="open"
3640                x-cloak
3641                style="display: none;"
3642                x-transition:enter="ease-out duration-300"
3643                x-transition:enter-start="opacity-0"
3644                x-transition:enter-end="opacity-100"
3645                x-transition:leave="ease-in duration-200"
3646                x-transition:leave-start="opacity-100"
3647                x-transition:leave-end="opacity-0"
3648                class="pointer-events-none fixed inset-0 bg-gray-500/75 transition-opacity"
3649        ></div>
3650
3651        <div x-show="open" class="font-body pointer-events-none fixed inset-0 z-10 overflow-y-auto">
3652            <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
3653                <div x-show="open"
3654                     x-cloak
3655                     style="display: none;"
3656                     x-transition:enter="ease-out duration-300"
3657                     x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3658                     x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
3659                     x-transition:leave="ease-in duration-200"
3660                     x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
3661                     x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3662                        class="pointer-events-auto relative transform transition-all w-full"
3663
3664                >
3665                    <form wire:submit.prevent="submit"
3666          x-trap="open"
3667          class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl sm:my-8 sm:w-full sm:max-w-md sm:mx-auto"
3668    >
3669        <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
3670            <div class="sm:flex sm:items-start">
3671                <div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-keppel-400/10 sm:mx-0 sm:h-10 sm:w-10">
3672
3673                    <svg class="h-6 w-6 text-keppel-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3674                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
3675                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
3676                    </svg>
3677
3678
3679                </div>
3680                <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
3681                    <h3 class="m-0 text-base font-body font-semibold leading-6 text-gray-900" id="modal-title">Confirm Availability</h3>
3682                    <div class="mt-1">
3683                        <p class="m-0 text-sm text-gray-500">Enter your postal code below to confirm delivery in your area.</p>
3684                    </div>
3685
3686                    <div class="mt-6 space-y-6">
3687
3688                        <div class="sm:col-span-2 sm:col-start-1">
3689                            <label for="postal_code" class="sr-only">Postal Code</label>
3690                            <div class="relative rounded-md shadow-xs">
3691                                <input type="text" wire:model="postal_code" name="postal_code" id="postal_code" class="block w-full rounded-md border border-gray-300 focus:outline-hidden focu
3691s:ring-2 focus:ring-chestnut-rose-500 sm:text-sm " aria-invalid="true" aria-describedby="postal_code-error">
3692                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            </div>
3693                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
3694                    </div>
3695                </div>
3696            </div>
3697        </div>
3698        <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
3699            <button type="submit" wire:loading.attr="disabled" wire:target="submit" class="inline-flex w-full justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 sm:ml-3 sm:w-auto">
3700                <span wire:loading.remove wire:target="submit">Confirm</span>
3701                <svg wire:loading.inline wire:target="submit" class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3702                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
3703                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
3704                </svg>
3705            </button>
3706            <button type="button" wire:loading.attr="disabled" wire:target="submit" wire:click="close" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">
3707                Cancel
3708            </button>
3709        </div>
3710    </form>
3711                </div>
3712            </div>
3713        </div>
3714    </div>
3715</div>
3716
3717<ui-modal wire:key="lw-2507046029-9-42-2" wire:snapshot="{&quot;data&quot;:{&quot;cart&quot;:null,&quot;order&quot;:null,&quot;subscription&quot;:null,&quot;current_delivery_method&quot;:null,&quot;selected_delivery_method_id&quot;:null,&quot;postal_code&quot;:&quot;&quot;,&quot;open&quot;:false,&quot;searching&quot;:false,&quot;delivery_method_type&quot;:&quot;delivery&quot;,&quot;delivery_is_available&quot;:null,&quot;geocoded_city&quot;:null,&quot;has_addresses&quot;:false,&quot;addresses&quot;:null,&quot;selecting_address&quot;:false,&quot;selected_address_id&quot;:null,&quot;listeners&quot;:[[&quot;addressAdded&quot;],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;pfdJpZhLwFlrYrE7zIK3&quot;,&quot;name&quot;:&quot;theme.modals.change-delivery-address&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;6b3ec5294f4e69d49701a1c2bf73363f4f66ccf6fd12210aaddb0d227316100b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;addressAdded&quot;]}" wire:id="pfdJpZhLwFlrYrE7zIK3" wire:name="theme.modals.change-delivery-address"  data-flux-modal>
3718    
3719    <dialog
3720        wire:ignore.self 
3721        class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&amp;)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 w-full max-w-sm"
3722         data-modal="change-delivery-address"          data-flux-flyout                         x-data="fluxModal('change-delivery-address', 'pfdJpZhLwFlrYrE7zIK3')"
3723                x-on:modal-show.document="handleShow($event)"
3724        x-on:modal-close.document="handleClose($event)"
3725    >
3726                    <!--[if BLOCK]><![endif]-->        <div
3727                x-data="{
3728                    open: $wire.entangle('open').live,
3729                    searching: $wire.entangle('searching'),
3730                    selected_delivery_method_id: $wire.entangle('selected_delivery_method_id'),
3731                    delivery_method_type: $wire.entangle('delivery_method_type'),
3732                    delivery_is_available: $wire.entangle('delivery_is_available'),
3733                    selected_address_id: $wire.entangle('selected_address_id'),
3734                }"
3735                class="py-5 sm:py-6"
3736                role="none"
3737        >
3738            <div x-show="delivery_method_type === 'delivery'" class="relative w-full" x-trap="open">
3739
3740                <!--[if BLOCK]><![endif]-->                    <div x-show="delivery_is_available === true" class="pt-5 relative bg-white w-full sm:pt-6">
3741                        <div>
3742                            <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-keppel-400/20">
3743                                <svg class="h-6 w-6 text-keppel-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
3744                                    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
3745                                </svg>
3746                            </div>
3747                            <div class="mt-3 text-center sm:mt-5">
3748                                <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title">
3749                                    Delivery available</h3>
3750                                <div class="mt-2">
3751                                    <!--[if BLOCK]><![endif]-->                                        <p class="m-0 text-sm text-gray-500">Great! We're going to deliver your next order to
3752                                            <strong></strong>!</p>
3753                                    <!--[if ENDBLOCK]><![endif]-->                                    
3754                                    
3755                                </div>
3756                            </div>
3757                        </div>
3758                        <div class="mt-5 sm:mt-6">
3759                            <button type="button" @click="delivery_is_available = null" class="mx-auto px-4 border border-gray-200 rounded-md flex items-center justify-center py-2 text-sm font-semibold leading-6 text-gray-500 hover:text-gray-600 hover:bg-gray-50">
3760                                Change postal code
3761                            </button>
3762                        </div>
3763                    </div>
3764
3765                    <div x-show="delivery_is_available === false">
3766                        <div class="pt-5 relative bg-white w-full sm:pt-6">
3767                            <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-chestnut-rose-500/20">
3768                                <svg class="h-6 w-6 text-chestnut-rose-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3769                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 
376918 6M6 6l12 12"/>
3770                                </svg>
3771                            </div>
3772                            <div class="mt-3 text-center sm:mt-5">
3773                                <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title">
3774                                    Delivery unavailable</h3>
3775                                <div class="mt-2">
3776                                    <!--[if BLOCK]><![endif]-->                                        <p class="m-0 text-sm text-gray-500">Sorry, we couldn't find that postal
3777                                            code!</p>
3778                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
3779                            </div>
3780                        </div>
3781                        <div class="mt-5 sm:mt-6">
3782                            <button type="button" @click="delivery_is_available = null" class="w-full flex items-center justify-center py-2 text-sm font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70">
3783                                Try another postal code
3784                            </button>
3785                        </div>
3786                    </div>
3787
3788                    <div x-show="delivery_is_available === null">
3789                        <div class="flex items-center">
3790                            <div class="text-keppel-400">
3791                                <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3792                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/>
3793                                </svg>
3794
3795                            </div>
3796                            <p class="m-0 ml-2 text-base font-semibold">Check delivery availability</p>
3797                        </div>
3798                        <div class="mt-4 w-full ">
3799                            <div class="flex items-center gap-x-2">
3800                                <div class="flex-1">
3801                                    <label for="postal_code" class="sr-only">Postal code</label>
3802                                    <input type="text" wire:model="postal_code" wire:keyup.prevent.enter="searchPostalCode" name="postal_code" id="postal_code" placeholder="Postal code" autocomplete="postal_code" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-chestnut-rose-500 sm:text-sm sm:leading-6">
3803                                </div>
3804                                <button type="button" wire:click="searchPostalCode" class="inline-flex items-center justify-center rounded-md bg-chestnut-rose-500 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-chestnut-rose-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-chestnut-rose-500 ">
3805                                    <span wire:loading.remove wire:target="searchPostalCode">Check</span>
3806                                    <svg wire:loading.inline wire:target="searchPostalCode" class="animate-spin h-5 w-5 flex-none text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3807                                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
3808                                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
3809                                    </svg>
3810                                </button>
3811                            </div>
3812
3813                            <p class="m-0 mt-2 text-xs text-gray-500 text-center">Your postal code helps
3814                                us
3815                                to provide
3816                                <span class="font-semibold">the most up-to-date</span>
3817                                product and delivery information.
3818                            </p>
3819                        </div>
3820                    </div>
3821                <!--[if ENDBLOCK]><![endif]-->                <p class="m-0 mt-3 pt-3 border-t border-gray-200 text-center text-sm text-gray-500">
3822                    Nearby?
3823                    <!-- space -->
3824                    <button wire:click="setTypeAsPickup" class="font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70">
3825                        Pickup at our Indiana farm
3826                    </button>
3827                </p>
3828            </div>
3829
3830            <div>
3831                <div x-show="delivery_method_type === 'pickup'"
3832                        
3833                        
3834                        
3835                >
3836                    <div class="flex min-w-0 gap-x-2">
3837                        <div class="min-w-0 flex-auto text-left">
3838                            <div class="flex">
3839                                <div class="text-keppel-400">
3840                                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3841                                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z"/>
3842                                    </svg>
3843                                </div>
3844                                <div class="ml-3">
3845                                    <p class="m-0 text-base font-semibold"></p>
3846                                    <p class="m-0 mt-1 flex text-sm text-gray-500 truncate">
3847                                        
3848                                    </p>
3849                                    <p class="m-0 flex text-sm text-gray-500 truncate">
3850                                        ,
3851                                         
3852                                    </p>
3853
3854                                </div>
3855                            </div>
3856
3857                        </div>
3858                    </div>
3859                    <p class="m-0 mt-3 pt-3 border-t border-gray-200 text-center text-sm text-gray-500">
3860                        Need it shipped?
3861                        <!-- space -->
3862                        <button wire:click="setTypeAsDelivery" class="font-semibold leading-6 text-keppel-400 hover:text-keppel-400/70">
3863                            Check availability
3864                        </button>
3865                    </p>
3866
3867                    
3868                    
3869                    
3870                    
3871                    
3872                    
3873                    
3874                    
3875                    
3876                </div>
3877            </div>
3878        </div>
3879    <!--[if ENDBLOCK]><![endif]-->
3880
3881                            <div class="absolute top-0 end-0 mt-4 me-4">
3882                    <ui-close data-flux-modal-close >
3883    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
3884        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3885  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
3886</svg>
3887    </button>
3888</ui-close>
3889                </div>
3890                        </dialog>
3891</ui-modal>
3892
3893
3894
3895    <ui-modal wire:key="lw-2507046029-10-42-2" wire:snapshot="{&quot;data&quot;:{&quot;action&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;username&quot;:&quot;&quot;,&quot;timestamp&quot;:1790368684,&quot;postal_code&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;current_url&quot;:&quot;https:\/\/sevensons.net\/store\/collections\/featured-items&quot;,&quot;promo_image&quot;:&quot;https:\/\/d14fky00evb1ot.cloudfront.net\/sevensonsfarms\/images\/1789397571_6aa80a4396d3e.webp&quot;,&quot;rating&quot;:4.9,&quot;review_count&quot;:4538,&quot;product&quot;:null,&quot;has_subscription&quot;:false,&quot;has_order&quot;:false,&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;DSkphg1kxaNCPqWMKE2g&quot;,&quot;name&quot;:&quot;theme.modals.lead-capture&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;f4707b912aebe9897c388d4d9f84c71099c3d8c9b59c8d4c9b3b589c81d8f2a7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;close-modal-lead-capture&quot;,&quot;open-modal-lead-capture&quot;,&quot;modal-escaped&quot;]}" wire:id="DSkphg1kxaNCPqWMKE2g" wire:name="theme.modals.lead-capture"  data-flux-modal>
3896    
3897    <dialog
3898        wire:ignore.self 
3899        class="p-6 [:where(&amp;)]:max-w-xl [:where(&amp;)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl p-0! md:w-96"
3900         data-modal="lead-capture"                                 x-data="fluxModal('lead-capture', 'DSkphg1kxaNCPqWMKE2g')"
3901                x-on:modal-show.document="handleShow($event)"
3902        x-on:modal-close.document="handleClose($event)"
3903    >
3904                    <!--[if BLOCK]><![endif]-->        <div class="overflow-hidden w-full rounded-t-lg">
3905            <!--[if BLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--><img
3906        src="https://d3kz8fnjk70eni.cloudfront.net/fit-in/1280x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp"
3907        srcset="https://d3kz8fnjk70eni.cloudfront.net/fit-in/480x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 480w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/640x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 640w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/768x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 768w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1024x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1024w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1280x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1280w, https://d3kz8fnjk70eni.cloudfront.net/fit-in/1536x0/sevensonsfarms/images/1789397571_6aa80a4396d3e.webp 1536w"
3908        sizes="(min-width: 1024px) 1024px, 100vw"
3909        alt="Subscription promo image"
3910        decoding="async"
3911         class="w-full object-cover object-center"                  loading="eager" fetchpriority="high" />
3912        </div>
3913
3914    <!--[if ENDBLOCK]><![endif]-->    <div class="p-4 space-y-3">
3915        <div class="text-center">
3916            <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 font-display" data-flux-heading>Get Started</div>
3917            <div class="px-2.5 lg:px-4">
3918                <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
3919        <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
3920
3921        <span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">Let&#039;s make sure we deliver to you</span>
3922
3923        <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
3924    </div>
3925            </div>
3926        </div>
3927
3928        <form wire:submit.prevent="submit" class="space-y-2">
3929            <input type="hidden" wire:model="timestamp"/>
3930            <input type="hidden" wire:model="username"/>
3931
3932            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3933    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex sr-only" for="postal_code" data-flux-label>
3934    Postal Code
3935
3936    
3937    
3938    </ui-label>
3939                <div class="w-full relative block group/input" data-flux-input>
3940                            <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0">
3941                    <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3942  <path fill-rule="evenodd" d="m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" clip-rule="evenodd"/>
3943</svg>
3944
3945                        </div>
3946            
3947            <input
3948                type="text"
3949                
3950                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-10 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" id="postal_code" wire:model="postal_code" placeholder="Enter postal code"
3951                 name="postal_code"                                                                                                 data-flux-control
3952                data-flux-group-target
3953                                            >
3954
3955                    </div>
3956                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3957    </div>
3958</ui-field>
3959
3960            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
3961    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex sr-only" for="email" data-flux-label>
3962    Email
3963
3964    
3965    
3966    </ui-label>
3967                <div class="w-full relative block group/input" data-flux-input>
3968                            <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0">
3969                    <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3970  <path d="M3 4a2 2 0 0 0-2 2v1.161l8.441 4.221a1.25 1.25 0 0 0 1.118 0L19 7.
3970162V6a2 2 0 0 0-2-2H3Z"/>
3971  <path d="m19 8.839-7.77 3.885a2.75 2.75 0 0 1-2.46 0L1 8.839V14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.839Z"/>
3972</svg>
3973
3974                        </div>
3975            
3976            <input
3977                type="email"
3978                
3979                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-10 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" id="email" wire:model="email" placeholder="Enter email"
3980                 name="email"                                                                                                 data-flux-control
3981                data-flux-group-target
3982                                            >
3983
3984                    </div>
3985                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
3986    </div>
3987</ui-field>
3988
3989        </form>
3990
3991        <div class="text-center">
3992            <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-xs/5" data-flux-text >By providing your email, you agree to our
3993                <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://sevensons.net/tos" data-flux-link >Terms of Service</a>                and
3994                <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://sevensons.net/privacy" data-flux-link >Privacy Policy</a>                and agree to receive marketing emails</p>        </div>
3995        <div>
3996            <div class="flex items-center justify-center space-x-2 px-2.5 py-2 bg-gray-100 rounded-md">
3997                <div class="flex items-center space-x-1">
3998                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-gray-700" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3999  <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd"/>
4000</svg>
4001
4002                            <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-xs text-gray-900" data-flux-text >Already have an account?</p>                </div>
4003                <div>
4004                    <a href="https://sevensons.net/login" variant="ghost" inset icon:trailing="arrow-right" class="text-gray-800 flex text-xs items-center hover:underline ">
4005                        Login Here
4006                        <svg class="shrink-0 [:where(&amp;)]:size-6 ml-1 size-3 text-gray-700" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4007  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
4008</svg>
4009
4010                            </a>
4011                </div>
4012            </div>
4013        </div>
4014        <div>
4015            <div class="flex-1" data-flux-spacer></div>
4016            <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&amp;[disabled]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[disabled]&gt;[data-flux-loading-indicator]]:opacity-100 [&amp;[disabled]]:pointer-events-none  w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" wire:click="submit">
4017        <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator>
4018                <svg class="shrink-0 [:where(&amp;)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
4019    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
4020    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
4021</svg>
4022                    </div>
4023        
4024        
4025                    
4026            
4027            <span>Claim Your FREE Gift</span>
4028    </button>
4029        </div>
4030        <div class="flex items-center justify-center space-x-1">
4031            <svg class="shrink-0 [:where(&amp;)]:size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4032  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/>
4033</svg>
4034
4035                    <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 text-sm" data-flux-text >Secure. Easy. Delicious</p>        </div>
4036    </div>
4037
4038                        </dialog>
4039</ui-modal>
4040
4041<div wire:key="lw-2507046029-11-42-2" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;OjKmwXQDGkIF4zQcQJ75&quot;,&quot;name&quot;:&quot;theme.storefront-notifications&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;3ec7bebae5dc3a0eb47d3a60c048678e2b7c2f42e596e85a0985551822c9b68e&quot;}" wire:effects="[]" wire:id="OjKmwXQDGkIF4zQcQJ75" wire:name="theme.storefront-notifications">
4042    
4043    <div
4044        x-data="storefrontNotifications"
4045        x-on:storefront-notification-sent.window="event => add(event.detail.notification)"
4046        aria-live="assertive"
4047        class="pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 font-body sm:items-start sm:p-6"
4048    >
4049        <div class="flex w-full flex-col items-center gap-4 sm:items-end">
4050            <template x-for="notification in notifications" :key="notification.id">
4051                <div
4052                    x-show="notification.visible"
4053                    x-transition:enter="transform ease-out duration-300 transition"
4054                    x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
4055                    x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
4056                    x-transition:leave="transition ease-in duration-100"
4057                    x-transition:leave-start="opacity-100"
4058                    x-transition:leave-end="opacity-0"
4059                    x-bind:class="{
4060                        'border-blue-300 bg-blue-50 text-blue-950': notification.level === 'info',
4061                        'border-green-300 bg-green-50 text-green-950': notification.level === 'success',
4062                        'border-yellow-400 bg-yellow-50 text-yellow-950': notification.level === 'warning',
4063                        'border-red-300 bg-red-50 text-red-950': notification.level === 'error',
4064                    }"
4065                    class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-xl border shadow-xl"
4066                >
4067                    <div class="flex items-start gap-3 p-4">
4068                        <span
4069                            x-bind:class="{
4070                                'bg-blue-100 text-blue-700': notification.level === 'info',
4071                                'bg-green-100 text-green-700': notification.level === 'success',
4072                                'bg-yellow-100 text-yellow-800': notification.level === 'warning',
4073                                'bg-red-100 text-red-700': notification.level === 'error',
4074                            }"
4075                            class="inline-flex size-8 shrink-0 items-center justify-center rounded-full"
4076                        >
4077                            <svg x-show="notification.level === 'success'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
4078                                <path stroke-linecap="round" stroke-linejoin="round" d="m9 12.75 2.25 2.25L15 9.75m6 2.25a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
4079                            </svg>
4080                            <svg x-show="notification.level === 'warning'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
4081                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/>
4082                            </svg>
4083                            <svg x-show="notification.level === 'error'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
4084                                <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75 14.25 14.25m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
4085                            </svg>
4086                            <svg x-show="notification.level === 'info'" class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
4087                                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25 12 10.5m0 0 .75-.75M12 10.5v5.25m9-3.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
4088                            </svg>
4089                        </span>
4090
4091                        <div class="min-w-0 flex-1 pt-0.5">
4092                            <p class="m-0 text-sm font-medium" x-text="notification.title"></p>
4093                            
4094                            <p x-show="notification.message" class="m-0 mt-1 text-sm opacity-80" x-html="notification.message"></p>
4095                        </div>
4096
4097                        <button
4098                            type="button"
4099                            x-on:click="hide(notification.id)"
4100                            class="inline-flex shrink-0 rounded-md p-1 opacity-70 hover:bg-black/5 hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current"
4101                        >
4102                            <span class="sr-only">Dismiss notification</span>
4103                            <svg class="size-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
4104                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
4105                            </svg>
4106                        </button>
4107                    </div>
4108                </div>
4109            </template>
4110        </div>
4111    </div>
4112</div>
4113
4114
4115    <div wire:key="lw-2507046029-12-42-2" wire:snapshot="{&quot;data&quot;:{&quot;event&quot;:&quot;PageView&quot;,&quot;request&quot;:[{&quot;ip&quot;:&quot;181.215.65.75&quot;,&quot;user_agent&quot;:&quot;Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36&quot;,&quot;url&quot;:&quot;https:\/\/sevensons.net\/store\/collections\/featured-items&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;timestamp&quot;:1790368684,&quot;order&quot;:null,&quot;user&quot;:null,&quot;params&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;event_id&quot;:&quot;page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151&quot;,&quot;pixel_payload&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;capi_payload&quot;:[{&quot;event_name&quot;:&quot;PageView&quot;,&quot;event_time&quot;:1790368684,&quot;event_id&quot;:&quot;page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151&quot;,&quot;action_source&quot;:&quot;website&quot;,&quot;event_source_url&quot;:&quot;https:\/\/sevensons.net\/store\/collections\/featured-items&quot;,&quot;user_data&quot;:[{&quot;em&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;ph&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;fn&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;ln&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;external_id&quot;:&quot;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&quot;,&quot;client_ip_address&quot;:&quot;181.215.65.75&quot;,&quot;client_user_agent&quot;:&quot;Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot\/1.0; +https:\/\/pagesourcesearch.com\/bot) Chrome\/128.0.0.0 Safari\/537.36&quot;,&quot;fbc&quot;:null,&quot;fbp&quot;:&quot;fb.1.1790368684.FZsTnYD5ZqrevG6O&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;tracked_mount_event&quot;:false,&quot;trackedWindowEventIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;iBpgsl3HAhAlK86I3VaI&quot;,&quot;name&quot;:&quot;theme.meta-events&quot;,&quot;path&quot;:&quot;store\/collections\/featured-items&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;bba6f749813cb84467948241ffbebdb50f9f04992abb7fb91fdb9660b0de9b94&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;meta-pixel-event-captured&quot;]}" wire:id="iBpgsl3HAhAlK86I3VaI" wire:name="theme.meta-events">
4116    <!--[if BLOCK]><![endif]-->        <div x-data x-init="() => { $wire.trackCapiEvent(); }"></div>
4117
4118            <!--[if ENDBLOCK]><![endif]--></div>
4119
4120
4121            
4121<script>
4122                if (typeof fbq !== 'undefined') {
4123                    fbq('track', 'ViewContent', JSON.parse('{\u0022content_name\u0022:\u0022Store Collection\u0022,\u0022content_category\u0022:\u0022collections\u0022}'), { eventID: 'view_content_7a8711d8ed97ea65b9ea38c19c5739458ee63df13635caf3e42af506fe52e650' });
4124                }
4125            </script>
4125
4126                    
4126<script>
4127                if (typeof fbq !== 'undefined') {
4128                    fbq('track', 'PageView', [], { eventID: 'page_view_5355c3dd3a7085bd9a7c2a79e491de83c1937dd9ec05c35780f81363f368e151' });
4129                }
4130            </script>
4130
4131        
4132<!-- Scripts -->
4133<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"mmmkgPSBVsSIKfqdkT4RMk55R9jYTD4IPUx4dcFh","uri":"https:\/\/sevensons.net\/livewire\/update","moduleUrl":"https:\/\/sevensons.net\/livewire-a5a29457","progressBar":"","nonce":""};</script>
vendor: 1 bytes, line 4133
4133
4134<script src="https://sevensons.net/flux/flux.min.js?id=ac0f2f1e" data-navigate-once></script>
4134
4135
4136
4137<!-- Drip --> 
4138<script type="text/javascript"> 
4139var _dcq = _dcq || []; 
4140var _dcs = _dcs || {}; 
4141_dcs.account = '6833046'; 
4142
4143(function() { 
4144var dc = document.createElement('script'); 
4145dc.type = 'text/javascript'; dc.async = true; 
4146dc.src = '//tag.getdrip.com/6833046.js'; 
4147var s = document.getElementsByTagName('script')[0]; 
4148s.parentNode.insertBefore(dc, s); 
4149})(); 
4150</script>
4150 
4151<!-- end Drip -->
4152
4153<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 4153-4155
4153
4154
4155<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4155GTM-NHNFTK5
vendor: 86 bytes, lines 4155-4156
4155" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4156
4157<!-- End Google Tag Manager (noscript) -->
4158
4159<!-- Start of sevensons Zendesk Widget script -->
4160<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e65dbe94-5a50-40b4-b0f0-45bb42b607d2"> </script>
4160
4161<!-- End of sevensons Zendesk Widget script -->
4162
4163
4164
4165
4166
4167
4168<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40cd495bd35f14d',t:'MTc5MDM2ODY4NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4168</body>
4169</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.