Skip to content
Quail and Cross Homestead
Home
Catalog
Contact
Search
More
Home
Catalog
Contact
More
Quail and Cross Homestead
Quail and Cross Homestead
Search
Account
Your cart is empty
Have an account?
Log in
to check out faster.
Continue shopping
Cart
0
Your cart is empty
Have an account?
Log in
to check out faster.
Continue shopping
</div><div id="shopify-section-template--20861882204349__17748673199efedd2c" class="shopify-section section-wrapper"> <div class="section-background color-scheme-1"></div> <div class="section section--page-width color-scheme-1" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style="--border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; " data-testid="section-content" > <div id="shopify-block-AclNRY1EwbFRzemZGN__ai_gen_block_cd7bfc4_9HC3e6" class="shopify-block"> <style data-shopify> .ai-about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { display: block; width: 100%; max-width: 100%; margin: 0 auto; padding: 60px 20px; background-color: #41d060; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .ai-about-us-content-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { max-width: 1200px; width: 100%; text-align: center; } .ai-about-us-heading-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { margin: 0 0 24px; color: #000000; font-size: 48px; line-height: 1.2; } .ai-about-us-text-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { margin: 0 0 24px; color: #000000; font-size: 16px; line-height: 1.6; } .ai-about-us-text-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 p { margin: 0 0 16px; } .ai-about-us-text-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 p:last-child { margin-bottom: 0; } .ai-about-us-button-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { display: inline-block; padding: 14px 32px; background-color: #000000; color: #ffffff; text-decoration: none; border-radius: 0px; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease; border: 0px solid #000000; } .ai-about-us-button-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6:hover { background-color: #383838; color: #ffffff; border-color: #383838; } @media screen and (max-width: 749px) { .ai-about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { padding: 36.0px 16px; } .ai-about-us-heading-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { font-size: 33.6px; } .ai-about-us-text-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 { font-size: 14.4px; } } </style> <about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 class="ai-about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6" > <div class="ai-about-us-content-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6"> <h2 class="ai-about-us-heading-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6">About us</h2> <div class="ai-about-us-text-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6"> <h2></h2><p><strong>Quail and Cross Homestead</strong> is a North Carolina-based agricultural and technical enterprise dedicated to the precise integration of traditional avian husbandry and modern systems automation. We specialize in the ethical breeding, professional incubation, and sustainable management of <strong>Coturnix quail</strong>, serving as a reliable resource for high-quality hatching services and egg production.</p><p>Our operations are defined by a commitment to <strong>innovation through self-reliance</strong>. By developing custom-engineered electronic solutions and sophisticated aquatic management systems, we maintain a highly efficient, data-driven homestead environment. This intersection of heritage skills and technical ingenuity allows us to optimize production while maintaining the highest standards of animal welfare and environmental stewardship.</p><h3>Key Areas of Operation</h3><ul><li><strong>Advanced Avian Husbandry:</strong> Comprehensive flock management focused on genetic health, specialized incubation protocols, and consistent production cycles.</li><li><strong>Technical Systems Engineering:</strong> Design and implementation of proprietary automation for climate control, equipment monitoring, and agricultural efficiency.</li><li><strong>Aquatic Environment Management:</strong> Maintenance of specialized water systems and biological features integrated into the homestead infrastructure.</li><li><strong>Mechanical Restoration & Infrastructure:</strong> A rigorous approach to the preservation and upkeep of classic machinery and essential homestead assets.</li></ul><p>At Quail and Cross Homestead, we believe that the future of small-scale agriculture lies in the balance of hard-earned experience and modern technical precision. Every project, from the hatchery to the workshop, is executed with a focus on durability, efficiency, and professional excellence.<br/><br/></p> </div> </div> </about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6> <script> (function() { class AboutUsaclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6 extends HTMLElement { constructor() { super(); } connectedCallback() { this.style.display = 'block'; } } customElements.define('about-us-aclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6', AboutUsaclnry1ewbfrzemzgnaigenblockcd7bfc49hc3e6); })(); </script> </div> </div> </div> </div> </div><div id="shopify-section-template--20861882204349__section_nQGAyM" class="shopify-section section-wrapper"> <div class="section-background color-scheme-bright-green"></div> <div class="section section--full-width color-scheme-bright-green" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style="--border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); " data-testid="section-content" > <rte-formatter class=" spacing-style text-block text-block--ANGJkSlQrQjFTN3dDR__text_TfA6TD rte text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <h2>Contact us</h2> </rte-formatter> <div class=" contact-form spacing-style size-style " style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; " > <form method="post" action="/contact#ContactForm-AZnIvTHZ0RldwMHNFU__contact_form_KRzeVx" id="ContactForm-AZnIvTHZ0RldwMHNFU__contact_form_KRzeVx" accept-charset="UTF-8" class="contact-form__form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><input name="contact[id]" type="hidden" value="ContactForm-AZnIvTHZ0RldwMHNFU__contact_form_KRzeVx" ><div class="contact-form__form-row"> <label class="visually-hidden" for="ContactForm-name" >Name</label> <input type="text" id="ContactForm-name" class="contact-form__input" autocomplete="name" name="contact[name]" value="" placeholder="Name" > <label class="visually-hidden" for="ContactForm-email" >Email<span aria-hidden="true">*</span></label > <input type="email" id="ContactForm-email" class="contact-form__input" autocomplete="email" name="contact[email]" spellcheck="false" autocapitalize="off" value="" aria-required="true" placeholder="Email" > </div> <label class="visually-hidden" for="ContactForm-phone" >Phone</label> <input type="tel" id="ContactForm-phone" class="contact-form__input" autocomplete="tel" name="contact[phone]" pattern="[0-9\-]*" value="" placeholder="Phone" > <label class="visually-hidden" for="ContactForm-body" >Comment</label> <textarea rows="10" id="ContactForm-body" class="contact-form__input contact-form__input--textarea" name="contact[body]" placeholder="Comment" ></textarea> <button type="submit" class="button submit-button size-style button" style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;" > Submit </button> </form></div> </div> </div> </div> </div><div id="shopify-section-template--20861882204349__product_list_UwRqN4" class="shopify-section ui-test-product-list"> <div class="section-background color-scheme-bright-green"></div> <div data-testid="product-list" class=" section section--page-width color-scheme-bright-green section-resource-list spacing-style gap-style " style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 84px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); " > <div class="section-resource-list__header"> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <div class=" spacing-style text-block text-block--AQ0lIenBCdEI2N1p4W__product_list_text_zR8Cq9 h4 text-block--align-center " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <h3>shop</h3><h3></h3> </div> </div> </div> </div> <div class=" resource-list hidden--mobile resource-list--grid " style="--resource-list-column-gap-desktop: 26px;--resource-list-row-gap-desktop: 36px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;" data-testid="resource-list-grid" > <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252412952765" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=500" on:click="/handleViewTransition" > <a id="265555f49df8351c541344dcf81085f0" href="/products/coturnix-chicks?variant=46551890362557" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Coturnix Chicks </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: none; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah spacing-style border-style card-gallery--badge-top-left" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252412952765" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/coturnix-chicks?variant=46551890362557" aria-label="Coturnix Chicks" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843059389" > <div class="product-media" style="--ratio: 0.75" data-media-id="31064843059389" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840" alt="Coturnix Chicks" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840 3840w" width="3840" height="5120" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ><div class=" product-badges__badge product-badges__badge--rectangle color-scheme-5 " >Sold out </div></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Coturnix Chicks" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252412952765" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252412952765-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551890362557" disabled > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" disabled > <span class="add-to-cart-text" > <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252412952765" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Coturnix Chicks</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/coturnix-chicks?variant=46551890362557" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Coturnix Chicks</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB" data-product-id="8252412952765" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$15.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$15.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> <!--@list/split--> <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252400992445" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-1" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=500" on:click="/handleViewTransition" > <a id="bc8c5e93dd9ac55484c896aab4cd1542" href="/products/coturnix-hatching-eggs?variant=46551844618429" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Coturnix hatching eggs </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: none; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-1 spacing-style border-style card-gallery--badge-top-left" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252400992445" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/coturnix-hatching-eggs?variant=46551844618429" aria-label="Coturnix hatching eggs" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064840995005" > <div class="product-media" style="--ratio: 1.5081967213114753" data-media-id="31064840995005" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840" alt="Coturnix hatching eggs" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840 3840w" width="3840" height="2546" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ><div class=" product-badges__badge product-badges__badge--rectangle color-scheme-5 " >Sold out </div></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Coturnix hatching eggs" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252400992445" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252400992445-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551844618429" disabled > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" disabled > <span class="add-to-cart-text" > <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252400992445" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Coturnix hatching eggs</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/coturnix-hatching-eggs?variant=46551844618429" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-1 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Coturnix hatching eggs</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-1" data-product-id="8252400992445" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$5.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$5.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> <!--@list/split--> <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8254446895293" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-2" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=500" on:click="/handleViewTransition" > <a id="240b2954b9e1499f6c0e3201aed54829" href="/products/lotus-sprouts?variant=46593679196349" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Lotus sprouts </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-2 spacing-style border-style" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8254446895293" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/lotus-sprouts?variant=46593679196349" aria-label="Lotus sprouts" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31082724950205" > <div class="product-media" style="--ratio: 1.3333333333333333" data-media-id="31082724950205" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840" alt="Lotus sprouts" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840 3840w" width="3840" height="2880" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Lotus sprouts" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8254446895293" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8254446895293-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46593679196349" > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8254446895293" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Lotus sprouts</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/lotus-sprouts?variant=46593679196349" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-2 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Lotus sprouts</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-2" data-product-id="8254446895293" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$10.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$10.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> <!--@list/split--> <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252413214909" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-3" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=500" on:click="/handleViewTransition" > <a id="af6db4efe089e65cf670a14f3dfd04db" href="/products/synonym-rolls-pun-tee?variant=46551891116221" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Synonym rolls pun tee </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-3 spacing-style border-style" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252413214909" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/synonym-rolls-pun-tee?variant=46551891116221" aria-label="Synonym rolls pun tee" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="2" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843321533" > <div class="product-media" style="--ratio: 1.0" data-media-id="31064843321533" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840" alt="Synonym rolls pun tee" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> <slideshow-slide ref="slides[]" aria-hidden="true" style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843255997" > <div class="product-media" style="--ratio: 1.0" data-media-id="31064843255997" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840" alt="Synonym rolls pun tee" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Synonym rolls pun tee" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252413214909" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252413214909-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551891116221" > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252413214909" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Synonym rolls pun tee</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/synonym-rolls-pun-tee?variant=46551891116221" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-3 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Synonym rolls pun tee</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-3" data-product-id="8252413214909" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$25.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$25.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> </div> <div class=" resource-list hidden--desktop resource-list__carousel force-full-width " style=" --resource-list-column-gap-desktop: 26px; --column-count: 4; --column-count-mobile: 1; --mobile-card-size: 60cqw; " > <div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"> <slideshow-component ref="resourceListCarouselMobile" class="resource-list__carousel" style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" > <slideshow-container ref="slideshowContainer"> <slideshow-arrows position="center" ><button class=" slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x " aria-label="Previous slide" on:click="/previous" ref="previous" > <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> </span> </button> <button class=" slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent " aria-label="Next slide" on:click="/next" ref="next" > <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> </span> </button> </slideshow-arrows> <slideshow-slides tabindex="-1" ref="scroller" gutters="start end" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="resource-list__slide" > <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252412952765" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=500" on:click="/handleViewTransition" > <a id="265555f49df8351c541344dcf81085f0" href="/products/coturnix-chicks?variant=46551890362557" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Coturnix Chicks </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: none; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah spacing-style border-style card-gallery--badge-top-left" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252412952765" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/coturnix-chicks?variant=46551890362557" aria-label="Coturnix Chicks" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843059389" > <div class="product-media" style="--ratio: 0.75" data-media-id="31064843059389" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840" alt="Coturnix Chicks" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840 3840w" width="3840" height="5120" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ><div class=" product-badges__badge product-badges__badge--rectangle color-scheme-5 " >Sold out </div></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Coturnix Chicks" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252412952765" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252412952765-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551890362557" disabled > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" disabled > <span class="add-to-cart-text" > <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252412952765" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Coturnix Chicks</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/coturnix-chicks?variant=46551890362557" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Coturnix Chicks</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB" data-product-id="8252412952765" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$15.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$15.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> </slideshow-slide> <slideshow-slide ref="slides[]" aria-hidden="true" style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="resource-list__slide" > <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252400992445" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-1" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=500" on:click="/handleViewTransition" > <a id="bc8c5e93dd9ac55484c896aab4cd1542" href="/products/coturnix-hatching-eggs?variant=46551844618429" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Coturnix hatching eggs </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: none; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-1 spacing-style border-style card-gallery--badge-top-left" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252400992445" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/coturnix-hatching-eggs?variant=46551844618429" aria-label="Coturnix hatching eggs" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064840995005" > <div class="product-media" style="--ratio: 1.5081967213114753" data-media-id="31064840995005" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840" alt="Coturnix hatching eggs" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840 3840w" width="3840" height="2546" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ><div class=" product-badges__badge product-badges__badge--rectangle color-scheme-5 " >Sold out </div></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Coturnix hatching eggs" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252400992445" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252400992445-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551844618429" disabled > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" disabled > <span class="add-to-cart-text" > <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252400992445" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Coturnix hatching eggs</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/coturnix-hatching-eggs?variant=46551844618429" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-1 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Coturnix hatching eggs</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-1" data-product-id="8252400992445" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$5.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$5.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> </slideshow-slide> <slideshow-slide ref="slides[]" aria-hidden="true" style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="resource-list__slide" > <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8254446895293" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-2" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=500" on:click="/handleViewTransition" > <a id="240b2954b9e1499f6c0e3201aed54829" href="/products/lotus-sprouts?variant=46593679196349" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Lotus sprouts </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-2 spacing-style border-style" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8254446895293" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/lotus-sprouts?variant=46593679196349" aria-label="Lotus sprouts" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="1" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31082724950205" > <div class="product-media" style="--ratio: 1.3333333333333333" data-media-id="31082724950205" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840" alt="Lotus sprouts" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840 3840w" width="3840" height="2880" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Lotus sprouts" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8254446895293" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8254446895293-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46593679196349" > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8254446895293" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Lotus sprouts</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/lotus-sprouts?variant=46593679196349" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-2 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Lotus sprouts</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-2" data-product-id="8254446895293" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$10.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$10.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> </slideshow-slide> <slideshow-slide ref="slides[]" aria-hidden="true" style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="resource-list__slide" > <div class="resource-list__item" > <style data-shopify> </style> <product-card class="product-card size-style" style="--size-style-width: ;--size-style-height: ;" data-product-id="8252413214909" id="product-card-ARXZnSm9vTXByeEl4d__static-product-card-3" data-product-transition="true" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=500" on:click="/handleViewTransition" > <a id="af6db4efe089e65cf670a14f3dfd04db" href="/products/synonym-rolls-pun-tee?variant=46551891116221" class="product-card__link" ref="productCardLink" > <span class="visually-hidden"> Synonym rolls pun tee </span> </a> <div class=" product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --horizontal-alignment: ; --vertical-alignment: ; --vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; " > <div ref="cardGallery" class="card-gallery card-gallery-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-3 spacing-style border-style" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 4 / 5; " data-product-id="8252413214909" on:pointerenter="/previewImage" on:pointerleave="/resetImage" data-view-transition-to-main-product data-image-ratio="portrait" > <a class="contents" ref="cardGalleryLink" href="/products/synonym-rolls-pun-tee?variant=46551891116221" aria-label="Synonym rolls pun tee" > <slideshow-component ref="slideshow" style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" initial-slide="0" infinite data-generic-media-size="2" > <slideshow-container ref="slideshowContainer"> <slideshow-slides tabindex="-1" ref="scroller" > <slideshow-slide ref="slides[]" aria-hidden="false" style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843321533" > <div class="product-media" style="--ratio: 1.0" data-media-id="31064843321533" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840" alt="Synonym rolls pun tee" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> <slideshow-slide ref="slides[]" aria-hidden="true" style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" class="product-media-container media-fit product-media-container--image" slide-id="31064843255997" > <div class="product-media" style="--ratio: 1.0" data-media-id="31064843255997" > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840" alt="Synonym rolls pun tee" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=352 352w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=832 832w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1200 1200w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1600 1600w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=1920 1920w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=2560 2560w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </a> <div class="product-badges product-badges--top-left" style=" --badge-border-radius: 0px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; " ></div> <quick-add-component class="quick-add color-scheme-1 " ref="quickAdd" data-product-title="Synonym rolls pun tee" data-quick-add-button="add" data-product-options-count="1" > <product-form-component data-section-id="template--20861882204349__product_list_UwRqN4" data-product-id="8252413214909" on:submit="/handleSubmit" class="quick-add__product-form-component" > <div class="visually-hidden" aria-live="assertive" role="status" aria-atomic="true" ref="liveRegion" ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8252413214909-AVUZYVHh0cFlsZG1GU__product_card_gallery_4y78ah-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" ref="variantId" value="46551891116221" > <input type="hidden" name="quantity" value="1" > <add-to-cart-component ref="addToCartButtonContainer" data-product-variant-media="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=100" data-add-to-cart-animation="true" > <button type="submit" name="add" ref="addToCartButton" on:click="/handleClick" class="button button quick-add__button quick-add__button--add add-to-cart-button" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span>Add</span> </span> </span> </span> <span class="add-to-cart__added"> <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="check"> <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <g class="burst"> <g style="--index: 0;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 1;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 2;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 3;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 4;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 5;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 6;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> <g style="--index: 7;"> <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> </g> </g> </svg> </span> </span> </button> </add-to-cart-component> <button class="button quick-add__button quick-add__button--choose add-to-cart-button" type="button" name="add" on:click="quick-add-component/handleClick" > <span class="add-to-cart-text" > <span aria-hidden="true" class="svg-wrapper add-to-cart-icon" ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> </span> <span class="add-to-cart-text__content is-visually-hidden-mobile"> <span> <span> Choose </span> </span> </span> </span> </button><input type="hidden" name="product-id" value="8252413214909" /><input type="hidden" name="section-id" value="template--20861882204349__product_list_UwRqN4" /></form></product-form-component> </quick-add-component> </div> <div class="product-grid-view-zoom-out--details"> <h3 class="h4">Synonym rolls pun tee</h3> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: space-between; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <a class="contents user-select-text" ref="productTitleLink" href="/products/synonym-rolls-pun-tee?variant=46551891116221" > <div class=" spacing-style text-block text-block--AdmZNSVhDanRWakpvR__product_title_iRxawi-3 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p role="heading" aria-level="3">Synonym rolls pun tee</p> </div> </a> <product-price class="text-block text-block--align-left text-left h5 spacing-style" data-block-id="AY2NpN3QvL0lOZFJPZ__price_4XkbjB-3" data-product-id="8252413214909" style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; " > <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$25.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$25.00</span> </span> <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> </div> </div> </product-price> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > </div> </div> </div> </div> </div> </product-card> </div> </slideshow-slide> </slideshow-slides> </slideshow-container> </slideshow-component> </div> </div> <div class="section-resource-list__content" style="--horizontal-alignment: flex-start;" ></div> </div> </div><div id="shopify-section-template--20861882204349__section_i7WHJX" class="shopify-section section-wrapper"> <div class="section-background color-scheme-bright-green"></div> <div class="section section--page-width color-scheme-bright-green" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style="--border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 16px; --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); " data-testid="section-content" > <div class=" spacing-style text-block text-block--AMnVGTkllelAyYlgyR__text_CwWzjV h2 text-block--align-center " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; "> <p>At the heart of every product lies a unique story, driven by our passion for quality and innovation. Each item enhances your everyday life and sparks joy.</p> </div> <a href="/collections/all" class=" size-style link link--AVmYxYjVQTk1jZEtkM__button_H8pgc4 " style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;" > Shop now </a> </div> </div> </div> </div> </main> <footer> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--20861882630333__section_4bcnyM" class="shopify-section shopify-section-group-footer-group section-wrapper"> <div class="section-background color-scheme-bright-green"></div> <div class="section section--page-width color-scheme-bright-green" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style="--border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); " data-testid="section-content" > <rte-formatter class=" spacing-style text-block text-block--Aa2tnaVZhYVFMbzdHN__text_PEWdHQ rte text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <h2>Contact us</h2> </rte-formatter> <div class=" contact-form spacing-style size-style " style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; " > <form method="post" action="/contact#ContactForm-Ab0ZwZVJLRU1WdmFmV__contact_form_VAwmaA" id="ContactForm-Ab0ZwZVJLRU1WdmFmV__contact_form_VAwmaA" accept-charset="UTF-8" class="contact-form__form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><input name="contact[id]" type="hidden" value="ContactForm-Ab0ZwZVJLRU1WdmFmV__contact_form_VAwmaA" ><div class="contact-form__form-row"> <label class="visually-hidden" for="ContactForm-name" >Name</label> <input type="text" id="ContactForm-name" class="contact-form__input" autocomplete="name" name="contact[name]" value="" placeholder="Name" > <label class="visually-hidden" for="ContactForm-email" >Email<span aria-hidden="true">*</span></label > <input type="email" id="ContactForm-email" class="contact-form__input" autocomplete="email" name="contact[email]" spellcheck="false" autocapitalize="off" value="" aria-required="true" placeholder="Email" > </div> <label class="visually-hidden" for="ContactForm-phone" >Phone</label> <input type="tel" id="ContactForm-phone" class="contact-form__input" autocomplete="tel" name="contact[phone]" pattern="[0-9\-]*" value="" placeholder="Phone" > <label class="visually-hidden" for="ContactForm-body" >Comment</label> <textarea rows="10" id="ContactForm-body" class="contact-form__input contact-form__input--textarea" name="contact[body]" placeholder="Comment" ></textarea> <button type="submit" class="button submit-button size-style button" style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;" > Submit </button> </form></div> </div> </div> </div> </div><div id="shopify-section-sections--20861882630333__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"> <div class="section-background color-scheme-bright-green"></div> <div class="section section--page-width color-scheme-bright-green" > <div class="utilities utilities--blocks-3 spacing-style" style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;" data-testid="footer-utilities" > <div class=" footer-utilities__group-copyright custom-typography custom-font-size " style=" --color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" > <span class="footer-utilities__text"> © 2026 <a href="/" title="">Quail and Cross Homestead</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a> </span> </div> <anchored-popover-component data-hover-triggered="true" > <button class="policy-list-trigger button-unstyled" popovertarget="terms-policies-popover" popovertargetaction="toggle" ref="trigger" style=" --color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" > Terms and Policies </button> <div class="terms-policies-popover color-scheme-1" id="terms-policies-popover" popover="auto" ref="popover" > <ul class=" policy_list list-unstyled custom-typography custom-font-size " ><li> <a href="/policies/privacy-policy" class="footer-utilities__text" >Privacy policy</a> </li><li> <a href="/policies/refund-policy" class="footer-utilities__text" >Refund policy</a> </li><li> <a href="/policies/contact-information" class="footer-utilities__text" >Contact information</a> </li><li> <a href="/policies/terms-of-service" class="footer-utilities__text" >Terms of service</a> </li></ul> </div> </anchored-popover-component> <div class="social-icons__wrapper" > </div> </div> </div> </div> <!-- END sections: footer-group --> </footer> <script src="//quailandcrosshomestead.com/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021774862863" type="module" ></script> <script src="//quailandcrosshomestead.com/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541774862863" type="module" fetchpriority="low" ></script> <dialog-component id="search-modal" class="search-modal" > <dialog ref="dialog" on:click="/closeDialogOnClickOutside" on:keydown="/closeDialogOnEscapePress" class="search-modal__content dialog-modal" scroll-lock aria-labelledby="search-modal-heading" > <h2 id="search-modal-heading" class="visually-hidden" > Search </h2> <predictive-search-component class="predictive-search color-scheme-1" style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" data-section-id="predictive-search" data-testid="search-component--modal" role="search" aria-label="Search" > <form action="/search" method="get" role="search" class="predictive-search-form" ref="form" on:keydown="/onSearchKeyDown" > <div class="predictive-search-form__header" > <div class="predictive-search-form__header-inner"> <label for="cmdk-input" class="visually-hidden" >Search</label> <input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Search" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" > <input name="options[prefix]" type="hidden" value="last" > <span class="svg-wrapper predictive-search__icon"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> </span> <button type="button" class="button-unstyled predictive-search__reset-button" ref="resetButton" hidden on:click="/resetSearch" > Clear </button> </div> <button type="button" class="button predictive-search__close-modal-button" aria-label="Close dialog" on:click="dialog-component/closeDialog" ref="closeModalButton" > <span class="svg-wrapper"> <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> <div class="predictive-search-form__content-wrapper"> <div class="predictive-search-form__content" ref="predictiveSearchResults" on:click="/handleModalClick" > <div id="predictive-search-results" class="predictive-search-dropdown" role="listbox" aria-expanded="true" style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" > <div class="predictive-search-results__inner"> <div id="predictive-search-products" class="predictive-search-results__products" data-testid="products-list-default--modal" > <h4 class="predictive-search-results__title"> Products </h4> <ul class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" > <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link data-product-id="8252412952765" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=500" data-product-transition="true" on:click="/handleViewTransition" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/coturnix-chicks" > <span class="visually-hidden"> Coturnix Chicks </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=500" alt="" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_d7efc286-02cf-4da3-bfb6-6e3d2793eee7.jpg?v=1774862576&width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Coturnix Chicks</p> <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$15.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$15.00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link data-product-id="8252400992445" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=500" data-product-transition="true" on:click="/handleViewTransition" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/coturnix-hatching-eggs" > <span class="visually-hidden"> Coturnix hatching eggs </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=500" alt="" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_51a00d57-5776-4479-8405-226595a83fed.jpg?v=1774862544&width=352 352w" width="500" height="332" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Coturnix hatching eggs</p> <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$5.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$5.00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link data-product-id="8254446895293" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=500" data-product-transition="true" on:click="/handleViewTransition" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/lotus-sprouts" > <span class="visually-hidden"> Lotus sprouts </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=500" alt="" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_f85823be-fb19-460f-80fb-a03c0888c339.jpg?v=1775213110&width=352 352w" width="500" height="375" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Lotus sprouts</p> <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$10.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$10.00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link data-product-id="8252413214909" data-featured-media-url="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=500" data-product-transition="true" on:click="/handleViewTransition" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/synonym-rolls-pun-tee" > <span class="visually-hidden"> Synonym rolls pun tee </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=500" alt="" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_8f05ba06-9788-401c-8406-5fc1fb99c625.jpg?v=1774862576&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=500" alt="Synonym rolls pun tee" srcset="//quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=240 240w, //quailandcrosshomestead.com/cdn/shop/files/rn-image_picker_lib_temp_c9287d95-0873-4cf4-aece-511174c9aef8.jpg?v=1774862576&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="31064843255997" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Synonym rolls pun tee</p> <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$25.00</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$25.00</span> </span> </div> </div> </div> </div></product-card-link> </li> </ul> </div> </div> </div> </div> <div class="predictive-search-form__footer"> <button class="button predictive-search__search-button" ref="viewAllButton" > View all </button> </div> </div> </form> </predictive-search-component> </dialog> </dialog-component> <script src="//quailandcrosshomestead.com/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=129634859299628245901774862863" type="module" fetchpriority="low" ></script> <quick-add-dialog id="quick-add-dialog"> <dialog class="quick-add-modal dialog-modal color-scheme-1" ref="dialog" scroll-lock > <button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button quick-add-modal__close" aria-label="Close dialog" ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div id="quick-add-modal-content" class="quick-add-modal__content" ></div> </dialog> </quick-add-dialog> <div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script id="chat-button-container" data-horizontal-position=bottom_right data-vertical-position=lowest data-icon=chat_bubble data-text=chat_with_us data-color=#000000 data-secondary-color=#FFFFFF data-ternary-color=#6A6A6A data-domain=quailandcrosshomestead.com data-shop-domain=quailandcrosshomestead.com data-external-identifier=5lRVfPZQfs_QSihRCYC8w5iyWtmG8CD2Rqr-g5LsE30 > </script> </div></body> </html>