                    <section
                        class="relative h-[250vh] -mt-[100vh] !h-[250svh] !-mt-[100svh] bg-gray-900 section-health-station">
                        <div class="sticky top-0 overflow-hidden" data-sticky-mask="">
                            <div class="absolute left-0 top-0 w-full h-full" data-background="" data-animation="scale"
                                data-scrub="" data-repeat="" data-from="1.025" data-to="1" data-start="top top"
                                data-end="+=300%"><span
                                    class="absolute left-0 top-0 w-full bg-gradient-to-b from-gray-900 to-transparent opacity-40 h-full"></span>
                                <picture class="w-full h-auto flex h-full md:hidden"
                                    style="--aspect: 0.4652173913043478"><img
                                        class="block w-full h-full object-cover object-top opacity-0"
                                        data-component="lazyload"
                                        data-src="https://ayocin-cms.onrender.com/uploads/image34_12ffb90a30.jpg"
                                        alt="image description" width="642" height="1380" draggable="false"></picture>
                                <picture class="w-full h-auto flex h-full hidden md:flex"
                                    style="--aspect: 1.5550755939524838"><img
                                        class="block w-full h-full object-cover opacity-0" data-component="lazyload"
                                        data-src="https://ayocin-cms.onrender.com/uploads/image24_f7e19337d8.jpg"
                                        alt="image description" width="3600" height="2315" draggable="false"></picture>
                            </div>
                            <div class="pt-110 pb-100 sm:pb-150 md:pb-110 min-h-screen laptop:pt-40 laptop:pb-20 grid items-end relative z-3"
                                data-content="">
                                <div class="mb-60 overflow-hidden text-cream">
                                    <div class="overflow-hidden whitespace-nowrap w-full uppercase font-medium text-[5rem] leading-none md:text-[14rem] laptop:text-[24rem] gap-x-[0.5em] flex laptop:leading-[0.8]"
                                        data-animation="marquee" data-end="+=400%">
                                        <div class="flex" data-marquee="0">Health Station&nbsp;</div>
                                        <div class="flex" data-marquee="1">Health Station&nbsp;</div>
                                    </div>
                                </div>
                                <div class="container mt-auto">
                                    <div class="bg-cream text-gray-900 rounded p-12 md:p-10 w-full relative grid gap-10 max-w-[45.6rem] ml-auto"
                                        data-component="order-form" id="order3">
                                        <form class="relative" data-component="purchase-form" novalidate="">
                                            <div class="absolute left-0 top-0 w-full h-full opacity-0 pointer-events-none py-10 md:p-10 bg-cream z-2"
                                                data-layout="redirect">
                                                <div class="relative h-full flex flex-col"><span
                                                        class="absolute right-0 top-0 w-16 h-16 hover:opacity-50 transition-opacity duration-300 cursor-pointer"
                                                        data-cancel-form=""><svg class="svgi w-full h-full"
                                                            aria-labelledby="symbol-close-desc-c" role="group">
                                                            <desc id="symbol-close-desc-c">close icon</desc>
                                                            <use xlink:href="#svg-close"></use>
                                                        </svg></span>
                                                    <div class="mb-10 md:mb-30">
                                                        <div class="custom-icon relative custom-icon--large !p-10 laptop:!p-14"
                                                            style="--progress: 0;" data-lamp-icon=""><svg
                                                                class="absolute left-0 top-0 w-full h-full lamp-progress-filler"
                                                                width="70" height="70" viewbox="0 0 70 70" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <circle cx="35" cy="35" r="35" stroke="#1D1916">
                                                                </circle>
                                                            </svg><svg class="relative -bottom-10 laptop:-bottom-14"
                                                                xmlns="http://www.w3.org/2000/svg" width="43"
                                                                height="47" fill="none" viewbox="0 0 43 47">
                                                                <path stroke="currentColor" stroke-width="1.5"
                                                                    d="M41.354 5.07C37.837 5.417 30.38 6.091 30 6.091c-2.972-.119-3.27 2.526-3.27 4.161v180.703">
                                                                </path>
                                                                <path fill="currentColor"
                                                                    d="M21.75 13a.75.75 0 0 0-1.5 0h1.5Zm-1.5 0v38h1.5V13h-1.5Z">
                                                                </path>
                                                                <path stroke="currentColor" stroke-width="1.5"
                                                                    d="M1.119 5.07c3.517.347 10.973 1.021 11.354 1.021 2.972-.119 3.27 2.526 3.27 4.161v180.703">
                                                                </path>
                                                                <path stroke="currentColor" stroke-width="1.5"
                                                                    d="m1.86 5.2.595 186.053H41.24V5.2c.595-.148.743-.743.743-1.486s.149-1.189-.445-1.635C40.36 1.197 25.043.891 21.03.891c-4.012 0-19.913 0-19.913 1.783 0 1.426.297 2.378.743 2.526Z">
                                                                </path>
                                                            </svg></div>
                                                    </div>
                                                    <h4 class="mb-15" data-dots="....">Redirecting to Checkout</h4>
                                                    <p class="mb-25">You’re automatically being redirected to finalize
                                                        your purchase.</p>
                                                    <div class="mt-auto"><a class="link link--underline"
                                                            href="atmos-healthstation-49109936243031.html"
                                                            data-manual-redirect="">If you aren’t redirected, click
                                                            here</a></div>
                                                </div>
                                            </div>
                                            <div class="py-10 md:p-10" data-layout="purchase">
                                                <div class="mb-10 md:mb-30">
                                                    <div class="custom-icon relative custom-icon--large !p-10 laptop:!p-14"
                                                        style="--progress: 0;"><svg
                                                            class="absolute left-0 top-0 w-full h-full lamp-progress-filler"
                                                            width="70" height="70" viewbox="0 0 70 70" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg">
                                                            <circle cx="35" cy="35" r="35" stroke="#1D1916"></circle>
                                                        </svg><svg class="relative -bottom-10 laptop:-bottom-14"
                                                            xmlns="http://www.w3.org/2000/svg" width="43" height="47"
                                                            fill="none" viewbox="0 0 43 47">
                                                            <path stroke="currentColor" stroke-width="1.5"
                                                                d="M41.354 5.07C37.837 5.417 30.38 6.091 30 6.091c-2.972-.119-3.27 2.526-3.27 4.161v180.703">
                                                            </path>
                                                            <path fill="currentColor"
                                                                d="M21.75 13a.75.75 0 0 0-1.5 0h1.5Zm-1.5 0v38h1.5V13h-1.5Z">
                                                            </path>
                                                            <path stroke="currentColor" stroke-width="1.5"
                                                                d="M1.119 5.07c3.517.347 10.973 1.021 11.354 1.021 2.972-.119 3.27 2.526 3.27 4.161v180.703">
                                                            </path>
                                                            <path stroke="currentColor" stroke-width="1.5"
                                                                d="m1.86 5.2.595 186.053H41.24V5.2c.595-.148.743-.743.743-1.486s.149-1.189-.445-1.635C40.36 1.197 25.043.891 21.03.891c-4.012 0-19.913 0-19.913 1.783 0 1.426.297 2.378.743 2.526Z">
                                                            </path>
                                                        </svg></div>
                                                </div>
                                                <h4 class="mb-15">Pre-Order Now</h4>
                                                <p class="reset-last flex items-center mb-12">Be among the first to
                                                    invite the ATMOS into your home<span
                                                        class="ml-5 -mt-2 laptop:ml-8 w-12 h-12 laptop:w-20 laptop:h-20 inline-block cursor-pointer"
                                                        data-cursor="Est. delivery Mid - 2025" data-position="left"><svg
                                                            class="svgi w-full h-full object-cover pointer-events-none"
                                                            aria-labelledby="symbol-info-desc-d" role="group">
                                                            <desc id="symbol-info-desc-d">info icon</desc>
                                                            <use xlink:href="#svg-info"></use>
                                                        </svg></span></p>
                                                <div
                                                    class="border-t border-b border-gray-900 border-opacity-20 py-12 flex items-center gap-x-20">
                                                    <div>ATMOS price: €2499</div>
                                                    <div class="font-semibold flex items-center">Due Today: €250<span
                                                            class="ml-5 -mt-2 laptop:ml-8 w-12 h-12 laptop:w-20 laptop:h-20 inline-block cursor-pointer"
                                                            data-cursor="Remaining balance will be due before delivery notice. "
                                                            data-position="left"><svg
                                                                class="svgi w-full h-full object-cover pointer-events-none"
                                                                aria-labelledby="symbol-info-desc-e" role="group">
                                                                <desc id="symbol-info-desc-e">info icon</desc>
                                                                <use xlink:href="#svg-info"></use>
                                                            </svg></span></div>
                                                </div>
                                                <div class="grid gap-y-10 laptop:block">
                                                    <div class="pt-20 laptop:pt-0 laptop:mb-20 relative"
                                                        data-component="color-picker">
                                                        <div class="laptop:hidden h-40 rounded-full bg-gray-900 bg-opacity-[0.06] py-10 px-20 flex items-center justify-between relative border border-transparent"
                                                            data-opener="">
                                                            <div class="font-medium" data-text="">
                                                                <div
                                                                    class="flex items-center absolute left-0 top-0 h-full w-full p-6">
                                                                    <span
                                                                        class="w-[2.8rem] h-[2.8rem] laptop:w-[3.2rem] laptop:h-[3.2rem] mr-8 rounded-full flex-shrink-0 overflow-hidden">
                                                                        <picture class="w-full h-auto flex"
                                                                            style="--aspect: 1"><img
                                                                                class="block w-full w-full h-full object-cover opacity-0"
                                                                                data-component="lazyload"
                                                                                data-src="https://ayocin-cms.onrender.com/uploads/color02_81a907b85f.jpg"
                                                                                alt="image description" width="128"
                                                                                height="128" draggable="false">
                                                                        </picture>
                                                                    </span><span
                                                                        class="font-medium text-xs laptop:text-sm laptop:max-w-60 leading-small">Walnut
                                                                        / Copper</span></div>
                                                            </div><span
                                                                class="w-8 h-8 flex items-center justify-end"><svg
                                                                    width="6" height="5" viewbox="0 0 6 5" fill="none"
                                                                    xmlns="http://www.w3.org/2000/svg">
                                                                    <path
                                                                        d="M3.86603 4.5C3.48112 5.16667 2.51887 5.16667 2.13397 4.5L0.401924 1.5C0.0170235 0.833332 0.498149 -5.6841e-07 1.26795 -5.01112e-07L4.73205 -1.9827e-07C5.50185 -1.30972e-07 5.98298 0.833333 5.59808 1.5L3.86603 4.5Z"
                                                                        fill="currentColor"></path>
                                                                </svg></span>
                                                        </div>
                                                        <div class="bg-gray-100 absolute left-0 top-full w-full mt-4 laptop:static laptop:mt-0 laptop:bg-transparent rounded laptop:rounded-none laptop:border-b laptop:border-gray-900 laptop:border-opacity-20 laptop:py-14 laptop:flex laptop:items-center laptop:gap-x-30 z-2"
                                                            data-colors="">
                                                            <div class="group flex items-center py-12 px-6 laptop:p-0 cursor-pointer is-active"
                                                                data-color="https://shop.ayocin.com/products/atmos-healthstation?variant=49109936243031"
                                                                data-image-url="https://ayocin-cms.onrender.com/uploads/color02_81a907b85f.jpg"
                                                                data-color-name="Walnut / Copper"><span
                                                                    class="w-[2.8rem] h-[2.8rem] laptop:w-[3.2rem] laptop:h-[3.2rem] mr-8 rounded-full flex-shrink-0 overflow-hidden">
                                                                    <picture class="w-full h-auto flex"
                                                                        style="--aspect: 1"><img
                                                                            class="block w-full w-full h-full object-cover opacity-0"
                                                                            data-component="lazyload"
                                                                            data-src="https://ayocin-cms.onrender.com/uploads/color02_81a907b85f.jpg"
                                                                            alt="image description" width="128"
                                                                            height="128" draggable="false"></picture>
                                                                </span><span
                                                                    class="font-medium text-xs laptop:text-sm laptop:max-w-60 leading-small">Walnut
                                                                    / Copper</span></div>
                                                            <div class="group flex items-center py-12 px-6 laptop:p-0 cursor-pointer border-t border-gray-900 border-opacity-20 laptop:border-0"
                                                                data-color="https://shop.ayocin.com/products/atmos-healthstation?variant=48804933042519"
                                                                data-image-url="https://ayocin-cms.onrender.com/uploads/color01_242023c903.jpg"
                                                                data-color-name="Oak / Nickel "><span
                                                                    class="w-[2.8rem] h-[2.8rem] laptop:w-[3.2rem] laptop:h-[3.2rem] mr-8 rounded-full flex-shrink-0 overflow-hidden">
                                                                    <picture class="w-full h-auto flex"
                                                                        style="--aspect: 1"><img
                                                                            class="block w-full w-full h-full object-cover opacity-0"
                                                                            data-component="lazyload"
                                                                            data-src="https://ayocin-cms.onrender.com/uploads/color01_242023c903.jpg"
                                                                            alt="image description" width="128"
                                                                            height="128" draggable="false"></picture>
                                                                </span><span
                                                                    class="font-medium text-xs laptop:text-sm laptop:max-w-60 leading-small">Oak
                                                                    / Nickel </span></div>
                                                            <div class="group flex items-center py-12 px-6 laptop:p-0 cursor-pointer border-t border-gray-900 border-opacity-20 laptop:border-0"
                                                                data-color="https://shop.ayocin.com/products/atmos-healthstation?variant=49109936275799"
                                                                data-image-url="https://ayocin-cms.onrender.com/uploads/color03_34d92bff98.jpg"
                                                                data-color-name="Ebony / Bronze"><span
                                                                    class="w-[2.8rem] h-[2.8rem] laptop:w-[3.2rem] laptop:h-[3.2rem] mr-8 rounded-full flex-shrink-0 overflow-hidden">
                                                                    <picture class="w-full h-auto flex"
                                                                        style="--aspect: 1"><img
                                                                            class="block w-full w-full h-full object-cover opacity-0"
                                                                            data-component="lazyload"
                                                                            data-src="https://ayocin-cms.onrender.com/uploads/color03_34d92bff98.jpg"
                                                                            alt="image description" width="128"
                                                                            height="128" draggable="false"></picture>
                                                                </span><span
                                                                    class="font-medium text-xs laptop:text-sm laptop:max-w-60 leading-small">Ebony
                                                                    / Bronze</span></div>
                                                        </div>
                                                        <div data-error-field=""></div>
                                                    </div>
                                                    <div class="laptop:mb-10"><button class="btn btn--primary w-full"
                                                            type="submit">Pre-Order Now<div class="btn__icon"><svg
                                                                    class="svgi "
                                                                    aria-labelledby="symbol-arrow-right-desc-f"
                                                                    role="group">
                                                                    <desc id="symbol-arrow-right-desc-f">arrow-right
                                                                        icon</desc>
                                                                    <use xlink:href="#svg-arrow-right"></use>
                                                                </svg></div></button></div>
                                                    <div class="pt-3 opacity-40 text-xxs md:text-xs">By clicking
                                                        "Pre-Order Now" you agree to the &nbsp;<a
                                                            class="link link--underline" target="_blank"
                                                            href="9902358-terms-conditions.html">terms</a>&nbsp;and&nbsp;<a
                                                            class="link link--underline" target="_blank"
                                                            href="9902255-privacy-policy.html">privacy policy</a></div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

{% schema %}
  {
    "name": "LP 13",
    "settings": [],
    "presets": [{"name": "LP 13"}]
  }
{% endschema %}