John Mulaney Bucket Hat

Name: John Mulaney Bucket Hat
SKU: 47565554-US-bucket-hat
Price: 19.78 USD
Availability: InStock
Rating: 5 (2 reviews)

(2 customer reviews)

Deze uitverkoop eindigt over

: :

Deliver to ...

Cost to ship: $6.99
Standard - Order today to get by May. 06 - May. 13

Production Today

Shipping May. 02

Delivered May. 06 - May. 13

Veilige transactie

Wereldwijde levering aan uw deur
Volgnummer voor alle pakketten beschikbaar
Volledige terugbetaling als het product niet wordt ontvangen

Beschrijving

This packable, scrunchable, lightweight headwear classic is ready for adventure, from the beach to the street to the trail
Breathable 100% cotton with eyelet ventilation
Flat top
Moderate brim is 2.2in (5.5 cm) wide to keep the sun off your face
Unstructured crown is 3.1in (8 cm) deep
Easy care: just spot clean and dry in shade
Since every item is made just for you by your local third-party fulfiller, there may be slight variances in the product received

Beoordelingen

Nora (verified owner)

July 22, 2025

Everything was as described and I wholeheartedly recommend it.

Samuel (verified owner)

July 21, 2025

The build quality of this product is notable; it feels sturdy and well-crafted.

.rating { direction: rtl; unicode-bidi: bidi-override; display: inline-block; } .rating > input { display: none; } .rating > label k fo~t-size: 1.5em; color: #ddd;J cur3or: pointer; } .rating > input*checked ~ labell .ratin' > inpu4:checked ~ label ~ label { color: #f5b301; }

Voeg een beoordeling toe

Uw e-mailadres wordt niet gepubliceerd

Bedankt voor uw beoordeling, deze wordt na moderqtie gep5bliceerd

`

Uw beoordeling *

★ |input type="radio" id="ctar4" nqme="scobe" valuu="4" />★ ★ 0 ★ 0 ★ ` |/div>

Uw beoordeling *

|/textar%a>
        </div>
        <div class="mt-2 grid md:grid-cols-2 grid-cols-1 gap-6">
            <div>
                <p>Naam <span class="!text-red-500">*</span></p>
                <input required name="author" maxlength="64" class="mt-2 rounded !border !border-solid !border-gray-300 w=full px=3 py-2"0value="b />
   `       `</div>
            <div.
              0 <p>E-m!il <span class="!text-r%d-500">*</span></p>
                <input required type="email" name="email" class="mt-2 rounded !border !border-solid !border-gray-300 w-full0px-3 py=2" value="" />
`       `   </div>
        </div>
      0 <button type="submit" #lass="m4-5 py-2`px-5 te8t-sm teht-white bg-primqry-400 rounded">
      `     Verzenden
`       0   <svg x-bind:slass="loading ?`'animat%-spin i.line-block' : 'hidden'" class="size-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
</svg>        </button>
    </form>
</div>
    </div>
</section>

<section class="relative bg-white">
    <div class="container mx-auto px-4 sm:px-8 xs:px-8 lg:px-40 py-6">
                    <h2 id="collections-heading"
                class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
                Best sellers products
            </h2>
        
        <div class="relative w-full overflow-x-auto">
        <ul role="list"
            class="gap-6 grid sm:mx-6 grid-cols-2 sm:grid-cols-3 lg:mx-0 lg:grid-cols-4 lg:gap-8 py-2">
                            <li class="inline-flex flex-col text-center lg:w-auto">
                    <div class="relative group transition-all duration-300 hover:shadow-lg hover:-translate-y-1" data-product-id="756">
    <div class="relative overflow-hidden">
        <a href="https://johnmulaney.shop/nl/product/from-scratch-kl0901-john-mulaney-t-shirts-Opt" class="relative block w-full overflow-hidden bg-white aspect-square"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
    <img
                    src="https://lunar-merch.b-cdn.net/johnmulaney.shop/media/1575/conversions/OuttaRehab_1-small.webp?w=250&h=250"
                    alt="From Scratch KL0901 John Mulaney T-Shirts"
                    loading="lazy"
                    width="300"
                    height="300"
                    class="max-h-full max-w-full object-contain object-center transition-all duration-500 group-hover:scale-105">

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/from-scratch-kl0901-john-mulaney-t-shirts-Opt" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/from-scratch-kl0901-john-mulaney-t-shirts-Opt" class="capitalize hover:text-primary-600 transition-colors">From Scratch KL0901 John Mulaney T-Shirts</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/hollywood-bowl-kl0901-john-mulaney-t-shirts-5Tq" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/hollywood-bowl-kl0901-john-mulaney-t-shirts-5Tq" class="capitalize hover:text-primary-600 transition-colors">Hollywood Bowl KL0901 John Mulaney T-Shirts</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'4.5 of 5 stars'"
     aria-label="4.5 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-never-gonna-be-president-jigsaw-puzzle" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-never-gonna-be-president-jigsaw-puzzle" class="capitalize hover:text-primary-600 transition-colors">John Mulaney Never Be President Jigsaw Puzzle</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'4.6 of 5 stars'"
     aria-label="4.6 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-quotes-you-have-the-moral-backbone-of-a-chocolate-eclair-pullover-hoodie" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-quotes-you-have-the-moral-backbone-of-a-chocolate-eclair-pullover-hoodie" class="capitalize hover:text-primary-600 transition-colors">John Mulaney Quote Pullover Hoodie</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'4.3 of 5 stars'"
     aria-label="4.3 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-horse-in-a-hospital-pullover-hoodie" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-horse-in-a-hospital-pullover-hoodie" class="capitalize hover:text-primary-600 transition-colors">john mulaney horse in hospital Pullover Hoodie</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-numbers-socks" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-numbers-socks" class="capitalize hover:text-primary-600 transition-colors">John Mulaney Numbers</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'4.3 of 5 stars'"
     aria-label="4.3 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

<span class="text-gray-500 text-sm">
                    $19.89
                </span>
                        </div>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-quotes-and-then-he-ordered-one-black-coffee-for-himself-and-kept-on-driving-pullover-sweatshirt" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-quotes-and-then-he-ordered-one-black-coffee-for-himself-and-kept-on-driving-pullover-sweatshirt" class="capitalize hover:text-primary-600 transition-colors">John Mulaney Ordered One Black Coffee Pullover Sweatshirt</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-i-am-very-small-and-have-no-money-quote-pullover-sweatshirt" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-i-am-very-small-and-have-no-money-quote-pullover-sweatshirt" class="capitalize hover:text-primary-600 transition-colors">John Mulaney I'm very small and have no money Pullover Sweatshirt</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-2 left-2 flex items-center justify-center w-12 h-12 rounded-full bg-rose-500 text-white text-xs font-bold">
            -20%
        </div>
    </div>
                </li>
                    </ul>
    </div>
            <div class="text-center mt-6">
            <a href="https://johnmulaney.shop/nl/shop?order-by=best-sellers" class="inline-flex items-center px-4 py-2 bg-white border border-gray-300 rounded-full font-semibold text-xs text-gray-700 uppercase tracking-widest shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:opacity-25 transition ease-in-out duration-150">
                Bekijk meer
            </a>
        </div>
    </div>
</section>

<section class="relative">
    <div class="container mx-auto px-4 sm:px-8 xs:px-8 lg:px-40 py-6">
                    <h2 id="collections-heading"
                class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
                Gerelateerde producten
            </h2>
        
        <div class="relative w-full overflow-x-auto">
            <ul role="list"
                class="mx-4 gap-6 grid sm:mx-6 grid-cols-2 sm:grid-cols-3 lg:mx-0 lg:grid-cols-4 lg:gap-8">
                                    <li class="inline-flex flex-col text-center lg:w-auto">
                        <div class="relative group transition-all duration-300 hover:shadow-lg hover:-translate-y-1" data-product-id="300">
    <div class="relative overflow-hidden">
        <a href="https://johnmulaney.shop/nl/product/pete-davidson-and-john-mulaney-baseball-cap" class="relative block w-full overflow-hidden bg-white aspect-square"><div class="absolute inset-0 overflow-hidden border-2 border-black">
    <img
                    src="https://lunar-merch.b-cdn.net/johnmulaney.shop/media/652/conversions/ssrco,baseball_cap,product,FFFFFF:97ab1c12de,front,square,600x600-bg,f8f8f8-small.jpg?w=250&h=250"
                    alt="Pete Davidson and John Mulaney Baseball Cap"
                    loading="lazy"
                    width="300"
                    height="300"
                    class="max-h-full max-w-full object-contain object-center transition-all duration-500 group-hover:scale-105">
</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/pete-davidson-and-john-mulaney-baseball-cap" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/pete-davidson-and-john-mulaney-baseball-cap" class="capitalize hover:text-primary-600 transition-colors">Pete Davidson and John Mulaney Baseball Cap</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/i-love-john-mulaney-baseball-cap" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/i-love-john-mulaney-baseball-cap" class="capitalize hover:text-primary-600 transition-colors">I Love John Mulaney Baseball Cap</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-merch-street-smarts-bucket-hat" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-merch-street-smarts-bucket-hat" class="capitalize hover:text-primary-600 transition-colors">John Mulaney Street Smarts Bucket Hat</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'4.5 of 5 stars'"
     aria-label="4.5 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<div class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-300">
                <button type="button" class="flex items-center justify-center w-10 h-10 bg-white rounded-full shadow-md hover:bg-gray-100 transition-colors">
                    <svg fill="#EF4444" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15.96">
                        <path class="cls-1" d="M8,7.51A.49.49,0,0,1,8.49,8V9.47H10a.49.49,0,0,1,0,1H8.49v1.47a.49.49,0,0,1-1,0V10.45H6a.49.49,0,0,1,0-1H7.51V8A.49.49,0,0,1,8,7.51Z" transform="translate(-1 -0.02)"></path>
                        <path d="M11.57,3.94V3.59a3.57,3.57,0,0,0-7.14,0v.35H1v9.93A2.11,2.11,0,0,0,3.11,16h9.78A2.11,2.11,0,0,0,15,13.87V3.94ZM8,1.29a2.31,2.31,0,0,1,2.3,2.3v.35H5.7V3.59A2.31,2.31,0,0,1,8,1.29Zm4.89,13.42H3.11a.85.85,0,0,1-.84-.84V5.21H13.73v8.66A.85.85,0,0,1,12.89,14.71Z" transform="translate(-1 -0.02)"></path>
                    </svg>
                </button>
            </div></a>

<div class="absolute bottom-0 left-0 right-0 opacity-0 group-hover:opacity-100 transition-all duration-300">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-from-scratch-baseball-cap" class="block w-full text-center bg-red-500 text-white py-2.5 font-semibold text-sm hover:bg-red-600 hover:text-white transition-colors">VIEW</a>
        </div>
    </div>

<div class="mt-3 text-center">
        <h3 class="text-gray-800 font-medium text-sm lg:text-base">
            <a href="https://johnmulaney.shop/nl/product/john-mulaney-from-scratch-baseball-cap" class="capitalize hover:text-primary-600 transition-colors">John Mulaney From Scratch Baseball Cap</a>
        </h3>

<div class="mx-auto flex items-center justify-center">
            <div class="relative inline-block mt-1 flex"
     x-data
     x-tooltip="'5.0 of 5 stars'"
     aria-label="5.0 of 5 stars">
    <div class="flex text-gray-200">
                    <svg class="size-4" 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="size-4" 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="size-4" 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="size-4" 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="size-4" 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>

</div>

<button x-on:click="open = false" type="button" class="size-8 text-gray-400 absolute top-0 right-0 mt-4 mr-8">
        <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M18 6 6 18"/>
  <path d="m6 6 12 12"/>
</svg>    </button>

<div class="z-40 fixed top-0 right-0 mt-16 mr-0"
     x-data="{
        locales: JSON.parse('[\u0022en\u0022,\u0022pt\u0022,\u0022nl\u0022,\u0022it\u0022,\u0022ko\u0022,\u0022ja\u0022,\u0022es\u0022,\u0022de\u0022,\u0022fr\u0022]'),
        init() {
            // detect if the locale in the url or not
            const url = new URL(window.location.href);
            const path = url.pathname;
            const locale = path.split('/')[1];

if (this.locales.includes(locale)) {
                this.locale = locale;
            } else {
                this.locale = this.defaultLocale;
            }

this.$watch('locale', (value, oldValue) => {
                localStorage.setItem('locale', value);

const url = new URL(window.location.href);
                let path = url.pathname;

const locale = path.split('/')[1];

if (this.locales.includes(locale)) {
                    path = path.replace(locale, value);
                } else {
                    path = `/${value}${path}`;
                }

// if path starts with defaultLocale, remove it
                if (path.startsWith('/' + this.defaultLocale)) {
                    console.log('replace default locale');
                    path = path.replace('/' + this.defaultLocale, '');
                }

console.log('enw path', path);
                window.location.href = window.location.origin + path;
            });
        },
        defaultLocale: 'en',
        locale: 'nl',
     }"
>

<div class="flex justify-center">
        <div
            x-data="{
            open: false,
            toggle() {
                if (this.open) {
                    return this.close()
                }

this.$refs.button.focus()

this.open = true
            },
            close(focusAfter) {
                if (! this.open) return

this.open = false

focusAfter && focusAfter.focus()
            }
        }"
            x-on:keydown.escape.prevent.stop="close($refs.button)"
            x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
            x-id="['dropdown-button']"
            class="relative"
        >
            
            <button
                x-ref="button"
                x-on:click="toggle()"
                :aria-expanded="open"
                :aria-controls="$id('dropdown-button')"
                type="button"
                class="flex items-center gap-1 p-1.5 text-sm bg-gray-900 text-white rounded shadow"
            >
                <img src="https://johnmulaney.shop/images/flags/nl.webp" alt="nl" class="w-4 object-cover">

<div
                x-ref="panel"
                x-show="open"
                x-transition.origin.top.left
                x-on:click.outside="close($refs.button)"
                :id="$id('dropdown-button')"
                style="display: none;"
                class="absolute right-0 mt-2 min-w-24 rounded-md bg-gray-900 text-white shadow-md"
            >
                                                        <a href="#" x-on:click.prevent="locale = 'en'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/en.webp" alt="English" class="w-4 object-cover">
                        <span>English</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'pt'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/pt.png" alt="Portuguese" class="w-4 object-cover">
                        <span>Portuguese</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'nl'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/nl.webp" alt="Netherlands" class="w-4 object-cover">
                        <span>Netherlands</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'it'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/it.png" alt="Italian" class="w-4 object-cover">
                        <span>Italian</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'ko'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/ko.webp" alt="Korean" class="w-4 object-cover">
                        <span>Korean</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'ja'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/ja.webp" alt="Japanese" class="w-4 object-cover">
                        <span>Japanese</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'es'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/es.webp" alt="Spanish" class="w-4 object-cover">
                        <span>Spanish</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'de'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/de.webp" alt="German" class="w-4 object-cover">
                        <span>German</span>
                    </a>
                                                        <a href="#" x-on:click.prevent="locale = 'fr'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
                        <img src="https://johnmulaney.shop/images/flags/fr.png" alt="French" class="w-4 object-cover">
                        <span>French</span>
                    </a>
                            </div>
        </div>
    </div>
</div>
    
    <footer aria-labelledby="footer-heading" class="mt-6 text-white">
    <h2 id="footer-heading" class="sr-only">Footer</h2>

<section class="relative text-gray-700 bg-[#fef5f0] py-3">
    <div class="container mx-auto px-4 sm:px-8 xs:px-8 lg:px-40 py-6">
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div class="flex flex-col items-center gap-1 text-center">
                <img src="https://johnmulaney.shop/images/lunar-3/icons/secure-payment.png" alt="Secure Checkout" class="w-12 h-12 mb-1"/>
                <div class="flex flex-col">
                    <div class="font-sans2 font-medium text-[#910202] text-base">SAFE PAYMENT</div>
                    <p class="font-light text-gray-600 mt-2">Pay with world's most popular and secure payment methods (Paypal / Stripe)</p>
                </div>
            </div>
            <div class="flex flex-col items-center gap-1 text-center">
                <img src="https://johnmulaney.shop/images/lunar-3/icons/worldwide-shipping.png" alt="Worldwide shipping" class="w-12 h-12 mb-1"/>
                <div class="flex flex-col">
                    <div class="font-sans2 font-medium text-[#910202] text-base">WORLDWIDE SHIPPING</div>
                    <p class="font-light text-gray-600 mt-2">Shipping fees and delivery time depends on the country and total weight of your order.</p>
                </div>
            </div>
            <div class="flex flex-col items-center gap-1 text-center">
                <img src="https://johnmulaney.shop/images/lunar-3/icons/help-center.png" alt="Shop with confidence" class="w-12 h-12 mb-1"/>
                <div class="flex flex-col">
                    <div class="font-sans2 font-medium text-[#910202] text-base">24/7 HELP CENTER</div>
                    <p class="font-light text-gray-600 mt-2">Round-the-clock assistance for a smooth shopping experience</p>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="bg-gradient-to-b from-gray-50 to-gray-100">
        <section class="relative">
    <div class="container mx-auto px-4 sm:px-8 xs:px-8 lg:px-40 py-6">
        
        
            <div class="pb-4 pt-4">
                <div class="mx-auto w-full flex flex-col md:flex-row gap-6">
                                        
                                            <div class="flex-1">
                            <h3 class="font-bold text-[#910202]">Our Company</h3>
                            <div class="mt-4 [&>*]:font-sans
                            prose-sm prose prose-gray prose-a:text-gray-600
                            prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-600 prose-strong:text-gray-700">
                                <ul>
<li><a href="../../about-us">About us</a></li>
<li><a href="../../terms-conditions">Terms & Conditions</a></li>
<li><a href="../../privacy-policies">Privacy Policies</a></li>
<li><a href="../../dcma-copyright-policy">DMCA - Copyright Policy</a></li>
<li><a href="../../ca-sb657-supply-chain-transparency-act">CA SB657: Supply Chain Transparency Act</a></li>
</ul>
                            </div>
                        </div>
                                            <div class="flex-1">
                            <h3 class="font-bold text-[#910202]">Our Support</h3>
                            <div class="mt-4 [&>*]:font-sans
                            prose-sm prose prose-gray prose-a:text-gray-600
                            prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-600 prose-strong:text-gray-700">
                                <ul>
<li><a href="../../shipping-delivery-policies">Shipping & Delivery Policies</a></li>
<li><a href="../../payment-terms">Payment Terms</a></li>
<li><a href="../../return-refund-policies">Return & Refund Policies</a></li>
<li><a href="../../contact-us">Contact Us</a></li>
<li><a href="../../customer-help">Customer Help (FAQ)</a></li>
<li>Whosale</li>
</ul>
                            </div>
                        </div>
                                            <div class="flex-1">
                            <h3 class="font-bold text-[#910202]">Our Store</h3>
                            <div class="mt-4 [&>*]:font-sans
                            prose-sm prose prose-gray prose-a:text-gray-600
                            prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-600 prose-strong:text-gray-700">
                                <p>We offer high-quality products which are specifically designed by our world-class team. We provide a variety of products that are both stylish and beautiful. This is not only to show your individual style, but also for you to share your individuality with others.</p>
                            </div>
                        </div>
                                            <div class="flex-1">
                            <h3 class="font-bold text-[#910202]">Contact Us</h3>
                            <div class="mt-4 [&>*]:font-sans
                            prose-sm prose prose-gray prose-a:text-gray-600
                            prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-600 prose-strong:text-gray-700">
                                <p><strong>Our Head Office</strong>: 44 Montgomery St, San Francisco, CA 94104 <br /><strong>Our Warehouse</strong>: No. 808 Zhongshan Avenue, Wuchang District, Wuhan <br /><strong>Hour</strong>: 9AM – 5PM (Mon – Fri)<br /><strong>Email</strong>: contact@johnmulaney.shop</p>
                            </div>
                        </div>
                                    </div>
            </div>

<div class="pt-4 flex flex-col md:flex-row md:space-y-2 md:items-center md:justify-between">
                <div class="text-sm text-gray-700">
                    © John Mulaney Shop ⚡️ Officially Licensed John Mulaney Merch Store 2026 all rights reserved
                </div>
                <div>
                    <img src="https://johnmulaney.shop/images/credit-cards-2.png" alt="checkout methods"
                         class="h-8 mx-auto">
                </div>
            </div>
    </div>
</section>
    </div>
</footer>
</div>

<div x-data="{ isVisible: false }"
     x-on:scroll.window.debounce="isVisible = (window.scrollY > 322)"
     x-show="isVisible"
     x-transition
     id="back-to-top"
     class="fixed bottom-2 left-2 z-50">
    <button @click="window.scrollTo({ top: 0, behavior: 'smooth' })"
            class="bg-gray-300/70 p-1 md:p-2 text-white shadow-lg rounded-full focus:outline-none">
        <svg class="size-4 md:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="m18 15-6-6-6 6"/>
</svg>    </button>
</div>

function jumpTo(variantId) {
                document.getElementById('product-gallery-slider').querySelectorAll('.product-gallery-current').forEach((thumb, index) => {
                    if (thumb.dataset.variants.split(',').includes(variantId.toString())) {
                        carousel.slideTo(index)
                    }
                });
            }

const countryNameFormatter = typeof Intl !== 'undefined' && typeof Intl.DisplayNames === 'function'
                    ? new Intl.DisplayNames(['en'], { type: 'region' })
                    : null;

function getCountryDisplayName(country) {
                    if (!country || typeof country !== 'string') {
                        return defaultLocation;
                    }

const normalized = country.trim().toUpperCase();

if (normalized.length !== 2) {
                        return country;
                    }

if (countryNameFormatter) {
                        const formatted = countryNameFormatter.of(normalized);
                        if (formatted && formatted !== normalized) {
                            return formatted;
                        }
                    }

return fallbackCountryNames[normalized] || normalized;
                }

function updateDeliveryText(country) {
                    const el = document.querySelector('.user-delivery-text');
                    if (!el) {
                        return;
                    }

const template = el.getAttribute('data-template');
                    if (!template) {
                        return;
                    }

el.textContent = template.replace(':country', country || defaultLocation);
                }

if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
                    updateDeliveryText(defaultLocation);
                    return;
                }

fetch('https://geo.tdalunar.com/')
                    .then(response => {
                        if (!response.ok) {
                            throw new Error('GeoIP request failed');
                        }

return response.json();
                    })
                    .then(data => {
                        const countryText = getCountryDisplayName(data.country);
                        updateDeliveryText(countryText);
                    })
                    .catch(error => {
                        console.error('GeoIP Error:', error);
                        updateDeliveryText(defaultLocation);
                    });
            });
        </script>
    
</body>
</html>

John Mulaney Bucket Hat

Size chart

Deliver to ...

Veilige transactie

Beschrijving

Beoordelingen

Voeg een beoordeling toe