<?xml version="1.0" encoding="UTF-8" ?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:wfw="http://wellformedweb.org/CommentAPI/"
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
     xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
     version="2.0" >
<channel>
   <title>Dr van der Hoog Blog Rss</title>
   <atom:link href="https://www.drvanderhoog.nl/blog/rss/feed" rel="self" type="application/rss+xml"/>
   <link>https://www.drvanderhoog.nl/blog/rss/feed</link>
   <description></description>
       <item>
      <title>Pentavitin®: Het geheime wapen voor langdurige hydratatie en een stralende huid</title>
      <link>https://www.drvanderhoog.nl/blog/pentavitin-hydratatie-stralende-huid</link>
      <guid>https://www.drvanderhoog.nl/blog/pentavitin-hydratatie-stralende-huid</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=OM4KD58],#html-body [data-pb-style=XJF5W4O]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=OM4KD58]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XJF5W4O]{align-self:stretch}#html-body [data-pb-style=GF1K3Q5]{display:flex;width:100%}#html-body [data-pb-style=CN4H5XU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=ARHB158]{border-style:none}#html-body [data-pb-style=M8AJROG],#html-body [data-pb-style=TJ7B2D1]{max-width:100%;height:auto}#html-body [data-pb-style=P31PNQ5]{justify-content:flex-start;display:flex;flex-direction:column;width:50%;align-self:stretch}#html-body [data-pb-style=ES1EU7U],#html-body [data-pb-style=LJHABND],#html-body [data-pb-style=P31PNQ5]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=LJHABND]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=ES1EU7U]{align-self:stretch}#html-body [data-pb-style=JVVP58Q]{display:flex;width:100%}#html-body [data-pb-style=DX6RPJP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:75%;align-self:stretch}#html-body [data-pb-style=UT53KWT]{width:25%;align-self:stretch}#html-body [data-pb-style=UT53KWT],#html-body [data-pb-style=V4Y9YM7]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=D0WQDEO]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ARHB158]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="OM4KD58"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XJF5W4O"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="GF1K3Q5"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CN4H5XU"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ARHB158"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Stralende_huid.png" alt="" title="" data-element="desktop_image" data-pb-style="M8AJROG"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Stralende_huid_1.png" alt="" title="" data-element="mobile_image" data-pb-style="TJ7B2D1"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P31PNQ5"><div data-content-type="text" data-appearance="default" data-element="main"><h2>Ingredi&euml;nt uitgelicht: Pentavitin&reg;</h2>
<p>Wist je dat hydratatie de basis vormt van een gezonde stralende huid? Ongeacht welk huidtype je hebt, voldoende vocht is essentieel. In veel huidverzorgingsproducten van Dr. van der Hoog vind je daarom een bijzonder ingredi&euml;nt terug: Pentavitin&reg;. In deze blog nemen we dit hydraterende bestanddeel onder de loep. Wat is het precies, hoe werkt het en waarom is het zo geliefd in huidverzorging?</p>
<h2>Wat is Pentavitin&reg;?</h2>
<p>Pentavitin&reg; is de merknaam voor Saccharide Isomerate, een ingredi&euml;nt dat bekend staat om zijn intensieve en langdurige hydraterende werking. Het is afgeleid van plantaardige suikers (uit glucose) en heeft een unieke structuur die sterk lijkt op die van de suikers die van nature in de huid voorkomen (Natural Moisturising Factors). Daardoor wordt het uitstekend door de huid herkend en opgenomen.</p>
<p>In tegenstelling tot sommige hydraterende stoffen die voornamelijk aan de oppervlakte van de huid blijven liggen werkt Pentavitin&reg;, vanwege de kleine moleculaire structuur, dieper in de huid. Het hecht zich als het ware aan de huidcellen, waardoor het niet zomaar wegspoelt of verdampt.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="LJHABND"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="ES1EU7U"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="JVVP58Q"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="DX6RPJP"><div data-content-type="text" data-appearance="default" data-element="main"><h2>Hoe werkt het?</h2>
<p>Pentavitin&reg; fungeert als een magneet voor vocht: het trekt water aan &eacute;n houdt dit langdurig vast in de huid. Onderzoek laat zien dat dit ingredi&euml;nt de huid tot wel 72 uur lang gehydrateerd kan houden, zelfs na het afspoelen van het product. Dat komt doordat het zich bindt aan de keratine in de hoornlaag (de bovenste huidlaag).</p>
<p><strong>Voor de huid betekent dit:</strong></p>
<ul>
<li>Minder droogtelijntjes</li>
<li>Minder trekkerigheid</li>
<li>Een soepel en comfortabel gevoel</li>
<li>Een zicht gezonde huidstructuur</li>
</ul>
<h2>Waarom is Pentavitin&reg; zo bijzonder?</h2>
<ul>
<li><strong>Langdurige hydratatie: </strong>Veel hydrateren ingredienten werken tijdelijk. Pentavitin&reg; blijft actief, zelf nadat je het product hebt afgespoeld.</li>
<li><strong>Huididentiek:</strong> Omdat de structiir lijkt op de eigen huid-suikers, is het bijzonder goed verdraagbaar, ook voor de gevoelige huid.</li>
<li><strong>Geen plakkerig laagje: </strong>Je voelt geen vettige of plakkerige film, enkel comfort.</li>
<li><strong>Ondersteunt de huid barri&egrave;re:</strong> Door de hydratatie op peil te houden, bijlft de huid beter beschermd tegen invloeden van buitenaf.</li>
</ul>
<h2>In welke Dr. van der Hoog producten vind je Pentavitin&reg;?</h2>
<p>Pentavitin&reg; is te vinden in diverse hydraterende en hypoallergene formules van Dr van der Hoog, zoals:</p>
<ol>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" target="_blank" rel="noopener">Cr&egrave;memasker Hyaluronzuur</a> - voor een snelle hydratatie met intensieve verzorging.</li>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" target="_blank" rel="noopener">Hypoallergene reinigingslotion</a> &ndash; voor een dagelijkse reiniging van de meest gevoelige huid.</li>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" target="_blank" rel="noopener">Hypoallergene dagcr&egrave;me</a> -voor dagelijkse verzorging zonder irritatie.</li>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" target="_blank" rel="noopener">Hypoallergene nachtcr&egrave;me</a> &ndash; voor herstel tijdens de nacht.</li>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" target="_blank" rel="noopener">Hypoallegene anti-aging dag &amp; nachtcr&egrave;me</a> &ndash; voor bescherming overdag en verzorging &rsquo;s nachts.</li>
<li><a tabindex="-1" href="https://www.drvanderhoog.nl/oogcreme-anti-aging" target="_blank" rel="noopener">Anti-aging oogcr&egrave;me</a> &ndash; speciale formule voor de verzoring van de tere huid rond de ogen.</li>
</ol></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UT53KWT"></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="V4Y9YM7"><h2 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="D0WQDEO">De Hypoallergene lijn van Dr. van der Hoog</h2><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="false" data-show-dots="true" data-carousel-mode="continuous" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/1544/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="1544">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(1544)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Skincare routine - Gevoelige huid                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml, 50 ml, 100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart1544.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Skincare routine - Gevoelige huid</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart1544" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/66/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="66">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(66)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene enzympeeling                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a8ec17', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart66.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a8ec17" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a8ec17" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene enzympeeling</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart66" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/26/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="26">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(26)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a90e0f', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart26.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a90e0f" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a90e0f" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart26" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/24/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="24">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(24)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene anti-aging dag &amp; nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a92a69', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart24.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a92a69" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a92a69" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene anti-aging dag &amp; nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart24" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/23/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="23">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(23)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a951d2', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart23.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a951d2" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a951d2" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart23" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/22/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="22">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(22)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingslotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a97748', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart22.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a97748" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a97748" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingslotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart22" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/21/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="21">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(21)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingsmelk                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a99286', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart21.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a99286" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a99286" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingsmelk</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart21" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(25)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-25.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_nachtcre_me_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene nachtcr&egrave;me" title="Hypoallergene nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9b3c2()" @update-prices-25.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="25" data-price-box="product-id-25">
    <span x-data x-id="['product\u002Dprice\u002D25']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D25')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Fri, 17 Oct 2025 02:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Meer dan een beauty-boost: de unieke kracht van gezichtsmaskers</title>
      <link>https://www.drvanderhoog.nl/blog/Wat-maakt-gezichtsmaskers-zo-uniek</link>
      <guid>https://www.drvanderhoog.nl/blog/Wat-maakt-gezichtsmaskers-zo-uniek</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=E1EMB0D],#html-body [data-pb-style=NCWETOW],#html-body [data-pb-style=XFQVFTV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=AUWD0X7]{text-align:center}#html-body [data-pb-style=GWG0V49],#html-body [data-pb-style=PD2TL0U]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=KEAXYEE],#html-body [data-pb-style=UF7IL34]{display:flex;width:100%}#html-body [data-pb-style=HIPF9LF],#html-body [data-pb-style=KGQS9GB],#html-body [data-pb-style=R3YCWVB],#html-body [data-pb-style=RQEABVF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=KGQS9GB],#html-body [data-pb-style=R3YCWVB]{width:75%}#html-body [data-pb-style=R3YCWVB]{width:25%}#html-body [data-pb-style=WI3UHLN]{border-style:none}#html-body [data-pb-style=FY4ANXG],#html-body [data-pb-style=MR6O330]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=WI3UHLN]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="NCWETOW"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GWG0V49"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="UF7IL34"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RQEABVF"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="WI3UHLN"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Maskers.png" alt="" title="" data-element="desktop_image" data-pb-style="MR6O330"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Maskers.png" alt="" title="" data-element="mobile_image" data-pb-style="FY4ANXG"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HIPF9LF"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="LFBLAC1">Wat maakt gezichtsmaskers zo bijzonder?</h2>
<p>Gezichtsmaskers zijn uniek ten opzichte van andere huidverzoringsproducten. Dat komt door hun hoge concentratie aan actieve stoffen, vitaminen en voedingsstoffen, wat zorgt voor een snellere en intensievere werking op de huid. Ze cre&euml;ren een barri&egrave;re op de huid die ervoor zorgt dat deze werkzame stoffen beter worden opgenomen dan bij bijvoorbeeld cr&egrave;mes of serums.</p>
<p>Daarnaast bieden gezichtsmaskers een dieptereiniging en stimuleren ze de huid op verschillende manieren, zoals het verbeteren van de huidstructuur, het minimaliseren van pori&euml;n, het hydrateren van de huid, het stimuleren van de aanmaak van collageen en het bevorderen van de doorbloeding. Dit zijn effecten die dagelijkse verzorgingsproducten meestal niet in zo&rsquo;n geconcentreerde en directe mate kunnen leveren.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="XFQVFTV"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="PD2TL0U"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KEAXYEE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KGQS9GB"><div data-content-type="text" data-appearance="default" data-element="main"><p>Ook onderscheiden gezichtsmaskers zich doordat ze vaak een intensieve, kortdurende behandeling zijn die je &eacute;&eacute;n tot twee keer per week gebruikt, in tegenstelling tot cr&egrave;mes en serums die dagelijks worden aangebracht. Hierdoor zijn ze ideaal om specifieke huidproblemen snel aan te pakken, zoals droogheid, dofheid, onzuiverheden of huidveroudering.</p>
<p>Kortom, de unieke meerwaarde van gezichtsmaskers zit in hun intensieve, geconcentreerde werking, de verbeterde opname van werkzame bestanddelen door de huid, de mogelijkheid om specifieke huidproblemen gericht aan te pakken, en het bieden van een moment van ontspanning en zelfzorg.</p>
<p>&nbsp;</p>
<h2>De acht verschillende huidmaskers van Dr. van der Hoog</h2>
<p><strong>Cr&egrave;memaskers</strong></p>
<p>Cr&egrave;memaskers kenmerken zich door hun zachte romige substantie die niet opdroogt of hard wordt op de huid. Ze kunnen eenvoudig worden afgespoeld of met een tissue worden verwijderd, zonder dat het masker barst of trekkerig aanvoelt. De huid voelt na gebruik zacht en soepel aan, vergelijkbaar met het effect van een intensieve cr&egrave;me.</p>
<ul>
<li>Hyaluronzuur: Combinatie van hydraterende &amp; voedende ingredi&euml;nten zoals o.a. hyaluronzuur, Pentavitin&reg;, shea butter en glycerine.</li>
<li>Avocado: Combinatie van voedende en reinigende ingredi&euml;nten zoals o.a. avocado extract en -olie, kaolien klei, pathenol en glycerine.</li>
<li>Fruitzuur: Combinatie van exfoli&euml;rende, reinigende en hydraterende ingredi&euml;nten zoals o.a. zachte fruitzuren, kaolien klei, glycerine en melkzuur.</li>
<li>Vitamine C: Combinatie van verhelderende en revitaliserende ingredi&euml;nten zoals o.a. vitamine C, glycerine, shea butter en zonnebloemolie.</li>
</ul>
<p><strong>Kleimaskers</strong></p>
<p>Kleimaskers kenmerken zich door hun de diepreinigende werking, waarbij krachtige kleisoorten worden ingezet om de huid intens te reinigen, overtollig talg te absorberen en pori&euml;n te ontstoppen. Deze maskers zijn geschikt voor de wat vettere en onzuivere huid. Na gebruik voelt de huid niet alleen schoon, maar ook gehydrateerd, gekalmeerd en zacht aan.</p>
<ul>
<li>Zee-algen: Combinatie van absorberende, hydraterende, beschermende en kalmerende ingredi&euml;nten zoals o.a. de vulkanische kleisoorten kaolien en bentoniet, spirulina, rijstolie en allanto&iuml;ne.</li>
<li>Lava: Combinatie van absorberende, voedende, beschermende en kalmerende ingredi&euml;nten zoals o.a. vulkanische kleisoorten kaolien en bentoniet, arganolie, shea butter, allanto&iuml;ne en zoethoutwortel.</li>
</ul>
<p><strong>Moddermasker</strong></p>
<p>Een moddermasker kenmerkt zich door de intensieve diepgaande zuivering en ontgifting van de wat vettere en onzuivere huid dankzij het mineralenrijke modder uit de Dode Zee. Het verwijdert effectief onzuiverheden, reinigt de pori&euml;n diep en verzacht de huid, waardoor je een frisse, schone en stralende tint krijgt. Naast de reinigende werking zorgt de milde geur voor een ontspannende ervaring tijdens het gebruik.</p>
<ul>
<li>Het Dode Zee-moddermasker combineert reinigende, absorberende, hydraterende en kalmerende ingredienten zoals o.a. Dode Zee-modder, kaolien klei, glycerine en allanto&iuml;ne.</li>
</ul>
<p><strong>Peel-off masker</strong></p>
<p>Het kenmerkende van een peel-off masker is dat het na het aanbrengen en drogen, als een flexibele laag van de huid wordt getrokken. Hierdoor worden dode huidcellen en onzuiverheden effectief verwijderd, wat direct zorgt voor een schonere huid en zichtbaar verfijnde pori&euml;n.</p>
<ul>
<li>Het peel-off masker van Dr. van der Hoog combineert diep reinigende, verzorgende, hydraterende, antibacteriele en kalmerende ingredi&euml;nten zoals o.a. honing, panthenol en glycerine.</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="R3YCWVB"></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="E1EMB0D"><h2 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="AUWD0X7">De Gezichtsmaskers van Dr. van der Hoog</h2><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="false" data-show-dots="true" data-carousel-mode="continuous" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(50)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-50.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-hyaluron.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker hyaluronzuur" title="Cr&egrave;memasker hyaluronzuur">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker hyaluronzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ab25b9()" @update-prices-50.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="50" data-price-box="product-id-50">
    <span x-data x-id="['product\u002Dprice\u002D50']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D50')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/47/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="47">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(47)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker zee-algen                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abb420', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart47.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abb420" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abb420" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker zee-algen</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart47" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/41/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="41">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(41)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Moddermasker dode zee-modder                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abe325', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart41.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abe325" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abe325" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Moddermasker dode zee-modder</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart41" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/46/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="46">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(46)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker lava                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac0a6e', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart46.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac0a6e" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac0a6e" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker lava</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart46" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/45/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="45">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(45)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Peel-off masker honing                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac2df5', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart45.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac2df5" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac2df5" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Peel-off masker honing</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart45" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/43/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="43">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(43)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker avocado                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac507a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart43.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac507a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac507a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker avocado</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart43" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/40/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="40">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(40)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker fruitzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac97b3', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart40.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac97b3" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac97b3" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker fruitzuur</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart40" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/55/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="55">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(55)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker Vitamine C                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8acb738', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart55.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8acb738" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8acb738" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker Vitamine C</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart55" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Thu, 28 Aug 2025 02:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Veelgemaakte fouten bij het aanbrengen van gezichtsmaskers</title>
      <link>https://www.drvanderhoog.nl/blog/veelgemaakte-fouten-gezichtsmaskers-dr-van-der-hoog</link>
      <guid>https://www.drvanderhoog.nl/blog/veelgemaakte-fouten-gezichtsmaskers-dr-van-der-hoog</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=A1FGDJV],#html-body [data-pb-style=KRG7EYM]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=KRG7EYM]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=A1FGDJV]{align-self:stretch}#html-body [data-pb-style=FF38Q05]{display:flex;width:100%}#html-body [data-pb-style=M0MI12O]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=K6CC4IS]{border-style:none}#html-body [data-pb-style=EQW1234],#html-body [data-pb-style=TMB4YC5]{max-width:100%;height:auto}#html-body [data-pb-style=I50QM6D]{justify-content:flex-start;display:flex;flex-direction:column;width:50%;align-self:stretch}#html-body [data-pb-style=DXOC93V],#html-body [data-pb-style=I50QM6D],#html-body [data-pb-style=O1TVV7H]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=O1TVV7H]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=DXOC93V]{align-self:stretch}#html-body [data-pb-style=WBAW6XU]{display:flex;width:100%}#html-body [data-pb-style=KUMHVA5]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:75%;align-self:stretch}#html-body [data-pb-style=TXOHYA2]{width:25%;align-self:stretch}#html-body [data-pb-style=LPETR96],#html-body [data-pb-style=TXOHYA2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QUHEO21]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=K6CC4IS]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="KRG7EYM"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="A1FGDJV"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="FF38Q05"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="M0MI12O"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="K6CC4IS"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Aanbrengen_gezichtsmasker_DvdH1.png" alt="" title="" data-element="desktop_image" data-pb-style="EQW1234"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Aanbrengen_gezichtsmasker_DvdH1.png" alt="" title="" data-element="mobile_image" data-pb-style="TMB4YC5"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I50QM6D"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="LFBLAC1">Hoe haal je het maximale uit de Dr. Van der Hoog gezichtsmaskers?</h2>
<p>De gezichtsmaskers van Dr. van der Hoog zijn populair. Het uitgebreide assortiment maskers is dermatologisch getest en afgestemd op elk huidtype, zelf voor de gevoelige huid. De maskers zijn daardoor geschikt voor een brede doelgroep en veilig in gebruik. Om het maximale uit het product te halen is het belangrijk om het masker met aandacht aan te brengen zodat je kunt genieten van een stralende en gezonde huid.</p>
<p>Hieronder vind je de meest voorkomende fouten &eacute;n tips om je maskerroutine te perfectioneren.&nbsp;</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="O1TVV7H"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="DXOC93V"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WBAW6XU"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KUMHVA5"><div data-content-type="text" data-appearance="default" data-element="main"><p>&nbsp;</p>
<ol>
<li>
<p><strong>Onvoldoende reinigen van de huid</strong><br>Een masker werkt het beste op een schone huid. Resten van make-up, talg of vuil kunnen de opname van de actieve ingredi&euml;nten belemmeren en zelfs onzuiverheden veroorzaken.</p>
<p><span>Tip:</span> Reinig je gezicht grondig v&oacute;&oacute;r het aanbrengen van het masker met bijvoorbeeld een face wash, reinigingsmelk of lotion.</p>
</li>
<li><strong>Het masker te lang laten zitten</strong><br>Veel mensen denken: hoe langer, hoe beter. Maar een masker &ndash; zeker een kleimasker- kan de huid juist uitdrogen of irriteren als je het te lang laat zitten.<br>&nbsp;<br><span>Tip:</span> Volg altijd de aanbevolen inwerktijd op de verpakking en verwijder het masker zodra het begint te trekken of droog aanvoelt.</li>
<li><strong>Onhygi&euml;nisch aanbrengen<br></strong>Het aanbrengen met vuile handen of gereedschap kan bacteri&euml;n overbrengen op de huid. Dit is niet wenselijk omdat deze het natuurlijke evenwicht van je huidmicrobioom kunnen verstoren, waardoor je huid gevoeliger wordt voor irritatie, infecties en andere klachten. <br><br><span>Tip: </span>Gebruik schone handen of een speciale maskerkwast en reinig deze na gebruik.</li>
<li><strong>Te vaak maskeren<br></strong>Overmatig gebruik van maskers, vooral reinigende of exfoli&euml;rende varianten, kan de huidbarri&egrave;re aantasten en tot irritatie leiden. <br><br><span>Tip: </span>Gebruik een masker maximaal 1-3 keer per week, afhankelijk van je huidtype.</li>
<li><strong>Masker niet goed verwijderen<br></strong>Het hardhandig verwijderen van een masker kan de huid beschadigen of irriteren.<br><br><span>Tip:</span> Gebruik een warme, vochtige doek en dep zachtjes om het masker te verwijderen.</li>
<li><strong>Het masker als vervanging van je routine gebruiken</strong><br>Een masker is bedoeld als aanvulling, niet als vervanging van je dagelijkse reiniging, toner of moisturizer. <br><br><span>Tip:</span> Zie een masker als een extra stap voor je huid, gevolgd door een hydraterende cr&egrave;me of serum.</li>
<li><strong>Het masker verkeerd aanbrengen</strong><br>Een masker moet gelijkmatig en in een niet te dikke laag op het gezicht liggen en niet worden ingewreven als een cr&egrave;me. <br><br><span>Tip:</span> Breng het masker gelijkmatig aan en laat het zijn werk doen.&nbsp;</li>
</ol></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TXOHYA2"></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="LPETR96"><h2 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="QUHEO21">De Gezichtsmaskers van Dr. van der Hoog</h2><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="false" data-show-dots="true" data-carousel-mode="continuous" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(50)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-50.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-hyaluron.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker hyaluronzuur" title="Cr&egrave;memasker hyaluronzuur">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker hyaluronzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ab25b9()" @update-prices-50.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="50" data-price-box="product-id-50">
    <span x-data x-id="['product\u002Dprice\u002D50']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D50')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/47/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="47">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(47)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker zee-algen                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abb420', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart47.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abb420" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abb420" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker zee-algen</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart47" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/41/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="41">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(41)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Moddermasker dode zee-modder                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abe325', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart41.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abe325" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abe325" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Moddermasker dode zee-modder</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart41" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/46/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="46">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(46)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker lava                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac0a6e', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart46.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac0a6e" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac0a6e" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker lava</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart46" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/45/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="45">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(45)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Peel-off masker honing                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac2df5', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart45.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac2df5" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac2df5" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Peel-off masker honing</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart45" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/43/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="43">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(43)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker avocado                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac507a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart43.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac507a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac507a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker avocado</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart43" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/40/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="40">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(40)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker fruitzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac97b3', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart40.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac97b3" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac97b3" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker fruitzuur</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart40" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/55/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="55">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(55)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker Vitamine C                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8acb738', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart55.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8acb738" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8acb738" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker Vitamine C</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart55" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Mon, 28 Jul 2025 02:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Het verschil tussen dag- en nachtcrèmes: waarom beide belangrijk zijn</title>
      <link>https://www.drvanderhoog.nl/blog/waarom-heb-je-een-dag-en-nachtcreme-nodig</link>
      <guid>https://www.drvanderhoog.nl/blog/waarom-heb-je-een-dag-en-nachtcreme-nodig</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=CVAVT87],#html-body [data-pb-style=FYX0WBJ],#html-body [data-pb-style=NFH7LR4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=AXWCVSU],#html-body [data-pb-style=WTUMHL6]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=C02JFHF]{text-align:center}#html-body [data-pb-style=SI9R53T],#html-body [data-pb-style=VG9YQJG]{display:flex;width:100%}#html-body [data-pb-style=G86AA9H],#html-body [data-pb-style=MOEPFCM],#html-body [data-pb-style=U6S08FM],#html-body [data-pb-style=VK9FCKF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=U6S08FM],#html-body [data-pb-style=VK9FCKF]{width:75%}#html-body [data-pb-style=U6S08FM]{width:25%}#html-body [data-pb-style=QU9C7MV]{border-style:none}#html-body [data-pb-style=FOKR70V],#html-body [data-pb-style=PKVEYTQ]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=QU9C7MV]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="CVAVT87"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="WTUMHL6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="SI9R53T"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MOEPFCM"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="QU9C7MV"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Dag-Nachtcreme.png" alt="" title="" data-element="desktop_image" data-pb-style="PKVEYTQ"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Dag-Nachtcreme.png" alt="" title="" data-element="mobile_image" data-pb-style="FOKR70V"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="G86AA9H"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="LFBLAC1">Waarom heb je zowel een dag- als nachtcr&egrave;me nodig?</h2>
<p>Een gezonde huid begint bij de juiste verzorging en daarbij spelen zowel dag- als nachtcr&egrave;mes een essenti&euml;le rol. Maar wat is nu precies het verschil en waarom worden ze allebei aangeraden? &nbsp;</p>
<h2>Bescherming versus herstel</h2>
<p>Dag- en nachtcr&egrave;mes lijken op het eerste gezicht misschien op elkaar, maar ze vervullen ieder een ander doel. Overdag heeft je huid vooral behoefte aan bescherming tegen schadelijke invloeden zoals Uv-straling, luchtvervuiling en temperatuurschommelingen. Een dagcr&egrave;me bevat daarom vaak een zonnefilter (SPF) en antioxidanten zoals vitamine C, E en/of groene thee extract die de huid extra bescherming bieden tegen huidveroudering ten gevolge van vrije radicalen. Meestal is een dagcr&egrave;me ook lichter van textuur, zodat het snel intrekt en prettig aanvoelt onder make-up.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="NFH7LR4"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="AXWCVSU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="VG9YQJG"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VK9FCKF"><div data-content-type="text" data-appearance="default" data-element="main"><p>&rsquo;s Nachts wanneer je slaapt schakelt je huid over naar herstelmodus. Omdat je huid in de nacht tot een kwart liter vocht verliest is een hydraterende en voedende cr&egrave;me essentieel. Ingredi&euml;nten zoals shea butter en plantaardige oli&euml;n voeden en ondersteunen het herstel van de huidbarri&egrave;re. Nachtcr&egrave;mes zijn vaak voller en rijker, zodat ze gedurende de nacht intensief kunnen werken aan het herstel van de huidbarri&egrave;re. Steeds meer nachtcr&egrave;mes bevatten ook antioxidanten, waardoor het verschil met dagcr&egrave;mes kleiner wordt, maar de focus blijft op intensieve voeding en herstel.</p>
<h2>Kan ik mijn dagcr&egrave;me ook &rsquo;s nachts gebruiken, of andersom?</h2>
<p>In principe kan je een dagcr&egrave;me zonder SPF ook &rsquo;s nachts gebruiken, maar je mist dan wel de extra voedende en herstellen ingredi&euml;nten van een nachtcr&egrave;me. Andersom kun je een nachtcr&egrave;me ook overdag gebruiken in geval van bijvoorbeeld een droge huid. Het advies is dan wel om dagelijks apart zonnebrandcr&egrave;me aan te brengen als laatste stap van je skincare routine, zodat je huid goed beschermd blijft tegen vroegtijdige veroudering en schade door de zon. &nbsp;</p>
<h2>Conclusie</h2>
<p>Dag- en nachtcr&egrave;mes hebben elk hun eigen specifieke samenstelling en werking en spelen in op de verschillende behoeften van de huid gedurende de dag en de nacht.</p>
<p>Er zijn verschillende dag- en nachtcr&egrave;mes verkrijgbaar met ieder hun eigen specifieke ingredi&euml;nten. Voor het beste resultaat raden we je aan om je keuze af te stemmen op je huidtype en je persoonlijke behoeften.</p>
<p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U6S08FM"></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="FYX0WBJ"><h2 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="C02JFHF">De Dag- en Nachtcr&eacute;mes van Dr. van der Hoog</h2><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="false" data-show-dots="true" data-carousel-mode="continuous" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/35/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="35">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(35)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-dagcreme-spf" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-35.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-dag-spf.png" loading="lazy" width="240" height="300" alt="Anti-aging dagcr&egrave;me SPF" title="Anti-aging dagcr&egrave;me SPF">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-dagcreme-spf" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging dagcr&egrave;me SPF                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ae8036()" @update-prices-35.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="35" data-price-box="product-id-35">
    <span x-data x-id="['product\u002Dprice\u002D35']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D35')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ae8044', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart35.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ae8044" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ae8044" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-35.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-dag-spf.png" loading="lazy" width="240" height="300" alt="Anti-aging dagcr&egrave;me SPF" title="Anti-aging dagcr&egrave;me SPF">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging dagcr&egrave;me SPF</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ae8036()" @update-prices-35.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="35" data-price-box="product-id-35">
    <span x-data x-id="['product\u002Dprice\u002D35']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D35')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart35" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/36/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="36">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(36)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-36.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-nacht_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging nachtcr&egrave;me" title="Anti-aging nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8aed390()" @update-prices-36.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="36" data-price-box="product-id-36">
    <span x-data x-id="['product\u002Dprice\u002D36']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D36')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8aed39a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart36.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8aed39a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8aed39a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-36.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-nacht_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging nachtcr&egrave;me" title="Anti-aging nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8aed390()" @update-prices-36.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="36" data-price-box="product-id-36">
    <span x-data x-id="['product\u002Dprice\u002D36']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D36')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart36" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/23/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="23">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(23)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a951d2', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart23.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a951d2" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a951d2" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart23" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(25)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-25.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_nachtcre_me_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene nachtcr&egrave;me" title="Hypoallergene nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9b3c2()" @update-prices-25.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="25" data-price-box="product-id-25">
    <span x-data x-id="['product\u002Dprice\u002D25']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D25')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/24/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="24">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(24)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene anti-aging dag &amp; nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a92a69', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart24.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a92a69" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a92a69" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene anti-aging dag &amp; nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart24" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/9/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="9">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(9)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydraterend-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-9.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_dagcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende dagcr&egrave;me" title="Hydraterende dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydraterend-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8af2141()" @update-prices-9.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="9" data-price-box="product-id-9">
    <span x-data x-id="['product\u002Dprice\u002D9']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D9')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8af214b', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart9.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8af214b" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8af214b" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-9.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_dagcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende dagcr&egrave;me" title="Hydraterende dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8af2141()" @update-prices-9.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="9" data-price-box="product-id-9">
    <span x-data x-id="['product\u002Dprice\u002D9']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D9')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart9" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/10/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="10">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(10)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydraterend-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-10.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende nachtcr&egrave;me" title="Hydraterende nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydraterend-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b01f4d()" @update-prices-10.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="10" data-price-box="product-id-10">
    <span x-data x-id="['product\u002Dprice\u002D10']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D10')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b01f57', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart10.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b01f57" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b01f57" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-10.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende nachtcr&egrave;me" title="Hydraterende nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b01f4d()" @update-prices-10.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="10" data-price-box="product-id-10">
    <span x-data x-id="['product\u002Dprice\u002D10']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D10')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart10" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/16/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="16">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(16)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydra-24h-moisture-cream" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-16.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_24_h_moisturizing_gelcre_me_50ml.png" loading="lazy" width="240" height="300" alt="Hydraterende 24H Moisture Cream" title="Hydraterende 24H Moisture Cream">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydra-24h-moisture-cream" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende 24H Moisture Cream                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b05770()" @update-prices-16.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="16" data-price-box="product-id-16">
    <span x-data x-id="['product\u002Dprice\u002D16']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D16')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b05778', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart16.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b05778" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b05778" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-16.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_24_h_moisturizing_gelcre_me_50ml.png" loading="lazy" width="240" height="300" alt="Hydraterende 24H Moisture Cream" title="Hydraterende 24H Moisture Cream">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende 24H Moisture Cream</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b05770()" @update-prices-16.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="16" data-price-box="product-id-16">
    <span x-data x-id="['product\u002Dprice\u002D16']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D16')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart16" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/17/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="17">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(17)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/green-caviar-boost-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-17.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_boost_serum_1000x1000.png" loading="lazy" width="240" height="300" alt="Hydraterende Boost Serum" title="Hydraterende Boost Serum">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/green-caviar-boost-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende Boost Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0925f()" @update-prices-17.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="17" data-price-box="product-id-17">
    <span x-data x-id="['product\u002Dprice\u002D17']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D17')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b09276', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart17.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b09276" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b09276" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-17.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_boost_serum_1000x1000.png" loading="lazy" width="240" height="300" alt="Hydraterende Boost Serum" title="Hydraterende Boost Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende Boost Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0925f()" @update-prices-17.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="17" data-price-box="product-id-17">
    <span x-data x-id="['product\u002Dprice\u002D17']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D17')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart17" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/11/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="11">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(11)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/oogcreme-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-11.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-oogc_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging Oogcr&egrave;me " title="Anti-aging Oogcr&egrave;me ">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/oogcreme-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging Oogcr&egrave;me                     </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            15 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0ff84()" @update-prices-11.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="11" data-price-box="product-id-11">
    <span x-data x-id="['product\u002Dprice\u002D11']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D11')" data-price-amount="13.987601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b0ff91', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart11.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b0ff91" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b0ff91" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-11.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-oogc_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging Oogcr&egrave;me " title="Anti-aging Oogcr&egrave;me ">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging Oogcr&egrave;me </span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0ff84()" @update-prices-11.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="11" data-price-box="product-id-11">
    <span x-data x-id="['product\u002Dprice\u002D11']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D11')" data-price-amount="13.987601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart11" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/12/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="12">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(12)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-12.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-serum_combi.png" loading="lazy" width="240" height="300" alt="Anti-Aging Serum" title="Anti-Aging Serum">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-Aging Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b14bd4()" @update-prices-12.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="12" data-price-box="product-id-12">
    <span x-data x-id="['product\u002Dprice\u002D12']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D12')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b14be7', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart12.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b14be7" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b14be7" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-12.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-serum_combi.png" loading="lazy" width="240" height="300" alt="Anti-Aging Serum" title="Anti-Aging Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-Aging Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b14bd4()" @update-prices-12.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="12" data-price-box="product-id-12">
    <span x-data x-id="['product\u002Dprice\u002D12']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D12')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart12" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/6/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="6">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(6)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clearskin-day-night-control" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-6.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-d_n.png" loading="lazy" width="240" height="300" alt="ClearSkin day &amp; night control" title="ClearSkin day &amp; night control">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clearskin-day-night-control" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        ClearSkin day &amp; night control                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b19f33()" @update-prices-6.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="6" data-price-box="product-id-6">
    <span x-data x-id="['product\u002Dprice\u002D6']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D6')" data-price-amount="10.490701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b19f3c', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart6.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b19f3c" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b19f3c" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-6.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-d_n.png" loading="lazy" width="240" height="300" alt="ClearSkin day &amp; night control" title="ClearSkin day &amp; night control">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">ClearSkin day &amp; night control</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b19f33()" @update-prices-6.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="6" data-price-box="product-id-6">
    <span x-data x-id="['product\u002Dprice\u002D6']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D6')" data-price-amount="10.490701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart6" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/61/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="61">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(61)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-vitamine-c-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-61.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/v/i/vit-c-combi_met_new.png" loading="lazy" width="240" height="300" alt="Balancing Vitamine C Serum" title="Balancing Vitamine C Serum">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-vitamine-c-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing Vitamine C Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b1d998()" @update-prices-61.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="61" data-price-box="product-id-61">
    <span x-data x-id="['product\u002Dprice\u002D61']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D61')" data-price-amount="24.950201" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;24,95</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b1d9a1', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart61.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b1d9a1" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b1d9a1" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-61.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/v/i/vit-c-combi_met_new.png" loading="lazy" width="240" height="300" alt="Balancing Vitamine C Serum" title="Balancing Vitamine C Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing Vitamine C Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b1d998()" @update-prices-61.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="61" data-price-box="product-id-61">
    <span x-data x-id="['product\u002Dprice\u002D61']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D61')" data-price-amount="24.950201" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;24,95</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart61" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/1757/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="1757">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(1757)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-nachtcreme-1" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-1757.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710970_balancing-nachtcreme-combi_1.png" loading="lazy" width="240" height="300" alt="Balancing nachtcr&egrave;me" title="Balancing nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-nachtcreme-1" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b20f84()" @update-prices-1757.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="1757" data-price-box="product-id-1757">
    <span x-data x-id="['product\u002Dprice\u002D1757']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D1757')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b20f8c', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart1757.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b20f8c" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b20f8c" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-1757.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710970_balancing-nachtcreme-combi_1.png" loading="lazy" width="240" height="300" alt="Balancing nachtcr&egrave;me" title="Balancing nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b20f84()" @update-prices-1757.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="1757" data-price-box="product-id-1757">
    <span x-data x-id="['product\u002Dprice\u002D1757']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D1757')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart1757" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/66/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="66">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(66)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene enzympeeling                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a8ec17', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart66.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a8ec17" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a8ec17" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene enzympeeling</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart66" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/13/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="13">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(13)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-regulerende-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-13.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710260_balancing-regulerende-dagcreme-combi.png" loading="lazy" width="240" height="300" alt="Balancing regulerende dagcr&egrave;me, 50ml" title="Balancing regulerende dagcr&egrave;me, 50ml">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-regulerende-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing regulerende dagcr&egrave;me, 50ml                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b2391d()" @update-prices-13.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="13" data-price-box="product-id-13">
    <span x-data x-id="['product\u002Dprice\u002D13']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D13')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b23929', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart13.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b23929" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b23929" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-13.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710260_balancing-regulerende-dagcreme-combi.png" loading="lazy" width="240" height="300" alt="Balancing regulerende dagcr&egrave;me, 50ml" title="Balancing regulerende dagcr&egrave;me, 50ml">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing regulerende dagcr&egrave;me, 50ml</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b2391d()" @update-prices-13.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="13" data-price-box="product-id-13">
    <span x-data x-id="['product\u002Dprice\u002D13']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D13')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart13" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Tue, 24 Jun 2025 02:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Wat betekent hypoallergeen nou echt?</title>
      <link>https://www.drvanderhoog.nl/blog/wat-betekent-hypoallergeen-nou-echt</link>
      <guid>https://www.drvanderhoog.nl/blog/wat-betekent-hypoallergeen-nou-echt</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=NPCUTER],#html-body [data-pb-style=XN371GW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=NPCUTER]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XN371GW]{align-self:stretch}#html-body [data-pb-style=OML6041]{display:flex;width:100%}#html-body [data-pb-style=P5NF9UU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=HCQDP1N]{border-style:none}#html-body [data-pb-style=CBAVJNL],#html-body [data-pb-style=NYQEOUB]{max-width:100%;height:auto}#html-body [data-pb-style=NDC8YCP]{justify-content:flex-start;display:flex;flex-direction:column;width:50%;align-self:stretch}#html-body [data-pb-style=GADVUWU],#html-body [data-pb-style=NDC8YCP],#html-body [data-pb-style=RT6HRHI]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RT6HRHI]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=GADVUWU]{align-self:stretch}#html-body [data-pb-style=DQG1KDN]{display:flex;width:100%}#html-body [data-pb-style=JVPI7CC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:75%;align-self:stretch}#html-body [data-pb-style=EHS0JU6]{width:25%;align-self:stretch}#html-body [data-pb-style=EHS0JU6],#html-body [data-pb-style=KR5H3SX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=H2YASID]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=HCQDP1N]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="NPCUTER"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XN371GW"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OML6041"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P5NF9UU"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="HCQDP1N"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC04640-1024x1024.jpg" alt="" title="" data-element="desktop_image" data-pb-style="CBAVJNL"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC04640-1024x1024.jpg" alt="" title="" data-element="mobile_image" data-pb-style="NYQEOUB"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NDC8YCP"><div data-content-type="text" data-appearance="default" data-element="main"><h2>Hypoallergeen</h2>
<p>Wanneer je een gevoelige huid hebt, weet je hoe lastig het blijft om de juiste huidverzorging te vinden. Je wilt producten gebruiken die je huid niet irriteren of een reactie uitlokken. Daarom kiezen steeds meer mensen voor producten met de vermelding &lsquo;hypoallergeen&rsquo;. Maar wat betekent die term nu precies in de praktijk? Het woord bestaat uit twee delen: Hypo en allergeen.</p>
<p>Hypo betekent &lsquo;laag&rsquo;. Het begrip allergeen duidt op de potentie van een stof om een allergische reactie te veroorzaken. De betekenis van hypoallergeen is dus als volgt: Lage kans op een allergische reactie. Het is echter nergens wettelijk vastgelegd welke ingredi&euml;nten een product niet mag bevatten om &ldquo;hypoallergeen&rdquo; te heten. Als gevolg daarvan zegt het woord niet zoveel over hoe een product samengesteld is en welke ingredi&euml;nten er in zitten. Je kunt er wel van uit gaan dat het merk heeft geprobeerd een zo mild mogelijk product te maken. Het biedt alleen geen garanties.</p>
<h2>Hypoallergene lijn verzorgingsproducten</h2>
<p>Het merk Dr. Van der Hoog is opgericht door Pieter Henricus van der Hoog in 1935, om de gevoelige huid van zijn vrouw te behandelen. Het merk heeft dus jarenlange ervaring met producten voor de gevoelige huid. Een gevoelige huid herken je omdat deze snel rood wordt, jeukt en schilfert. Ook kan de huid branderig aanvoelen. Wanneer je een gevoelige huid hebt, doe je er goed aan te zoeken naar producten die hypoallergeen zijn. Hoewel je nooit de garantie krijgt dat je ergens tegen kunt zijn deze producten speciaal geformuleerd voor jouw huidtype. &nbsp;Vanuit de kennis en ervaring van Dr. Van der Hoog is de hypoallergene lijn ontwikkeld door experts op het gebied van milde huidverzorging in samenwerking met onze huidtherapeut.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RT6HRHI"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GADVUWU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="DQG1KDN"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JVPI7CC"><div data-content-type="text" data-appearance="default" data-element="main"><h2>Hoe kies je dan het juiste product?</h2>
<p>Als een product hypoallergeen is, kun je ervan uitgaan dat er met grote zorg is gekeken naar de gebruikte ingredi&euml;nten en dat er een zo mild mogelijk product is gemaakt. Om erachter te komen of een product milde ingredi&euml;nten gebruikt, kijk je het beste naar de ingredi&euml;ntenlijst.</p>
<p>Het eerstgenoemde ingredi&euml;nt komt in de grootste hoeveelheid voor in het product. Het stofje dat helemaal onderaan staat, komt het minst voor. Om jou een handje te helpen, geven wij een overzicht van ingredi&euml;nten waarvan is bewezen dat ze irriterend kunnen werken:</p>
<ul>
<li>Alcohol</li>
<li>Parfum (synthetische geurstoffen)</li>
<li>Essenti&euml;le oli&euml;n, zoals tea tree, eucalyptus en lavendel</li>
<li>Sodium Lauryl Sulfate (SLS)</li>
<li>Kunstmatige kleurstoffen</li>
<li>Menthol en pepermuntolie</li>
<li>Lanoline</li>
</ul>
<p>Het is belangrijk om op te merken dat niet iedereen hetzelfde reageert op bepaalde ingredi&euml;nten. Daarnaast hangt de mate van irritatie af van de concentratie, de formulering van het product en je eigen gevoeligheid.</p>
<p>Twijfel je of je een bepaald product kunt gebruiken? Controleer je huidreactie door het product aan te brengen op een klein stukje huid (bijvoorbeeld op de binnenkant van je pols) en wacht 24-48 uur om te zien of er roodheid, jeuk of irritatie optreedt.</p>
<p>Wil je zeker weten dat je huidverzorging echt geschikt is voor jouw huidtype? Kijk dan niet alleen naar het etiket, maar ook naar de ingredi&euml;ntenlijst. Producten zonder parfum, alcohol of irriterende bewaarmiddelen zijn vaak een veilige keuze voor de gevoelige huid.&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EHS0JU6"></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="KR5H3SX"><h2 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="H2YASID">De hypoallergene productlijn van Dr. van der Hoog</h2><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="false" data-show-dots="true" data-carousel-mode="continuous" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/1544/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="1544">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(1544)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Skincare routine - Gevoelige huid                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml, 50 ml, 100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart1544.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Skincare routine - Gevoelige huid</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart1544" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/66/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="66">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(66)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene enzympeeling                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a8ec17', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart66.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a8ec17" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a8ec17" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene enzympeeling</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart66" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/26/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="26">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(26)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a90e0f', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart26.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a90e0f" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a90e0f" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart26" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/24/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="24">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(24)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene anti-aging dag &amp; nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a92a69', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart24.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a92a69" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a92a69" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene anti-aging dag &amp; nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart24" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/23/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="23">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(23)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a951d2', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart23.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a951d2" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a951d2" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart23" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/22/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="22">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(22)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingslotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a97748', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart22.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a97748" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a97748" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingslotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart22" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/21/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="21">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(21)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingsmelk                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a99286', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart21.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a99286" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a99286" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingsmelk</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart21" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(25)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-25.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_nachtcre_me_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene nachtcr&egrave;me" title="Hypoallergene nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9b3c2()" @update-prices-25.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="25" data-price-box="product-id-25">
    <span x-data x-id="['product\u002Dprice\u002D25']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D25')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Thu, 03 Apr 2025 02:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Hoe kies ik de juiste producten voor mijn gevoelige huid? </title>
      <link>https://www.drvanderhoog.nl/blog/hoe-kies-ik-de-juiste-producten-voor-mijn-gevoelige-huid</link>
      <guid>https://www.drvanderhoog.nl/blog/hoe-kies-ik-de-juiste-producten-voor-mijn-gevoelige-huid</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=D42U1DP],#html-body [data-pb-style=YYKNF8H]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YYKNF8H]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=D42U1DP]{align-self:stretch}#html-body [data-pb-style=LM8FEHH]{display:flex;width:100%}#html-body [data-pb-style=YWYNS4T]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=QSNJ91V],#html-body [data-pb-style=YWYNS4T]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=M42EAQE]{display:flex;width:100%}#html-body [data-pb-style=K4VH15W],#html-body [data-pb-style=PRBLJDC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=TIH8THW]{border-style:none}#html-body [data-pb-style=AYY57YG],#html-body [data-pb-style=EB60R0K]{max-width:100%;height:auto}#html-body [data-pb-style=FCN78DA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=PVMLPX4]{display:flex;width:100%}#html-body [data-pb-style=U8A6HS5]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=U8A6HS5],#html-body [data-pb-style=VRJSAKA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=S79GA77]{display:flex;width:100%}#html-body [data-pb-style=BYP5TP7],#html-body [data-pb-style=S87IMSS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=OYX2OCX]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=XHNUKCI]{width:100%;border-width:0;border-color:#cecece;display:inline-block}#html-body [data-pb-style=UOEA8RI]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=MKXGEVR]{display:flex;width:100%}#html-body [data-pb-style=MHC5BNE]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=MHC5BNE],#html-body [data-pb-style=RRSOTJ7]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=M6LCR28]{display:flex;width:100%}#html-body [data-pb-style=ROGPCLY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=Q19Y5IR]{border-style:none}#html-body [data-pb-style=WLE2L60],#html-body [data-pb-style=YG0DC15]{max-width:100%;height:auto}#html-body [data-pb-style=KF2EFDJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:66.6667%;align-self:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=Q19Y5IR],#html-body [data-pb-style=TIH8THW]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="YYKNF8H"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="D42U1DP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="LM8FEHH"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YWYNS4T"><div data-content-type="text" data-appearance="default" data-element="main"><p>Een gevoelige huid heeft speciale zorg nodig. Of je nu te maken hebt met roodheid, een trekkerig gevoel of zelfs jeuk, het kiezen van de juiste producten is essentieel om irritaties te voorkomen. Maar hoe weet je welke producten goed voor je huid zijn? De oplossing ligt vaak verborgen in de <strong>INCI-lijst</strong>. Dit is de lijst met ingredi&euml;nten die in het product zijn verwerkt en biedt waardevolle informatie over wat er precies in een cr&egrave;me, serum of cleanser zit. In dit blog duiken we dieper in hoe je de INCI-lijst kunt lezen en welke ingredi&euml;nten je moet vermijden (of juist wel moet kiezen) bij het verzorgen van een gevoelige huid.</p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="QSNJ91V"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="M42EAQE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K4VH15W"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="CE5HKDC"><strong>Wat is een INCI-lijst?</strong></h2>
<p><br>De INCI-lijst (International Nomenclature of Cosmetic Ingredients) is de ingredi&euml;ntenlijst die verplicht op cosmetische producten vermeld staat. Ingredi&euml;nten worden in aflopende volgorde van concentratie genoemd: het eerstgenoemde ingredi&euml;nt is het meest aanwezig, terwijl het laatste ingredi&euml;nt in de kleinste hoeveelheid voorkomt. Stoffen die in een concentratie van minder dan 1% aanwezig zijn, mogen in willekeurige volgorde worden vermeld.</p>
<p>&nbsp;</p>
<h2><strong>Hoe lees je de INCI-lijst?</strong></h2>
<ul>
<li>De eerste ingredi&euml;nten in de lijst zijn het meest aanwezig in de formule.</li>
<li>Ingredi&euml;nten onder 1% mogen in willekeurige volgorde staan.</li>
<li>Botanische ingredi&euml;nten worden vaak in het Latijn vermeld.</li>
<li>Geurstoffen kunnen onder "Parfum" of specifieke namen zoals "Linalool" vallen.</li>
<li>Bekende allergenen zoals "Limonene" en "Geraniol" worden apart vermeld.</li>
</ul>
<p>Door deze richtlijnen te volgen en de tabel als referentie te gebruiken, kun je bewuster kiezen voor producten die passen bij jouw huidtype en minimaliseer je de kans op irritatie.</p>
<p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PRBLJDC"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TIH8THW"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Ontwerp_zonder_titel_31_.png" alt="" title="" data-element="desktop_image" data-pb-style="AYY57YG"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Ontwerp_zonder_titel_31_.png" alt="" title="" data-element="mobile_image" data-pb-style="EB60R0K"></figure></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="FCN78DA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PVMLPX4"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U8A6HS5"><div data-content-type="text" data-appearance="default" data-element="main"><h2><strong>Waar moet je op letten?</strong></h2>
<p>Sommige ingredi&euml;nten zijn mild en verzorgend, terwijl andere ingredi&euml;nten de huid kunnen irriteren. Hier zijn enkele richtlijnen:</p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="VRJSAKA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="S79GA77"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BYP5TP7"><div data-content-type="text" data-appearance="default" data-element="main"><p id="SCAM79D"><strong>Milde ingredi&euml;nten:</strong></p>
<ul>
<li>Glycerine (hydraterend)</li>
<li>Panthenol (kalmerend en herstellend)</li>
<li>Allanto&iuml;ne (verzachtend)</li>
<li>Niacinamide (versterkt de huidbarri&egrave;re)</li>
<li>Aloe vera (verkoelend en kalmerend)</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="S87IMSS"><div data-content-type="text" data-appearance="default" data-element="main"><p><strong>Mogelijk irriterende ingredi&euml;nten:</strong></p>
<ul>
<li>Alcohol Denat. (kan de huid uitdrogen)</li>
<li>Synthetische geurstoffen en kleurstoffen</li>
<li>Essenti&euml;le oli&euml;n (kunnen irriterend werken)</li>
<li>Sulfaten zoals Sodium Lauryl Sulfate (SLS)</li>
</ul></div></div></div></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="OYX2OCX"><hr data-element="line" data-pb-style="XHNUKCI"></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="UOEA8RI"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="MKXGEVR"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MHC5BNE"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="RAGMTBI"><strong>De INCI-lijst van de De Dr. Van der Hoog Hypoallergeen dagcr&egrave;me</strong></h2></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="RRSOTJ7"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="M6LCR28"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ROGPCLY"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="Q19Y5IR"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/DVDH_Hypoallergeen_Dagcreme.png" alt="" title="" data-element="desktop_image" data-pb-style="YG0DC15"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/DVDH_Hypoallergeen_Dagcreme.png" alt="" title="" data-element="mobile_image" data-pb-style="WLE2L60"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="KF2EFDJ"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><table border="1">
  <thead>
    <tr>
      <th>Ingrediënt</th>
      <th>Wat is het?</th>
      <th>Wat doet het?</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Aqua</td>
      <td>Water</td>
      <td>Basis van het product, hydraterend</td>
    </tr>
    <tr>
      <td>Caprylyl Caprylate/Caprate</td>
      <td>Plantaardige emollient</td>
      <td>Verzacht en beschermt de huid</td>
    </tr>
    <tr>
      <td>Dicaprylyl Carbonate</td>
      <td>Verzachtend middel</td>
      <td>Zorgt voor een soepel huidgevoel</td>
    </tr>
    <tr>
      <td>Cetearyl Alcohol</td>
      <td>Vettige alcohol</td>
      <td>Hydrateert en stabiliseert de emulsie</td>
    </tr>
    <tr>
      <td>Glycerin</td>
      <td>Natuurlijke vochtinbrenger</td>
      <td>Hydrateert de huid intensief</td>
    </tr>
    <tr>
      <td>Butyrospermum Parkii Butter</td>
      <td>Shea boter</td>
      <td>Voedt en beschermt de huid</td>
    </tr>
    <tr>
      <td>Allantoin</td>
      <td>Verzachtend ingrediënt</td>
      <td>Kalmeert en herstelt de huid</td>
    </tr>
    <tr>
      <td>Tocopherol</td>
      <td>Vitamine E</td>
      <td>Werkt als antioxidant en beschermt de huid</td>
    </tr>
  </tbody>
</table></div></div></div></div></div></div>]]></description>
              <pubDate>Wed, 12 Feb 2025 01:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Puistjes uitknijpen? Niet doen!</title>
      <link>https://www.drvanderhoog.nl/blog/puistjes-uitknijpen-niet-doen</link>
      <guid>https://www.drvanderhoog.nl/blog/puistjes-uitknijpen-niet-doen</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=G1PA1JA],#html-body [data-pb-style=YWD1CS3]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YWD1CS3]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G1PA1JA]{align-self:stretch}#html-body [data-pb-style=PV3CKM1]{display:flex;width:100%}#html-body [data-pb-style=I7560G5]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=W9DXCSO]{border-style:none}#html-body [data-pb-style=BD98X3J],#html-body [data-pb-style=PJQYCA5]{max-width:100%;height:auto}#html-body [data-pb-style=WILW2CA]{justify-content:flex-start;display:flex;flex-direction:column;width:50%;align-self:stretch}#html-body [data-pb-style=EVHIQ42],#html-body [data-pb-style=UD9U2EX],#html-body [data-pb-style=WILW2CA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=UD9U2EX]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=EVHIQ42]{align-self:stretch}#html-body [data-pb-style=K5KRE1V]{display:flex;width:100%}#html-body [data-pb-style=DBQ2R28],#html-body [data-pb-style=H1J2GQQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=GURD9O6]{border-style:none}#html-body [data-pb-style=DTNR4U1],#html-body [data-pb-style=W9BB9MP]{max-width:100%;height:auto}#html-body [data-pb-style=US5JGV2],#html-body [data-pb-style=V5RNK7H]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=US5JGV2]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=V5RNK7H]{align-self:stretch}#html-body [data-pb-style=AKVTM6H]{display:flex;width:100%}#html-body [data-pb-style=VD6QPA8]{justify-content:flex-start;display:flex;flex-direction:column;width:100%;align-self:stretch}#html-body [data-pb-style=FDPT9I9],#html-body [data-pb-style=GMCW44V],#html-body [data-pb-style=VD6QPA8]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FDPT9I9]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=GMCW44V]{align-self:stretch}#html-body [data-pb-style=SJC9Y8D]{display:flex;width:100%}#html-body [data-pb-style=RK8F6WY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}@media only screen and (max-width: 768px) { #html-body [data-pb-style=GURD9O6],#html-body [data-pb-style=W9DXCSO]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="YWD1CS3"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G1PA1JA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PV3CKM1"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I7560G5"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="W9DXCSO"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/confident-young-woman-with-acne-close-up.jpg" alt="" title="" data-element="desktop_image" data-pb-style="BD98X3J"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/confident-young-woman-with-acne-close-up.jpg" alt="" title="" data-element="mobile_image" data-pb-style="PJQYCA5"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WILW2CA"><div data-content-type="text" data-appearance="default" data-element="main"><h2>Oh nee, een pukkel!</h2>
<p>Bijna iedereen die wel eens een puistje heeft gehad kent het dilemma: uitknijpen, of laten zitten? Het voelt niet fijn om met een joekel van een puist rond te lopen en al helemaal niet als je die dag iets belangrijks op het programma hebt staan. Toch is het beter om je puistjes niet uit te knijpen. Wij leggen je uit waarom!</p>
<h2>Waarom we puistjes willen uitknijpen</h2>
<p>Puistjes trekken direct de aandacht, zeker als ze rood, pijnlijk of wit zijn. Uitknijpen lijkt op het eerste gezicht een snelle oplossing. Je hebt het gevoel dat je de huid &lsquo;reinigt&rsquo;. Maar wat veel mensen niet weten, is dat uitknijpen het probleem vaak verergert in plaats van oplost.</p>
<h2>De gevolgen van puistjes uitknijpen</h2>
<p>Wanneer je een puist uitknijpt, gebeuren er twee dingen: Je doorbreekt de huidbarri&egrave;re. Omdat door grote druk te zetten aan beide kanten van de puist het vuil nergens anders heen kan dan naar boven, scheurt de huid letterlijk open. Als gevolg hiervan ontstaat een wondje. Dit wondje zal moeten genezen. Omdat je nu een wondje hebt gecre&euml;erd, waar ook nog restjes van de inhoud van de puist inzitten zal de genezing langzamer gaan. Bovendien krijg je een korstje, waardoor het vuil van de puist nog moeilijk weg kan. Gevolg is dat je vaak een nieuw puistje krijgt op dezelfde plek.<br><br>Daarnaast vergroot je de kans op:</p>
<ul>
<li>Littekenvorming</li>
<li>Pigmentvlekken</li>
<li>Huidinfecties</li>
<li>Langdurige roodheid</li>
</ul>
<p>Kortom: uitknijpen zorgt zelden voor een snellere genezing, en vaak juist voor blijvende schade. Door het drukken, duwen, wrijven en pulken aan de huid stimuleer je de doorbloeding. Hierdoor krijg je meer roodheid en zwelling. Dit valt vaak meer op dan het puistje zelf.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="UD9U2EX"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="EVHIQ42"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="K5KRE1V"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="DBQ2R28"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="Q6THUWB">Advies van de huidtherapeut</h2>
<p>Het allerbelangrijkst is je huid tot rust laten komen. Spreek met jezelf af dat je minstens &eacute;&eacute;n week niet aan de puistjes zit. Om opkomende puistjes te onderdrukken gebruik je bijvoorbeeld de <a tabindex="0" href="https://www.drvanderhoog.nl/clearskin-cleansing-lotion">ClearSkin Cleansing lotion</a> (tot 25 jaar) of de <a tabindex="0" href="https://www.drvanderhoog.nl/clear-beauty-deep-cleanser">Clear Beauty Deep Cleanser</a> (vanaf 25 jaar). Voor het vervagen van bestaande plekjes kun je de <a tabindex="0" href="https://www.drvanderhoog.nl/clearskin-scrub-gel">ClearSkin Scrubgel</a> gebruiken en om de huid te kalmeren en matteren de <a tabindex="0" href="https://www.drvanderhoog.nl/balancing-regulerende-dagcreme">Clear Beauty regulerende dagcr&egrave;me</a></p>
<h2>Puistjes camoufleren</h2>
<p>Toch een puistje? Gebruik een concealer of stipje foundation. Deze zijn in allerlei kleuren te koop en kunnen door jongens en meiden gebruikt worden. Het is wel belangrijk dat je huid &rsquo;s avonds goed schoonmaakt. Dit kun je bijvoorbeeld doen met de <a tabindex="0" href="https://www.drvanderhoog.nl/clearskin-face-wash">ClearSkin Face wash</a>. Deze verwijdert vuil/make-up en overtollig talg. Zo ga je met een schoon gezicht naar bed en kan de huid &rsquo;s nachts herstellen</p>
<h2>Professioneel advies</h2>
<p>Heb je nou echt veel last van je puistjes of heb je acne? Maak dan eens een afspraak bij de huisarts. Er zijn diverse behandelmogelijkheden. Je kunt bij de huisarts ook aangeven dat je het moeilijk vindt om van je huid af te blijven. De huisarts kan je dan doorverwijzen naar een huidtherapeut, die op professionele wijze je huid schoonmaakt om de onzuiverheden te verminderen.<br>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="H1J2GQQ"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="GURD9O6"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/Schermafbeelding_2021-11-08_120556.jpg" alt="" title="" data-element="desktop_image" data-pb-style="DTNR4U1"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/Schermafbeelding_2021-11-08_120556.jpg" alt="" title="" data-element="mobile_image" data-pb-style="W9BB9MP"></figure></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="US5JGV2"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="V5RNK7H"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AKVTM6H"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VD6QPA8"><div data-content-type="products" data-appearance="carousel" data-autoplay="true" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main">
</div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="FDPT9I9"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GMCW44V"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="SJC9Y8D"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RK8F6WY"><div data-content-type="text" data-appearance="default" data-element="main"><h3 id="PUSSQ2C">Samenvatting</h3>
<p><br>We hopen dat je deze blog leuk en duidelijk vond om te lezen! Wil je meer informatie of heb je een specifieke vraag? Neem dan contact op met de huidtherapeut van Dr. Van der Hoog. Dit kan via e-mail naar <a tabindex="0" href="mailto:info@drvanderhoog.nl">info@drvanderhoog.nl</a></p></div></div></div></div></div></div>]]></description>
              <pubDate>Mon, 13 Jan 2025 01:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Ingrediënt uitgelicht: Cetearyl alcohol</title>
      <link>https://www.drvanderhoog.nl/blog/ingredient-uitgelicht-cetearyl-alcohol</link>
      <guid>https://www.drvanderhoog.nl/blog/ingredient-uitgelicht-cetearyl-alcohol</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=L0UDFLF],#html-body [data-pb-style=RE17MHJ],#html-body [data-pb-style=VO9VAGG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=BW18FL6],#html-body [data-pb-style=P5O2LM7]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=EFXF41E],#html-body [data-pb-style=MGF0PLA]{display:flex;width:100%}#html-body [data-pb-style=AKABYST],#html-body [data-pb-style=C0BMWUA],#html-body [data-pb-style=J5JYSO9],#html-body [data-pb-style=U96YURF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=WMR9MTV]{border-style:none}#html-body [data-pb-style=ARC5PJW],#html-body [data-pb-style=CVF0QSW]{max-width:100%;height:auto}#html-body [data-pb-style=F5K0DAU]{border-style:none}#html-body [data-pb-style=J7OO464],#html-body [data-pb-style=N3RABBM]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=F5K0DAU],#html-body [data-pb-style=WMR9MTV]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RE17MHJ"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="P5O2LM7"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EFXF41E"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="AKABYST"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="WMR9MTV"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC00318.jpg" alt="" title="" data-element="desktop_image" data-pb-style="CVF0QSW"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC00318.jpg" alt="" title="" data-element="mobile_image" data-pb-style="ARC5PJW"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U96YURF"><div data-content-type="text" data-appearance="default" data-element="main"><p>Op de ingredi&euml;ntenlijst van verzorgingsproducten staan vaak lange en ingewikkelde namen. In deze blog nemen we de tijd om &eacute;&eacute;n ingredi&euml;nt verder uit te lichten. Wat is het? Hoe werkt het? En hoe komen wij er aan? Dit lees je allemaal in deze blog.</p>
<p>Deze week: Cetearyl Alcohol.</p>
<h2>Wat is Cetearyl Alcohol?</h2>
<p>Soms komen er vragen van oplettende gebruikers, die zich zorgen maken omdat er alcohol op de ingredi&euml;ntenlijst staat. Een voorbeeld hiervan is cetearyl alcohol. Cetearyl Alcohol is een vette alcohol, afkomstig van natuurlijke oli&euml;n zoals kokosolie of palmolie. In tegenstelling tot &lsquo;harde&rsquo; alcoholen (zoals alcohol denat), die de huid kunnen uitdrogen, werkt Cetearyl Alcohol juist verzachtend en hydraterend. Het is een veelgebruikt ingredi&euml;nt in cr&egrave;mes, lotions en haarproducten vanwege de verzorgende eigenschappen &eacute;n omdat het producten stabieler en smeu&iuml;ger maakt.</p>
<h2>Waarom zit Cetearyl Alcohol in huidverzorging?</h2>
<p>Cetearyl Alcohol heeft verschillende voordelen:</p>
<ul>
<li>Het werkt als emulgator, waardoor olie en water goed mengen in een product.</li>
<li>Het zorgt voor een romige textuur en aangenaam huidgevoel.</li>
<li>Het helpt om de huid soepel en zacht te houden.</li>
<li>Het voorkomt dat producten uitdrogen of schiften in de verpakking.</li>
</ul>
<p>Dankzij deze eigenschappen is Cetearyl Alcohol een belangrijk onderdeel van veel huidverzorgingsformules &ndash; &oacute;&oacute;k voor de gevoelige huid.</p>
<h3>Samenstelling Dr. van der Hoog</h3>
<p>Alcoholen vormen een groep stoffen die onderling erg kunnen verschillen. De ene soort alcohol heeft andere eigenschappen en functies dan een andere.&nbsp;In onze producten zit een cetearyl alcohol die helemaal plantaardig is en wordt gewonnen uit kokosnoot- en palmpittenolie.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="VO9VAGG"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="BW18FL6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="MGF0PLA"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J5JYSO9"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="PD0CQNH">De werking van cetearyl alcohol</h2>
<p>In een product zorgt cetearyl alcohol ervoor dat je vet en water kunt mengen. Hierdoor kun je een cr&egrave;me maken die licht smeert, maar toch de goede eigenschappen van vet in zich heeft. Het vult namelijk de huideigen lipidenlaag aan en voorkomt dat water uit de bovenste huidlaag kan verdampen.&nbsp;</p>
<h2>Is cetearyl alcohol slecht voor de huid?</h2>
<p>Hoewel het woord &lsquo;alcohol&rsquo; vaak negatieve associaties oproept, is cetearyl alcohol in werkelijkheid mild en veilig voor bijna alle huidtypes. Het heeft niets te maken met de agressieve, uitdrogende alcoholen. Sterker nog: cetearyl alcohol wordt vaak juist toegevoegd om de huidbarri&egrave;re te ondersteunen. Maar weinig mensen reageren allergisch op cetearyl alcohol, daarnaast reageert de stof ook niet snel met andere stoffen.Hierdoor is het te gebruiken in bijna alle cr&egrave;mes en vormt het een goede en stabiele basis. Cetearyl alcohol heeft ook een invloed op de textuur van een product. In onze cr&egrave;mes zorgt het ervoor dat het product prettig uitsmeert.</p>
<p>Heb je een zeer gevoelige of allergiegevoelige huid? Dan is het altijd verstandig om nieuwe producten eerst te testen op een klein stukje huid.</p>
<h2>Andere soorten alcohol</h2>
<p>De vorm van alcohol die mensen niet graag in verzorging zien, is een alcohol die door vergisting van suikers wordt gemaakt. Dit is een heel ander proces en levert daarom ook een hele andere stof op. Deze vorm van alcohol wordt gebruikt om bacteri&euml;n te doden of de huid te ontvetten. In sommige gevallen is dit wel wenselijk, maar voor een hydraterend product is het wat minder geschikt.</p>
<h2>Wel of geen zorgen over cetearyl alcohol?</h2>
<p>Nee, je hoeft je geen zorgen te maken over cetearyl alcohol. Het is een veilig en huidvriendelijk ingredi&euml;nt, dat vaak ten onrechte wordt verward met uitdrogende alcoholsoorten. Wil je zeker weten dat je huid goed reageert op een product? Kies dan voor formules die speciaal zijn ontwikkeld voor de gevoelige huid.</p>
<p>Heb je meer vragen over je huid of huidverzorging? Stuur dan een berichtje naar <a tabindex="0" href="mailto:info@drvanderhoog.nl">info@drvanderhoog.nl</a>.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C0BMWUA"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="F5K0DAU"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC04644.jpg" alt="" title="" data-element="desktop_image" data-pb-style="N3RABBM"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/.renditions/wysiwyg/blog/DSC04644.jpg" alt="" title="" data-element="mobile_image" data-pb-style="J7OO464"></figure></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="L0UDFLF"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/1544/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="1544">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(1544)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/skincare-routine-gevoelige-huid" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Skincare routine - Gevoelige huid                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml, 50 ml, 100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart1544.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-1544.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/v/dvdh_-_grouped_products.png" loading="lazy" width="240" height="300" alt="Skincare routine - Gevoelige huid" title="Skincare routine - Gevoelige huid">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Skincare routine - Gevoelige huid</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a7f122()" @update-prices-1544.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="1544" data-price-box="product-id-1544"><div class="price-box">
        <p class="minimal-price">
        <span class="price-label">Vanaf</span><span class="price-container tax weee">
        <span data-price-amount="2.492601" data-price-type="" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>
    </p>
    </div>
</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart1544" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/66/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="66">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(66)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene enzympeeling                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a8ec17', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart66.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a8ec17" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a8ec17" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene enzympeeling</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart66" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/26/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="26">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(26)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a90e0f', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart26.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a90e0f" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a90e0f" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart26" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/24/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="24">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(24)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene anti-aging dag &amp; nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a92a69', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart24.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a92a69" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a92a69" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene anti-aging dag &amp; nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart24" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/23/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="23">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(23)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a951d2', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart23.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a951d2" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a951d2" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart23" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/22/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="22">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(22)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingslotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a97748', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart22.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a97748" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a97748" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingslotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart22" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/21/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="21">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(21)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingsmelk                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a99286', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart21.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a99286" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a99286" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingsmelk</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart21" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(25)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-25.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_nachtcre_me_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene nachtcr&egrave;me" title="Hypoallergene nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9b3c2()" @update-prices-25.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="25" data-price-box="product-id-25">
    <span x-data x-id="['product\u002Dprice\u002D25']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D25')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div>]]></description>
              <pubDate>Sat, 11 Jan 2025 01:00:00 +0000</pubDate>
           </item>
       <item>
      <title>Een Frisse Start: Huiddetox na de Feestdagen</title>
      <link>https://www.drvanderhoog.nl/blog/een-frisse-start-huiddetox-na-de-feestdagen</link>
      <guid>https://www.drvanderhoog.nl/blog/een-frisse-start-huiddetox-na-de-feestdagen</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=SB4DOGN],#html-body [data-pb-style=YEDCWWH]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YEDCWWH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=SB4DOGN]{align-self:stretch}#html-body [data-pb-style=OSAQA81]{display:flex;width:100%}#html-body [data-pb-style=DMHNIGV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=CK9Y39Q]{display:flex;width:100%}#html-body [data-pb-style=EFMES95],#html-body [data-pb-style=T1RRYDK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:66.6667%;align-self:stretch}#html-body [data-pb-style=T1RRYDK]{width:33.3333%}#html-body [data-pb-style=CWB8PL0]{border-style:none}#html-body [data-pb-style=DJYXA5K],#html-body [data-pb-style=Q8OCY5W]{max-width:100%;height:auto}#html-body [data-pb-style=X8IWW14]{display:flex;width:100%}#html-body [data-pb-style=JO4VYWV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}@media only screen and (max-width: 768px) { #html-body [data-pb-style=CWB8PL0]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="YEDCWWH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="SB4DOGN"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OSAQA81"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="DMHNIGV"><div data-content-type="text" data-appearance="default" data-element="main"><p>De feestdagen zijn voorbij en het nieuwe jaar is begonnen. Na een maand vol lekkernijen, feestmaaltijden, alcohol en drukke momenten kan je huid wel een reset gebruiken. De huid is een weerspiegeling van wat er van binnenuit gebeurt, en na de feestdagen heeft ze misschien wat extra aandacht nodig. In dit blog lees je hoe je jouw huid kunt helpen detoxen.</p>
<h3>Waarom detoxen na de Feestdagen?</h3>
<p>Tijdens de feestdagen worden we vaak blootgesteld aan ongezonde voeding, overmatig alcoholgebruik en verhoogde stress. Dit kan de huid uit balans brengen, waardoor je mogelijk last krijgt van een doffe teint, puistjes of een droge huid. Feestmaaltijden kunnen leiden tot een verhoogde suiker- en vetinname, wat de talgproductie kan verstoren. Alcohol werkt uitdrogend, en stress/ drukte heeft een negatieve invloed op de huidbarri&egrave;re, waardoor de huid vatbaarder wordt voor irritaties. En dan hebben we het nog niet gehad over de extra feestelijke make-up die misschien niet helemaal goed verwijderd is na een gezellige avond.</p>
<p>Daarom is het belangrijk om na de feestdagen je huid een reset te geven. Dit betekent niet alleen het reinigen van de huid, maar ook het ondersteunen van het herstelproces van binnenuit.</p>
<h3>Het herstellend vermogen van de huid</h3>
<p>De huid is een zelf herstellend orgaan. Dagelijks produceert de huid talg om zichzelf te beschermen en te reinigen. Talgklieren in de huid helpen om het vochtgehalte op peil te houden en beschermen tegen invloeden van buitenaf. Pori&euml;n werken als uitgangen voor talg en dode huidcellen. Als deze pori&euml;n verstopt raken door overtollige talg, vuil of make-up, kan dit leiden tot onzuiverheden of ontstekingen.</p>
<p>Het zelfherstellende vermogen van de huid kan worden ondersteund door een goede verzorging, waaronder reiniging, exfoliatie en het gebruik van hydraterende producten. Een huiddetox helpt je om dit proces te versnellen.</p></div></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="CK9Y39Q"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EFMES95"><div data-content-type="text" data-appearance="default" data-element="main"><h3>DE BELANGRIJKSTE STAPPEN VOOR EEN HUIDDETOX:</h3>
<ol>
<li><strong>Reiniging:</strong><br>Begin elke dag met een milde reiniging om vuil, make-up en overtollige talg te verwijderen. Het is belangrijk om een reiniger te kiezen die niet te agressief is, zodat je de natuurlijke huidbarri&egrave;re niet beschadigt. Dr. Van der Hoog heeft een uitgebreid assortiment aan reinigers, face wash en cleansers voor &nbsp;verschillende huidtypen. <a tabindex="0" href="https://www.drvanderhoog.nl/reinigen">(bekijk het assortiment)</a></li>
<li><strong>Exfoli&euml;ren:</strong><br>Exfolieer je huid &eacute;&eacute;n of twee keer per week om dode huidcellen te verwijderen. Dit helpt bij het vernieuwen van de huid en zorgt ervoor dat pori&euml;n minder snel verstopt raken. Dr. Van der Hoog heeft producten die je kunnen helpen bij het exfoli&euml;ren. Probeer bijvoorbeeld eens onze nieuwe<a tabindex="0" href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling"> hypoallergene Enzym-peeling</a>.</li>
<li><strong>Hydratatie:</strong><br>Hydrateer je huid dagelijks om uitdroging te voorkomen. Dit is essentieel voor het herstel van de huidbarri&egrave;re, die ervoor zorgt dat de huid beschermd blijft tegen invloeden van buitenaf. Kies voor een van de verzorgende dag- en nachtcr&egrave;mes van Dr. Van der Hoog. En om je huid een extra boost te geven kun je bijvoorbeeld ons <a tabindex="0" href="https://www.drvanderhoog.nl/green-caviar-boost-serum">hydraterende Boost Serum</a> gebruiken.</li>
<li><strong>Detoxmaskers:</strong><br><a href="https://www.drvanderhoog.nl/maskers">Maskers</a> kunnen helpen om de huid diep te reinigen. Kleimaskers of maskers met actieve ingredi&euml;nten kunnen onzuiverheden absorberen en je huid helpen om weer stralend te worden. Dr. Van der Hoog heeft een masker voor iedere huidbehoefte.</li>
</ol></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T1RRYDK"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="CWB8PL0"><img class="pagebuilder-mobile-hidden" src="https://www.drvanderhoog.nl/media/wysiwyg/Kopie_van_DVDH_-_Social_Organic_-_December_2024_1_.jpg" alt="" title="" data-element="desktop_image" data-pb-style="DJYXA5K"><img class="pagebuilder-mobile-only" src="https://www.drvanderhoog.nl/media/wysiwyg/Kopie_van_DVDH_-_Social_Organic_-_December_2024_1_.jpg" alt="" title="" data-element="mobile_image" data-pb-style="Q8OCY5W"></figure></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="X8IWW14"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JO4VYWV"><div data-content-type="text" data-appearance="default" data-element="main"><h3>GEZONDE VOEDING EN LIFESTYLE VOOR EEN STRALENDE HUID</h3>
<p>Naast huidverzorging is het belangrijk om ook van binnenuit goed voor je huid te zorgen. Een gezonde voeding met veel groenten, fruit en antioxidanten ondersteunt de huid. Vermijd te veel suiker en alcohol, die de huid kunnen uitdrogen en ontstekingen kunnen veroorzaken.</p>
<p>Zorg ook voor voldoende slaap, want dit is de tijd waarop de huid zich het beste kan herstellen. Stress heeft een negatieve invloed op je huid, dus probeer momenten van ontspanning in je dagelijkse routine in te bouwen.</p>
<p>Wil je na de detox vasthouden aan het behoud van een stralende huid? Volg dan <a tabindex="-1" href="https://www.drvanderhoog.nl/blog/de-perfecte-huidverzorgingsroutine-volgens-dr-van-der-hoog">onze huidverzorgingsroutine.</a></p></div></div></div></div></div></div>]]></description>
              <pubDate>Thu, 09 Jan 2025 01:00:00 +0000</pubDate>
           </item>
       <item>
      <title>De perfecte huidverzorgingsroutine volgens Dr. van der Hoog</title>
      <link>https://www.drvanderhoog.nl/blog/de-perfecte-huidverzorgingsroutine-volgens-dr-van-der-hoog</link>
      <guid>https://www.drvanderhoog.nl/blog/de-perfecte-huidverzorgingsroutine-volgens-dr-van-der-hoog</guid>
      <description><![CDATA[<style>#html-body [data-pb-style=EW8FCRJ],#html-body [data-pb-style=OSE1UVM]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=EW8FCRJ]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=OSE1UVM]{align-self:stretch}#html-body [data-pb-style=H2ETS8D]{display:flex;width:100%}#html-body [data-pb-style=B0X4SCC]{justify-content:flex-start;display:flex;flex-direction:column;width:100%;align-self:stretch}#html-body [data-pb-style=B0X4SCC],#html-body [data-pb-style=NM9Y1ON],#html-body [data-pb-style=WXDB686]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=NM9Y1ON]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=WXDB686]{align-self:stretch}#html-body [data-pb-style=J58VERE]{display:flex;width:100%}#html-body [data-pb-style=C58HCT6]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=C58HCT6],#html-body [data-pb-style=OSXX71C]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=T2Q2PEV]{display:flex;width:100%}#html-body [data-pb-style=OGP73PF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=K6MKOC3]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=K6MKOC3],#html-body [data-pb-style=KRQHKLF]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=GBJP8Y8]{display:flex;width:100%}#html-body [data-pb-style=A80O7HX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=UWNKM9R]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=K1SR1RV],#html-body [data-pb-style=UWNKM9R]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=HLNLPHU]{display:flex;width:100%}#html-body [data-pb-style=P3X5GIY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=FMV9MQW]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=FMV9MQW],#html-body [data-pb-style=HSB6CVR]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=JPCMMN8]{display:flex;width:100%}#html-body [data-pb-style=HAX004S],#html-body [data-pb-style=TRP4POO]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=HAX004S]{width:66.6667%}#html-body [data-pb-style=MY1X2PH]{display:flex;width:100%}#html-body [data-pb-style=B2F8U2E]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=B2F8U2E],#html-body [data-pb-style=GPF1VHW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=J797WRN]{display:flex;width:100%}#html-body [data-pb-style=MXALYLN]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=LQHX4J4]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=LQHX4J4],#html-body [data-pb-style=UI87JNH]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=HVY8JLU]{display:flex;width:100%}#html-body [data-pb-style=J6LAXRQ]{justify-content:flex-start;display:flex;flex-direction:column;width:100%}#html-body [data-pb-style=J6LAXRQ],#html-body [data-pb-style=LJKMNGL]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=ID78LHL]{display:flex;width:100%}#html-body [data-pb-style=TL3LDU1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=ODVGQVA]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=G6ORJ2S],#html-body [data-pb-style=ODVGQVA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=CCJPPI8]{display:flex;width:100%}#html-body [data-pb-style=EBNBLEF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GP908UP]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=GP908UP],#html-body [data-pb-style=TBY1TFO]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=P8V152P]{display:flex;width:100%}#html-body [data-pb-style=P3009ML]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=MRSNC4D]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=MRSNC4D],#html-body [data-pb-style=TDPM3PA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=KPSNQG7]{display:flex;width:100%}#html-body [data-pb-style=L8HD2UY],#html-body [data-pb-style=PMWME7D]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=L8HD2UY]{width:66.6667%}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="EW8FCRJ"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="OSE1UVM"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="H2ETS8D"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="B0X4SCC"><div data-content-type="text" data-appearance="default" data-element="main"><p>Een gezonde, stralende huid begint bij de juiste verzorging. Of je nu te maken hebt met een doffe huid, droogte of onzuiverheden, een consistente routine is de sleutel tot succes. Dr. Van der Hoog biedt een eenvoudige maar effectieve aanpak om je huid optimaal te verzorgen. Van reinigen en exfoli&euml;ren tot hydrateren en beschermen &ndash; met deze stappen geef je je huid precies wat ze nodig heeft. Ontdek hieronder hoe je jouw huidverzorging naar een hoger niveau tilt.</p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="NM9Y1ON"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="WXDB686"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="J58VERE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C58HCT6"><div data-content-type="text" data-appearance="default" data-element="main"><h2 id="ELINBGY"><strong>Stap 1: Reinig mild &amp; effectief</strong></h2>
<p><strong>Een schone huid is de basis van elke skincare routine. Door dagelijks te reinigen, verwijder je make-up, vuil en overtollig talg, waardoor je huid fris en gezond blijft.</strong></p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="OSXX71C"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T2Q2PEV"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="OGP73PF"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Make-up verwijderen (avond - dagelijks)</strong></h3>
<p>Gedurende de dag hoopt make-up zich op en kan dit je pori&euml;n verstoppen. Gebruik een zachte make-up remover om je huid schoon en ademend te houden.</p>
<p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K6MKOC3"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/31/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="31">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(31)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/oog-lip-reinigingslotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-31.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallegeen_make-up_remover.png" loading="lazy" width="240" height="300" alt="Oog &amp; lip reinigingslotion" title="Oog &amp; lip reinigingslotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/oog-lip-reinigingslotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Oog &amp; lip reinigingslotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            150 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b66047()" @update-prices-31.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="31" data-price-box="product-id-31">
    <span x-data x-id="['product\u002Dprice\u002D31']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D31')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b66058', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart31.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b66058" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b66058" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-31.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallegeen_make-up_remover.png" loading="lazy" width="240" height="300" alt="Oog &amp; lip reinigingslotion" title="Oog &amp; lip reinigingslotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Oog &amp; lip reinigingslotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b66047()" @update-prices-31.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="31" data-price-box="product-id-31">
    <span x-data x-id="['product\u002Dprice\u002D31']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D31')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart31" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/21/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="21">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(21)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingsmelk" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingsmelk                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a99286', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart21.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a99286" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a99286" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-21.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/1/0/1000x1000_ha-rm.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingsmelk" title="Hypoallergene reinigingsmelk">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingsmelk</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a9927e()" @update-prices-21.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="21" data-price-box="product-id-21">
    <span x-data x-id="['product\u002Dprice\u002D21']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D21')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart21" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="KRQHKLF"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="GBJP8Y8"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="A80O7HX"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Cleanser (ochtend &amp; avond - dagelijks)</strong></h3>
<p>Een cleanser verwijdert vuil, talg en onzuiverheden die zich in de loop van de dag of nacht op je huid hebben opgehoopt. Dit helpt je huid fris en in balans te blijven.</p>
<p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UWNKM9R"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/4/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="4">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(4)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clearskin-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-4.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-fw.png" loading="lazy" width="240" height="300" alt="ClearSkin face wash" title="ClearSkin face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clearskin-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        ClearSkin face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b771f9()" @update-prices-4.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="4" data-price-box="product-id-4">
    <span x-data x-id="['product\u002Dprice\u002D4']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D4')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b77209', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart4.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b77209" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b77209" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-4.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-fw.png" loading="lazy" width="240" height="300" alt="ClearSkin face wash" title="ClearSkin face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">ClearSkin face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b771f9()" @update-prices-4.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="4" data-price-box="product-id-4">
    <span x-data x-id="['product\u002Dprice\u002D4']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D4')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart4" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/15/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="15">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(15)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clear-beauty-citrus-face" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-15.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/b/a/ba-cb-citruc_face_wash.png" loading="lazy" width="240" height="300" alt="Balancing Clear Beauty Citrus Face wash" title="Balancing Clear Beauty Citrus Face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clear-beauty-citrus-face" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing Clear Beauty Citrus Face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b7c12c()" @update-prices-15.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="15" data-price-box="product-id-15">
    <span x-data x-id="['product\u002Dprice\u002D15']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D15')" data-price-amount="11.991101" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;11,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b7c139', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart15.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b7c139" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b7c139" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-15.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/b/a/ba-cb-citruc_face_wash.png" loading="lazy" width="240" height="300" alt="Balancing Clear Beauty Citrus Face wash" title="Balancing Clear Beauty Citrus Face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing Clear Beauty Citrus Face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b7c12c()" @update-prices-15.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="15" data-price-box="product-id-15">
    <span x-data x-id="['product\u002Dprice\u002D15']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D15')" data-price-amount="11.991101" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;11,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart15" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/26/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="26">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(26)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene face wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a90e0f', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart26.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a90e0f" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a90e0f" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-26.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_face_wash_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene face wash" title="Hypoallergene face wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene face wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a90e07()" @update-prices-26.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="26" data-price-box="product-id-26">
    <span x-data x-id="['product\u002Dprice\u002D26']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart26" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/18/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="18">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(18)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydra-foaming-face-wash" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-18.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-ffw.jpg" loading="lazy" width="240" height="300" alt="Hydraterende Foaming Face Wash" title="Hydraterende Foaming Face Wash">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydra-foaming-face-wash" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende Foaming Face Wash                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            150 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b7f3d2()" @update-prices-18.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="18" data-price-box="product-id-18">
    <span x-data x-id="['product\u002Dprice\u002D18']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D18')" data-price-amount="14.991901" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;14,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b7f3de', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart18.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b7f3de" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b7f3de" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-18.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-ffw.jpg" loading="lazy" width="240" height="300" alt="Hydraterende Foaming Face Wash" title="Hydraterende Foaming Face Wash">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende Foaming Face Wash</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b7f3d2()" @update-prices-18.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="18" data-price-box="product-id-18">
    <span x-data x-id="['product\u002Dprice\u002D18']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D18')" data-price-amount="14.991901" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;14,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart18" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/7/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="7">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(7)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clearskin-cleansing-lotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-7.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-cl.png" loading="lazy" width="240" height="300" alt="ClearSkin cleansing lotion" title="ClearSkin cleansing lotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clearskin-cleansing-lotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        ClearSkin cleansing lotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b83951()" @update-prices-7.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="7" data-price-box="product-id-7">
    <span x-data x-id="['product\u002Dprice\u002D7']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D7')" data-price-amount="7.986001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;7,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b8395a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart7.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b8395a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b8395a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-7.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-cl.png" loading="lazy" width="240" height="300" alt="ClearSkin cleansing lotion" title="ClearSkin cleansing lotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">ClearSkin cleansing lotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b83951()" @update-prices-7.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="7" data-price-box="product-id-7">
    <span x-data x-id="['product\u002Dprice\u002D7']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D7')" data-price-amount="7.986001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;7,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart7" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="K1SR1RV"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HLNLPHU"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P3X5GIY"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Toner (ochtend &amp; avond - dagelijks)</strong></h3>
<p>Een toner herstelt de pH-waarde van je huid en bereidt deze voor op de volgende verzorgingsstappen. Het helpt ook om de laatste restjes vuil en make-up te verwijderen.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FMV9MQW"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/22/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="22">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(22)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-reinigingslotion" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene reinigingslotion                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            200 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a97748', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart22.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a97748" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a97748" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-22.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_reinigingslotion_1.png" loading="lazy" width="240" height="300" alt="Hypoallergene reinigingslotion" title="Hypoallergene reinigingslotion">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene reinigingslotion</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a97740()" @update-prices-22.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="22" data-price-box="product-id-22">
    <span x-data x-id="['product\u002Dprice\u002D22']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D22')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart22" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/14/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="14">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(14)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clear-beauty-deep-cleanser" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-14.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/6/d66f9583e7dfcf63453d14b8fad2b1ac3cc3f7772a4f3764df45738f3534ceca.png" loading="lazy" width="240" height="300" alt="Clear Beauty Deep Cleanser" title="Clear Beauty Deep Cleanser">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clear-beauty-deep-cleanser" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Clear Beauty Deep Cleanser                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            150 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b90ad7()" @update-prices-14.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="14" data-price-box="product-id-14">
    <span x-data x-id="['product\u002Dprice\u002D14']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D14')" data-price-amount="12.995401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b90ae3', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart14.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b90ae3" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b90ae3" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-14.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/d/6/d66f9583e7dfcf63453d14b8fad2b1ac3cc3f7772a4f3764df45738f3534ceca.png" loading="lazy" width="240" height="300" alt="Clear Beauty Deep Cleanser" title="Clear Beauty Deep Cleanser">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Clear Beauty Deep Cleanser</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b90ad7()" @update-prices-14.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="14" data-price-box="product-id-14">
    <span x-data x-id="['product\u002Dprice\u002D14']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D14')" data-price-amount="12.995401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart14" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="HSB6CVR"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="JPCMMN8"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TRP4POO"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Exfoliant (avond - om de dag)</strong></h3>
<p>Een exfoliant helpt dode huidcellen te verwijderen en stimuleert celvernieuwing. Dit zorgt voor een gladdere, stralendere huid en voorkomt verstoppingen.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HAX004S"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/5/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="5">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(5)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clearskin-scrub-gel" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-5.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-scrub_gel.png" loading="lazy" width="240" height="300" alt="ClearSkin scrub gel" title="ClearSkin scrub gel">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clearskin-scrub-gel" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        ClearSkin scrub gel                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b9bd1a()" @update-prices-5.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="5" data-price-box="product-id-5">
    <span x-data x-id="['product\u002Dprice\u002D5']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D5')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b9bd25', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart5.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b9bd25" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b9bd25" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-5.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-scrub_gel.png" loading="lazy" width="240" height="300" alt="ClearSkin scrub gel" title="ClearSkin scrub gel">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">ClearSkin scrub gel</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b9bd1a()" @update-prices-5.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="5" data-price-box="product-id-5">
    <span x-data x-id="['product\u002Dprice\u002D5']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D5')" data-price-amount="9.994601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart5" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/30/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="30">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(30)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/scrubcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-30.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/5/6/565acc6ce8806776b9c8eba57fe0955e02066895a6f97e3a9e14aa31a90ca4f7.png" loading="lazy" width="240" height="300" alt="Scrubcr&egrave;me" title="Scrubcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/scrubcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Scrubcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            100 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ba06d2()" @update-prices-30.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="30" data-price-box="product-id-30">
    <span x-data x-id="['product\u002Dprice\u002D30']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D30')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ba06dd', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart30.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ba06dd" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ba06dd" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-30.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/5/6/565acc6ce8806776b9c8eba57fe0955e02066895a6f97e3a9e14aa31a90ca4f7.png" loading="lazy" width="240" height="300" alt="Scrubcr&egrave;me" title="Scrubcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Scrubcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ba06d2()" @update-prices-30.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="30" data-price-box="product-id-30">
    <span x-data x-id="['product\u002Dprice\u002D30']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D30')" data-price-amount="9.244401" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;9,24</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart30" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/66/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="66">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(66)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-enzympeeling" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene enzympeeling                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a8ec17', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart66.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a8ec17" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a8ec17" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-66.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/a/ha-enzymp.png" loading="lazy" width="240" height="300" alt="Hypoallergene enzympeeling" title="Hypoallergene enzympeeling">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene enzympeeling</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a8ec0c()" @update-prices-66.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="66" data-price-box="product-id-66">
    <span x-data x-id="['product\u002Dprice\u002D66']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D66')" data-price-amount="21.985701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart66" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="MY1X2PH"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="B2F8U2E"><div data-content-type="text" data-appearance="default" data-element="main"><h2><strong>Stap 2:&nbsp; Boost je huid met een ontspannend masker</strong></h2>
<p><strong>Een masker is een wekelijkse boost voor je huid. Het voorziet je huid van extra verzorging en werkt diep in op specifieke huidbehoeften.</strong></p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GPF1VHW"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="J797WRN"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MXALYLN"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Aanbrengen masker (avond - 1x per week)</strong></h3>
<p>Een masker biedt intensieve hydratatie, kalmeert de huid of helpt bij het verminderen van onzuiverheden, afhankelijk van je huidtype en behoefte. Breng het aan op een gereinigde huid en laat het intrekken volgens de instructies.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LQHX4J4"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<div class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
     ">

                    <div x-data="initWishlist()" @click.prevent="addToWishlist(50)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-50.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-hyaluron.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker hyaluronzuur" title="Cr&egrave;memasker hyaluronzuur">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-hyaluronzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker hyaluronzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ab25b9()" @update-prices-50.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="50" data-price-box="product-id-50">
    <span x-data x-id="['product\u002Dprice\u002D50']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D50')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                    </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-vanhoog-900">Niet op voorraad</span>
                </p>
    </div>

<!-- Closing depending on status -->
</div>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/47/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="47">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(47)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-zee-algen" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker zee-algen                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abb420', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart47.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abb420" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abb420" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-47.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-kzalgen.png" loading="lazy" width="240" height="300" alt="Kleimasker zee-algen" title="Kleimasker zee-algen">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker zee-algen</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abb415()" @update-prices-47.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="47" data-price-box="product-id-47">
    <span x-data x-id="['product\u002Dprice\u002D47']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D47')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart47" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/41/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="41">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(41)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/moddermasker-dode-zee-modder" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Moddermasker dode zee-modder                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8abe325', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart41.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8abe325" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8abe325" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-41.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-modderdodez.png" loading="lazy" width="240" height="300" alt="Moddermasker dode zee-modder" title="Moddermasker dode zee-modder">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Moddermasker dode zee-modder</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8abe318()" @update-prices-41.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="41" data-price-box="product-id-41">
    <span x-data x-id="['product\u002Dprice\u002D41']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D41')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart41" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/46/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="46">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(46)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/kleimasker-lava" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Kleimasker lava                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac0a6e', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart46.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac0a6e" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac0a6e" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/k/l/kleimasker_lava.png" loading="lazy" width="240" height="300" alt="Kleimasker lava" title="Kleimasker lava">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Kleimasker lava</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac0a62()" @update-prices-46.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46">
    <span x-data x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D46')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart46" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/45/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="45">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(45)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/peel-off-masker-honing" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Peel-off masker honing                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac2df5', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart45.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac2df5" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac2df5" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-45.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-honing.png" loading="lazy" width="240" height="300" alt="Peel-off masker honing" title="Peel-off masker honing">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Peel-off masker honing</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac2dea()" @update-prices-45.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="45" data-price-box="product-id-45">
    <span x-data x-id="['product\u002Dprice\u002D45']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart45" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/43/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="43">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(43)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-avocado" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker avocado                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac507a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart43.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac507a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac507a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-43.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-avo_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker avocado" title="Cr&egrave;memasker avocado">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker avocado</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac5070()" @update-prices-43.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="43" data-price-box="product-id-43">
    <span x-data x-id="['product\u002Dprice\u002D43']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D43')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart43" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/40/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="40">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(40)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-fruitzuur" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker fruitzuur                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ac97b3', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart40.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ac97b3" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ac97b3" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-40.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-frzuur.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker fruitzuur" title="Cr&egrave;memasker fruitzuur">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker fruitzuur</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ac97ab()" @update-prices-40.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="40" data-price-box="product-id-40">
    <span x-data x-id="['product\u002Dprice\u002D40']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart40" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/55/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="55">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(55)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/crememasker-vitamine-c" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Cr&egrave;memasker Vitamine C                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8acb738', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart55.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8acb738" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8acb738" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-55.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/m/a/ma-vitc_1.png" loading="lazy" width="240" height="300" alt="Cr&egrave;memasker Vitamine C" title="Cr&egrave;memasker Vitamine C">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Cr&egrave;memasker Vitamine C</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8acb731()" @update-prices-55.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="55" data-price-box="product-id-55">
    <span x-data x-id="['product\u002Dprice\u002D55']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D55')" data-price-amount="2.492601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;2,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart55" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="UI87JNH"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HVY8JLU"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J6LAXRQ"><div data-content-type="text" data-appearance="default" data-element="main"><h2><strong>Stap 3: Gebruik een hydraterend serum</strong></h2>
<p><strong>Na het reinigen heeft je huid behoefte aan voedende en hydraterende producten om gezond en in balans te blijven.</strong></p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="LJKMNGL"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="ID78LHL"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TL3LDU1"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Serum (ochtend &amp; avond - dagelijks)</strong></h3>
<p>Een serum bevat geconcentreerde werkstoffen die diep in de huid doordringen om specifieke huidproblemen aan te pakken, zoals hydratatie, anti-aging of versteviging</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ODVGQVA"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/12/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="12">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(12)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-12.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-serum_combi.png" loading="lazy" width="240" height="300" alt="Anti-Aging Serum" title="Anti-Aging Serum">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-Aging Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b14bd4()" @update-prices-12.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="12" data-price-box="product-id-12">
    <span x-data x-id="['product\u002Dprice\u002D12']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D12')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b14be7', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart12.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b14be7" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b14be7" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-12.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-serum_combi.png" loading="lazy" width="240" height="300" alt="Anti-Aging Serum" title="Anti-Aging Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-Aging Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b14bd4()" @update-prices-12.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="12" data-price-box="product-id-12">
    <span x-data x-id="['product\u002Dprice\u002D12']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D12')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart12" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/17/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="17">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(17)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/green-caviar-boost-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-17.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_boost_serum_1000x1000.png" loading="lazy" width="240" height="300" alt="Hydraterende Boost Serum" title="Hydraterende Boost Serum">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/green-caviar-boost-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende Boost Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0925f()" @update-prices-17.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="17" data-price-box="product-id-17">
    <span x-data x-id="['product\u002Dprice\u002D17']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D17')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b09276', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart17.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b09276" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b09276" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-17.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_boost_serum_1000x1000.png" loading="lazy" width="240" height="300" alt="Hydraterende Boost Serum" title="Hydraterende Boost Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende Boost Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0925f()" @update-prices-17.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="17" data-price-box="product-id-17">
    <span x-data x-id="['product\u002Dprice\u002D17']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D17')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart17" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/61/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="61">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(61)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-vitamine-c-serum" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-61.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/v/i/vit-c-combi_met_new.png" loading="lazy" width="240" height="300" alt="Balancing Vitamine C Serum" title="Balancing Vitamine C Serum">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-vitamine-c-serum" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing Vitamine C Serum                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            30 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b1d998()" @update-prices-61.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="61" data-price-box="product-id-61">
    <span x-data x-id="['product\u002Dprice\u002D61']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D61')" data-price-amount="24.950201" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;24,95</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b1d9a1', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart61.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b1d9a1" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b1d9a1" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-61.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/v/i/vit-c-combi_met_new.png" loading="lazy" width="240" height="300" alt="Balancing Vitamine C Serum" title="Balancing Vitamine C Serum">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing Vitamine C Serum</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b1d998()" @update-prices-61.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="61" data-price-box="product-id-61">
    <span x-data x-id="['product\u002Dprice\u002D61']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D61')" data-price-amount="24.950201" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;24,95</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart61" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G6ORJ2S"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="CCJPPI8"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EBNBLEF"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Oogcr&egrave;me (ochtend &amp; avond - dagelijks)</strong></h3>
<p>De huid rondom de ogen is dun en gevoelig, waardoor deze extra verzorging nodig heeft. Een oogcr&egrave;me hydrateert en helpt fijne lijntjes en wallen te verminderen.</p>
<p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GP908UP"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/11/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="11">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(11)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/oogcreme-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-11.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-oogc_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging Oogcr&egrave;me " title="Anti-aging Oogcr&egrave;me ">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/oogcreme-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging Oogcr&egrave;me                     </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            15 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0ff84()" @update-prices-11.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="11" data-price-box="product-id-11">
    <span x-data x-id="['product\u002Dprice\u002D11']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D11')" data-price-amount="13.987601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b0ff91', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart11.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b0ff91" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b0ff91" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-11.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-oogc_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging Oogcr&egrave;me " title="Anti-aging Oogcr&egrave;me ">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging Oogcr&egrave;me </span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b0ff84()" @update-prices-11.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="11" data-price-box="product-id-11">
    <span x-data x-id="['product\u002Dprice\u002D11']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D11')" data-price-amount="13.987601" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;13,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart11" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="TBY1TFO"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="P8V152P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P3009ML"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Dagcr&egrave;me (ochtend - dagelijks)</strong></h3>
<p>Overdag heeft je huid bescherming en hydratatie nodig. Een dagcr&egrave;me helpt de huidbarri&egrave;re te versterken en biedt een goede basis voor make-up.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MRSNC4D"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/35/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="35">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(35)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-dagcreme-spf" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-35.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-dag-spf.png" loading="lazy" width="240" height="300" alt="Anti-aging dagcr&egrave;me SPF" title="Anti-aging dagcr&egrave;me SPF">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-dagcreme-spf" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging dagcr&egrave;me SPF                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ae8036()" @update-prices-35.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="35" data-price-box="product-id-35">
    <span x-data x-id="['product\u002Dprice\u002D35']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D35')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8ae8044', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart35.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8ae8044" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8ae8044" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-35.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-dag-spf.png" loading="lazy" width="240" height="300" alt="Anti-aging dagcr&egrave;me SPF" title="Anti-aging dagcr&egrave;me SPF">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging dagcr&egrave;me SPF</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8ae8036()" @update-prices-35.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="35" data-price-box="product-id-35">
    <span x-data x-id="['product\u002Dprice\u002D35']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D35')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart35" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/24/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="24">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(24)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergene-anti-aging" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene anti-aging dag &amp; nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a92a69', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart24.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a92a69" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a92a69" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-24.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_anti-aging_dag-_en_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me" title="Hypoallergene anti-aging dag &amp; nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene anti-aging dag &amp; nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a92a5f()" @update-prices-24.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="24" data-price-box="product-id-24">
    <span x-data x-id="['product\u002Dprice\u002D24']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D24')" data-price-amount="20.993501" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;20,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart24" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/23/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="23">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(23)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hypoallergeen-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hypoallergene dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8a951d2', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart23.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8a951d2" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8a951d2" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-23.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hypoallergeen_dagcre_me.png" loading="lazy" width="240" height="300" alt="Hypoallergene dagcr&egrave;me" title="Hypoallergene dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hypoallergene dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8a951c3()" @update-prices-23.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="23" data-price-box="product-id-23">
    <span x-data x-id="['product\u002Dprice\u002D23']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D23')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart23" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/16/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="16">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(16)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydra-24h-moisture-cream" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-16.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_24_h_moisturizing_gelcre_me_50ml.png" loading="lazy" width="240" height="300" alt="Hydraterende 24H Moisture Cream" title="Hydraterende 24H Moisture Cream">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydra-24h-moisture-cream" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende 24H Moisture Cream                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b05770()" @update-prices-16.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="16" data-price-box="product-id-16">
    <span x-data x-id="['product\u002Dprice\u002D16']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D16')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b05778', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart16.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b05778" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b05778" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-16.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_24_h_moisturizing_gelcre_me_50ml.png" loading="lazy" width="240" height="300" alt="Hydraterende 24H Moisture Cream" title="Hydraterende 24H Moisture Cream">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende 24H Moisture Cream</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b05770()" @update-prices-16.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="16" data-price-box="product-id-16">
    <span x-data x-id="['product\u002Dprice\u002D16']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D16')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                                <span class="text-[14px] text-vanhoog-900 mx-1" itemprop="ratingValue">5</span>
            <span class="text-[14px] text-vanhoog-600 underline" itemprop="reviewCount">(1)</span>
            </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart16" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/13/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="13">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(13)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-regulerende-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-13.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710260_balancing-regulerende-dagcreme-combi.png" loading="lazy" width="240" height="300" alt="Balancing regulerende dagcr&egrave;me, 50ml" title="Balancing regulerende dagcr&egrave;me, 50ml">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-regulerende-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing regulerende dagcr&egrave;me, 50ml                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b2391d()" @update-prices-13.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="13" data-price-box="product-id-13">
    <span x-data x-id="['product\u002Dprice\u002D13']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D13')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b23929', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart13.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b23929" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b23929" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-13.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710260_balancing-regulerende-dagcreme-combi.png" loading="lazy" width="240" height="300" alt="Balancing regulerende dagcr&egrave;me, 50ml" title="Balancing regulerende dagcr&egrave;me, 50ml">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing regulerende dagcr&egrave;me, 50ml</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b2391d()" @update-prices-13.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="13" data-price-box="product-id-13">
    <span x-data x-id="['product\u002Dprice\u002D13']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D13')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart13" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/9/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="9">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(9)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydraterend-dagcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-9.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_dagcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende dagcr&egrave;me" title="Hydraterende dagcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydraterend-dagcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende dagcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8af2141()" @update-prices-9.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="9" data-price-box="product-id-9">
    <span x-data x-id="['product\u002Dprice\u002D9']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D9')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8af214b', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart9.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8af214b" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8af214b" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-9.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_dagcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende dagcr&egrave;me" title="Hydraterende dagcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende dagcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8af2141()" @update-prices-9.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="9" data-price-box="product-id-9">
    <span x-data x-id="['product\u002Dprice\u002D9']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D9')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart9" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/6/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="6">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(6)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/clearskin-day-night-control" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-6.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-d_n.png" loading="lazy" width="240" height="300" alt="ClearSkin day &amp; night control" title="ClearSkin day &amp; night control">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/clearskin-day-night-control" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        ClearSkin day &amp; night control                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b19f33()" @update-prices-6.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="6" data-price-box="product-id-6">
    <span x-data x-id="['product\u002Dprice\u002D6']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D6')" data-price-amount="10.490701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b19f3c', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart6.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b19f3c" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b19f3c" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-6.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/c/s/cs-d_n.png" loading="lazy" width="240" height="300" alt="ClearSkin day &amp; night control" title="ClearSkin day &amp; night control">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">ClearSkin day &amp; night control</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b19f33()" @update-prices-6.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="6" data-price-box="product-id-6">
    <span x-data x-id="['product\u002Dprice\u002D6']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D6')" data-price-amount="10.490701" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart6" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="TDPM3PA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KPSNQG7"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PMWME7D"><div data-content-type="text" data-appearance="default" data-element="main"><h3><strong>Nachtcr&egrave;me (avond - dagelijks)</strong></h3>
<p>Tijdens de nacht herstelt je huid zich. Een voedende nachtcr&egrave;me ondersteunt dit natuurlijke herstelproces en zorgt ervoor dat je wakker wordt met een frisse, gehydrateerde huid.</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="L8HD2UY"><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><div class="glider-contain product-items widget-product-carousel">
        <div data-role="glider-content" class="mx-auto grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/1757/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="1757">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(1757)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/balancing-nachtcreme-1" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-1757.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710970_balancing-nachtcreme-combi_1.png" loading="lazy" width="240" height="300" alt="Balancing nachtcr&egrave;me" title="Balancing nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/balancing-nachtcreme-1" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Balancing nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b20f84()" @update-prices-1757.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="1757" data-price-box="product-id-1757">
    <span x-data x-id="['product\u002Dprice\u002D1757']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D1757')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b20f8c', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart1757.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b20f8c" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b20f8c" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-1757.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/8/7/8711869710970_balancing-nachtcreme-combi_1.png" loading="lazy" width="240" height="300" alt="Balancing nachtcr&egrave;me" title="Balancing nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Balancing nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b20f84()" @update-prices-1757.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="1757" data-price-box="product-id-1757">
    <span x-data x-id="['product\u002Dprice\u002D1757']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D1757')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                                                                                </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart1757" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/36/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="36">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(36)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/anti-aging-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-36.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-nacht_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging nachtcr&egrave;me" title="Anti-aging nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/anti-aging-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Anti-aging nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8aed390()" @update-prices-36.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="36" data-price-box="product-id-36">
    <span x-data x-id="['product\u002Dprice\u002D36']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D36')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8aed39a', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart36.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8aed39a" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8aed39a" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-36.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/a/a/aa-nacht_combi.png" loading="lazy" width="240" height="300" alt="Anti-aging nachtcr&egrave;me" title="Anti-aging nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Anti-aging nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8aed390()" @update-prices-36.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="36" data-price-box="product-id-36">
    <span x-data x-id="['product\u002Dprice\u002D36']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D36')" data-price-amount="22.990001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;22,99</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart36" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                            
<form method="post" action="https://www.drvanderhoog.nl/checkout/cart/add/uenc/%25uenc%25/product/10/" class="product-item product_addtocart_form bg-white rounded-md flex flex-col hover:shadow-[0_20px_25px_-5px_rgba(172,170,170,0.1),0_8px_10px_-6px_rgba(4,4,4,0.1)] transition rounded-md
                 ">

        <input type="hidden" name="product" value="10">


                    <div x-data="initWishlist()" @click.prevent="addToWishlist(10)" aria-label="Voeg toe aan verlanglijst" class="cursor-pointer rounded-full w-12 h-12 p-0 border-0 inline-flex shrink-0 absolute t-6 l-6
                                   items-center justify-center text-vanhoog-900 hover:text-vanhoog-600 transition">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
<title>heart</title></svg>
            </div>
        
        <a href="https://www.drvanderhoog.nl/hydraterend-nachtcreme" class="product bg-vanhoog-200 photo product-item-photo mb-2 flex align-center justify-center " tabindex="-1">
            <img class="object-contain product-image-photo" x-data="" @update-gallery-10.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende nachtcr&egrave;me" title="Hydraterende nachtcr&egrave;me">
        </a>

        <!-- Product ratings -->
                            <div class="flex flex-1 flex-row px-3 max-h-5">
                    <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
            </div>
        
        <div class="flex flex-1 flex-col p-3 pt-2 justify-between">

            <!-- Product tile actions top -->
            <div class="flex flex-col justify-between w-[calc(100%)] items-start gap-2">

                <!-- Product name -->
                <div class="flex justify-between items-center gap-2 items-baseline flex-1">
                    <a href="https://www.drvanderhoog.nl/hydraterend-nachtcreme" class="flex-1 font-semibold leading-5 lg:leading-6 text-slate-800 product-item-link text-[15px] lg:text-[16px] hover:underline">
                        Hydraterende nachtcr&egrave;me                    </a>
                </div>

                <!-- Product description -->
                
                <!-- Product attributes -->
                                    <div class="flex items-center justify-between">
                        <div class="text-[15px] lg:text-[16px] leading-5 text-vanhoog-900/70 pt-0.5">
                            50 ml                        </div>
                    </div>
                            </div>

            <!-- Product tile actions bottom -->
            <div class="flex justify-between w-full">
                <!-- Product price -->
                <div class="py-3 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b01f4d()" @update-prices-10.window="updatePrice($event.detail);">
                    <div class="price-box price-final_price" data-role="priceBox" data-product-id="10" data-price-box="product-id-10">
    <span x-data x-id="['product\u002Dprice\u002D10']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D10')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                </div>

                <!-- Product actions -->
                <div class="flex flex-wrap items-end gap-2">
                    <div class="flex-1 md:w-full md:flex-initial lg:w-auto lg:flex-1">
                                                                    <div x-data="hyva.modal()">
                            <button @click="show('dialog6a091b8b01f57', this.$event || $event); $nextTick(() =&gt; $refs.add_to_cart10.focus());" type="button" class="flex items-center justify-center gap-2 rounded-md bg-white p-3 pr-0 lg:pr-3 font-medium transition-all product-addtocart-button text-vanhoog-900 hover:bg-gray-100 focus:ring-vanhoog-600 focus:border-transparent focus:outline-none focus:ring-4 focus:ring-opacity-50" aria-haspopup="dialog">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                            </button>
                            <div x-cloak data-dialog-ref-name="dialog6a091b8b01f57" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50">
    <div class="fixed flex justify-center items-center text-left z-40 inset-0">
        <div x-ref="dialog6a091b8b01f57" role="dialog" aria-modal="true" aria-label="Product quick view" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
            
<div class="relative z-10" role="dialog" aria-modal="true">

    <!-- Backdrop filter -->
    <div @click="hide" class="fixed inset-0 hidden !bg-[rgba(90,83,67,0.2)] transition-opacity md:block"></div>

    <div class="pointer-events-none fixed inset-0 z-10 overflow-y-auto">
        <div class="pointer-events-none flex min-h-full items-stretch justify-center text-center items-center md:px-2">

            <!-- Modal wrapper -->
            <div class="pointer-events-auto flex w-full transform text-left p-4 text-base transition items-center md:my-8 md:max-w-2xl md:px-4">
                <div class="relative flex w-full h-fit items-center overflow-hidden rounded bg-white px-4 py-4 shadow-2xl sm:px-6 sm:pt-4 md:p-6">

                    <!-- Modal Close Button -->
                    <button @click="hide" type="button" class="absolute top-4 right-4 text-gray-400 hover:text-gray-500 sm:top-8 sm:right-6 md:top-6 md:right-6">
                        <span class="sr-only">Sluiten</span>
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>

                    <div class="grid w-full grid-cols-1 items-start gap-x-6 gap-y-8 md:grid-cols-12">
                        <span class="md:hidden text-xl font-bold text-gray-900 md:pr-12">Hoeveel wilt u bestellen?</span>
                        <div class="flex justify-center items-center w-full overflow-hidden rounded-lg bg-vanhoog-200 -mt-4 aspect-h-3 aspect-w-2 sm:col-span-4 md:relative md:top-[18px]">

                            <!-- Modal Product Image -->
                            <img class="object-contain product-image-photo" x-data="" @update-gallery-10.window="$root.src = $event.detail" src="https://www.drvanderhoog.nl/media/catalog/product/cache/d68995311cd3700bfad4e58b804c2c7f/h/y/hydraterend_nachtcre_me_d.png" loading="lazy" width="240" height="300" alt="Hydraterende nachtcr&egrave;me" title="Hydraterende nachtcr&egrave;me">

                        </div>
                        <div class="sm:col-span-8 h-full flex flex-col justify-between">
                            <span class="hidden md:block text-2xl font-bold text-gray-900 sm:pr-12">Hoeveel wilt u bestellen?</span>

                            <!-- Modal Product section -->
                            <section aria-labelledby="information-heading" class="md:mt-2">
                                <span id="information-heading" class="font-bold text-md">Hydraterende nachtcr&egrave;me</span>

                                <p class="text-gray-900 text-md">
                                    </p><div class="mt-2 mb-2 font-normal text-vanhoog-900 text-md" x-data="initPriceBox__6a091b8b01f4d()" @update-prices-10.window="updatePrice($event.detail);">
                                        <div class="price-box price-final_price" data-role="priceBox" data-product-id="10" data-price-box="product-id-10">
    <span x-data x-id="['product\u002Dprice\u002D10']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D10')" data-price-amount="18.997001" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;19,00</span></span>
        </span>

</div>                                    </div>
                                

                                <div class="pointer-events-none">
                                                                                <div class="rating-summary flex cursor-pointer max-w-[120px]" onclick="(
              document.getElementById('customer-review-list') ||
              document.getElementById('customer-reviews') ||
              document.getElementById('review-form')).scrollIntoView({behavior: 'smooth'}
              )" title="Schrijf de eerste review over dit product">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                </div>
                                                                    </div>
                            </section>

                            <!-- Modal Form section -->
                            <section aria-labelledby="options-heading" class="mt-4 md:mt-10 flex items-center gap-4 justify-between">
                                <form class="flex">
                                    <div x-data="{counter: 1}" class="select-none relative flex h-12 w-28 lg:w-24 flex-row rounded-lg bg-transparent border sborder-slate-100">
                                        <span tabindex="0" @click="counter = counter - (counter &gt; 0)" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-l text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">&minus;</span>
                                        </span>
                                        <input class="!ring-offset-0 !ring-0 relative z-0 flex w-12 items-center border-none flex justify-center items-center text-center font-semibold bg-white text-vanhoog-900 outline-none text-md hover:text-black focus:text-black border-0 focus:border-0 focus:outline-none md:text-basecursor-default" type="number" name="qty" min="0" :value="counter">
                                        <span tabindex="0" @click="counter = counter + 1" class="relative z-10 group h-full w-8 flex justify-center items-center cursor-pointer rounded-r text-vanhoog-900 outline-none hover:bg-gray-100 transition-all focus:outline-none focus:border-transparent focus:ring-4 focus:ring-vanhoog-600 focus:ring-opacity-50">
                                            <span class="pointer-events-none h-full flex justify-center items-center m-auto text-md font-semibold">+</span>
                                        </span>
                                    </div>
                                    <button type="submit" class="text-[14px] lg:text-[16px] py-3 gap-2 flex w-full items-center justify-center product-addtocart-button-action btn btn-primary" x-ref="add_to_cart10" x-focus-first>
                                        <span class="hidden md:block">In winkelwagen</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
<title>shopping-cart</title></svg>
                                    </button>
                                </form>
                            </section>
                            <style>
                                input[type='number']::-webkit-inner-spin-button,
                                input[type='number']::-webkit-outer-spin-button {
                                    -webkit-appearance: none!important;
                                    margin: 0!important;
                                }
                                input[type=number] {
                                    -moz-appearance:textfield!important;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
    </div>
                        </div>
                                                            </div>
            </div>
        </div>

        <p class="text-[12px] leading-[12px] md:leading-[16px] md:text-[16px] mb-2">
                    <span class="text-green-600 flex gap-1.5 items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
<title>check</title></svg>
                Op voorraad            </span>
                </p>
    </div>

<!-- Closing depending on status -->
</form>


                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 p-4">
    <button aria-label="Vorige" title="Vorige" class="glider-prev w-8 h-8 mr-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
    </button>
    <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div>
    <button aria-label="Volgende" title="Volgende" class="glider-next w-8 h-8 ml-1 text-black rounded-full outline-none focus:outline-none hidden">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
</svg>
    </button>
</div>
    </div>

</div></div></div></div></div></div>]]></description>
              <pubDate>Thu, 09 Jan 2025 01:00:00 +0000</pubDate>
           </item>
    </channel>
</rss>
