<!doctype html>
<html
class="no-js"
lang="nl"
>
<head>
<meta name="google-site-verification" content="tsPSWxQbGnEdq-lQeI7C5X9g8STa9vDvXooiIMeaRP8" />
<meta name="linkavista" content="link-5175-1783"><link href="//glazen-theepot.com/cdn/shop/t/3/assets/overflow-list.css?v=168694168152117541881761722633" as="style" rel="preload">
<link href="//glazen-theepot.com/cdn/shop/t/3/assets/base.css?v=163500385341632537961761722632" rel="stylesheet" type="text/css" media="all" />
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Glazen Theepot"
>
<meta
property="og:url"
content="https://glazen-theepot.com/"
>
<meta
property="og:title"
content="Glazen Theepot - Online winkel voor theepotten en accessoires van kwal"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Ontdek Glazen Theepot, jouw online winkel voor hoogwaardige theepotten, kopjes en theebenodigdheden. Geniet van een breed assortiment producten voor een perfect theeritueel. Snelle levering, uitstekende klantenservice. Bestel nu en ervaar thee op een unieke manier!"
><meta
property="og:image"
content="http://glazen-theepot.com/cdn/shop/files/tapet_3_4b63e2e5-cb87-48e2-99c6-436baac9f558.png?v=1726119303"
>
<meta
property="og:image:secure_url"
content="https://glazen-theepot.com/cdn/shop/files/tapet_3_4b63e2e5-cb87-48e2-99c6-436baac9f558.png?v=1726119303"
>
<meta
property="og:image:width"
content="1500"
>
<meta
property="og:image:height"
content="500"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Glazen Theepot - Online winkel voor theepotten en accessoires van kwal"
>
<meta
name="twitter:description"
content="Ontdek Glazen Theepot, jouw online winkel voor hoogwaardige theepotten, kopjes en theebenodigdheden. Geniet van een breed assortiment producten voor een perfect theeritueel. Snelle levering, uitstekende klantenservice. Bestel nu en ervaar thee op een unieke manier!"
>
<title>
Glazen Theepot - Online winkel voor theepotten en accessoires van kwal
</title>
<link
rel="canonical"
href="https://glazen-theepot.com/"
>
<meta
name="description"
content="Ontdek Glazen Theepot, jouw online winkel voor hoogwaardige theepotten, kopjes en theebenodigdheden. Geniet van een breed assortiment producten voor een perfect theeritueel. Snelle levering, uitstekende klantenservice. Bestel nu en ervaar thee op een unieke manier!"
>
<link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
>
<link
rel="preload"
as="font"
href="//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//glazen-theepot.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//glazen-theepot.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//glazen-theepot.com/cdn/shop/t/3/assets/critical.js?v=169402557219780209121761722632",
"@theme/product-title": "//glazen-theepot.com/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781761722633",
"@theme/component": "//glazen-theepot.com/cdn/shop/t/3/assets/component.js?v=74239122572524296041761722632",
"@theme/dialog": "//glazen-theepot.com/cdn/shop/t/3/assets/dialog.js?v=94382931671780430451761722632",
"@theme/events": "//glazen-theepot.com/cdn/shop/t/3/assets/events.js?v=59172389608566392641761722632",
"@theme/focus": "//glazen-theepot.com/cdn/shop/t/3/assets/focus.js?v=60436577539430446401761722632",
"@theme/morph": "//glazen-theepot.com/cdn/shop/t/3/assets/morph.js?v=175376767362814376631761722633",
"@theme/paginated-list": "//glazen-theepot.com/cdn/shop/t/3/assets/paginated-list.js?v=95298315036233333871761722633",
"@theme/performance": "//glazen-theepot.com/cdn/shop/t/3/assets/performance.js?v=160961134082498414901761722633",
"@theme/product-form": "//glazen-theepot.com/cdn/shop/t/3/assets/product-form.js?v=127515301325557712001761722633",
"@theme/recently-viewed-products": "//glazen-theepot.com/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651761722633",
"@theme/scrolling": "//glazen-theepot.com/cdn/shop/t/3/assets/scrolling.js?v=10957690925586738441761722633",
"@theme/section-renderer": "//glazen-theepot.com/cdn/shop/t/3/assets/section-renderer.js?v=117273408521114569061761722633",
"@theme/section-hydration": "//glazen-theepot.com/cdn/shop/t/3/assets/section-hydration.js?v=177651605160027701221761722633",
"@theme/utilities": "//glazen-theepot.com/cdn/shop/t/3/assets/utilities.js?v=20543301071820501481761722633",
"@theme/variant-picker": "//glazen-theepot.com/cdn/shop/t/3/assets/variant-picker.js?v=113536721324242252251761722633",
"@theme/media-gallery": "//glazen-theepot.com/cdn/shop/t/3/assets/media-gallery.js?v=111441960308641931071761722633",
"@theme/quick-add": "//glazen-theepot.com/cdn/shop/t/3/assets/quick-add.js?v=74531385036627369001761722633",
"@theme/paginated-list-aspect-ratio": "//glazen-theepot.com/cdn/shop/t/3/assets/paginated-list-aspect-ratio.js?v=25254270272143792451761722633",
"@theme/popover-polyfill": "//glazen-theepot.com/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201761722633"
}
}
</script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/view-transitions.js?v=84877080446900032951761722633"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/critical.js?v=169402557219780209121761722632"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/utilities.js?v=20543301071820501481761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/component.js?v=74239122572524296041761722632"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/section-renderer.js?v=117273408521114569061761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/section-hydration.js?v=177651605160027701221761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/morph.js?v=175376767362814376631761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/focus.js?v=60436577539430446401761722632"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/scrolling.js?v=10957690925586738441761722633"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//glazen-theepot.com/cdn/shop/t/3/assets/events.js?v=59172389608566392641761722632"
fetchpriority="low"
>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/quick-add.js?v=74531385036627369001761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/cart-discount.js?v=107077853990124422021761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/dialog.js?v=94382931671780430451761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/variant-picker.js?v=113536721324242252251761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-card.js?v=174129639976667491711761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-form.js?v=127515301325557712001761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/accordion-custom.js?v=99000499017714805851761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/disclosure-custom.js?v=168050880623268140331761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/media.js?v=37825095869491791421761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-price.js?v=30079423257668675401761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-inventory.js?v=16343734458933704981761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/show-more.js?v=94563802205717136101761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/slideshow.js?v=63092151078244317761761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/anchored-popover.js?v=95953304814728754461761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/floating-panel.js?v=128677600744947036551761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/video-background.js?v=25237992823806706551761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/component-quantity-selector.js?v=56330027151833116691761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/media-gallery.js?v=111441960308641931071761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/rte-formatter.js?v=101420294193111439321761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/gift-card-recipient-form.js?v=129634859299628245901761722632"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/localization.js?v=87759161307859666401761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/product-card-link.js?v=97122579314620396511761722633"
type="module"
fetchpriority="low"
></script>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/auto-close-details.js?v=58350291535404441581761722632"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Afbeelding tijdelijke aanduiding`,
added: `Toegevoegd`,
recipient_form_fields_visible: `De formuliervelden voor de ontvanger zijn nu zichtbaar`,
recipient_form_fields_hidden: `De formuliervelden voor de ontvanger zijn nu verborgen`,
recipient_form_error: `Er is een fout opgetreden bij de indiening van het formulier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: "Red Hat Display";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n4.09f5571be81da8a8c0e78adb7638383541ff61a2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i4.3f1b2b6da2f26f2d4eb6921830f13bbdcc7b4092.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n6.005eeb3c4714c4b460079358b1e05b655e0e4e3e.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i6.c095621994e8bfc049bdd6a8818815964641850d.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//glazen-theepot.com/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"),
url("//glazen-theepot.com/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: "Red Hat Display", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Red Hat Display", sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 600;
--font-heading--family: Trirong, serif;
--font-heading--style: normal;
--font-heading--weight: 200;
--font-accent--family: Trirong, serif;
--font-accent--style: normal;
--font-accent--weight: 200;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.25rem, 8.8vw, 5.5rem);--font-size--h2: 2.0rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-loose);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-accent--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-accent--family);--font-h2--style: var(--font-accent--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 8px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 4px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button font-weight */
--button-font-weight-primary: default;
--button-font-weight-secondary: default;
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 50;
--variant-picker-swatch-height-unitless: 20;
--variant-picker-swatch-width: 50px;
--variant-picker-swatch-height: 20px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image height variables */
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.28);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(5 124 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(0 0 0 / 0.05);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(230 230 230 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 15 159 / 1.0);
--color-primary-button-hover-border: rgb(0 15 159 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 15 159 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(247 247 247 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 247 247 247;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(214 212 211 / 1.0);
--color-border-rgb: 214 212 211;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 15 159 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(46 46 46 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 46 46 46;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(225 225 225 / 1.0);
--color-primary-hover-rgb: 225 225 225;
--color-border: rgb(225 225 225 / 1.0);
--color-border-rgb: 225 225 225;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(225 225 225 / 1.0);
--color-primary-button-hover-border: rgb(225 225 225 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(80 80 80 / 1.0);
--color-secondary-button-hover-border: rgb(80 80 80 / 1.0);
--color-input-background: rgb(46 46 46 / 1.0);
--color-input-text: rgb(249 248 246 / 1.0);
--color-input-text-rgb: 249 248 246;
--color-input-border: rgb(249 248 246 / 1.0);
--color-input-hover-background: rgb(26 26 26 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(228 223 181 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 228 223 181;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
--color-background: rgb(0 0 0 / 0.03);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.8);
--color-primary-button-hover-border: rgb(0 0 0 / 0.81);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/87101047115/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="cbea1312ed0f0bde73351b7a066b6d5a">
<meta id="in-context-paypal-metadata" data-shop-id="87101047115" data-venmo-supported="false" data-environment="production" data-locale="nl_NL" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=nl-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=nl-FR&shop_id=87101047115" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":87101047115,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/87101047115","merchantName":"Glazen Theepot","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Glazen Theepot","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"cbea1312ed0f0bde73351b7a066b6d5a","betas":["rich-media-storefront-analytics"],"domain":"glazen-theepot.com","predictiveSearch":true,"shopId":87101047115,"locale":"nl"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ebab0a-ab.myshopify.com";
Shopify.locale = "nl";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"THEEPOT","id":190207164747,"schema_name":"Vessel","schema_version":"2.1.6","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "glazen-theepot.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_ExijwuKr.nl.esm.js"></script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js"></script>
<script type="module">
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_ExijwuKr.nl.esm.js");
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_CBXuilN8.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_C5bl7GnC.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"init-windoid":["modules/v2/client.init-windoid_C5FoU_eM.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_mE0HDRxw.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DrFsb4iW.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"shop-button":["modules/v2/client.shop-button_RfROMC5_.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_vZT9CNRB.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.nl.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_ExijwuKr.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DvGtTqJz.nl.esm.js","modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"pay-button":["modules/v2/client.pay-button_D0HICzw6.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_Dt0qI1D3.nl.esm.js","modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CjhTflqf.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_rVQgu1zl.nl.esm.js","modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DMyjsyXR.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Bo0jNjTg.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"shop-login":["modules/v2/client.shop-login_C0XE-JWZ.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"],"payment-terms":["modules/v2/client.payment-terms_eSNCl0Wo.nl.esm.js","modules/v2/chunk.common_4Y0jTF7h.esm.js","modules/v2/chunk.modal_DC6CbMNj.esm.js"]};
</script>
<script id="__st">var __st={"a":87101047115,"offset":3600,"reqid":"189b093f-c61c-4d09-b86e-e1ca6ab10009-1763035591","pageurl":"glazen-theepot.com\/","u":"b211c8aeea41","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Beschermd door hCaptcha',privacyText:'Privacy',termsText:'Voorwaarden'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//glazen-theepot.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//glazen-theepot.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://glazen-theepot.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link rel="stylesheet" media="screen" href="//glazen-theepot.com/cdn/shop/t/3/compiled_assets/styles.css?76">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 87101047115,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 87101047115,storefrontBaseUrl: "https://glazen-theepot.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"2077458763","configuration":"{\"tagID\":\"2613580439771\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Glazen Theepot","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"ebab0a-ab.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/glazen-theepot.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://glazen-theepot.com/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"87101047115","storefrontBaseUrl":"https:\/\/glazen-theepot.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 87101047115,
theme_id: 190207164747,
app_name: "storefront",
context_url: window.location.href,
source_url: "//glazen-theepot.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//glazen-theepot.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//glazen-theepot.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":87101047115,"isMerchantRequest":null,"themeId":190207164747,"themeCityHash":"13736570630869996288","contentLanguage":"nl","currency":"EUR","eventMetadataId":"e5fbb63c-696b-4776-9d72-a030e5d49227"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//glazen-theepot.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://glazen-theepot.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
data-application="storefront-renderer"
data-shop-id="87101047115"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="190207164747"
data-theme-name="Vessel"
data-theme-version="2.1.6"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
></script>
</head>
<body class="page-width-wide card-hover-effect-scale">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ga direct naar de content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27161352700235__header_announcements_hrcMag" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-4"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-4"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--ATC9lakorZlAxQkJWV__announcement_3XVbz8 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-loose); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
Profiteer van 10% korting met de code: TAP10
</p>
<a
class="announcement-bar__link"
href="https://tapis-beige.fr/discount/TAP10"
>
<span class="visually-hidden">
Profiteer van 10% korting met de code: TAP10
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--27161352700235__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Glazen Theepot",
"logo": "https:\/\/glazen-theepot.com\/cdn\/shop\/files\/THEEPOT.png?v=1726123048\u0026width=500",
"url": "https:\/\/glazen-theepot.com"
}
</script>
<header-component
id="header-component"
class="header"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
style=""
>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/header-drawer.js?v=38290796699993510201761722632"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Sluiten"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-op-materiaal"
href="/collections"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">op Materiaal</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/glazen-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=800" alt="bijzondere theepotten - 1000ml" srcset="//glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=352 352w, //glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Glazen Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/theepot-keramiek"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=800" alt="aardewerk theepot - 18.6 x 17.3cm - 1100ml" srcset="//glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=352 352w, //glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Theepot Keramiek</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/gietijzeren-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=800" alt="beste theepot - Black" srcset="//glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=352 352w, //glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Gietijzeren Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/koperen-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=800" alt="koper theepot" srcset="//glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=352 352w, //glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Koperen Theepot</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-op-specifieke-functionaliteit"
href="/collections"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">op Specifieke Functionaliteit</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/theepot-met-filter"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=800" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Theepot met Filter</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/theepot-met-theelichthouder"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=800" alt="glazen theepot met theelicht" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Theepot met Theelichthouder</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/theepot-met-kopje"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=800" alt="1 persoons theepot" srcset="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=352 352w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Theepot met Kopje</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/theepot-voor-inductie"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=800" alt="Theepot voor Inductie" srcset="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=352 352w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Theepot voor Inductie</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-op-culturele-herkomst"
href="/collections"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">op Culturele Herkomst</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/chinese-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=800" alt="antieke chinese theepot - 1500ML" srcset="//glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=352 352w, //glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Chinese Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/turkse-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800" alt="elektrische turkse theepot" srcset="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=352 352w, //glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Turkse Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/marokkaanse-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=800" alt="glazen marokkaanse theepot" srcset="//glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=800 800w" width="800" height="845" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Marokkaanse Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/japanse-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=800" alt="gietijzeren japanse theepot" srcset="//glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=352 352w, //glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Japanse Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
href="/collections/antieke-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=800" alt="antiek zilveren theepot" srcset="//glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=352 352w, //glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=800 800w" width="800" height="600" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Antieke Theepot</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-op-technologie"
href="/collections"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text"> op Technologie</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/collections/elektrische-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800" alt="elektrische turkse theepot" srcset="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=352 352w, //glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Elektrische Theepot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
href="/collections/thermos-theepot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=800" alt="theepot thermos" srcset="//glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Thermos Theepot</span>
</a>
</li></ul>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">EUR</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Regio en taal
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Sluiten"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] resultaten"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Regio en taal"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Zoeken"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Land zoeken"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Zoekopdracht</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Opnieuw instellen"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AY24wZndPNytFWTVMV__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Geen resultaten gevonden</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australië"
aria-label="Australië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="België"
aria-label="België"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">België</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarije"
aria-label="Bulgarije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarije</span>
<span
class="localization-form__currency motion-reduce"
>
BGN
лв.</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Cyprus"
aria-label="Cyprus"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Cyprus</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Denemarken"
aria-label="Denemarken"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Denemarken</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Duitsland"
aria-label="Duitsland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Duitsland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estland"
aria-label="Estland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finland"
aria-label="Finland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="Frankrijk"
aria-label="Frankrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Frankrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Griekenland"
aria-label="Griekenland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Griekenland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongarije"
aria-label="Hongarije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongarije</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="Hongkong SAR van China"
aria-label="Hongkong SAR van China"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongkong SAR van China</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Ierland"
aria-label="Ierland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ierland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israël</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italië"
aria-label="Italië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japan"
aria-label="Japan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japan</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Kroatië"
aria-label="Kroatië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kroatië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Letland"
aria-label="Letland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Letland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Litouwen"
aria-label="Litouwen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Litouwen</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxemburg"
aria-label="Luxemburg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxemburg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Maleisië"
aria-label="Maleisië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Maleisië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Nederland"
aria-label="Nederland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nederland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nieuw-Zeeland"
aria-label="Nieuw-Zeeland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nieuw-Zeeland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Noorwegen"
aria-label="Noorwegen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Noorwegen</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Oostenrijk"
aria-label="Oostenrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Oostenrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Polen"
aria-label="Polen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Polen</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roemenië"
aria-label="Roemenië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roemenië</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapore"
aria-label="Singapore"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapore</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovenië"
aria-label="Slovenië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovenië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slowakije"
aria-label="Slowakije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowakije</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spanje"
aria-label="Spanje"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spanje</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tsjechië"
aria-label="Tsjechië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tsjechië</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Verenigd Koninkrijk"
aria-label="Verenigd Koninkrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigd Koninkrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Verenigde Arabische Emiraten"
aria-label="Verenigde Arabische Emiraten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigde Arabische Emiraten</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="Verenigde Staten"
aria-label="Verenigde Staten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigde Staten</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Zuid-Korea"
aria-label="Zuid-Korea"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zuid-Korea</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Zweden"
aria-label="Zweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zweden</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Zwitserland"
aria-label="Zwitserland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zwitserland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Zoeken openen"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 50px)); --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//glazen-theepot.com/cdn/shop/files/THEEPOT.png?height=70&v=1726123048" alt="" width="210" height="70" class="header-logo__image" srcset="//glazen-theepot.com/cdn/shop/files/THEEPOT.png?height=70&v=1726123048 1x, //glazen-theepot.com/cdn/shop/files/THEEPOT.png?height=140&v=1726123048 2x, //glazen-theepot.com/cdn/shop/files/THEEPOT.png?height=210&v=1726123048 3x" style="--header-logo-image-width: 210px;--header-logo-image-width-mobile: 84px; --header-logo-image-height: 70px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//glazen-theepot.com/cdn/shop/t/3/assets/overflow-list.css?v=168694168152117541881761722633" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Meer
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">op Materiaal</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/glazen-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=800" alt="bijzondere theepotten - 1000ml" srcset="//glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=352 352w, //glazen-theepot.com/cdn/shop/files/bijzondere-theepotten-1000ml-780.webp?v=1726073334&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Glazen Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/theepot-keramiek"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=800" alt="aardewerk theepot - 18.6 x 17.3cm - 1100ml" srcset="//glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=352 352w, //glazen-theepot.com/cdn/shop/files/aardewerk-theepot-18-6-x-17-3cm-1100ml-932.webp?v=1726074149&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Theepot Keramiek</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/gietijzeren-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=800" alt="beste theepot - Black" srcset="//glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=352 352w, //glazen-theepot.com/cdn/shop/files/beste-theepot-black-508.webp?v=1726074138&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Gietijzeren Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/koperen-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=800" alt="koper theepot" srcset="//glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=352 352w, //glazen-theepot.com/cdn/shop/files/koper-theepot-303.webp?v=1726074304&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Koperen Theepot</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">op Specifieke Functionaliteit</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/theepot-met-filter"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=800" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Theepot met Filter</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/theepot-met-theelichthouder"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=800" alt="glazen theepot met theelicht" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Theepot met Theelichthouder</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/theepot-met-kopje"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=800" alt="1 persoons theepot" srcset="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=352 352w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Theepot met Kopje</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/theepot-voor-inductie"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=800" alt="Theepot voor Inductie" srcset="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=352 352w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Theepot voor Inductie</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">op Culturele Herkomst</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/chinese-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=800" alt="antieke chinese theepot - 1500ML" srcset="//glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=352 352w, //glazen-theepot.com/cdn/shop/files/antieke-chinese-theepot-1500ml-406.webp?v=1726073394&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Chinese Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/turkse-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800" alt="elektrische turkse theepot" srcset="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=352 352w, //glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Turkse Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/marokkaanse-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=800" alt="glazen marokkaanse theepot" srcset="//glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-marokkaanse-theepot-652.jpg?v=1726073683&width=800 800w" width="800" height="845" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Marokkaanse Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/japanse-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=800" alt="gietijzeren japanse theepot" srcset="//glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=352 352w, //glazen-theepot.com/cdn/shop/files/gietijzeren-japanse-theepot-grey-780.webp?v=1726074354&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Japanse Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/antieke-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=800" alt="antiek zilveren theepot" srcset="//glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=352 352w, //glazen-theepot.com/cdn/shop/files/antiek-zilveren-theepot-988.jpg?v=1726073573&width=800 800w" width="800" height="600" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Antieke Theepot</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title"> op Technologie</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-4"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/elektrische-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800" alt="elektrische turkse theepot" srcset="//glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=352 352w, //glazen-theepot.com/cdn/shop/files/elektrische-turkse-theepot-847.webp?v=1726074749&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Elektrische Theepot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/thermos-theepot"
class="mega-menu__link"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=800" alt="theepot thermos" srcset="//glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-thermos-511.webp?v=1726074646&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Thermos Theepot</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">Meer</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/header-menu.js?v=98986771878453457241761722632"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; "
>
<span class="visually-hidden">Regio- en taalkiezer openen</span>
<span class="currency-code">EUR</span>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] resultaten"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Regio en taal"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Zoeken"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Land zoeken"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Zoekopdracht</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Opnieuw instellen"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Geen resultaten gevonden</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australië"
aria-label="Australië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="België"
aria-label="België"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">België</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarije"
aria-label="Bulgarije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarije</span>
<span
class="localization-form__currency motion-reduce"
>
BGN
лв.</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Cyprus"
aria-label="Cyprus"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Cyprus</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Denemarken"
aria-label="Denemarken"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Denemarken</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Duitsland"
aria-label="Duitsland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Duitsland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estland"
aria-label="Estland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finland"
aria-label="Finland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="Frankrijk"
aria-label="Frankrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Frankrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Griekenland"
aria-label="Griekenland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Griekenland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongarije"
aria-label="Hongarije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongarije</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="Hongkong SAR van China"
aria-label="Hongkong SAR van China"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongkong SAR van China</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Ierland"
aria-label="Ierland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ierland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israël</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italië"
aria-label="Italië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japan"
aria-label="Japan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japan</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Kroatië"
aria-label="Kroatië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kroatië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Letland"
aria-label="Letland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Letland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Litouwen"
aria-label="Litouwen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Litouwen</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxemburg"
aria-label="Luxemburg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxemburg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Maleisië"
aria-label="Maleisië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Maleisië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Nederland"
aria-label="Nederland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nederland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nieuw-Zeeland"
aria-label="Nieuw-Zeeland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nieuw-Zeeland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Noorwegen"
aria-label="Noorwegen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Noorwegen</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Oostenrijk"
aria-label="Oostenrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Oostenrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Polen"
aria-label="Polen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Polen</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roemenië"
aria-label="Roemenië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roemenië</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapore"
aria-label="Singapore"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapore</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovenië"
aria-label="Slovenië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovenië</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slowakije"
aria-label="Slowakije"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowakije</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spanje"
aria-label="Spanje"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spanje</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tsjechië"
aria-label="Tsjechië"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tsjechië</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Verenigd Koninkrijk"
aria-label="Verenigd Koninkrijk"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigd Koninkrijk</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Verenigde Arabische Emiraten"
aria-label="Verenigde Arabische Emiraten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigde Arabische Emiraten</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="Verenigde Staten"
aria-label="Verenigde Staten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Verenigde Staten</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Zuid-Korea"
aria-label="Zuid-Korea"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zuid-Korea</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Zweden"
aria-label="Zweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zweden</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Zwitserland"
aria-label="Zwitserland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zwitserland</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Zoeken openen"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//glazen-theepot.com/cdn/shop/t/3/assets/cart-icon.js?v=14733679814066288171761722632"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Accountmenu openen"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
Account
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/account-login-actions.js?v=132624473766457443991761722632"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js"></script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js"></script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DC6CbMNj.esm.js"></script>
<script type="module">
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js");
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js");
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DC6CbMNj.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://glazen-theepot.com/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=nl"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Andere inlogopties
</span>
<span class="account-actions__fallback-text">
Inloggen
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Bestellingen
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profiel
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/dialog.js?v=94382931671780430451761722632"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Accountmenu openen"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Dialoogvenster sluiten"
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
Account
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/account-login-actions.js?v=132624473766457443991761722632"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js"></script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js"></script>
<script defer="defer" async type="module" src="//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DC6CbMNj.esm.js"></script>
<script type="module">
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_KlDmljyY.nl.esm.js");
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_4Y0jTF7h.esm.js");
await import("//glazen-theepot.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DC6CbMNj.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://glazen-theepot.com/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=nl"
class="account-actions__link button"
autofocus
>
<span class="account-actions__sign-in-text">
Andere inlogopties
</span>
<span class="account-actions__fallback-text">
Inloggen
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Bestellingen
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profiel
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/cart-drawer.js?v=92290163633888904321761722632"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="Winkelwagen openen Totaal aantal artikelen in winkelwagen: 0"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Totaal aantal artikelen in winkelwagen: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--27161352700235__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Dialoogvenster sluiten"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Winkelwagen"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
Je winkelwagen is leeg
</span>
<div class="cart-drawer__items">
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/component-cart-items.js?v=95720873921622680421761722632"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Heb je een account? <a href="https://glazen-theepot.com/customer_authentication/redirect?locale=nl®ion_country=FR">Log in</a> om sneller af te rekenen.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
Doorgaan met winkelen
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/header.js?v=78043468934677320351761722632"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--27161352700235__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/critical.js?v=169402557219780209121761722632"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--27161352438091__hero_irjTFL" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--27161352438091__hero_irjTFL"
class="hero color-scheme-6"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-large); "
>
<div
class="hero__container spacing-style section section--full-width"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
><a
href="/collections"
class="hero__link"
></a><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.7777777777777777;"
>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #0000009e; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top;"
></div>
<img src="//glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=3840" srcset="//glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=832 832w, //glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/24.jpg?v=1726121223&width=3840 3840w" width="1920" height="1080" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 96px));--horizontal-alignment: flex-start; --vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="spacing-style text-block text-block--AZzQwV3daREozbkcxd__text_CXHmij h1 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--display-narrow); --text-align: left; "
>
<p>Welkom bij nederlands theepot nr. 1</p>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--27161352438091__custom_liquid_eng8jV" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 12px; --padding-block-end:12px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<h1 style="text-align:center; font-size:24px; font-weight:600;">
Ontdek de perfecte glazen theepot voor een stijlvolle theepauze
</h1>
</div>
</div><div id="shopify-section-template--27161352438091__collection_list_X4mCEw" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px)); --gap: 12px; "
>
<div class="section-resource-list__content">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</div>
<div
class="resource-list resource-list--bento"
style="--resource-list-column-gap-desktop: 8px;--bento-gap: var(--resource-list-column-gap);"
data-testid="collections-list-grid"
>
<div
class="bento-box"
data-testid="bento-box"
>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/theepot-met-filter"
>
<span class="visually-hidden">Theepot met Filter</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcHpaSHkyMkZ3MHRSY__collection_title_4q3iEc rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Theepot met Filter</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/theepot-met-kopje"
>
<span class="visually-hidden">Theepot met Kopje</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-1"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=3840" alt="1 persoons theepot" srcset="//glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=240 240w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=352 352w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=832 832w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/1-persoons-theepot-773.webp?v=1726073413&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcHpaSHkyMkZ3MHRSY__collection_title_4q3iEc-1 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Theepot met Kopje</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/theepot-met-theelichthouder"
>
<span class="visually-hidden">Theepot met Theelichthouder</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-2"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=3840" alt="glazen theepot met theelicht" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-theelicht-492.webp?v=1726073927&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcHpaSHkyMkZ3MHRSY__collection_title_4q3iEc-2 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Theepot met Theelichthouder</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/theepot-voor-inductie"
>
<span class="visually-hidden">Theepot voor Inductie</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AZXJFdXJodXB2WnV0N__static-collection-card-3"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=3840" alt="Theepot voor Inductie" srcset="//glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=240 240w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=352 352w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=832 832w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=1200 1200w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=1600 1600w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=1920 1920w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=2560 2560w, //glazen-theepot.com/cdn/shop/collections/theepot-voor-inductie-394.webp?v=1744578786&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcHpaSHkyMkZ3MHRSY__collection_title_4q3iEc-3 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Theepot voor Inductie</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--27161352438091__section_FTTBLk" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="image-block image-block--Ab0hudVNsS0VNNkloY__image_apMWFV image-block--height-fit spacing-style size-style"
style=" --ratio: 16 / 9; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=3840" alt="" srcset="//glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=240 240w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=352 352w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=832 832w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/14.jpg?v=1726117818&width=3840 3840w" width="1920" height="1080" loading="lazy" class="image-block__image border-style" style=" --ratio: 16 / 9; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AOXZZS3VLSDN6ZXpjZ__text_Rc63gm h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Gietijzeren Theepot</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AWHdmMlBZRERjM0VqW__text_mtDgyF paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Ontdek onze<strong>Gietijzeren Theepot</strong>,<a href="https://cdn.shopify.com/s/files/1/0871/0104/7115/files/welke_theepot_2ab264ca-9064-44dc-b777-195924e95775.pdf?v=1738504586" title="https://cdn.shopify.com/s/files/1/0871/0104/7115/files/welke_theepot_2ab264ca-9064-44dc-b777-195924e95775.pdf?v=1738504586">een gietijzeren theepot</a>die traditie en elegantie combineert. Ideaal voor het perfect zetten van thee, houdt langer warmte vast. Geniet van een authentieke ervaring met een verfijnd design en hoge duurzaamheid. Snelle levering en gegarandeerde kwaliteit!</p>
</rte-formatter>
<a
href="/collections/gietijzeren-theepot"
class="size-style button button--ASGlMSE9BU09heGUxT__button_tLUAi3"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Bekijk de gietijzeren theepot collectie
</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--27161352438091__product_list_xgLfMV" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<rte-formatter
class="spacing-style text-block text-block--AajlEeVZEQlJuYkM2K__product_list_text_FEJMbm rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Theepot met Filter</h2>
</rte-formatter>
<a
href="/collections/theepot-met-filter"
class="size-style link link--AMnpsSVVxU1poQk9Re__product_list_button_HRQEyg"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Tout voir
</a>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186358784331"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186358784331"
data-product-variants-size="3"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card"
data-product-transition="true"
>
<a
id="7301252a4e4145f9b3206c7ae947d5c7"
href="/products/doorzichtige-theepot?variant=50371099001163"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Doorzichtige Theepot
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186358784331"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/doorzichtige-theepot?variant=50371099001163"
aria-label="Doorzichtige Theepot"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;"
initial-slide="0"
infinite
data-generic-media-size="6"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911279919435"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911279919435"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-352.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911279952203"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911279952203"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=3840" alt="doorzichtige theepot - 1200ML" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1200ml-705.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911279984971"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911279984971"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=3840" alt="doorzichtige theepot - 800ML" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-800ml-810.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911280017739"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911280017739"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=3840" alt="doorzichtige theepot - 1500ML" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911280050507"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911280050507"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911280083275"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911280083275"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-751.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911280116043"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911280116043"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-901_05b67f4d-98b7-41d9-a7e3-e98345d1466a.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911280148811"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911280148811"
>
<img src="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=3840" alt="doorzichtige theepot" srcset="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=240 240w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=352 352w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=832 832w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-454.webp?v=1726073767&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-5"
>Uitverkoop
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Doorzichtige Theepot"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186358784331"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186358784331-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371099001163"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/doorzichtige-theepot-1500ml-400.webp?v=1726073767&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Toevoegen
</span>
</span>
</button><input type="hidden" name="product-id" value="10186358784331" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Doorzichtige Theepot</h3>
<div class="h6">
<product-price data-product-id="10186358784331">
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€74,28</span>
</span>
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€48,99</span>
</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/doorzichtige-theepot?variant=50371099001163"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Doorzichtige Theepot</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe"
data-product-id="10186358784331"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€48,99</span>
</span>
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€74,28</span>
</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186386047307"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186386047307"
data-product-variants-size="1"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-1"
data-product-transition="true"
>
<a
id="bfffe2c86e7158125166557ddb97e667"
href="/products/glazen-theepot-met-filter?variant=50371212902731"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Glazen Theepot Met Filter
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186386047307"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/glazen-theepot-met-filter?variant=50371212902731"
aria-label="Glazen Theepot Met Filter"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911396933963"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911396933963"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=3840" alt="glazen theepot met filter - 1300ml" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911396966731"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911396966731"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=3840" alt="glazen theepot met filter - 1300ml" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-743.webp?v=1726074896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911396999499"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911396999499"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=3840" alt="glazen theepot met filter - 1300ml" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-288.webp?v=1726074896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911397032267"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911397032267"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=3840" alt="glazen theepot met filter - 1300ml" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-605.webp?v=1726074896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911397065035"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911397065035"
>
<img src="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=3840" alt="glazen theepot met filter - 1300ml" srcset="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=240 240w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=352 352w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=832 832w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-565.webp?v=1726074896&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Glazen Theepot Met Filter"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186386047307"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186386047307-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371212902731"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/glazen-theepot-met-filter-1300ml-256.webp?v=1726074896&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10186386047307" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Glazen Theepot Met Filter</h3>
<div class="h6">
<product-price data-product-id="10186386047307">
<div ref="priceContainer">
<span class="price">€78,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/glazen-theepot-met-filter?variant=50371212902731"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Glazen Theepot Met Filter</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-1"
data-product-id="10186386047307"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€78,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186360684875"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186360684875"
data-product-variants-size="2"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-2"
data-product-transition="true"
>
<a
id="e73f7e35df7ef2b54f0565482902aed1"
href="/products/theepot-groot?variant=50371108766027"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Groot
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186360684875"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-groot?variant=50371108766027"
aria-label="Theepot Groot"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911287980363"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911287980363"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=3840" alt="theepot groot" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-551.webp?v=1726073858&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911288013131"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288013131"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=3840" alt="theepot groot - 1600 ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-1600-ml-308.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911288045899"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288045899"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=3840" alt="theepot groot - 2300 ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911288078667"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288078667"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=3840" alt="theepot groot" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-624.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911288111435"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288111435"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=3840" alt="theepot groot" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-668.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911288144203"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288144203"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=3840" alt="theepot groot" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-419.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911288176971"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911288176971"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=3840" alt="theepot groot" srcset="//glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-groot-139.webp?v=1726073859&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Groot"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186360684875"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186360684875-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371108766027"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-groot-2300-ml-593.webp?v=1726073859&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Toevoegen
</span>
</span>
</button><input type="hidden" name="product-id" value="10186360684875" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Groot</h3>
<div class="h6">
<product-price data-product-id="10186360684875">
<div ref="priceContainer">
<span class="price">€49,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-groot?variant=50371108766027"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Groot</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-2"
data-product-id="10186360684875"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€49,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186384638283"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186384638283"
data-product-variants-size="1"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-3"
data-product-transition="true"
>
<a
id="9acca68bf5dba35bd3bc06b7d4cab9bf"
href="/products/theepot-losse-thee?variant=50371209462091"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Losse Thee
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186384638283"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-losse-thee?variant=50371209462091"
aria-label="Theepot Losse Thee"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911392543051"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911392543051"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=3840" alt="theepot losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911392575819"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911392575819"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=3840" alt="theepot losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-927.webp?v=1726074861&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911392608587"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911392608587"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=3840" alt="theepot losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-357.webp?v=1726074861&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911392641355"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911392641355"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=3840" alt="theepot losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-279.webp?v=1726074861&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Losse Thee"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186384638283"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186384638283-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371209462091"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-losse-thee-166.webp?v=1726074861&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10186384638283" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Losse Thee</h3>
<div class="h6">
<product-price data-product-id="10186384638283">
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-losse-thee?variant=50371209462091"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Losse Thee</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-3"
data-product-id="10186384638283"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186369171787"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186369171787"
data-product-variants-size="1"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-4"
data-product-transition="true"
>
<a
id="f386e4920c13d8b74835a06991b7082d"
href="/products/theepot-met-bloemen?variant=50371143827787"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Met Bloemen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186369171787"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-met-bloemen?variant=50371143827787"
aria-label="Theepot Met Bloemen"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911322779979"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911322779979"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=3840" alt="theepot met bloemen" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911322812747"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911322812747"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=3840" alt="theepot met bloemen" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-286.webp?v=1726074197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911322845515"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911322845515"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=3840" alt="theepot met bloemen" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-168.webp?v=1726074197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911322878283"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911322878283"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=3840" alt="theepot met bloemen" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-582.webp?v=1726074197&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Met Bloemen"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186369171787"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186369171787-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371143827787"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-met-bloemen-476.webp?v=1726074197&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10186369171787" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Met Bloemen</h3>
<div class="h6">
<product-price data-product-id="10186369171787">
<div ref="priceContainer">
<span class="price">€47,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-met-bloemen?variant=50371143827787"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Met Bloemen</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-4"
data-product-id="10186369171787"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€47,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186390667595"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186390667595"
data-product-variants-size="1"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-5"
data-product-transition="true"
>
<a
id="ae9a4f8625aff3232c9e9b0876d63629"
href="/products/theepot-met-filter?variant=50371232072011"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Met Filter
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186390667595"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-met-filter?variant=50371232072011"
aria-label="Theepot Met Filter"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911414956363"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911414956363"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=3840" alt="theepot met filter - 750ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911414989131"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911414989131"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=3840" alt="theepot met filter - 750ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-698.webp?v=1726075052&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911415021899"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911415021899"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=3840" alt="theepot met filter - 750ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-878.webp?v=1726075052&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911415054667"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911415054667"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=3840" alt="theepot met filter - 750ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-104.webp?v=1726075052&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911415087435"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911415087435"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=3840" alt="theepot met filter - 750ml" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-814.webp?v=1726075052&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-5"
>Uitverkoop
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Met Filter"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186390667595"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186390667595-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371232072011"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-750ml-481.webp?v=1726075052&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10186390667595" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Met Filter</h3>
<div class="h6">
<product-price data-product-id="10186390667595">
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€92,61</span>
</span>
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€59,99</span>
</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-met-filter?variant=50371232072011"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Met Filter</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-5"
data-product-id="10186390667595"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€59,99</span>
</span>
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€92,61</span>
</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186352165195"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186352165195"
data-product-variants-size="1"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-6"
data-product-transition="true"
>
<a
id="4e8f54255a2ff44cbee416a450893938"
href="/products/theepot-met-filter-en-warmhouder?variant=50371070296395"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Met Filter en Warmhouder
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-6 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 0.75; "
data-product-id="10186352165195"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-met-filter-en-warmhouder?variant=50371070296395"
aria-label="Theepot Met Filter en Warmhouder"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911250133323"
>
<div
class="product-media"
style="--ratio: 0.75"
data-media-id="47911250133323"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=3840" alt="theepot met filter en warmhouder" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-190.webp?v=1726073459&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911250166091"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911250166091"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=3840" alt="theepot met filter en warmhouder" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-668.webp?v=1726073459&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911250198859"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911250198859"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=3840" alt="theepot met filter en warmhouder" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911250231627"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911250231627"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=3840" alt="theepot met filter en warmhouder" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-676.webp?v=1726073459&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-5"
>Uitverkoop
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Met Filter en Warmhouder"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186352165195"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186352165195-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371070296395"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-en-warmhouder-964.webp?v=1726073459&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10186352165195" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Met Filter en Warmhouder</h3>
<div class="h6">
<product-price data-product-id="10186352165195">
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€89,99</span>
</span>
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€69,99</span>
</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-met-filter-en-warmhouder?variant=50371070296395"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Met Filter en Warmhouder</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-6"
data-product-id="10186352165195"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€69,99</span>
</span>
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€89,99</span>
</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10186364256587"
data-featured-media-url="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10186364256587"
data-product-variants-size="3"
id="product-card-ATVlBTnVqclNEUStpT__static-product-card-7"
data-product-transition="true"
>
<a
id="3672ebd1f36d96e0aa403f1369b9627f"
href="/products/theepot-met-filter-voor-losse-thee?variant=50371124265291"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Theepot Met Filter Voor Losse Thee
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-7 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="10186364256587"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/theepot-met-filter-voor-losse-thee?variant=50371124265291"
aria-label="Theepot Met Filter Voor Losse Thee"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911302365515"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302365515"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=3840" alt="theepot met filter voor losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-574.webp?v=1726074002&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911302398283"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302398283"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=3840" alt="theepot met filter voor losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-566.webp?v=1726074002&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911302431051"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302431051"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=3840" alt="theepot met filter voor losse thee - 1200ML" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1200ml-718.webp?v=1726074002&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911302463819"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302463819"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=3840" alt="theepot met filter voor losse thee - 800ML" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-800ml-733.webp?v=1726074002&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47911302496587"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302496587"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=3840" alt="theepot met filter voor losse thee - 1500ML" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911302529355"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302529355"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=3840" alt="theepot met filter voor losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-276.webp?v=1726074003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911302562123"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302562123"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=3840" alt="theepot met filter voor losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-774.webp?v=1726074003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47911302594891"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47911302594891"
>
<img src="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=3840" alt="theepot met filter voor losse thee" srcset="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=240 240w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=352 352w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=832 832w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=1200 1200w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=1600 1600w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=1920 1920w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=2560 2560w, //glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-138.webp?v=1726074003&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-5"
>Uitverkoop
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Theepot Met Filter Voor Losse Thee"
>
<product-form-component
data-section-id="template--27161352438091__product_list_xgLfMV"
data-product-id="10186364256587"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10186364256587-Aa3JHL1lJaHNjbGNKZ__product_card_gallery_NDbbHx-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="50371124265291"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//glazen-theepot.com/cdn/shop/files/theepot-met-filter-voor-losse-thee-1500ml-521.webp?v=1726074002&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Toevoegen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Toegevoegd</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Toevoegen
</span>
</span>
</button><input type="hidden" name="product-id" value="10186364256587" /><input type="hidden" name="section-id" value="template--27161352438091__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Theepot Met Filter Voor Losse Thee</h3>
<div class="h6">
<product-price data-product-id="10186364256587">
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€74,88</span>
</span>
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€49,99</span>
</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/theepot-met-filter-voor-losse-thee?variant=50371124265291"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AaUxZNkovcGpEbVcva__product_title_pqAUq4-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Theepot Met Filter Voor Losse Thee</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AdVoxSWNCbTRXNEx6a__price_3EAFUe-7"
data-product-id="10186364256587"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prijs met korting </span>
<span class="price">€49,99</span>
</span>
<span role="group">
<span class="visually-hidden">Normale prijs </span>
<span class="compare-at-price">€74,88</span>
</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--27161352438091__section_JiJwY6" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<rte-formatter
class="spacing-style text-block text-block--AWmZDS3lzYlVUNVlkW__text_wPAd8t rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<h2><strong>veelgestelde vragen</strong></h2>
</rte-formatter>
<div
class="accordion accordion--AaTlzY01IRVVlcTJJd__accordion_pBzAfg accordion--caret border-style spacing-style accordion--dividers"
style=" --summary-font-family: var(--font-h5--family); --summary-font-style: var(--font-h5--style); --summary-font-weight: var(--font-h5--weight); --summary-font-size: var(--font-h5--size); --summary-font-line-height: var(--font-h5--line-height); --summary-font-case: var(--font-h5--case); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Wat zijn levertijrden?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--ANHpsOTUwczZqem5PV__text_jbjCqy rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Als het product op voorraad is, bedraagt de levertijd in Duitsland en Europa 10 tot 15 werkdagen. Bij een voorraadtekort bedraagt de levertijd 15 tot 25 werkdagen.</p><p>De exacte levertijd voor niet-beschikbare producten varieert afhankelijk van de herbevoorrading van de producten.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Kan ik een product retourneren?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AMGZJSnR2ZXlmejFxZ__text_7eNEYE rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Natuurlijk! U kunt uw artikelen binnen 14 dagen na ontvangst retourneren. Retourzendingen worden geaccepteerd voor producten in perfecte staat en in de originele verpakking.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Zijn alle artikelen echt?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--ATkRDNllRZ2pzYVJlV__text_Yr7Nhf rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>100% van onze catalogus wordt handmatig gecontroleerd door onze experts voordat deze te koop wordt aangeboden.</p><p>Onze winkel bestaat al meer dan 20 jaar en de echtheid van de artikelen is een pijler van ons merk.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--27161352438091__featured_blog_posts_Khwrza" class="shopify-section featured-blog-posts">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--gap: 12px;"
>
<div id="shopify-block-AN00zd3I4VUwzNE5CM__static-blog-title" class="shopify-block">
<rte-formatter
class="spacing-style text-block text-block--AN00zd3I4VUwzNE5CM__static-blog-title rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Blog berichten</h2><p></p>
</rte-formatter>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="featured-blog-posts"
>
<div
class="resource-list__carousel"
style=" --gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px; "
>
<slideshow-component
ref="featuredBlog"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorige dia"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Volgende dia"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AWjlnUU9tNFpOQVFWa__static-blog-post-card" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/wat-is-een-theepot-onderzetter"
>
<span class="visually-hidden">Wat is een theepot onderzetter?</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=3840" alt="Wat is een theepot onderzetter?" srcset="//glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=240 240w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=352 352w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=832 832w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=1200 1200w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=1600 1600w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=1920 1920w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=2560 2560w, //glazen-theepot.com/cdn/shop/articles/15.jpg?v=1726121279&width=3840 3840w" width="3840" height="2160" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter
class="spacing-style text-block text-block--ATXFYT2E2VGl2QjlSa__title rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Wat is een theepot onderzetter?</h4>
</rte-formatter>
</h4>
<div id="shopify-block-Ab2hOdEpESmYvZzk3U__blog-post-info-text" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2025-01-03T07:30:03Z">3 januari 2025</time></span></div>
</div>
<div id="shopify-block-ANTdNTUNqbTRadDVGd__blog-post-description" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--ANTdNTUNqbTRadDVGd__blog-post-description rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Een theepot onderzetter, ook wel bekend als een onderzetter voor theepotten, is een simpel maar essentieel keukenaccessoire dat wordt gebruikt om hete theepotten op te plaatsen. Deze kleine en vaak decoratieve...
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AWjlnUU9tNFpOQVFWa__static-blog-post-card-1" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-1"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/beslist"
>
<span class="visually-hidden">Beslist</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-1"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=3840" alt="Beslist" srcset="//glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=240 240w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=352 352w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=832 832w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=1200 1200w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=1600 1600w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=1920 1920w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=2560 2560w, //glazen-theepot.com/cdn/shop/articles/beslissingsgids-maak-de-juiste-keuze-elke-keer-1734520179-600x343.jpg?v=1734520984&width=3840 3840w" width="3840" height="2195" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter
class="spacing-style text-block text-block--ATXFYT2E2VGl2QjlSa__title-1 rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Beslist</h4>
</rte-formatter>
</h4>
<div id="shopify-block-Ab2hOdEpESmYvZzk3U__blog-post-info-text-1" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2024-12-18T11:21:08Z">18 december 2024</time></span></div>
</div>
<div id="shopify-block-ANTdNTUNqbTRadDVGd__blog-post-description-1" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--ANTdNTUNqbTRadDVGd__blog-post-description-1 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Beslist In een wereld waar keuzes overweldigend kunnen zijn, biedt een goede beslissingsgids de helderheid die u nodig hebt. Of u nu in technologie werkt of uw marketingstrategieën verfijnt, het begrijpen van...
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AWjlnUU9tNFpOQVFWa__static-blog-post-card-2" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-2"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/alles-wat-u-moet-weten-over-marocstore"
>
<span class="visually-hidden">Alles wat u moet weten over Marocstore</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-2"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=3840" alt="Alles wat u moet weten over Marocstore" srcset="//glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=240 240w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=352 352w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=832 832w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=1200 1200w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=1600 1600w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=1920 1920w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=2560 2560w, //glazen-theepot.com/cdn/shop/articles/marokkaanse-theepot-193_480x480_9d70277e-74d1-4e1f-a09a-424dc6cb40b7.webp?v=1734292714&width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter
class="spacing-style text-block text-block--ATXFYT2E2VGl2QjlSa__title-2 rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Alles wat u moet weten over Marocstore</h4>
</rte-formatter>
</h4>
<div id="shopify-block-Ab2hOdEpESmYvZzk3U__blog-post-info-text-2" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2024-12-15T19:58:33Z">15 december 2024</time></span></div>
</div>
<div id="shopify-block-ANTdNTUNqbTRadDVGd__blog-post-description-2" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--ANTdNTUNqbTRadDVGd__blog-post-description-2 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Alles wat u moet weten over Marocstore Alles wat u moet weten over Marocstore Marocstore is een snelgroeiende online winkel die bekend staat om zijn brede assortiment en klantgerichte aanpak....
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AWjlnUU9tNFpOQVFWa__static-blog-post-card-3" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-3"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/kookgerei-essentiele-gids-voor-de-beste-keukenuitrusting"
>
<span class="visually-hidden">Kookgerei: Essentiële Gids voor de Beste Keukenuitrusting</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-3"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=3840" alt="Kookgerei: Essentiële Gids voor de Beste Keukenuitrusting" srcset="//glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=240 240w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=352 352w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=832 832w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=1200 1200w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=1600 1600w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=1920 1920w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=2560 2560w, //glazen-theepot.com/cdn/shop/articles/dubbelwandige-theepot-geheim-van-warme-thee-1732698493_6bff391c-e5e7-4a32-91dd-7909f40fd1fc.jpg?v=1734292016&width=3840 3840w" width="3840" height="2194" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter
class="spacing-style text-block text-block--ATXFYT2E2VGl2QjlSa__title-3 rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Kookgerei: Essentiële Gids voor de Beste Keukenuitrusting</h4>
</rte-formatter>
</h4>
<div id="shopify-block-Ab2hOdEpESmYvZzk3U__blog-post-info-text-3" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2024-12-15T19:46:55Z">15 december 2024</time></span></div>
</div>
<div id="shopify-block-ANTdNTUNqbTRadDVGd__blog-post-description-3" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--ANTdNTUNqbTRadDVGd__blog-post-description-3 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Kookgerei: Essentiële Gids voor de Beste Keukenuitrusting Kookgerei: Essentiële Gids voor de Beste Keukenuitrusting Introductie Kookgerei is een onmisbaar onderdeel van elke keuken. Het juiste gereedschap maakt koken niet alleen...
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AWjlnUU9tNFpOQVFWa__static-blog-post-card-4" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AWjlnUU9tNFpOQVFWa__static-blog-post-card-4"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/alles-wat-u-moet-weten-over-merkandi-een-complete-gids"
>
<span class="visually-hidden">Alles Wat U Moet Weten Over Merkandi: Een Complete Gids</span>
</a>
<div class="featured-blog-posts-card__inner">
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<rte-formatter
class="spacing-style text-block text-block--ATXFYT2E2VGl2QjlSa__title-4 rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Alles Wat U Moet Weten Over Merkandi: Een Complete Gids</h4>
</rte-formatter>
</h4>
<div id="shopify-block-Ab2hOdEpESmYvZzk3U__blog-post-info-text-4" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style="--padding-block-start: 0px;--padding-block-end: 0px;"
><span><time datetime="2024-12-15T18:54:08Z">15 december 2024</time></span></div>
</div>
<div id="shopify-block-ANTdNTUNqbTRadDVGd__blog-post-description-4" class="shopify-block">
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--ANTdNTUNqbTRadDVGd__blog-post-description-4 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); "
>
Alles Wat U Moet Weten Over Merkandi: Een Complete Gids Alles Wat U Moet Weten Over Merkandi: Een Complete Gids Merkandi is een internationaal platform dat bedrijven in staat stelt...
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
</div>
</section>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--27161352667467__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));--horizontal-alignment: center; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 16px; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 54px));--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h5">
<span class="menu__heading__default">Hoofdmenu</span>
<span class="menu__heading__accordion">
Hoofdmenu
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/collections">
op Materiaal
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections">
op Specifieke Functionaliteit
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections">
op Culturele Herkomst
</a>
</li>
<li class="menu__item paragraph">
<a href="/collections">
op Technologie
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<div
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<div class="email-signup__heading h5">
NIEUWSBRIEF
</div>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group color-scheme-1"
style="--border-width: 2px; --border-radius: 0px;"
>
<label
for="EmailInput-AZnlIVUxLVmROWEtSR__email_signup_zwcqXK"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AZnlIVUxLVmROWEtSR__email_signup_zwcqXK"
class="email-signup__input email-signup__input--all h5"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="E-mailadres"
required
>
<button
class="email-signup__button email-signup__button--text h5 button button--AZnlIVUxLVmROWEtSR__email_signup_zwcqXK color-scheme-1"
>
AANMELDEN
</button>
</div></form>
</div>
</div>
</div>
<div
class="footer-utilities spacing-style"
style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 1px;"
>
<div class="footer-utilities__group footer-utilities__group--left">
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2025
<a href="/" title="">Glazen Theepot</a>, Powered by Shopify
</span>
</div>
<anchored-popover-component data-hover-triggered="true">
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Voorwaarden en beleid
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Privacybeleid</a>
</li><li>
<a
href="/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Cookievoorkeuren</a>
</li></ul>
</div>
</anchored-popover-component>
</div>
<div class="footer-utilities__group footer-utilities__group--right">
<div
class="social-icons__wrapper"
>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END sections: footer-group -->
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/dialog.js?v=94382931671780430451761722632"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
>
<script
src="//glazen-theepot.com/cdn/shop/t/3/assets/predictive-search.js?v=53445493388242646041761722633"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Zoeken"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Zoeken</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Zoekopdracht"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
aria-label="Zoekactie opnieuw instellen"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
<span class="predictive-search__reset-button-text">Wissen</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Dialoogvenster sluiten"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
Alles bekijken
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Dialoogvenster sluiten"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
</body>
</html>
