<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Discover All-Day Comfort with FitFlops Footwear</title>
<meta name="csrf-token" content="wYeO1jmElCm5scn8vu2sqFUeRYjqXV0FMvbTJoRj">
<meta name="description" content="Discover the ultimate blend of fashion and function with FitFlops. Step into unparalleled comfort and style with our collection of shoes and boots. Shop now!">
<meta name="keywords" content="fitflops, foot comfort, shoes, boots, ecommerce, store, niche, comfortable, step into comfort, arch support, comfortable shoes, comfortable boots, cushioned sole, supportive shoes, supportive boots, footwear, orthotic shoes, orthotic boots, fashionable, t...">
<meta property="og:type" content="website">
<meta property="og:site_name" content="FitFlops Foothealth">
<meta property="og:title" content="Step into Foot Comfort with FitFlops">
<meta property="og:url" content="https://fitflopsfoothealth.com/">
<meta property="og:description" content="Discover the ultimate blend of fashion and function with FitFlops. Step into unparalleled comfort and style with our collection of shoes and boots. Shop now!">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/crystal/images/opengraph_all_001.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Step into Foot Comfort with FitFlops">
<meta name="twitter:description" content="Discover the ultimate blend of fashion and function with FitFlops. Step into unparalleled comfort and style with our collection of shoes and boots. Shop now!">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/crystal/images/opengraph_all_001.png">
        
        
            <link rel="canonical" href="https://fitflopsfoothealth.com/"/>
    
    
    <link rel="icon" href="/icon-512.png" sizes="512x512">
    <link rel="icon" href="/icon-192.png" sizes="192x192">

    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <link rel="manifest" href="/manifest.webmanifest">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">

    <link rel="preload" as="style" href="https://fitflopsfoothealth.com/build/assets/app-BGZlzvTX.css" /><link rel="modulepreload" href="https://fitflopsfoothealth.com/build/assets/app-D-eBAof-.js" /><link rel="stylesheet" href="https://fitflopsfoothealth.com/build/assets/app-BGZlzvTX.css" data-navigate-track="reload" /><script type="module" src="https://fitflopsfoothealth.com/build/assets/app-D-eBAof-.js" data-navigate-track="reload"></script>
            <link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">


        <style>
            :root {
                --font-title: 'Outfit', sans-serif;
                --font-subtitle: 'Raleway', sans-serif;
                --font-body: 'Inter', sans-serif;
            }
        </style>
    

    
    <script type="text/javascript">
        window.debugMode = false;
    </script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"FitFlops Foothealth","url":"https://fitflopsfoothealth.com"},{"@type":"WebPage","name":"Home","headline":"Step into Foot Comfort with FitFlops","description":"Discover the Perfect Fit for Your Feet with Our Range of FitFlops Shoes and Boots on FitFlops Foothealth Homepage","datePublished":"2023-05-23T20:08:30+00:00","dateModified":"2023-05-23T20:09:21+00:00","publisher":{"@type":"Organization","name":"FitFlops Foothealth"},"mainEntityOfPage":"https://fitflopsfoothealth.com/","keywords":"fitflops, foot comfort, shoes, boots, ecommerce, store, niche, comfortable, step into comfort, arch support, comfortable shoes, comfortable boots, cushioned sole, supportive shoes, supportive boots, footwear, orthotic shoes, orthotic boots, fashionable, trendy"}]}</script>

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"FitFlops Foothealth","url":"https://fitflopsfoothealth.com","logo":"https://cdn.freshstore.cloud/template/crystal/images/secure-store-logo.png"}</script>
    
    

    <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/products-new.rss" title="New Products">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/products-old.rss" title="Old Products">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/products-updated.rss" title="Recently Updated Products">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/products-random.rss" title="Random Products">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/products-popular.rss" title="Popular Products">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/articles-new.rss" title="New Articles">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/articles-old.rss" title="Old Articles">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/articles-updated.rss" title="Recently Updated Articles">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/articles-random.rss" title="Random Articles">
        <link rel="alternate" type="application/rss+xml" href="https://fitflopsfoothealth.com/feed/articles-popular.rss" title="Popular Articles">
        
</head>

    <body
        class="skin-blue-dream font-body font-normal !text-base [&amp;_.prose]:!text-base text-skin-base"
        style="background-color: #FFFFFF;"
    >

<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;fa8Yr4yAMPicGv2EC601&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3436471034-0&quot;:[&quot;div&quot;,&quot;1LaNCttr92CfgqRt3wt1&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;f05a5a8267e0f441d16d9063eb445f78d9b7d7405d37aeb32dacbffab6536f2c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="fa8Yr4yAMPicGv2EC601">
    <div wire:snapshot="{&quot;data&quot;:{&quot;defaultDuration&quot;:5000,&quot;loadDelay&quot;:400,&quot;prod&quot;:true,&quot;toasts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1LaNCttr92CfgqRt3wt1&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;ec9327063cf0848553fb0212b00c8bdd84e3f68daa1a22dc5aa6d1a30f476e82&quot;}" wire:effects="[]" wire:id="1LaNCttr92CfgqRt3wt1"
    x-data='ToastComponent($wire)'
    @mouseleave="scheduleRemovalWithOlder()"
    class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6"
    style="z-index:999;"
>
    <template
        x-for="toast in toasts.filter((a)=>a)"
        :key="toast.index"
    >
        <div
            @mouseenter="cancelRemovalWithNewer(toast.index)"
            @mouseleave="scheduleRemovalWithOlder(toast.index)"
            @click="remove(toast.index)"
            x-show="toast.show===1"
            x-transition:enter="ease-out duration-500 transition"
            x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10"
            x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0"
            x-transition:leave="transition ease-in duration-500"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            x-init="$nextTick(()=>{toast.show=1})"
        >
            <div>
    <div
        class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black"
        x-bind:class="{
                    'border-blue-700': toast.type === 'info',
                    'border-green-700': toast.type === 'success',
                    'border-yellow-700': toast.type === 'warning',
                    'border-red-700': toast.type === 'danger'
                  }"
    >
        <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse">
            <div class="flex-1 ltr:mr-2 rtl:ml-2">
                <div
                    class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100"
                    x-html="toast.title"
                    x-show="toast.title !== undefined"
                ></div>

                <div
                    class="text-gray-900 dark:text-gray-200"
                    x-show="toast.message !== undefined"
                    x-html="toast.message"
                ></div>
            </div>

            <template x-if="toast.type==='debug'">
    <svg
        class="w-8 h-8 text-gray-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"
            class=""
        ></path>
    </svg>
</template>

<template x-if="toast.type==='info'">
    <svg
        class="w-8 h-8 text-blue-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z"
        />
        <path
            fill="currentColor"
            d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z"
        />
    </svg>
</template>

<template x-if="toast.type==='success'">
    <svg
        class="w-8 h-8 text-green-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='warning'">
    <svg
        class="w-8 h-8 text-yellow-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z"
        ></path>
        <path
            fill="currentColor"
            d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='danger'">
    <svg
        class="w-8 h-8 text-red-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 576 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z"
        ></path>
        <path
            fill="currentColor"
            d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
        ></path>
    </svg>
</template>
        </div>
    </div>

</div>
        </div>
    </template>
</div>
</div>



    
    
    <div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false">

        <div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile">

    <div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen">

        <div class="fixed inset-0 bg-black bg-opacity-25"
             aria-hidden="true"
             x-show="mobileMenuOpen"
             x-transition:enter="transition-opacity ease-linear duration-300"
             x-transition:enter-start="transform opacity-0 scale-95"
             x-transition:enter-end="transform opacity-100 scale-100"
             x-transition:leave="transition-opacity ease-linear duration-300"
             x-transition:leave-start="transform opacity-100 scale-100"
             x-transition:leave-end="transform opacity-0 scale-95"
             @click.prevent="mobileMenuOpen = false"
        ></div>

        <div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto"
             x-show="mobileMenuOpen"
             x-transition:enter="transition ease-in-out duration-300 transform"
             x-transition:enter-start="-translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transition ease-in-out duration-300 transform"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="-translate-x-full"
        >
            <div class="px-4 pt-5 pb-2 flex">
                <button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false">
                    <span class="sr-only">Close Menu</span>
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>                </button>
            </div>

            <div class="py-6 px-4 space-y-6">
                <div class="flow-root">
                    <form action="https://fitflopsfoothealth.com/search" method="GET" class="flex lg:hidden">
                        <input type="text" name="q" value="" class="block w-1/2 mr-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-xs focus:ring-skin-accent focus:border-skin-accent">
                        <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                            <span class="sr-only">Search</span>
                            <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                        </button>
                    </form>
                </div>
            </div>

            <!-- Links -->
            <div class="mt-2">

                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-2" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/women-s-fitflop-shoes">
                                                    Women&#039;s Fitflop Shoes
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-2" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/sandals" class="text-gray-500">
                                                                Sandals
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/sneakers" class="text-gray-500">
                                                                Sneakers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/loafers" class="text-gray-500">
                                                                Loafers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/ballet-flats" class="text-gray-500">
                                                                Ballet Flats
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/boots" class="text-gray-500">
                                                                Boots
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-2" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/men-s-fitflop-shoes">
                                                    Men&#039;s Fitflop Shoes
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-2" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/sandals-8" class="text-gray-500">
                                                                Sandals
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/sneakers-9" class="text-gray-500">
                                                                Sneakers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/loafers-10" class="text-gray-500">
                                                                Loafers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/boots-11" class="text-gray-500">
                                                                Boots
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Articles</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/winter-boots-price-comparison">
                                                    Winter boots price comparison
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/wide-fit-fitflop-ballet-flats">
                                                    Wide-Fit FitFlop Ballet Flats!
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/fitflop-maximizes-athletic-performance">
                                                    FitFlop Maximizes Athletic Performance
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/fitflops-for-optimal-foothealth">
                                                    Fitflops for Optimal Foothealth
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/foot-health-benefits-of-fitflops">
                                                    Foot Health Benefits of FitFlops
                                                </a>
                                            </p>

                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                                                                                                                                                                                                    
            </div>

            
                                        <div class="border-t border-gray-200 py-6 px-4 space-y-6">
                    <div class="flow-root">
                        <a href="https://fitflopsfoothealth.com/account/create" class="-m-2 p-2 block font-medium text-gray-900">Create Account</a>
                    </div>
                    <div class="flow-root">
                        <a href="https://fitflopsfoothealth.com/account/login" class="-m-2 p-2 block font-medium text-gray-900">Log In</a>
                    </div>
                </div>
            
                        
        </div>
    </div>

</div>
        <header class="relative z-40" id="navigation-top-desktop">
    <nav aria-label="Top">
        <!-- Top navigation -->
        <div class="bg-skin-dark">
            <div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8">

                <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;AE&quot;,&quot;iso_3166_3&quot;:&quot;ARE&quot;,&quot;name&quot;:&quot;United Arab Emirates&quot;,&quot;currency_code&quot;:&quot;AED&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;currency_code&quot;:&quot;AUD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BR&quot;,&quot;iso_3166_3&quot;:&quot;BRA&quot;,&quot;name&quot;:&quot;Brazil&quot;,&quot;currency_code&quot;:&quot;BRL&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;EG&quot;,&quot;iso_3166_3&quot;:&quot;EGY&quot;,&quot;name&quot;:&quot;Egypt&quot;,&quot;currency_code&quot;:&quot;EGP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IN&quot;,&quot;iso_3166_3&quot;:&quot;IND&quot;,&quot;name&quot;:&quot;India&quot;,&quot;currency_code&quot;:&quot;INR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;JP&quot;,&quot;iso_3166_3&quot;:&quot;JPN&quot;,&quot;name&quot;:&quot;Japan&quot;,&quot;currency_code&quot;:&quot;JPY&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;MX&quot;,&quot;iso_3166_3&quot;:&quot;MEX&quot;,&quot;name&quot;:&quot;Mexico&quot;,&quot;currency_code&quot;:&quot;MXN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SA&quot;,&quot;iso_3166_3&quot;:&quot;SAU&quot;,&quot;name&quot;:&quot;Saudi Arabia&quot;,&quot;currency_code&quot;:&quot;SAR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SG&quot;,&quot;iso_3166_3&quot;:&quot;SGP&quot;,&quot;name&quot;:&quot;Singapore&quot;,&quot;currency_code&quot;:&quot;SGD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;TR&quot;,&quot;iso_3166_3&quot;:&quot;TUR&quot;,&quot;name&quot;:&quot;Turkey&quot;,&quot;currency_code&quot;:&quot;TRY&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;gPDXKr3kY9lfMADQC6O6&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;e1c1c7c733ed92fb34346c16145fccc4b4d192a737d3327bf102c1af7064507f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="gPDXKr3kY9lfMADQC6O6" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="hidden lg:block ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-900 border-transparent focus-within:ring-2 focus-within:ring-white rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none text-skin-base group-hover:cursor-pointer focus:outline-hidden focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="AE" >
                                    ARE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="AU" >
                                    AUS
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="BE" >
                                    BEL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="BR" >
                                    BRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="EG" >
                                    EGY
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" >
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IN" >
                                    IND
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="JP" >
                                    JPN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="MX" >
                                    MEX
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SA" >
                                    SAU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SG" >
                                    SGP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" >
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="TR" >
                                    TUR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" selected>
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>


                <h2 class="lg:text-center text-sm font-subtitle text-white flex-auto">
                    Bringing you the best products at the lowest prices
                </h2>

                
                                            <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6">
                            <a href="https://fitflopsfoothealth.com/account/create" class="text-sm font-subtitle text-white hover:opacity-75">Create Account</a>
                            <span class="h-6 w-px bg-gray-300" aria-hidden="true"></span>
                            <a href="https://fitflopsfoothealth.com/account/login" class="text-sm font-subtitle text-white hover:opacity-75">Log In</a>
                        </div>
                    
                    
                

            </div>
        </div>

        <!-- Secondary navigation -->
        <div class="bg-white">
            <div class="border-b border-gray-200">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

                    
                    <div class="h-16 flex items-center justify-between">
                        <!-- Logo (lg+) -->
                        <div class="hidden lg:flex lg:items-center">
                            <a href="/">
                                <span class="sr-only">FitFlops Foothealth</span>

                                                                    <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg>                                
                            </a>
                        </div>

                        <div class="hidden h-full lg:flex lg:flex-1 lg:justify-start">
                            <div class="ml-8">
                                <div class="h-full flex justify-center space-x-8">

                                                                            
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Categories
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/women-s-fitflop-shoes">
                                                                            Women&#039;s Fitflop Shoes
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/sandals" class="hover:text-gray-800">
                                                                                    Sandals
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/sneakers" class="hover:text-gray-800">
                                                                                    Sneakers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/loafers" class="hover:text-gray-800">
                                                                                    Loafers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/ballet-flats" class="hover:text-gray-800">
                                                                                    Ballet Flats
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/boots" class="hover:text-gray-800">
                                                                                    Boots
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/men-s-fitflop-shoes">
                                                                            Men&#039;s Fitflop Shoes
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/sandals-8" class="hover:text-gray-800">
                                                                                    Sandals
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/sneakers-9" class="hover:text-gray-800">
                                                                                    Sneakers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/loafers-10" class="hover:text-gray-800">
                                                                                    Loafers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/boots-11" class="hover:text-gray-800">
                                                                                    Boots
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                                                                                                
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Articles
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/articles/winter-boots-price-comparison">
                                                                            Winter boots price comparison
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/articles/wide-fit-fitflop-ballet-flats">
                                                                            Wide-Fit FitFlop Ballet Flats!
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/articles/fitflop-maximizes-athletic-performance">
                                                                            FitFlop Maximizes Athletic Performance
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/articles/fitflops-for-optimal-foothealth">
                                                                            Fitflops for Optimal Foothealth
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/articles/foot-health-benefits-of-fitflops">
                                                                            Foot Health Benefits of FitFlops
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                
                                </div>
                            </div>
                        </div>

                        <div class="flex-none flex items-center lg:hidden">
                            <button type="button" class="-ml-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
                                <span class="sr-only">Open Menu</span>
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>                            </button>



                        </div>

                        <!-- Logo (lg-) -->

                                                        <a href="/" class="lg:hidden flex-1 flex items-center justify-start ml-4">
                                <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg>                                <span class="text-skin-logo md:hidden font-extrabold tracking-tighter drop-shadow-2xl">FitFlops Foothealth</span>
                            </a>
                            


                        <div class="flex items-center justify-end">

                            <div class="flex items-center lg:ml-8">
                                <div class="flex space-x-8">
                                    <div class="hidden lg:flex">
                                        <form action="https://fitflopsfoothealth.com/search" method="GET" class="flex">
                                            <input type="text" name="q" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-xs focus:ring-skin-accent focus:border-skin-accent">
                                            <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                                                <span class="sr-only">Search</span>
                                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                                            </button>
                                        </form>
                                    </div>

                                    <div class="hidden lg:flex space-x-3">





















                                                                                                                                                                                                                                                                                                                                



                                    </div>
                                </div>




                                <div class="flow-root">
                                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;AE&quot;,&quot;iso_3166_3&quot;:&quot;ARE&quot;,&quot;name&quot;:&quot;United Arab Emirates&quot;,&quot;currency_code&quot;:&quot;AED&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;currency_code&quot;:&quot;AUD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BR&quot;,&quot;iso_3166_3&quot;:&quot;BRA&quot;,&quot;name&quot;:&quot;Brazil&quot;,&quot;currency_code&quot;:&quot;BRL&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;EG&quot;,&quot;iso_3166_3&quot;:&quot;EGY&quot;,&quot;name&quot;:&quot;Egypt&quot;,&quot;currency_code&quot;:&quot;EGP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IN&quot;,&quot;iso_3166_3&quot;:&quot;IND&quot;,&quot;name&quot;:&quot;India&quot;,&quot;currency_code&quot;:&quot;INR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;JP&quot;,&quot;iso_3166_3&quot;:&quot;JPN&quot;,&quot;name&quot;:&quot;Japan&quot;,&quot;currency_code&quot;:&quot;JPY&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;MX&quot;,&quot;iso_3166_3&quot;:&quot;MEX&quot;,&quot;name&quot;:&quot;Mexico&quot;,&quot;currency_code&quot;:&quot;MXN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SA&quot;,&quot;iso_3166_3&quot;:&quot;SAU&quot;,&quot;name&quot;:&quot;Saudi Arabia&quot;,&quot;currency_code&quot;:&quot;SAR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SG&quot;,&quot;iso_3166_3&quot;:&quot;SGP&quot;,&quot;name&quot;:&quot;Singapore&quot;,&quot;currency_code&quot;:&quot;SGD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;TR&quot;,&quot;iso_3166_3&quot;:&quot;TUR&quot;,&quot;name&quot;:&quot;Turkey&quot;,&quot;currency_code&quot;:&quot;TRY&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;mcorICMwZS4khKvBo95J&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;1230d940a1a2585614a10f2e4e82845b3835714876b47800d982202d134ed851&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="mcorICMwZS4khKvBo95J" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="lg:hidden ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-100 border focus-within:ring-0 focus-within:ring-gray-200 rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none border-white text-skin-base group-hover:cursor-pointer focus:outline-hidden focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="AE" >
                                    ARE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="AU" >
                                    AUS
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="BE" >
                                    BEL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="BR" >
                                    BRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="EG" >
                                    EGY
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" >
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IN" >
                                    IND
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="JP" >
                                    JPN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="MX" >
                                    MEX
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SA" >
                                    SAU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SG" >
                                    SGP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" >
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="TR" >
                                    TUR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" selected>
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-skin-base" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
                                </div>


                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>

        

        
        <main>

            <div class="">

                
                
                
    <div>
    
    <div class="flex flex-col border-b border-gray-200 lg:border-0">

        
                <nav aria-label="Offers" class="order-last lg:order-first">
    <div class="max-w-7xl mx-auto lg:px-8">
        <ul role="list" class="grid grid-cols-1 divide-y divide-gray-200 lg:grid-cols-3 lg:divide-y-0 lg:divide-x">

            
                <li class="flex flex-col">
                    <a href="/special-offers" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            Special offers
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Access our discounts
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/newsletter" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            Sign up for our newsletter
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Exclusive sales, tips and news
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/all-articles" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            View our articles
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Expert buying guides
                        </p>
</a>
                </li>

            
        </ul>
    </div>
</nav>
        
                <div class="relative  " style="background-color: #111827">
        <div aria-hidden="true" class="absolute inset-0 overflow-hidden">
        <img
            src="https://cdn.freshstore.cloud/template/crystal/images/homepage_leader_002.jpg"
                        alt="A selection of our products on this store"
            title="Browse Our Products and Shop With Confidence"
            class="w-full h-full object-center object-cover">
    </div>

    <div class="relative mx-auto flex max-w-3xl md:max-w-[50%] flex-col items-center px-6 text-center lg:px-0 py-32 sm:py-64">
        <h1 class="font-title text-skin-title tracking-tight text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] !text-4xl md:!text-5xl lg:!text-6xl font-normal">Step into Foot Comfort with FitFlops</h1>
        <h2 class="mt-4 font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] font-subtitle text-lg md:text-xl lg:text-2xl font-normal">Discover the Perfect Fit for Your Feet with Our Range of FitFlops Shoes and Boots on FitFlops Foothealth Homepage</h2>
        <a href="/categories" target="_self"  class="mx-auto mt-8 rounded-md border border-transparent bg-skin-button-accent py-3 px-8 text-base font-medium text-skin-button-accent hover:bg-opacity-75">
    Browse Products
</a>
    </div>

</div>
        
        
    </div>
    
            <section aria-labelledby="trending-heading" class="">
    <div class="mt-16 pb-8 lg:max-w-7xl lg:mx-auto lg:mt-32 lg:mb-16 lg:px-8">
        <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
            <h3 id="featured-products-heading"
                class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Products</h3>
            <a href="/all-products" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
        </div>

        <div class="mt-8 -mx-px grid grid-cols-2 sm:mx-0 md:grid-cols-3 lg:grid-cols-4">
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://cdn.freshstore.cloud/offer/images/1448/7113/c/fitflop-womens-wedge-slide-sandals-demelza-logo-mirror-new-choose-color-and-size-7113-original.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/7113/c/fitflop-womens-wedge-slide-sandals-demelza-logo-mirror-new-choose-color-and-size-7113-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/7113/c/fitflop-womens-wedge-slide-sandals-demelza-logo-mirror-new-choose-color-and-size-7113-original.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/7113/c/fitflop-womens-wedge-slide-sandals-demelza-logo-mirror-new-choose-color-and-size-7113-original.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="FitFlop Demelza Logo Toe Post Sandals - Select Size &amp; Color"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/fitflop-demelza-logo-toe-post-sandals-select-size-color">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        FitFlop Demelza Logo Toe Post Sandals - Select Siz...
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.82 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.82 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.82 out of 5 stars">104 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:271,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:69.98,&quot;priceFormatted&quot;:&quot;$69.98&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;qHOkvgI6YPsiv0jVDyiQ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;663a80eeff5080a65423925d2398c0334e2a7c30d2f03a690e6254c55c5e1e85&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="qHOkvgI6YPsiv0jVDyiQ" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $69.98
    <!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:271,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:48.99,&quot;priceFormatted&quot;:&quot;$48.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;wflNnL7sHmrJYtT9Tt4V&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;bb6668d18429235738f102769f90548a4fa8e776392eeb8ad5d5ff43016a8c1e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="wflNnL7sHmrJYtT9Tt4V" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $48.99
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://cdn.freshstore.cloud/offer/images/1448/5903/fitflop-iqushion-ergonomic-flip-flop-sandals-pick-black-navy-mens-size-11-12-5903.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/5903/fitflop-iqushion-ergonomic-flip-flop-sandals-pick-black-navy-mens-size-11-12-5903.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/5903/fitflop-iqushion-ergonomic-flip-flop-sandals-pick-black-navy-mens-size-11-12-5903.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/5903/fitflop-iqushion-ergonomic-flip-flop-sandals-pick-black-navy-mens-size-11-12-5903.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Men&#039;s IQushion Flip Flop Sandals: Black/Navy, Sizes 11-12"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/men-s-iqushion-flip-flop-sandals-black-navy-sizes-11-12">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Men&#039;s IQushion Flip Flop Sandals: Black/Navy, Size...
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.95 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.95 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.95 out of 5 stars">150 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:270,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:44.99,&quot;priceFormatted&quot;:&quot;$44.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;sn7lmVlEH7nnjhT2BlsU&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;76435dab04b0a62006bea7decb4c573e5a213227c7881f1055155a8a83001824&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="sn7lmVlEH7nnjhT2BlsU" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $44.99
    <!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:270,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:35.54,&quot;priceFormatted&quot;:&quot;$35.54&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;dW93WUocBTgYUe3zfGtA&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;32e568963a3719ccf4430f67e976696a61f9cd527ce946bc307a2dfcf9f923fe&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="dW93WUocBTgYUe3zfGtA" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $35.54
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://cdn.freshstore.cloud/offer/images/1448/4143/fitflop-women-s-sneakers-walking-shoe-black-soft-grey-6-5-4143.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/4143/fitflop-women-s-sneakers-walking-shoe-black-soft-grey-6-5-4143.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/4143/fitflop-women-s-sneakers-walking-shoe-black-soft-grey-6-5-4143.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/4143/fitflop-women-s-sneakers-walking-shoe-black-soft-grey-6-5-4143.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="FitFlop Women&#039;s Sneakers Walking Shoe, Black/Soft Grey, 6.5"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/fitflop-women-s-sneakers-walking-shoe-black-soft-grey-6-5-269">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        FitFlop Women&#039;s Sneakers Walking Shoe, Black/Soft...
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.74 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.74 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.74 out of 5 stars">133 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:269,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:100,&quot;priceFormatted&quot;:&quot;$100.00&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;wBUwZvqobjX7ZkdZOZzm&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;931e20fa7b02d290192e14713f55e4bd8cb6c591b62a99aa63900d4dba5db563&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="wBUwZvqobjX7ZkdZOZzm" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $100.00
    <!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:269,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:27.77,&quot;priceFormatted&quot;:&quot;$27.77&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;q2yuXrUps3ZENHZaFtX8&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;84d8b24b478f6cf4ea6fce14dfe75e9c777e8d680ac892cb838f4e5a4308e8e8&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="q2yuXrUps3ZENHZaFtX8" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $27.77
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://cdn.freshstore.cloud/offer/images/1448/7065/c/fitflop-men-s-freeway-iii-slide-leather-sandal-black-11-7065-original.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/7065/c/fitflop-men-s-freeway-iii-slide-leather-sandal-black-11-7065-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/7065/c/fitflop-men-s-freeway-iii-slide-leather-sandal-black-11-7065-original.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/7065/c/fitflop-men-s-freeway-iii-slide-leather-sandal-black-11-7065-original.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="FitFlop Mens Freeway III Slide Sandals, Black, Size 11"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/fitflop-mens-freeway-iii-slide-sandals-black-size-11">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        FitFlop Mens Freeway III Slide Sandals, Black, Siz...
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.66 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.66 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.66 out of 5 stars">100 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:268,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;BYrG2KLdomW4pgWXqF4A&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;c70ac66d54b5114bd44579f036574799e33f5e728958257029e295186d4329c4&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="BYrG2KLdomW4pgWXqF4A" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:268,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:true,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;hli930iyDlIDHyCOvnxP&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;02d13c602b46e4bf98ead2fb235b9c30f39ffaf3716d92f2429fa0ce721a57ba&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="hli930iyDlIDHyCOvnxP" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            Click for price
        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
    </div>



        <div class="sm:hidden px-4">
            <a href="/all-products" target="_self"  class="text-sm font-semibold text-skin-link hover:opacity-75">
    View All
</a>
        </div>
    </div>
</section>
        
            
            <section aria-labelledby="collections-heading" class="bg-gray-50 border-t border-b border-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-2xl mx-auto py-16 sm:py-24 lg:py-32 lg:max-w-none">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                <h3 id="featured-categories-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Categories</h3>
                <a href="/categories" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
            </div>


            <div class="mt-8 space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-6">

                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img
    src="https://cdn.freshstore.cloud/offer/images/1448/4091/fitflop-womens-ankle-boots-black-leather-zip-wedge-cushion-size-6-5-4091.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/4091/fitflop-womens-ankle-boots-black-leather-zip-wedge-cushion-size-6-5-4091.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/4091/fitflop-womens-ankle-boots-black-leather-zip-wedge-cushion-size-6-5-4091.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/4091/fitflop-womens-ankle-boots-black-leather-zip-wedge-cushion-size-6-5-4091.jpg 1200w" sizes="(min-width: 1024px) 33vw, 100vw"     alt="Boots"
    loading="lazy"
    decoding="async"
    class="p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/boots-11">
                            <span class="absolute inset-0"></span>
                            Boots
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">for Comfort and Style from Fitflops</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img
    src="https://cdn.freshstore.cloud/offer/images/1448/3532/fitflop-men-s-loafers-blue-midnight-navy-751-11-3532.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/3532/fitflop-men-s-loafers-blue-midnight-navy-751-11-3532.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/3532/fitflop-men-s-loafers-blue-midnight-navy-751-11-3532.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/3532/fitflop-men-s-loafers-blue-midnight-navy-751-11-3532.jpg 1200w" sizes="(min-width: 1024px) 33vw, 100vw"     alt="Loafers"
    loading="lazy"
    decoding="async"
    class="p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/loafers-10">
                            <span class="absolute inset-0"></span>
                            Loafers
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">and Slip-Ons for All-Day Comfort</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img
    src="https://cdn.freshstore.cloud/offer/images/1448/4978/fitflop-men-s-rally-x-slip-on-leather-sneaker-black-12-uk-4978.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/1448/4978/fitflop-men-s-rally-x-slip-on-leather-sneaker-black-12-uk-4978.jpg 300w, https://cdn.freshstore.cloud/offer/images/1448/4978/fitflop-men-s-rally-x-slip-on-leather-sneaker-black-12-uk-4978.jpg 800w, https://cdn.freshstore.cloud/offer/images/1448/4978/fitflop-men-s-rally-x-slip-on-leather-sneaker-black-12-uk-4978.jpg 1200w" sizes="(min-width: 1024px) 33vw, 100vw"     alt="Sneakers"
    loading="lazy"
    decoding="async"
    class="p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/sneakers-9">
                            <span class="absolute inset-0"></span>
                            Sneakers
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">and Slip-Ons for Everyday Living</p>
                </div>
                            </div>
        </div>
    </div>
</section>
        
    
            <section class="mx-auto max-w-7xl my-12 sm:my-24">
        <div class="px-4 sm:px-6">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                <h3 id="featured-articles-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Articles</h3>
                <a href="/all-articles" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
            </div>
            <div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/winter-boots-price-comparison">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/template/crystal/images/article_listing_001.jpg"
        alt="A comprehensive comparison of winter boots from Fitflopsfoothealth.com, eBay, Amazon, and AliExpress to help you find the best price"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Sadye Beahan</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2023-11-19" class="text-gray-500">
                                            Nov 19, 2023
                                        </time>
                                                                    </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/winter-boots-price-comparison">
                                        <span class="absolute inset-0"></span>
                                        Finding the Best Price: Comparing Winter Boots on Fitflopsfoothealth.com, eBay, Amazon, and AliExpress
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    A comprehensive comparison of winter boots from Fitflopsfoothealth.com, eBay, Amazon, and AliExpress to help you find the best price
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/wide-fit-fitflop-ballet-flats">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/template/crystal/images/article_listing_001.jpg"
        alt="Experience unmatched comfort and style with the FitFlop Ballet Flats, the ultimate choice for those with wider feet!"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Sadye Beahan</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2023-10-10" class="text-gray-500">
                                            Oct 10, 2023
                                        </time>
                                                                    </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/wide-fit-fitflop-ballet-flats">
                                        <span class="absolute inset-0"></span>
                                        Comfortable FitFlop Ballet Flats: Perfect for Wider Feet!
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Experience unmatched comfort and style with the FitFlop Ballet Flats, the ultimate choice for those with wider feet!
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/fitflop-maximizes-athletic-performance">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/template/crystal/images/article_listing_001.jpg"
        alt="Enhancing athletic performance with the comfortable and performance-boosting FitFlop shoes"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Sadye Beahan</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2023-09-28" class="text-gray-500">
                                            Sep 28, 2023
                                        </time>
                                                                    </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/fitflop-maximizes-athletic-performance">
                                        <span class="absolute inset-0"></span>
                                        Maximizing Athletic Performance: The Benefits of FitFlop Shoes
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Enhancing athletic performance with the comfortable and performance-boosting FitFlop shoes
                                </p>
                            </div>
                        </div>
                    </article>
                
            </div>
        </div>
    </section>
        
    
    
            <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
    <div class="relative overflow-hidden rounded-lg border-2 border-skin-accent bg-gray-50 shadow-lg">
        <div class="absolute inset-0">
            <img src="https://cdn.freshstore.cloud/template/crystal/images/homepage_offer_box_005.jpg"
                 alt="US Dollar bills scattered on the floor"
                 title="Take advantage of our special offers and discounts" class="size-full object-cover">
        </div>
        <div class="relative bg-white/85 px-6 py-32 sm:px-6 sm:py-40 lg:px-12">
            <div class="relative mx-auto flex flex-col items-center text-center">
                <h2 id="sale-heading" class="text-4xl font-title font-bold text-skin-title sm:text-5xl lg:text-6xl">
                    Save With Our Special Offers
                </h2>
                <p class="mx-auto mt-4 max-w-xl text-xl text-skin-base">Check out our best offers and discounts on top-quality items. Our offers change regularly, so make sure you don&#039;t miss out!</p>
                <a href="/special-offers" target="_self"  class="mt-6 inline-block w-full bg-skin-button-accent border border-transparent rounded-md py-3 px-8 font-medium text-skin-button-accent hover:bg-opacity-75 sm:w-auto">
    View Special Offers
</a>
            </div>
        </div>
    </div>
</div>
    
    <div class="relative mx-auto max-w-7xl my-24 px-4 sm:px-6 lg:my-32 lg:px-8">
            </div>

            <section aria-labelledby="testimonial-heading" class="relative mx-auto max-w-7xl my-24 px-4 sm:px-6 lg:my-32 lg:px-8">
    <div class="mx-auto max-w-2xl lg:max-w-none">

        <h3 id="testimonial-heading"
            class="text-2xl font-subtitle text-skin-subtitle">Some words from our happy customers</h3>

        <div class="mt-12 space-y-16 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        Unrivaled prices and impressively fast delivery have made me an absolutely delighted customer.
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Weston Boyer, Sheffield, UK
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        The unbelievably cheap prices initially made me doubtful, but everything turned out perfectly. The amount I saved compared to other stores is commendable!
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Emmett Emmerich, Perth, Australia
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        I managed to score the best deal here and was amazed by how quickly it was delivered. I couldn&#039;t be a happier client!
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Meredith Pacocha, Madrid, Spain
                    </cite>
                </div>
            </blockquote>

            

        </div>
    </div>
</section>
    
        
</div>

                
            </div>


        </main>

        

        <footer aria-labelledby="footer-heading" class="">
    <h2 id="footer-heading" class="sr-only">Footer</h2>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="border-t border-gray-200">
            <div class="pt-16 pb-20">
                <div class="flex justify-center">
                                            <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg>                                    </div>

                <div class="mt-6 space-x-4 flex justify-center">
                                                                                                                                                                                </div>

                                    <div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12">
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Categories
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/categories/women-s-fitflop-shoes" class="text-skin-base hover:opacity-75">
                                        Women&#039;s Fitflop Shoes
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/men-s-fitflop-shoes" class="text-skin-base hover:opacity-75">
                                        Men&#039;s Fitflop Shoes
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories" class="text-skin-base hover:opacity-75">
                                        Categories
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Brands
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/brands" class="text-skin-base hover:opacity-75">
                                        Brands
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Articles
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/articles/winter-boots-price-comparison" class="text-skin-base hover:opacity-75">
                                        Winter boots price comparison
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/wide-fit-fitflop-ballet-flats" class="text-skin-base hover:opacity-75">
                                        Wide-Fit FitFlop Ballet Flats!
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/fitflop-maximizes-athletic-performance" class="text-skin-base hover:opacity-75">
                                        FitFlop Maximizes Athletic Performance
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/fitflops-for-optimal-foothealth" class="text-skin-base hover:opacity-75">
                                        Fitflops for Optimal Foothealth
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/foot-health-benefits-of-fitflops" class="text-skin-base hover:opacity-75">
                                        Foot Health Benefits of FitFlops
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/all-articles" class="text-skin-base hover:opacity-75">
                                        All Articles
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Pages
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/about-us" class="text-skin-base hover:opacity-75">
                                        About Us
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/contact-us" class="text-skin-base hover:opacity-75">
                                        Contact Us
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/cookie-policy" class="text-skin-base hover:opacity-75">
                                        Cookie Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/newsletter" class="text-skin-base hover:opacity-75">
                                        Newsletter
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/privacy-policy" class="text-skin-base hover:opacity-75">
                                        Privacy Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/site-map" class="text-skin-base hover:opacity-75">
                                        Site Map
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/terms-of-use" class="text-skin-base hover:opacity-75">
                                        Terms of Use
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                    </div>
                


            </div>


                            <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8">

                                            <div class="bg-skin-light rounded-lg p-6 flex items-center sm:p-10 ">
                            <div class="max-w-sm mx-auto">
                                <h3 class="font-subtitle font-bold text-skin-subtitle">Sign up for our newsletter</h3>
                                <p class="mt-2 text-sm text-skin-base">The latest offers, articles, and news, sent to your inbox weekly.</p>
                                <form class="mt-4 sm:mt-6 sm:flex" action="https://fitflopsfoothealth.com/newsletter" method="POST">
                                    <input type="hidden" name="_token" value="wYeO1jmElCm5scn8vu2sqFUeRYjqXV0FMvbTJoRj" autocomplete="off">                                    <div id="message_field_jjNKfOmWMMZtLCG8_wrap"  style="display: none" aria-hidden="true">
        <input id="message_field_jjNKfOmWMMZtLCG8"
               name="message_field_jjNKfOmWMMZtLCG8"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6Ilg4ZjV6Szc2Q3dtZGZiUSs2a0dSMXc9PSIsInZhbHVlIjoiYzhaSlNUZng5NllrTyszOFRwamVXQT09IiwibWFjIjoiZjllYmRlYmY1NmUxZTM4YTFjOWJiYzg2YjdmNTYyMjZmMmQ5ODUxZmRlNjkxZDAzZTdiYWY4MmUwYmU0YzgyYiIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                                    <label for="email-address" class="sr-only">Email address</label>
                                    <input id="email-address" type="email" name="email" autocomplete="email" required class="appearance-none min-w-0 w-full bg-white border border-gray-300 rounded-md shadow-xs py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-hidden focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
                                    <div class="mt-3 sm:shrink-0 sm:mt-0 sm:ml-4">
                                        <button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-xs py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-skin-accent">
                                            Sign up
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    
                                                <div class="mt-6 relative py-12 px-6 flex items-center sm:py-16 sm:px-10 lg:mt-0 ">
                                <div class="absolute inset-0 rounded-lg overflow-hidden">
                                    <a href="/contact-us" target="_self"  >
    <img src="https://cdn.freshstore.cloud/template/crystal/images/footer_contact_004.jpg" alt="An image representing our contact page" title="Contact us with your questions or feedback" class="w-full h-full filter saturate-0 object-center object-cover">
                                    <div class="absolute inset-0 bg-skin-dark bg-opacity-70"></div>
</a>
                                </div>
                                <div class="relative max-w-sm mx-auto text-center">
                                    <a href="/contact-us" target="_self"  >
    <h3 class="text-2xl font-subtitle font-bold text-white">Get in Touch</h3>
                                    <p class="mt-2 text-white">
                                        Do you have a question, want to give some feedback, or simply want to chat? Click here to find out how to contact us.
                                    </p>
</a>
                                </div>
                            </div>
                    
                </div>
            
        </div>

        <div class="my-20 items-center px-6 md:px-20">
            <p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network, Walmart, Etsy, AliExpress and Amazon. As an Amazon Associate, we may earn commissions from qualifying purchases from Amazon.</p>
        </div>

        <div class="my-20 pb-10 md:flex md:items-center md:justify-between">
            <div class="text-center md:text-left">
                <p class="text-sm text-skin-base">&copy; 2026 All Rights Reserved.
                                            Powered by <a href="https://www.freshstore.app" class="text-skin-link hover:opacity-75" target="_blank">FreshStore</a>.
                                    </p>
            </div>

            <div class="mt-4 flex items-center justify-center md:mt-0">
                <div class="flex space-x-8">
                                            <a href="/contact-us" class="text-sm text-skin-link hover:opacity-75">
                            Contact Us
                        </a>
                                            <a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75">
                            Privacy Policy
                        </a>
                                            <a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75">
                            Terms of Use
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</footer>

    </div>

<script src="/livewire/livewire.min.js?id=40a765a4"   data-csrf="wYeO1jmElCm5scn8vu2sqFUeRYjqXV0FMvbTJoRj" data-update-uri="/livewire/update" data-navigate-once="true"></script>





<div wire:snapshot="{&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;1010&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;P7UhQE29EeotkOHzWI79&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;778755636-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;219b0f1eab9484645cee61b00ec3026f2d36435bbd95182b7d8d503c92e240b3&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;778755636-0&quot;:&quot;    &lt;script&gt;\n\n        let isAdmin = document.cookie.match(&#039;(^|;)\\\\s*&#039; + &#039;fs_bt&#039; + &#039;\\\\s*=\\\\s*([^;]+)&#039;)?.pop() || &#039;&#039;;\n\n        if (isAdmin !== &#039;1&#039;) {\n            var _paq = window._paq = window._paq || [];\n\n            \/* tracker methods like \&quot;setCustomDimension\&quot; should be called before \&quot;trackPageView\&quot; *\/\n            _paq.push([&#039;trackPageView&#039;]);\n            _paq.push([&#039;enableLinkTracking&#039;]);\n            _paq.push([&#039;enableHeartBeatTimer&#039;]);\n            (function () {\n                var u = \&quot;\/\/analytics.freshstore.cloud\/\&quot;;\n                _paq.push([&#039;setTrackerUrl&#039;, u + &#039;matomo.php&#039;]);\n                _paq.push([&#039;setSiteId&#039;, &#039;1010&#039;]);\n                var d = document, g = d.createElement(&#039;script&#039;), s = d.getElementsByTagName(&#039;script&#039;)[0];\n                g.async = true;\n                g.src = u + &#039;matomo.js&#039;;\n                s.parentNode.insertBefore(g, s);\n            })();\n\n            document.addEventListener(&#039;click&#039;, function (e) {\n                const link = e.target.closest(&#039;a.fs-al&#039;);\n                if (!link) return;\n\n                const productId = link.dataset.productId;\n                const offerId = link.dataset.offerId;\n                const price = link.dataset.price;\n\n                if (productId || offerId) {\n                    window._paq.push([&#039;trackEvent&#039;, &#039;Affiliate&#039;, &#039;Click&#039;, JSON.stringify({\n                        product_id: productId,\n                        offer_id: offerId,\n                        price: price,\n                        url: link.href\n                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" wire:id="P7UhQE29EeotkOHzWI79">
        </div>


</body>
</html>
