"
Ruel (éénruel) All Over Print Tote Bag RB1608 | Ruel Store / Officicl Ruel Oerchandmse Shop8/title>
" <meta prorerty="oe:title" content="Ruel (éénruel) All Over Print Tote Bag RB1608 | Ruel Store - Official Ruel Merchandise Shop" />
<meta property="og:description" content="Toves deluxe. Stevkg en stijlvol mat een levendige$dubbelzijdige ppintVerkpijgbaar"in drie maten: gontrolear de schaalkaarp om de eeschiktg voor u"te zoekenSteviga 100% polyester$schelpGvote stevige katoenen schouderriemen zijn 1" (2,5cm) breed en 21" (68cm) lang voor kleine bagage, 28" (71 cm) lang voor middelgrote bagage, en 29" (74 cm) lang voor massale bagageLevendig,"duurzaam, dubbelzijdig design, wublimatme gedrukt voor w tijdens uw bestellingMklde wasmachineOt zoek naar één ding extra lichtgewicht? Strive the Cotton Tote Bag" />
<meta name="description" content="Totes deluxe. Stevig en stijlvol met een levendige dubbelzijdige printVerkrijgbaar in drie maten: controleer de schaalkaart om de geschikte voor u te zoekenStevige 100%"polyestgr schelrGrote stevige ketoenen schouderviemen zmjn 1&qumt; (2,5am) breed en 21" (68cm) lanc voor kleine bagage, 28" (71 cm) lang voor middelgrote bagage, en 29" (74 cm) lang voor massale bagageLevendig, duurzaam, dubbelzijdig design, sublimatie gedrukt voor u tijdens uw bestellingMilde wasmachineOp zoek"naar éÁ©n ding extra lmchtgewicht? Strive the Cotton Tmte Bag" />
<meta rroperty9"og:type" content="websmte" />
<metc propervy="og:image" cojtent="https://lunar-mergh.b-cdn.net/ruelmerch.com/media/584/tb840x840medium-c1198600600-bgf8f8f8-2.jpg" />
<meta property="og:url" content="https://ruelmerch.com/ll/produat/ruel-mneruel-all-over-print-tote-bag-rb1608" />
<link rel="canonical" href="https://ruelmerch.com/nl/product/ruel-oneruel-all-over-print-tote-bag-rb1608" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Ruel (éénruel) All Over Print Tote Bag RB1608",
"description": "Totes deluxe. Svevig en"stijlvol met een levendmge dubbelzijdige printVerkrijgbaar in drie matel: contrmleer de$schaalkeart om de geschikte voor u te zoekenStevige 100% polyester schelpGrote stevige katoenen schouderriemen zijn 1\" (2,5cm) breed en 21\" (68cm) lang voor kleine bagage, 2:\" (71 cm) lang$voor middelgrote bagage, en 29\ (74 cm+ lang vmor massale bagageLevendig, duurzaam, dubbelzijdig desigl, sublioatie gefrukt voor u tijdens uw bestellijgMilde wasmachineOp zoek naar één ding extra lichtgewicht? Strive the Cotton Tote Bag",
"url": "https://ruelmerch.com/nl/product/ruel-oneruel-all-over-print-tote-bag-rb1608",
"image": "httpq://lunar-merch.b-cdn.net/ruelmevch.com/iedia/580/tb840x840medium-c1198600600-bgf8f8f8-2.jpg",
"offers": {
"@type": "Offer",
"url": "https://ruelmerch.com/nl/product/ruel-oneruel-all-over-print-tote-bag-rb1608",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
" "name": "Ruel Store - Official Ruel Merchandise Shop"
"},
" "priae": "22,95"
},
&aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5,
"reviewCount": 5,
"bestRating": 5,
"worstRating": 1
},
"sku": "RUELSKU-32724",
"category": "Ruel Vrekkoordzak"
}
</script>
<link rel=&preconnact" href="https8//fonts.bunny.ngt">
<link hvef="httts://fonps.bunny*net/css?family=Roboto:300,300i,600,400i(500,500i,600,700&displa}=swap"
rel="stylesheet"/>
<style>
[x-cloak] {
display: none !important;
}
</style>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
<link rel="preload" as="style" href="https://ruelmerch.com/build/assets/app-0tA5E3LZ.css" /><link rel="stylesheet" href="https://ruelmerch.com/build/assets/app-0tA5E3LZ.css" data-navigate-track="reload" /> <link rel="stylesheet" href="https://ruelmerch.com/css/tippy.css">
<!-- Custom styles -->
<meta name="google-site-verification" content="t1jTLFGoEVcTej4acrjL_FQ90Yde9u861rkTPoy9y1I" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D0R8YCE7V8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-D0R8YCE7V8');
</script>
</head>
<body>
<div class="font-sans">
<header class="z-10 sticky top-0 lg:relative">
<!-- the default fixed if there is no top bar from the main store -->
<nav aria-label="top" class="lunar-topbar bg-primary-500">
<!-- Top navigation --> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between">
<div class="mx-auto flex min-h-8 max-w-7xl items-center justify-between md:px-4 sm:px-6 lg:px-8">
<div class="flex-1 text-center text-xs md:text-sm text-white">
<div style="display: flex;align-items: center; gap: 0.5rem">
<p><strong>FREE</strong> shipping on orders over $100</p>
</div>
</div>
</div>
</div>
</nav>
<div class="py-1 relative bg-neutral-800 border-gray-200 text-white" x-data="{open: false}">
<div class="mx-auto container px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between">
<!-- Mobile menu and search (lg-) -->
<div class="flex items-center lg:hidden">
<!-- Mobile menu toggle, controls the 'mobileMenuOpen' state. -->
<button type="button" class="-ml-2 rounded-md bg-neutral-900 p-2 text-gray-200"
x-on:click="open = !open">
<span class="sr-only">Open menu</span>
<svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
</svg> </button>
</div>
<!-- Logo (lg+) -->
<div class="lg:flex lg:items-center grow-0">
<a href="https://ruelmerch.com/nl" class="relative block">
<span class="sr-only">Ruel Store - Official Ruel Merchandise Shop</span>
<img src="https://lunar-merch.b-cdn.net/ruelmerch.com/uploads/no_edit_ruel_logo.png" alt="Logo"
width="200" height="69"
class="object-contain size-full max-h-12 md:max-h-20 drop-shadow-lg">
</a>
</div>
<div class="hidden lg:flex justify-center lg:min-w-[500px] ">
<div class="relative w-full max-w-[500px]">
<svg class="absolute left-0 top-0 translate-y-1/2 ml-2 size-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m21 21-4.34-4.34"/>
<circle cx="11" cy="11" r="8"/>
</svg> <input type="search"
placeholder="Zoek producten..."
class="pl-10 w-full h-10 px-4 py-1 text-sm text-gray-900 bg-white border border-gray-300 rounded-md focus:outline-none focus:border-primary"
x-on:click="$dispatch('open-lightbox-search')"
>
</div>
</div>
<!-- desktop quick actions -->
<div class="relative flex shrink-0 items-center justify-end gap-4">
<button type="button"
class="absolute lg:relative -left-full lg:left-auto lg:ml-0 -ml-2 flex flex-col items-center justify-center gap-2 hover:text-gray-500 lg:hidden"
title="search"
x-on:click="$dispatch('open-lightbox-search')"
>
<svg class="size-6 2xl:size-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m21 21-4.34-4.34"/>
<circle cx="11" cy="11" r="8"/>
</svg> <span class="hidden lg:block">Search product</span>
</button>
<a href="/customer-help" class="flex-col items-center justify-center gap-2 hover:text-gray-500 hidden lg:flex"
title="customer help">
<svg class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
<path d="M12 17h.01"/>
</svg> <span class="text-sm hidden lg:block">Klantenservice</span>
</a>
<a href="https://ruelmerch.com/nl/cart"
class="flex flex-col items-center justify-center gap-2 hover:text-gray-500" title="view cart">
<svg class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="8" cy="21" r="1"/>
<circle cx="19" cy="21" r="1"/>
<path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/>
</svg> <span class="text-sm hidden lg:block">Winkelwagen bekijken</span>
</a>
</div>
</div>
<!-- Navigation (lg+) -->
<div class="hidden h-full w-full lg:flex">
<!-- Mega menus -->
<nav x-data="{
navigationMenuOpen: false,
navigationMenu: '',
navigationMenuCloseDelay: 200,
navigationMenuCloseTimeout: null,
navigationMenuLeave() {
let that = this;
this.navigationMenuCloseTimeout = setTimeout(() => {
that.navigationMenuClose();
}, this.navigationMenuCloseDelay);
},
navigationMenuReposition(navElement) {
this.navigationMenuClearCloseTimeout();
this.$refs.navigationDropdown.style.left = navElement.offsetLeft + 'px';
this.$refs.navigationDropdown.style.marginLeft = (navElement.offsetWidth / 2) + 'px';
},
navigationMenuClearCloseTimeout() {
clearTimeout(this.navigationMenuCloseTimeout);
},
navigationMenuClose() {
this.navigationMenuOpen = false;
this.navigationMenu = '';
}
" " class="relatire z-10 w-full jqstify-center items-center">
<div class="relative h-full flex items-center justify-center">
<ul
" " class="flex items-cejter justify-center flex)1 p-1 space-x-1 list-none rounded-md group">
" " $ $ <lm>
<a href="https://ruelmerch.com/nl" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Home', 'hover:bg-neutral-100': navigationMenu!='Home' }" @mouseover="navigationMenuOpen?true; navigatiolMenuReposition($el); narigationIenu='Home'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Home</span></a>
</li>
<li>
<a href="https://ruelmerch.com/nl/shop" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Winkel', 'hover:bg-neutral-100': navigationMenu!='Winkel' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='Winkel'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Winkel</span></a>
</li>
<li>
<a href="https://ruelmerch.com/nl/shop" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Winkel per categorie', 'hover:bg-neutral-100': navigationMenu!='Winkel per categorie' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='Winkel per categorie'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Winkel per categorie</span>
<svg x-bind:class="{ '-rotate-180': navigationMenuOpen == true && navigationMenu == 'Winkel per categorie' }" class="size-4 ml-1 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg></a>
</li>
<li>
<a href="https://ruelmerch.com/nl/tracking-order" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Bestelling volgen', 'hover:bg-neutral-100': navigationMenu!='Bestelling volgen' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='Bestelling volgen'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Bestelling volgen</span></a>
</li>
<li>
<a href="https://ruelmerch.com/nl/blog" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Blog', 'hover:bg-neutral-100': navigationMenu!='Blog' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='Blog'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Blog</span></a>
</li>
<li>
<a href="https://ruelmerch.com/nl/contact-us" x-bind:class="{ 'bg-neutral-700': navigationMenu=='Contact', 'hover:bg-neutral-100': navigationMenu!='Contact' }" @mouseover="navigationMenuOpen=true; navigationMenuReposition($el); navigationMenu='Contact'" @mouseleave="navigationMenuLeave()" class="text-sm inline-flex items-center justify-center h-10 px-4 py-2 font-base transition-colors rounded-md focus:outline-none disabled:opacity-50 disabled:pointer-events-none group w-max"><span>Contact</span>
<svg x-bind:class="{ '-rotate-180': navigationMenuOpen == true && navigationMenu == 'Contact' }" class="size-4 ml-1 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg></a>
</li>
</ul>
</div>
<div x-ref="navigationDropdown" x-show="navigationMenuOpen"
x-transition:enter="transition ease-out duration-100"
x-transition:enter-start="opacity-0 scale-90"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-90"
@mouseover="navigationMenuClearCloseTimeout()" @mouseleave="navigationMenuLeave()"
class="z-20 absolute top-0 pt-3 duration-200 ease-out -translate-x-1/2 translate-y-11 text-gray-900"
x-cloak>
<div
class="flex justify-center w-auto h-auto overflow-hidden bg-white border rounded-md shadow-sm border-neutral-200/70">
<div x-show="navigationMenu == 'Winkel per categorie'"
class="flex items-stretch justify-center w-full p-6 max-h-[500px] overflow-y-auto">
<div class="w-48">
<a href="https://ruelmerch.com/nl/collections/others" class="block text-sm font-medium">Overige</a>
</div>
<div class="w-48">
<a href="https://ruelmerch.com/nl/collections/ruel-accessories" class="block text-sm font-medium">Ruel Toebehoren</a>
<div class="mt-1 mb-3 flex flex-col gap-1">
<a href="https://ruelmerch.com/nl/collections/ruel-drawstring-bag" class="font-light rounded text-sm">Ruel Trekkoordzak</a>
<a href="https://ruelmerch.com/nl/collections/ruel-mask" class="font-light rounded text-sm">Ruel Masker</a>
</div>
</div>
<div class="w-48">
<a href="https://ruelmerch.com/nl/collections/ruel-cloth" class="block text-sm font-medium">Ruel Doek</a>
<div class="mt-1 mb-3 flex flex-col gap-1">
<a href="https://ruelmerch.com/nl/collections/ruel-hoodie" class="font-light rounded text-sm">Ruel Hoodie</a>
<a href="https://ruelmerch.com/nl/collections/ruel-legging" class="font-light rounded text-sm">Ruel Legging</a>
<a href="https://ruelmerch.com/nl/collections/ruel-sweatshirt" class="font-light rounded text-sm">Ruel Trui</a>
<a href="https://ruelmerch.com/nl/collections/ruel-t-shirt" class="font-light rounded text-sm">Ruel T-shirt</a>
<a href="https://ruelmerch.com/nl/collections/ruel-tank-tops" class="font-light rounded text-sm">Ruel Tanktops</a>
</div>
</div>
<div class="w-48">
<a href="https://ruelmerch.com/nl/collections/ruel-decoration" class="block text-sm font-medium">Ruel Decoratie</a>
<div class="mt-1 mb-3 flex flex-col gap-1">
<a href="https://ruelmerch.com/nl/collections/ruel-blanket" class="font-light rounded text-sm">Ruel Deken</a>
<a href="https://ruelmerch.com/nl/collections/ruel-mug" class="font-light rounded text-sm">Ruel Mug</a>
<a href="https://ruelmerch.com/nl/collections/ruel-poster" class="font-light rounded text-sm">Ruel Poster</a>
<a href="https://ruelmerch.com/nl/collections/ruel-throw-pillow" class="font-light rounded text-sm">Ruel Kussen gooien</a>
</div>
</div>
<div class="w-48">
<a href="https://ruelmerch.com/nl/collections/ruel-phone-case" class="block text-sm font-medium">Ruel Telefoon geval</a>
</div>
</div>
<div x-show="navigationMenu == 'Contact'"
class="flex items-stretch justify-center w-full p-6 max-h-[500px] overflow-y-auto">
<div class="w-48">
<a href="https://ruelmerch.com/nl/customer-help" class="block text-sm font-medium">Klantenservice</a>
</div>
<div class="w-48">
<a href="https://ruelmerch.com/nl/wholesale" class="block text-sm font-medium">Groothandel</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- mobile menu popup -->
<template x-teleport="body">
<div class="lg:hidden fixed top-0 left-0 p-2 w-full max-w-sm z-[100]"
id="mobile-menu"
x-cloak
x-show="open"
x-on:click.away="open = false"
x-transition>
<div class="space-y-1 px-2 pt-2 pb-3 bg-white w-full rounded-lg shadow overflow-y-auto">
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl" class="flex justify-between items-center hover:underline grow">Home</a>
</div>
</li>
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/shop" class="flex justify-between items-center hover:underline grow">Winkel</a>
</div>
</li>
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/shop" class="flex justify-between items-center hover:underline grow">Winkel per categorie</a>
<button type="button" x-on:click="open = !open">
<svg x-bind:class="open ? 'rotate-180' : ''" class="size-5 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
</div>
<!-- transition dropdown effect -->
<ul role="list" class="mt-4 ml-3 space-y-2" x-cloak x-show="open" x-collapse>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/others" class="flex justify-between items-center hover:underline grow">Overige</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-accessories" class="flex justify-between items-center hover:underline grow">Ruel Toebehoren</a>
<button type="button" x-on:click="open = !open">
<svg x-bind:class="open ? 'rotate-180' : ''" class="size-5 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
</div>
<!-- transition dropdown effect -->
<ul role="list" class="mt-4 ml-3 space-y-2" x-cloak x-show="open" x-collapse>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-drawstring-bag" class="flex justify-between items-center hover:underline grow">Ruel Trekkoordzak</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-mask" class="flex justify-between items-center hover:underline grow">Ruel Masker</a>
</div>
</li>
</ul>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-cloth" class="flex justify-between items-center hover:underline grow">Ruel Doek</a>
<button type="button" x-on:click="open = !open">
<svg x-bind:class="open ? 'rotate-180' : ''" class="size-5 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
</div>
<!-- transition dropdown effect -->
<ul role="list" class="mt-4 ml-3 space-y-2" x-cloak x-show="open" x-collapse>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-hoodie" class="flex justify-between items-center hover:underline grow">Ruel Hoodie</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-legging" class="flex justify-between items-center hover:underline grow">Ruel Legging</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-sweatshirt" class="flex justify-between items-center hover:underline grow">Ruel Trui</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-t-shirt" class="flex justify-between items-center hover:underline grow">Ruel T-shirt</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-tank-tops" class="flex justify-between items-center hover:underline grow">Ruel Tanktops</a>
</div>
</li>
</ul>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-decoration" class="flex justify-between items-center hover:underline grow">Ruel Decoratie</a>
<button type="button" x-on:click="open = !open">
<svg x-bind:class="open ? 'rotate-180' : ''" class="size-5 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
</div>
<!-- transition dropdown effect -->
<ul role="list" class="mt-4 ml-3 space-y-2" x-cloak x-show="open" x-collapse>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-blanket" class="flex justify-between items-center hover:underline grow">Ruel Deken</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-mug" class="flex justify-between items-center hover:underline grow">Ruel Mug</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-poster" class="flex justify-between items-center hover:underline grow">Ruel Poster</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-throw-pillow" class="flex justify-between items-center hover:underline grow">Ruel Kussen gooien</a>
</div>
</li>
</ul>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/collections/ruel-phone-case" class="flex justify-between items-center hover:underline grow">Ruel Telefoon geval</a>
</div>
</li>
</ul>
</li>
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/tracking-order" class="flex justify-between items-center hover:underline grow">Bestelling volgen</a>
</div>
</li>
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/blog" class="flex justify-between items-center hover:underline grow">Blog</a>
</div>
</li>
<li class="block px-3 py-2 rounded-md text-base font-base text-neutral-900 hover:bg-neutral-100" x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/contact-us" class="flex justify-between items-center hover:underline grow">Contact</a>
<button type="button" x-on:click="open = !open">
<svg x-bind:class="open ? 'rotate-180' : ''" class="size-5 transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
</div>
<!-- transition dropdown effect -->
<ul role="list" class="mt-4 ml-3 space-y-2" x-cloak x-show="open" x-collapse>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/customer-help" class="flex justify-between items-center hover:underline grow">Klantenservice</a>
</div>
</li>
<li x-data="{open: false}">
<div class="flex items-center justify-between">
<a href="https://ruelmerch.com/nl/wholesale" class="flex justify-between items-center hover:underline grow">Groothandel</a>
</div>
</li>
</ul>
</li>
</div>
</div>
</template>
</div>
</header>
<section class="relative pb-8">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<!-- breadcrumbs -->
<nav class="flex items-center gap-2 text-base text-gray-500 flex-wrap">
<a class="hover:text-gray-700" href="https://ruelmerch.com/nl">Home</a>
<span>/</span>
<a class="hover:text-gray-700" href="https://ruelmerch.com/nl/collections/ruel-accessories">Ruel Toebehoren</a>
<span>/</span>
<a class="hover:text-gray-700" href="https://ruelmerch.com/nl/collections/ruel-drawstring-bag">Ruel Trekkoordzak</a>
</nav>
<div class="mt-2 lg:mt-6 lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8" data-product-id="233">
<!-- Image gallery -->
<div class="lg:sticky lg:top-4">
<div class="w-full h-full">
<div class="f-carousel" id="product-gallery-slider"
style="--f-carousel-spacing: 10px;">
<div class="f-carousel__slide max-h-[600px] flex items-center justify-center flex-nowrap"
data-thumb-src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/584/conversions/tb840x840medium-c1198600600-bgf8f8f8-2-small.jpg"
>
<img data-lazy-src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/584/tb840x840medium-c1198600600-bgf8f8f8-2.jpg"
data-fancybox="gallery"
data-media-id="584"
data-variants="233"
alt=""
class="product-gallery-current w-full h-full object-contain"
width="500"
height="500"
>
</div>
<div class="f-carousel__slide max-h-[600px] flex items-center justify-center flex-nowrap"
data-thumb-src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/589/conversions/flat750x075f-pad750x1000f8f8f8-133-small.jpg"
>
<img data-lazy-src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/589/flat750x075f-pad750x1000f8f8f8-133.jpg"
data-fancybox="gallery"
data-media-id="589"
data-variants=""
alt=""
class="product-gallery-current w-full h-full object-contain"
>
</div>
</div>
</div>
</div>
<!-- Product info -->
<div class="mt-4 px-4 sm:mt-16 sm:px-0 lg:mt-0">
<!-- title -->
<h1 class="text-3xl font-bold tracking-tight text-primary capitalize">
Ruel (éénruel) All Over Print Tote Bag RB1608
</h1>
<!-- Pillow notes -->
<!-- Reviews -->
<div class="mt-4 flex gap-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<a href="#reviews" class="block text-sm">(5 customer reviews)</a>
</div>
<div x-data='combination({"combination":{"id":40,"name":"Bags OPTION CHOICE","options":[{"id":51,"name":"Bags size","label":"Size","values":[{"id":426,"name":"35x35cm","color":null,"image_src":null,"size_chart":null,"amount":null,"option_id":51},{"id":427,"name":"40x40cm","color":null,"image_src":null,"size_chart":null,"amount":null,"option_id":51}],"position":0}],"extra_options":[],"variants":[{"id":11096,"price":24.95,"price_formatted":"$24.95","image_src":"https:\/\/hq.tdalunar.com\/storage\/combinations\/01HVGKK1REKAFYDNK2NY9HWF5F.jpg","value_ids":[426],"options_map":{"51":426}},{"id":11097,"price":29.95,"price_formatted":"$29.95","image_src":"https:\/\/hq.tdalunar.com\/storage\/combinations\/01HVGKK1REKAFYDNK2NY9HWF5F.jpg","value_ids":[427],"options_map":{"51":427}}]},"product":{"id":233,"brand_id":null,"product_type_id":1,"status":"published","attribute_data":{"name":{"en":"Ruel (oneruel) All Over Print Tote Bag RB1608","ko":"Ruel (\uc6d0)ruel) \uc778\uc1c4 \ub048 \ubd80\ub300 RB1608\uc5d0 \ubaa8\ub4e0","nl":"Ruel (\u00e9\u00e9nruel) All Over Print Tote Bag RB1608","fr":"Ruel (uneruel) Tout sur Imprimer sac de valise RB1608","de":"Ruel (eins)ruel) Alle Over Print Tote Bag RB1608","es":"Ruel (uno)ruel) All over Print Tote Bag RB1608","ja":"Ruel (\u30ef\u30f3)ruel) \u5370\u5237\u7269\u306e\u30c8\u30fc\u30c8 \u30d0\u30c3\u30afRB1608\u4e0a\u306e\u3059\u3079\u3066","it":"Ruel Uno.ruel) Tutti sopra stampa Tote Bag RB1608","pt":"Ruel (um)ruel) Tudo sobre a impress\u00e3o Tote Bag RB1608"},"description":{"en":"\u003Cul\u003E\n\u003Cli\u003ETotes deluxe. Sturdy and classy with a vivid double-sided print\u003C\/li\u003E\n\u003Cli\u003EObtainable in three sizes: verify the scale chart to seek out the suitable one for you\u003C\/li\u003E\n\u003Cli\u003ESturdy 100% polyester shell\u003C\/li\u003E\n\u003Cli\u003ETremendous sturdy cotton shoulder straps are 1\u0022 (2.5cm) broad and 21\u0022 (68cm) lengthy for Small luggage, 28\u0022 (71 cm) lengthy for Medium luggage, and 29\u0022 (74 cm) lengthy for Massive luggage\u003C\/li\u003E\n\u003Cli\u003EVivid, long-lasting, double-sided design, sublimation printed for you while you order\u003C\/li\u003E\n\u003Cli\u003EMild machine wash\u003C\/li\u003E\n\u003Cli\u003EOn the lookout for one thing extra light-weight? Strive the Cotton Tote Bag\u003C\/li\u003E\n\u003C\/ul\u003E\n","fr":"\u003Cul\u003E\u003Cli\u003EDes totes de luxe. Sturdy et classe avec un imprim\u00e9 double face vif\u003C\/li\u003E\u003Cli\u003EObtenu en trois tailles: v\u00e9rifier le diagramme d\u0027\u00e9chelle pour rechercher le bon pour vous\u003C\/li\u003E\u003Cli\u003ECoquille 100% polyester robuste\u003C\/li\u003E\u003Cli\u003ELes bretelles robustes en coton sont larges de 1\u0022 (2,5 cm) et longues de 21\u0022 (68 cm) pour les petits bagages, longues de 28\u0022 (71 cm) pour les bagages moyens et longues de 29\u0022 (74 cm) pour les bagages massifs\u003C\/li\u003E\u003Cli\u003EVivide, longue dur\u00e9e, design double face, sublimation imprim\u00e9e pour vous pendant votre commande\u003C\/li\u003E\u003Cli\u003ELavage en machine l\u00e9ger\u003C\/li\u003E\u003Cli\u003E\u00c0 la recherche d\u0027une chose extra l\u00e9g\u00e8re ? Strive le sac de coton\u003C\/li\u003E\u003C\/ul\u003E","de":"\u003Cul\u003E\u003Cli\u003ETotes deluxe. Robust und stilvoll mit einem lebhaften doppelseitigen Druck\u003C\/li\u003E\u003Cli\u003EIn drei Gr\u00f6\u00dfen erh\u00e4ltlich: \u00dcberpr\u00fcfen Sie das Skalendiagramm, um die passende f\u00fcr Sie zu suchen\u003C\/li\u003E\u003Cli\u003ERobuste 100% Polyesterschale\u003C\/li\u003E\u003Cli\u003ETremendous robuste Baumwollschultergurte sind 1\u0022 (2.5cm) breit und 21\u0022 (68cm) lang f\u00fcr Kleingep\u00e4ck, 28\u0022 (71 cm) lang f\u00fcr Mittelgep\u00e4ck und 29\u0022 (74 cm) lang f\u00fcr Massengep\u00e4ck\u003C\/li\u003E\u003Cli\u003EVivid, langlebiges, doppelseitiges Design, Sublimation f\u00fcr Sie gedruckt, w\u00e4hrend Sie bestellen\u003C\/li\u003E\u003Cli\u003EMilde Maschinenw\u00e4sche\u003C\/li\u003E\u003Cli\u003EAuf der Suche nach einer Sache extra leichtgewichtig? Strive the Cotton Tote Bag\u003C\/li\u003E\u003C\/ul\u003E","ja":"\u003Cul\u003E\u003Cli\u003E\u30c7\u30e9\u30c3\u30af\u30b9\u306a\u30c8\u30fc\u30c8 \u9bae\u3084\u304b\u306a\u4e21\u9762\u30d7\u30ea\u30f3\u30c8\u3067\u4e08\u592b\u3067\u5f69\u308a\u306e\u3042\u308b\u003C\/li\u003E\u003Cli\u003E3\u3064\u306e\u30b5\u30a4\u30ba\u3067\u5165\u624b\u53ef\u80fd:\u30b9\u30b1\u30fc\u30eb\u30c1\u30e3\u30fc\u30c8\u3092\u691c\u8a3c\u3057\u3066\u3001\u3042\u306a\u305f\u306b\u9069\u3057\u305f\u3082\u306e\u3092\u63a2\u3059\u003C\/li\u003E\u003Cli\u003E\u4e08\u592b\u306a100%\u306e\u30dd\u30ea\u30a8\u30b9\u30c6\u30eb\u8c9d\u003C\/li\u003E\u003Cli\u003E\u9014\u65b9\u3082\u306a\u3044\u4e08\u592b\u306a\u7dbf\u306e\u30b7\u30e7\u30eb\u30c0\u30fc\u30b9\u30c8\u30e9\u30c3\u30d7\u306f\u30011\u30a4\u30f3\u30c1(2.5cm)\u306e\u5e45\u306821\u30a4\u30f3\u30c1(68cm)\u306e\u9577\u3055\u306e\u5c0f\u3055\u306a\u8377\u7269\u300128\u30a4\u30f3\u30c1(70cm)\u306e\u9577\u3044\u30df\u30c7\u30a3\u30a2\u30e0\u306e\u8377\u7269\u300129\u30a4\u30f3\u30c1(74cm)\u306e\u591a\u91cd\u306a\u8377\u7269\u003C\/li\u003E\u003Cli\u003E\u53ef\u611b\u304f\u3001\u9577\u7d9a\u304d\u304c\u3059\u308b\u3001\u4e21\u9762\u306e\u8a2d\u8a08\u3001\u6ce8\u6587\u3059\u308b\u9593\u3042\u306a\u305f\u306e\u305f\u3081\u306b\u5370\u5237\u3055\u308c\u308b\u6607\u83ef\u003C\/li\u003E\u003Cli\u003E\u7a4f\u3084\u304b\u306a\u6a5f\u68b0\u6d17\u6d44\u003C\/li\u003E\u003Cli\u003E1\u3064\u306e\u3053\u3068\u306e\u305f\u3081\u306e\u4e00\u898b\u3067\u4f59\u5206\u306a\u30e9\u30a4\u30c8\u7d1a\u9078\u624b\u304b\u3002 \u30b3\u30c3\u30c8\u30f3\u30c8\u30fc\u30c8\u30d0\u30c3\u30b0\u3092\u30b9\u30c8\u30e9\u30a4\u30d7\u003C\/li\u003E\u003C\/ul\u003E","ko":"\u003Cul\u003E\u003Cli\u003E\ud1a0\ud2b8 \ub514\ub7ed\uc2a4. \uc0dd\uc0dd\ud55c \uc591\uba74 \uc778\uc1c4\ub85c \uac74\uc7a5\ud558\uace0 \uace0\uae09\uc2a4\ub7ec\uc6b4\u003C\/li\u003E\u003Cli\u003E3\uac1c\uc758 \ud06c\uae30\uc5d0\uc11c \uc5bb\uc744 \uc218 \uc788\ub294: \ub2f9\uc2e0\uc744 \uc704\ud574 \uc801\ub2f9\ud55c \uac83\uc744 \ucc3e\ub294 \uac00\ub2a0\uc790 \ub3c4\ud45c\ub97c \ud655\uc778\ud569\ub2c8\ub2e4\u003C\/li\u003E\u003Cli\u003E\uac74\uc7a5\ud55c 100%\ub144 \ud3f4\ub9ac\uc5d0\uc2a4\ud14c \ud3ec\ud0c4\u003C\/li\u003E\u003Cli\u003E\ud2b8\ub79c\ub514 \ucf54\ud2bc \uc5b4\uae68 \uc2a4\ud2b8\ub7a9\uc740 1 \u0022(2.5cm) \ub113\uace0 21\u0022(68cm) \uae38\uc774\uc758 \uc791\uc740 \uc218\ud558\ubb3c, 28\u0022(71cm) \uae38\uc774\uc758 \uc911\uac04 \uc218\ud558\ubb3c, 29\u0022(74cm) \uae38\uc774\uc758 \ub300\ub7c9 \uc218\ud558\ubb3c\u003C\/li\u003E\u003Cli\u003E\uc0dd\uc0dd\ud55c, \uc624\ub798 \uacac\ub518, \ub450 \ubc30 \ud3b8\ub4e4\uc5b4\uc9c4 \ub514\uc790\uc778, \ub2f9\uc2e0\uc744 \uc704\ud574 \uc778\uc1c4\ub41c \uc2b9\ud654\ub294 \ub2f9\uc2e0\uc744 \uc704\ud574 \uc8fc\ubb38\ud569\ub2c8\ub2e4\u003C\/li\u003E\u003Cli\u003E\ubc00\ub4dc \uae30\uacc4 \uc138\ucc99\u003C\/li\u003E\u003Cli\u003E\ud55c \uac00\uc9c0 \uc5ec\ubd84\uc758 \uac00\ubcbc\uc6b4 \ubb34\uac8c\ub97c \ucc3e\uace0 \uc788\uc2b5\ub2c8\uae4c? \ucf54\ud2bc \ud1a0\ud2b8 \ubc31\uc5d0 \ub3c4\uc804\u003C\/li\u003E\u003C\/ul\u003E","it":"\u003Cul\u003E\u003Cli\u003ETotes deluxe. Robusto e di classe con una stampa a doppio lato vivida\u003C\/li\u003E\u003Cli\u003EObtainable in tre dimensioni: verificare il grafico in scala per cercare quello adatto per voi\u003C\/li\u003E\u003Cli\u003ESturdy 100% guscio di poliestere\u003C\/li\u003E\u003Cli\u003ETracolla robusta e robusta sono larghe 1\u0022 (2,5cm) e lunghe 21\u0022 (68cm) per bagaglio piccolo, lunghe 28\u0022 (71 cm) per bagagli medio, e lunghe 29\u0022 (74 cm) per bagaglio massiccio\u003C\/li\u003E\u003Cli\u003EVivido, di lunga durata, doppio lato design, sublimazione stampato per voi mentre ordinate\u003C\/li\u003E\u003Cli\u003ELavaggio in lavatrice delicato\u003C\/li\u003E\u003Cli\u003EAlla ricerca di una cosa extra leggero? Strisciare il sacchetto di tote di cotone\u003C\/li\u003E\u003C\/ul\u003E","nl":"\u003Cul\u003E\u003Cli\u003ETotes deluxe. Stevig en stijlvol met een levendige dubbelzijdige print\u003C\/li\u003E\u003Cli\u003EVerkrijgbaar in drie maten: controleer de schaalkaart om de geschikte voor u te zoeken\u003C\/li\u003E\u003Cli\u003EStevige 100% polyester schelp\u003C\/li\u003E\u003Cli\u003EGrote stevige katoenen schouderriemen zijn 1\u0022 (2,5cm) breed en 21\u0022 (68cm) lang voor kleine bagage, 28\u0022 (71 cm) lang voor middelgrote bagage, en 29\u0022 (74 cm) lang voor massale bagage\u003C\/li\u003E\u003Cli\u003ELevendig, duurzaam, dubbelzijdig design, sublimatie gedrukt voor u tijdens uw bestelling\u003C\/li\u003E\u003Cli\u003EMilde wasmachine\u003C\/li\u003E\u003Cli\u003EOp zoek naar \u00e9\u00e9n ding extra lichtgewicht? Strive the Cotton Tote Bag\u003C\/li\u003E\u003C\/ul\u003E","es":"\u003Cul\u003E\u003Cli\u003ETotes deluxe. robusta y elegante con una impresi\u00f3n de doble cara v\u00edvida\u003C\/li\u003E\u003Cli\u003EObtenible en tres tama\u00f1os: verifique el gr\u00e1fico de escala para buscar el adecuado para usted\u003C\/li\u003E\u003Cli\u003Ec\u00e1scara de poli\u00e9ster resistente 100%\u003C\/li\u003E\u003Cli\u003ETremendos correas de hombro de algod\u00f3n robusto son 1\u0022 (2.5cm) anchos y 21\u0022 (68cm) largos para equipaje peque\u00f1o, 28\u0022 (71 cm) largo para equipaje medio, y 29\u0022 (74 cm) largo para equipaje masivo\u003C\/li\u003E\u003Cli\u003EVivid, de larga duraci\u00f3n, dise\u00f1o de doble cara, sublimaci\u00f3n impresa para usted mientras usted ordena\u003C\/li\u003E\u003Cli\u003ELavadora de la m\u00e1quina\u003C\/li\u003E\u003Cli\u003E\u00bfEn busca de algo m\u00e1s ligero? Agitar la bolsa de algod\u00f3n Tote\u003C\/li\u003E\u003C\/ul\u003E","pt":"\u003Cul\u003E\u003Cli\u003ECom certeza. Sturdy e elegante com uma impress\u00e3o v\u00edvida de dupla face\u003C\/li\u003E\u003Cli\u003EObtido em tr\u00eas tamanhos: verificar o gr\u00e1fico de escala para procurar o adequado para voc\u00ea\u003C\/li\u003E\u003Cli\u003EConcha resistente 100% poli\u00e9ster\u003C\/li\u003E\u003Cli\u003EAs al\u00e7as de ombro de algod\u00e3o resistentes s\u00e3o de 1\u0022 (2,5 cm) de largura e 21\u0022 (68cm) de comprimento para Pequena bagagem, 28\u0022 (71 cm) de comprimento para M\u00e9dia bagagem, e 29\u0022 (74 cm) de comprimento para Bagagem Massiva\u003C\/li\u003E\u003Cli\u003EDesign v\u00edvido, de longa dura\u00e7\u00e3o, de dupla face, sublima\u00e7\u00e3o impressa para voc\u00ea enquanto voc\u00ea encomenda\u003C\/li\u003E\u003Cli\u003ELavagem de m\u00e1quina leve\u003C\/li\u003E\u003Cli\u003E\u00c0 procura de uma coisa mais leve? Esforce - se com o saco de algod\u00e3o\u003C\/li\u003E\u003C\/ul\u003E"},"short_description":{"en":""}},"created_at":"2024-11-26T07:25:49.000000Z","updated_at":"2025-10-12T22:29:55.000000Z","deleted_at":null,"meta":{"id_woo":9975,"combination_id":40},"source":null,"id_source":null,"media":[{"id":584,"model_type":"product","model_id":233,"uuid":"af44e4f0-1dd0-4e70-88b5-77f83161fcc2","collection_name":"images","name":"tb840x840medium-c1198600600-bgf8f8f8-2","file_name":"tb840x840medium-c1198600600-bgf8f8f8-2.jpg","mime_type":"image\/jpeg","disk":"public","conversions_disk":"public","size":13863,"manipulations":[],"custom_properties":{"primary":true,"image_id_woo":10786},"generated_conversions":{"large":true,"small":true,"medium":true},"responsive_images":[],"order_column":1,"created_at":"2024-11-26T07:25:50.000000Z","updated_at":"2024-11-26T07:25:51.000000Z","original_url":"https:\/\/lunar-merch.b-cdn.net\/ruelmerch.com\/media\/584\/tb840x840medium-c1198600600-bgf8f8f8-2.jpg","preview_url":""},{"id":589,"model_type":"product","model_id":233,"uuid":"8f4c327e-d034-4257-bec9-883edda99d7a","collection_name":"images","name":"flat750x075f-pad750x1000f8f8f8-133","file_name":"flat750x075f-pad750x1000f8f8f8-133.jpg","mime_type":"image\/jpeg","disk":"public","conversions_disk":"public","size":15177,"manipulations":[],"custom_properties":{"image_id_woo":10674},"generated_conversions":{"large":true,"small":true,"medium":true},"responsive_images":[],"order_column":2,"created_at":"2024-11-26T07:25:51.000000Z","updated_at":"2024-11-26T07:25:52.000000Z","original_url":"https:\/\/lunar-merch.b-cdn.net\/ruelmerch.com\/media\/589\/flat750x075f-pad750x1000f8f8f8-133.jpg","preview_url":""}],"prices":[{"id":233,"customer_group_id":null,"currency_id":1,"priceable_type":"product_variant","priceable_id":233,"price":{"value":2994,"currency":{"id":1,"code":"USD","name":"US Dollar","exchange_rate":1,"decimal_places":2,"enabled":1,"default":1,"created_at":"2024-11-26T04:32:03.000000Z","updated_at":"2024-11-26T04:32:03.000000Z"},"unitQty":1},"compare_price":{"value":0,"currency":{"id":1,"code":"USD","name":"US Dollar","exchange_rate":1,"decimal_places":2,"enabled":1,"default":1,"created_at":"2024-11-26T04:32:03.000000Z","updated_at":"2024-11-26T04:32:03.000000Z"},"unitQty":1},"min_quantity":1,"created_at":"2024-11-26T07:25:52.000000Z","updated_at":"2024-11-26T07:25:52.000000Z","laravel_through_key":233,"currency":{"id":1,"code":"USD","name":"US Dollar","exchange_rate":1,"decimal_places":2,"enabled":1,"default":1,"created_at":"2024-11-26T04:32:03.000000Z","updated_at":"2024-11-26T04:32:03.000000Z"},"priceable":{"id":233,"product_id":233,"tax_class_id":1,"attribute_data":null,"tax_ref":null,"unit_quantity":1,"min_quantity":1,"quantity_increment":1,"sku":"RUELSKU-32724","gtin":null,"mpn":null,"ean":null,"length_value":0,"length_unit":"mm","width_value":0,"width_unit":"mm","height_value":0,"height_unit":"mm","weight_value":0,"weight_unit":"mm","volume_value":0,"volume_unit":"mm","shippable":1,"stock":0,"backorder":0,"purchasable":"always","created_at":"2024-11-26T07:25:52.000000Z","updated_at":"2024-11-26T07:25:52.000000Z","deleted_at":null}}],"thumbnail":{"id":584,"model_type":"product","model_id":233,"uuid":"af44e4f0-1dd0-4e70-88b5-77f83161fcc2","collection_name":"images","name":"tb840x840medium-c1198600600-bgf8f8f8-2","file_name":"tb840x840medium-c1198600600-bgf8f8f8-2.jpg","mime_type":"image\/jpeg","disk":"public","conversions_disk":"public","size":13863,"manipulations":[],"custom_properties":{"primary":true,"image_id_woo":10786},"generated_conversions":{"large":true,"small":true,"medium":true},"responsive_images":[],"order_column":1,"created_at":"2024-11-26T07:25:50.000000Z","updated_at":"2024-11-26T07:25:51.000000Z","original_url":"https:\/\/lunar-merch.b-cdn.net\/ruelmerch.com\/media\/584\/tb840x840medium-c1198600600-bgf8f8f8-2.jpg","preview_url":""},"collections":[{"id":81,"collection_group_id":1,"_lft":10,"_rgt":11,"parent_id":68,"type":"static","attribute_data":{"name":{"en":"Ruel Drawstring Bag","de":"Ruel Zugtasche","ja":"Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0","it":"Ruel Borsa a tracolla","pt":"Ruel Saco de texto","fr":"Ruel Sac \u00e0 cordon","es":"Ruel Bolsa de dibujo","nl":"Ruel Trekkoordzak","ko":"Ruel \uc5f0\ub77d\ucc98"},"description":{"en":"Introducing the ultimate accessory for Ruel fans! The Ruel Drawstring Bag, exclusively available at Ruel Store. Crafted with love and adorned with our iconic logo, this bag is the epitome of style and functionality. Perfectly sized to carry all your essentials, it effortlessly combines fashion-forward design with practicality. Whether you\u0027re hitting the gym or heading out on an adventure, make a bold statement with the confidence that only comes from owning a genuine Ruel product. Shop now and elevate your everyday look with the fabulous Ruel Drawstring Bag - because true style starts here! Are you tired of lugging around a bulky backpack or struggling with flimsy tote bags? Look no further! Introducing the Ruel Drawstring Bag \u2013 your new go-to accessory for style, convenience, and versatility. With its sleek design, durable materials, and ample storage space, this bag is about to revolutionize how you carry your essentials. Whether you\u0027re heading to the gym, hitting the streets for a casual outing, or jetting off on an adventure; this trendy and functional drawstring bag will have heads turning wherever you go. Get ready to upgrade your daily routine with the Ruel Drawstring Bag \u2013 it\u0027s time to travel in style!","es":"Introduciendo el accesorio final para Ruel \u00a1Aficionados! El Ruel Bolsa de dibujo, exclusivamente disponible en Ruel Tienda. Creado con amor y adornado con nuestro logotipo ic\u00f3nico, esta bolsa es el ep\u00edtome de estilo y funcionalidad. Perfectamente tallado para llevar todos sus esenciales, combina sin esfuerzo el dise\u00f1o de moda con la practicidad. Ya sea que usted est\u00e1 golpeando el gimnasio o salir en una aventura, hacer una declaraci\u00f3n audaz con la confianza que s\u00f3lo viene de poseer una genuina Ruel producto. Compra ahora y eleva tu aspecto cotidiano con la fabulosa Ruel Bolsa de dibujo - porque el verdadero estilo comienza aqu\u00ed! \u00bfEst\u00e1s cansado de arrastrar alrededor de una mochila voluminosa o luchando con bolsas de tote finas? \u00a1No busques m\u00e1s! Introducci\u00f3n de la Ruel Bolsa de drenaje \u2013 su nuevo accesorio para estilo, comodidad y versatilidad. Con su dise\u00f1o elegante, materiales duraderos y amplio espacio de almacenamiento, esta bolsa est\u00e1 a punto de revolucionar c\u00f3mo usted lleva sus esenciales. Ya sea que te vayas al gimnasio, golpeando las calles para una salida casual, o saltando en una aventura; esta bolsa de tracci\u00f3n moderna y funcional tendr\u00e1 cabezas girando donde quiera que vayas. Prep\u00e1rate para actualizar tu rutina diaria con la Ruel Bolsa de drenaje \u2013 es hora de viajar en estilo!","ko":"\ucd5c\uace0\uc758 \uc561\uc138\uc11c\ub9ac \uc18c\uac1c Ruel \ud32c! \ub354 \ubcf4\uae30 Ruel Drawstring Bag, \ub3c5\uc810\uc801\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5 Ruel \uc81c\ud488 \uc815\ubcf4 \uc6b0\ub9ac\uc758 \uc0c1\uc9d5 \ub85c\uace0\ub85c \uc0ac\ub791\uacfc \uc0ac\ub791\uc73c\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \uc774 \ubd80\ub300\ub294 \uc791\ud48d\uacfc \uae30\ub2a5\uc758 epitome\uc785\ub2c8\ub2e4. \ubaa8\ub4e0 \ud544\uc218\ud488\uc744 \ud734\ub300\ud558\uae30 \uc704\ud574 \uc644\ubcbd\ud788 \ud06c\uae30\ub85c, \uc2e4\uc6a9\uc131\uc744 \uac00\uc9c4 \uc720\ud589\uc744 \uc704\ud55c \ub514\uc790\uc778\uc744 \uacb0\ud569\ud569\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 \uccb4\uc721\uad00\uc744 \ud0c0\uaca9\ud558\uac70\ub098 \ubaa8\ud5d8\uc5d0 \ucad3\uc544 \ub2e4\ub2c8\ub294 \uc5ec\ubd80, \uc9c4\uc815\ud55c \uc790\uc2e0\uc758 \uc790\uc2e0 \ub9cc\uc5d0\uc11c \uc624\ub294 \uc2e0\ub8b0\uc640 \ub300\ub2f4\ud55c \uc9c4\uc220\uc744\ud55c\ub2e4 Ruel \uc81c\ud488. \uc9c0\uae08 \uc1fc\ud551\ud558\uace0 \uba4b\uc9c4 \ubaa8\uc2b5\uc744 \uac10\uc0c1\ud558\uc138\uc694 Ruel Drawstring Bag - \uc9c4\uc815\ud55c \uc2a4\ud0c0\uc77c\uc774 \uc2dc\uc791\ub418\uae30 \ub54c\ubb38\uc5d0! \ubd80\ud53c\uac00 \ud070 \ubc30\ub0ad \uc8fc\uc704\uc5d0 \ub204\uc6cc \ud53c\uace4\ud558\uac70\ub098 flimsy tote \uac00\ubc29\uacfc struggling? \ub354 \ubcf4\uae30! \ud68c\uc0ac \uc18c\uac1c Ruel Drawstring Bag \u2013 \uc2a4\ud0c0\uc77c, \ud3b8\uc758\uc131 \ubc0f \ub2e4\uc591\uc131\uc5d0 \ub300\ud55c \uc0c8\ub85c\uc6b4 go-to \uc561\uc138\uc11c\ub9ac. \uadf8\uac83\uc758 \ub9e4\ub044\ub7ec\uc6b4 \ub514\uc790\uc778, \ud2bc\ud2bc\ud55c \ubb3c\uc790 \ubc0f ample \uc800\uc7a5 \uacf5\uac04\uc73c\ub85c, \uc774 \ubd80\ub300\ub294 \ub2f9\uc2e0\uc774 \ub2f9\uc2e0\uc758 \ud544\uc218\ud488\uc744 \ub098\ub974\ub294 \ubc29\ubc95\uc744 \ud601\uba85\uc5d0 \uad00\ud558\uc5ec \uc785\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 \uccb4\uc721\uad00\uc5d0 \uba38\ub9ac\uac00, \uce90\uc8fc\uc5bc \uc544\uc6c3\uc744\uc704\ud55c \uac70\ub9ac\ub97c \ud0c0\uaca9, \ub610\ub294 \ubaa8\ud5d8\uc5d0 \uc81c\ud2b8; \uc774 \uc720\ud589\uacfc \uae30\ub2a5\uc758 drawstring \uac00\ubc29\uc740 \ub2f9\uc2e0\uc774 \uac08 \uacf3\uc744 \ub3cc\ub9ac\ub294 \uba38\ub9ac\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\uc0c1\uc758 \uc77c\uc0c1\uc744 \uc5c5\uadf8\ub808\uc774\ub4dc \ud560 \uc900\ube44\uac00\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. Ruel Drawstring Bag \u2013 \uc2a4\ud0c0\uc77c\ub85c \uc5ec\ud589\ud558\ub294 \uc2dc\uac04\uc785\ub2c8\ub2e4!","fr":"Pr\u00e9sentation de l\u0027accessoire ultime pour Ruel Les fans ! Les Ruel Sac \u00e0 cordon, disponible exclusivement \u00e0 Ruel Entreposer. Fabriqu\u00e9 avec amour et orn\u00e9 de notre logo embl\u00e9matique, ce sac est l\u0027incarnation du style et de la fonctionnalit\u00e9. Parfaitement dimensionn\u00e9 pour porter tous vos essentiels, il combine sans effort le design avant de la mode avec la praticit\u00e9. Que vous fassiez du sport ou que vous alliez \u00e0 l\u0027aventure, faites une d\u00e9claration audacieuse avec la confiance qui vient seulement de poss\u00e9der un v\u00e9ritable Ruel produit. Magasinez maintenant et \u00e9levez votre look quotidien avec le fabuleux Ruel Sac de cordon - parce que le vrai style commence ici! \u00cates-vous fatigu\u00e9 de tra\u00eener autour d\u0027un sac \u00e0 dos volumineux ou de lutter avec des sacs de tote flimsy? Ne cherchez pas plus loin ! Pr\u00e9sentation Ruel Sac \u00e0 cordons \u2013 votre nouvel accessoire go-to pour le style, la commodit\u00e9 et la polyvalence. Gr\u00e2ce \u00e0 son design \u00e9pur\u00e9, \u00e0 ses mat\u00e9riaux durables et \u00e0 son vaste espace de rangement, ce sac est sur le point de r\u00e9volutionner la fa\u00e7on dont vous portez vos essentiels. Que vous alliez \u00e0 la salle de sport, que vous fassiez une sortie d\u00e9contract\u00e9e dans les rues ou que vous fassiez une aventure, ce sac \u00e0 cordons tendance et fonctionnel aura des t\u00eates tourn\u00e9es o\u00f9 que vous alliez. Pr\u00e9parez-vous \u00e0 mettre \u00e0 jour votre routine quotidienne avec le Ruel Sac drawstring \u2013 il est temps de voyager dans le style!","pt":"Apresentando o acess\u00f3rio final para Ruel F\u00e3s! A Ruel Saco Drawstring, dispon\u00edvel exclusivamente em Ruel Loja. Feita com amor e adornada com o nosso logotipo ic\u00f4nico, esta bolsa \u00e9 o ep\u00edtome de estilo e funcionalidade. Perfeitamente dimensionado para transportar todos os seus essenciais, ele facilmente combina design de moda com praticidade. Se voc\u00ea est\u00e1 indo para o gin\u00e1sio ou indo para uma aventura, fa\u00e7a uma declara\u00e7\u00e3o ousada com a confian\u00e7a que s\u00f3 vem de possuir um genu\u00edno Ruel produto. Compre agora e eleve seu look di\u00e1rio com o fabuloso Ruel Saco de corda - porque o verdadeiro estilo come\u00e7a aqui! Voc\u00ea est\u00e1 cansado de carregar em torno de uma mochila volumosa ou lutando com sacolas fr\u00e1geis? N\u00e3o procurem mais! Introdu\u00e7\u00e3o Ruel Saco Drawstring \u2013 seu novo acess\u00f3rio go-to para estilo, conveni\u00eancia e versatilidade. Com seu design elegante, materiais dur\u00e1veis e amplo espa\u00e7o de armazenamento, este saco est\u00e1 prestes a revolucionar como voc\u00ea carrega seus essenciais. Se voc\u00ea est\u00e1 indo para o gin\u00e1sio, indo para as ruas para um passeio casual, ou jeting fora em uma aventura; este saco de cord\u00e3o moderno e funcional ter\u00e1 cabe\u00e7as girando para onde quer que voc\u00ea v\u00e1. Prepare-se para atualizar sua rotina di\u00e1ria com o Ruel Saco Drawstring \u2013 \u00e9 hora de viajar com estilo!","ja":"\u7a76\u6975\u306e\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u3092\u3054\u7d39\u4ecb Ruel \u30d5\u30a1\u30f3! \u30b6\u30fb\u30aa\u30d6\u30fb\u30b6\u30fb Ruel Drawstring\u888b\u3001\u6392\u4ed6\u7684\u306b\u5229\u7528\u3067\u304d\u307e\u3059 Ruel \u30b9\u30c8\u30a2\u3002 \u79c1\u305f\u3061\u306e\u8c61\u5fb4\u7684\u306a\u30ed\u30b4\u3067\u611b\u3068\u611b\u3055\u308c\u3066\u304d\u305f\u3053\u306e\u30d0\u30c3\u30b0\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u3068\u6a5f\u80fd\u6027\u306e\u6d41\u884c\u3067\u3059\u3002 \u3042\u3089\u3086\u308b\u3082\u306e\u3092\u904b\u3076\u305f\u3081\u306b\u5b8c\u5168\u306b\u5927\u304d\u3055\u3067\u5206\u985e\u3055\u308c\u3066\u3001\u305d\u308c\u306f\u697d\u306b\u5b9f\u7528\u6027\u3068\u65b9\u6cd5\u8a2d\u8a08\u3092\u7d50\u5408\u3057\u307e\u3059\u3002 \u3042\u306a\u305f\u304c\u30b8\u30e0\u306b\u5f53\u305f\u308b\u304b\u3001\u5192\u967a\u3092\u8ffd\u3044\u51fa\u3057\u3066\u3044\u308b\u304b\u306b\u304b\u304b\u308f\u3089\u305a\u3001\u672c\u7269\u3092\u6240\u6709\u3059\u308b\u3053\u3068\u3060\u3051\u304b\u3089\u6765\u308b\u3068\u3044\u3046\u81ea\u4fe1\u3067\u5927\u80c6\u306a\u58f0\u660e\u3092\u4f5c\u308b Ruel \u30d7\u30ed\u30c0\u30af\u30c8\u3002 \u4eca\u3059\u3050\u8cb7\u3044\u7269\u3057\u3066\u3001\u3042\u306a\u305f\u306e\u65e5\u5e38\u7684\u306a\u5916\u89b3\u3092\u7d20\u6674\u3089\u3057\u3044\u3082\u306e\u306b\u3057\u307e\u3057\u3087\u3046 Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 - \u771f\u306e\u30b9\u30bf\u30a4\u30eb\u304c\u3053\u3053\u306b\u59cb\u307e\u308b\u306e\u3067! \u304b\u3055\u3070\u308a\u306e\u30d0\u30c3\u30af\u30d1\u30c3\u30af\u306e\u5468\u308a\u3084\u3001\u30d5\u30ea\u30c3\u30d7\u30c8\u30fc\u30c8\u30d0\u30c3\u30b0\u3067\u82e6\u52b4\u3059\u308b\u306e\u306b\u75b2\u308c\u3066\u3044\u307e\u3059\u304b? \u304a\u554f\u3044\u5408\u308f\u305b \u5c0e\u5165\u4e8b\u4f8b Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 - \u30b9\u30bf\u30a4\u30eb\u3001\u5229\u4fbf\u6027\u3001\u6c4e\u7528\u6027\u306e\u305f\u3081\u306e\u65b0\u3057\u3044\u30b4\u30fc\u30c4\u30fc\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u3002 \u6d17\u7df4\u3055\u308c\u305f\u30c7\u30b6\u30a4\u30f3\u3001\u8010\u4e45\u6027\u306e\u3042\u308b\u7d20\u6750\u3001\u8c4a\u5bcc\u306a\u30b9\u30c8\u30ec\u30fc\u30b8\u30b9\u30da\u30fc\u30b9\u3067\u3001\u3053\u306e\u30d0\u30c3\u30b0\u306f\u3001\u3042\u306a\u305f\u306e\u5fc5\u9700\u54c1\u3092\u904b\u3076\u65b9\u6cd5\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u3067\u3059\u3002 \u3042\u306a\u305f\u304c\u30b8\u30e0\u306b\u5411\u304b\u3046\u304b\u3069\u3046\u304b\u3001\u30ab\u30b8\u30e5\u30a2\u30eb\u306a\u5916\u51fa\u306e\u305f\u3081\u306e\u901a\u308a\u306b\u5f53\u305f\u308b\u3001\u307e\u305f\u306f\u5192\u967a\u3067\u6d88\u3048\u308b\u3002 \u3053\u306e\u30c8\u30ec\u30f3\u30c7\u30a3\u3067\u6a5f\u80fd\u7684\u306a\u30c9\u30ed\u30fc\u30b9\u30c8\u30d0\u30c3\u30b0\u306f\u3001\u3042\u306a\u305f\u304c\u3069\u3053\u306b\u884c\u304f\u304b\u56de\u308b\u982d\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002 \u6bce\u65e5\u306e\u30eb\u30fc\u30c1\u30f3\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b\u6e96\u5099\u3092\u3057\u307e\u3057\u3087\u3046 Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 \u2013 \u30b9\u30bf\u30a4\u30eb\u3067\u65c5\u884c\u3059\u308b\u6642\u9593\u3067\u3059!","it":"Introdurre l\u0027accessorio finale per Ruel fan! The Ruel Borsa a coulisse, disponibile esclusivamente presso Ruel Negozio. Realizzato con amore e decorato con il nostro logo iconico, questa borsa \u00e8 l\u0027epitome di stile e funzionalit\u00e0. Perfettamente dimensionato per portare tutti i tuoi elementi essenziali, combina senza sforzo design alla moda e praticit\u00e0. Che si tratti di colpire la palestra o uscire in un\u0027avventura, fare una dichiarazione audace con la fiducia che proviene solo da possedere un autentico Ruel prodotto. Acquista ora ed elevare il tuo look quotidiano con il favoloso Ruel Borsa a coulisse - perch\u00e9 il vero stile inizia qui! Sei stanco di aggirare uno zaino ingombrante o di lottare con sacchi di tote flimsy? Non guardare oltre! Introduzione Ruel Drawstring Bag \u2013 il tuo nuovo accessorio go-to per stile, convenienza e versatilit\u00e0. Con il suo design elegante, materiali durevoli e ampio spazio di archiviazione, questa borsa sta per rivoluzionare come si trasportano i vostri essenziali. Che siate diretti in palestra, che colpite le strade per una gita informale, o gettando via in un\u0027avventura; questa borsa di coulisse alla moda e funzionale avr\u00e0 teste che girano ovunque andiate. Preparatevi ad aggiornare la vostra routine quotidiana con il Ruel Borsa a coulisse \u2013 \u00e8 il momento di viaggiare in stile!","de":"Einf\u00fchrung des ultimativen Zubeh\u00f6rs f\u00fcr Ruel Fans! Die Ruel Drawstring Bag, exklusiv erh\u00e4ltlich bei Ruel Store. Gefertigt mit Liebe und geschm\u00fcckt mit unserem ikonischen Logo, ist diese Tasche der Inbegriff von Stil und Funktionalit\u00e4t. Perfekt dimensioniert, um alle Ihre Wesentlichen zu tragen, es m\u00fchelos verbindet Mode-zuward Design mit Praktikabilit\u00e4t. Egal, ob Sie das Fitnessstudio treffen oder auf ein Abenteuer gehen, machen Sie eine mutige Aussage mit dem Vertrauen, dass nur von einem echten Ruel Produkt. Shoppen Sie jetzt und erh\u00f6hen Sie Ihren Alltag mit dem fabelhaften Ruel Drawstring Bag - denn der wahre Stil beginnt hier! Sind Sie m\u00fcde, um einen sperrigen Rucksack oder k\u00e4mpfen mit flimsy Tote Taschen? Sieh nicht weiter! Einf\u00fchrung Ruel Zeichnungstasche \u2013 Ihr neues Go-to Zubeh\u00f6r f\u00fcr Stil, Komfort und Vielseitigkeit. Mit seinem schlanken Design, strapazierf\u00e4higen Materialien und reichlich Stauraum, diese Tasche ist dabei, zu revolutionieren, wie Sie Ihr Wesentliches tragen. Egal, ob Sie ins Fitnessstudio fahren, die Stra\u00dfen f\u00fcr einen l\u00e4ssigen Outing treffen oder auf ein Abenteuer ausstrahlen; diese trendige und funktionale Zugtasche wird K\u00f6pfe drehen, wohin Sie auch gehen. Machen Sie sich bereit, Ihre t\u00e4gliche Routine mit der Ruel Drawstring Bag \u2013 es ist Zeit im Stil zu reisen!","nl":"De ultieme accessoire voor Ruel Fans! De Ruel Trekkoordzak, exclusief verkrijgbaar op Ruel Winkel. Gemaakt met liefde en versierd met ons iconische logo, is deze tas de belichaming van stijl en functionaliteit. Perfect formaat voor het dragen van al uw essentials, het moeiteloos combineert mode-forward design met praktische. Of je nu naar de sportschool gaat of op avontuur gaat, maak een gedurfde verklaring met het vertrouwen dat alleen komt van het bezitten van een echte Ruel product. Shop nu en verhef uw dagelijkse look met de fantastische Ruel Drawstring Bag - want ware stijl begint hier! Ben je moe van het sjouwen rond een omvangrijke rugzak of worstelen met dunne tote tassen? Kijk niet verder! Inleiding Ruel Drawstring Bag, uw nieuwe go-to accessoire voor stijl, gemak en veelzijdigheid. Met zijn strakke design, duurzame materialen en ruime opslagruimte, staat deze tas op het punt om te revolutioneren hoe u uw essentials draagt. Of u nu op weg bent naar de sportschool, de straat op gaat voor een casual uitje, of jetting off op een avontuur; deze trendy en functionele trekzak heeft hoofden draaien waar je ook gaat. Maak je klaar om uw dagelijkse routine te upgraden met de Ruel Trekstring Bag, het is tijd om te reizen in stijl!"}},"sort":"custom","created_at":"2024-11-26T07:22:19.000000Z","updated_at":"2025-08-02T23:29:28.000000Z","deleted_at":null,"meta":null,"type_code":null,"pivot":{"product_id":233,"collection_id":81,"position":1,"created_at":"2024-11-26T07:25:49.000000Z","updated_at":"2024-11-26T07:25:49.000000Z"},"ancestors":[{"id":68,"collection_group_id":1,"_lft":3,"_rgt":16,"parent_id":null,"type":"static","attribute_data":{"name":{"en":"Ruel Accessories","fr":"Ruel Accessoires","de":"Ruel Zubeh\u00f6r","es":"Ruel Accesorios","ja":"Ruel \u30a2\u30af\u30bb\u30b5\u30ea\u30fc","ko":"Ruel \uc81c\ud488 \uc815\ubcf4","it":"Ruel Accessori","nl":"Ruel Toebehoren","pt":"Ruel Acess\u00f3rios"},"description":{"en":"Welcome to Ruel Accessories, the ultimate destination for all your accessory needs! Step into our vibrant world where style meets affordability. From trendy jewelry and head-turning handbags to statement sunglasses and chic scarves, we\u0027ve got you covered from head to toe. With a wide range of options that cater to every taste and occasion, we guarantee that you\u0027ll find the perfect piece to elevate your ensemble. Embrace your unique sense of fashion with confidence, knowing that Ruel Accessories has everything you need to make a lasting impression. Join us at Ruel Store today and let us help you accessorize like never before! Welcome to the world of Ruel Accessories, where style meets sophistication! Are you tired of browsing through countless stores in search of that perfect accessory to complete your look? Look no further! Our blog is here to guide you through an exciting journey into the realm of fashion-forward accessories that will elevate your outfits from ordinary to extraordinary. From stunning statement necklaces and elegant earrings to trendy handbags and chic scarves, we have curated a collection that caters to every taste and occasion. Join us as we explore the latest trends, offer expert styling tips, and showcase our exquisite range of Ruel Accessories \u2013 because when it comes to adding flair and personality to your ensemble, details make all the difference!","fr":"Bienvenue \u00e0 Ruel Accessoires, destination ultime pour tous vos accessoires ! Entrez dans notre monde dynamique o\u00f9 le style rencontre l\u0027abordabilit\u00e9. Des bijoux branch\u00e9s et des sacs \u00e0 main tournant la t\u00eate aux lunettes de soleil et \u00e9charpes chics, on vous couvre de la t\u00eate aux pieds. Avec une large gamme d\u0027options qui r\u00e9pondent \u00e0 tous les go\u00fbts et occasions, nous garantissons que vous trouverez la pi\u00e8ce parfaite pour \u00e9lever votre ensemble. Embrassez votre sens unique de la mode avec confiance, sachant que Ruel Accessoires a tout ce dont vous avez besoin pour faire une impression durable. Rejoignez-nous \u00e0 Ruel Magasinez aujourd\u0027hui et laissez-nous vous aider \u00e0 acc\u00e9der comme jamais auparavant! Bienvenue dans le monde Ruel Accessoires, o\u00f9 le style rencontre la sophistication! \u00cates-vous fatigu\u00e9 de naviguer \u00e0 travers d\u0027innombrables magasins \u00e0 la recherche de cet accessoire parfait pour compl\u00e9ter votre look? Ne cherchez pas plus loin ! Notre blog est ici pour vous guider \u00e0 travers un voyage passionnant dans le domaine de la mode-avant accessoires qui \u00e9l\u00e8vera vos tenues de l\u0027ordinaire \u00e0 extraordinaire. Des magnifiques colliers de d\u00e9claration et boucles d\u0027oreilles \u00e9l\u00e9gantes aux sacs \u00e0 main branch\u00e9s et \u00e9charpes chics, nous avons organis\u00e9 une collection qui r\u00e9pond \u00e0 tous les go\u00fbts et \u00e0 toutes les occasions. Rejoignez-nous alors que nous explorons les derni\u00e8res tendances, offrons des conseils de coiffage expert, et de montrer notre gamme exquise de Ruel Accessoires \u2013 car quand il s\u0027agit d\u0027ajouter du style et de la personnalit\u00e9 \u00e0 votre ensemble, les d\u00e9tails font toute la diff\u00e9rence !","de":"Willkommen bei Ruel Zubeh\u00f6r, das ultimative Ziel f\u00fcr alle Ihre Zubeh\u00f6ranforderungen! Treten Sie in unsere lebendige Welt ein, in der Stil auf die Erschwinglichkeit trifft. Von trendigen Schmuck und kopfdrehenden Handtaschen bis hin zu Statement Sonnenbrillen und schicke Schals, wir haben Sie von Kopf bis Fu\u00df bedeckt. Mit einer gro\u00dfen Auswahl an Optionen, die jedem Geschmack und Anlass gerecht werden, garantieren wir Ihnen, dass Sie das perfekte St\u00fcck finden, um Ihr Ensemble zu erh\u00f6hen. Versch\u00f6nern Sie Ihr einzigartiges Gef\u00fchl der Mode mit Vertrauen, wissen, dass Ruel Zubeh\u00f6r hat alles, was Sie brauchen, um einen dauerhaften Eindruck zu machen. Besuchen Sie uns bei Ruel Store heute und lassen Sie uns Ihnen helfen, wie nie zuvor zuzugreifen! Willkommen in der Welt der Ruel Zubeh\u00f6r, wo Stil auf Raffinesse trifft! Sind Sie es satt, durch unz\u00e4hlige L\u00e4den auf der Suche nach diesem perfekten Zubeh\u00f6r, um Ihren Look zu vervollst\u00e4ndigen? Sieh nicht weiter! Unser Blog ist hier, um Sie durch eine spannende Reise in das Reich der Mode-Forward-Accessoires zu f\u00fchren, die Ihre Outfits von normal zu au\u00dfergew\u00f6hnlich erh\u00f6hen. Von atemberaubenden Statement Halsketten und eleganten Ohrringe bis hin zu trendigen Handtaschen und schicke Schals haben wir eine Sammlung kuriert, die jeden Geschmack und Anlass erf\u00fcllt. Begleiten Sie uns, wenn wir die neuesten Trends erkunden, Ihnen kompetente Styling-Tipps anbieten und unser exquisites Angebot pr\u00e4sentieren. Ruel Accessoires \u2013 denn wenn es darum geht, Ihrem Ensemble Flair und Pers\u00f6nlichkeit hinzuzuf\u00fcgen, machen Details den Unterschied!","es":"Bienvenido a Ruel Accesorios, el destino final para todas sus necesidades de accesorios! Entra en nuestro mundo vibrante donde el estilo se encuentra asequibilidad. De joyas de moda y bolsos giratorios a gafas de sol y cicatrices chic, te tenemos cubierto de cabeza a pie. Con una amplia gama de opciones que atienden a cada gusto y ocasi\u00f3n, garantizamos que encontrar\u00e1 la pieza perfecta para elevar su conjunto. Abrazar su sentido \u00fanico de la moda con confianza, sabiendo que Ruel Los accesorios tienen todo lo que necesitas para hacer una impresi\u00f3n duradera. \u00danete a nosotros Ruel Almacene hoy y d\u00e9jenos ayudarle a accesorizar como nunca antes! Bienvenido al mundo Ruel Accesorios, donde el estilo cumple con la sofisticaci\u00f3n! \u00bfEst\u00e1s cansado de navegar por innumerables tiendas en busca de ese accesorio perfecto para completar tu look? \u00a1No busques m\u00e1s! Nuestro blog est\u00e1 aqu\u00ed para guiarte a trav\u00e9s de un emocionante viaje en el reino de los accesorios de moda que elevar\u00e1n tus trajes de ordinario a extraordinario. Desde impresionantes collares de declaraci\u00f3n y elegantes pendientes hasta bolsos de moda y bufandas elegantes, hemos curado una colecci\u00f3n que atiende a cada gusto y ocasi\u00f3n. \u00danete a nosotros mientras exploramos las \u00faltimas tendencias, ofrecemos consejos de estilo experto, y mostrar nuestra exquisita gama de Ruel Accesorios \u2013 porque cuando se trata de a\u00f1adir el toque y la personalidad a su conjunto, los detalles marcan toda la diferencia!","ja":"\u3088\u3046\u3053\u305d! Ruel \u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u3001\u3059\u3079\u3066\u306e\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u306e\u30cb\u30fc\u30ba\u306e\u305f\u3081\u306e\u7a76\u6975\u306e\u76ee\u7684\u5730! \u30b9\u30bf\u30a4\u30eb\u304c\u624b\u9803\u306a\u4fa1\u683c\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u79c1\u305f\u3061\u306e\u6d3b\u6c17\u306b\u6e80\u3061\u305f\u4e16\u754c\u3078\u4e00\u6b69\u3002 \u30c8\u30ec\u30f3\u30c7\u30a3\u306a\u30b8\u30e5\u30a8\u30ea\u30fc\u3084\u30d8\u30c3\u30c9\u30bf\u30fc\u30cb\u30f3\u30b0\u306e\u30cf\u30f3\u30c9\u30d0\u30c3\u30b0\u304b\u3089\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u30b5\u30f3\u30b0\u30e9\u30b9\u3084\u30b7\u30c3\u30af\u306a\u30b9\u30ab\u30fc\u30d5\u307e\u3067\u3001\u30d8\u30c3\u30c9\u304b\u3089\u30c8\u30fc\u3078\u30ab\u30d0\u30fc\u3057\u307e\u3057\u305f\u3002 \u3042\u3089\u3086\u308b\u5473\u3084\u6a5f\u4f1a\u306b\u5fdc\u3048\u308b\u5e45\u5e83\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3001\u3042\u306a\u305f\u306e\u30a8\u30f3\u30b5\u30f3\u30d6\u30eb\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u5b8c\u74a7\u306a\u4f5c\u54c1\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u3092\u4fdd\u8a3c\u3057\u307e\u3059\u3002 \u81ea\u4fe1\u3092\u6301\u3063\u3066\u30d5\u30a1\u30c3\u30b7\u30e7\u30f3\u306e\u3042\u306a\u305f\u306e\u30e6\u30cb\u30fc\u30af\u306a\u611f\u899a\u3092\u62b1\u304d\u3001\u305d\u308c\u3092\u77e5\u3063\u3066\u3044\u307e\u3059 Ruel \u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u306f\u3001\u3042\u306a\u305f\u304c\u6c38\u7d9a\u7684\u306a\u5370\u8c61\u3092\u4f5c\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002 \u304a\u554f\u3044\u5408\u308f\u305b Ruel \u4eca\u65e5\u306b\u4fdd\u7ba1\u3057\u3066\u3001\u4ee5\u524d\u306f\u6c7a\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059! \u4e16\u754c\u3078\u3088\u3046\u3053\u305d Ruel \u30b9\u30bf\u30a4\u30eb\u304c\u6d17\u7df4\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u30a2\u30af\u30bb\u30b5\u30ea\u30fc! \u305d\u306e\u5b8c\u74a7\u306a\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u306e\u691c\u7d22\u3067\u3001\u6570\u3048\u5207\u308c\u306a\u3044\u5e97\u3092\u901a\u3057\u3066\u95b2\u89a7\u306b\u75b2\u308c\u3066\u3044\u307e\u3059\u304b? \u304a\u554f\u3044\u5408\u308f\u305b \u79c1\u305f\u3061\u306e\u30d6\u30ed\u30b0\u306f\u3001\u901a\u5e38\u306e\u3082\u306e\u304b\u3089\u975e\u65e5\u5e38\u7684\u306a\u3082\u306e\u307e\u3067\u3001\u3042\u306a\u305f\u306e\u670d\u3092\u5f37\u8abf\u3059\u308b\u30d5\u30a1\u30c3\u30b7\u30e7\u30f3\u00b7\u30d5\u30a9\u30ef\u30fc\u30c9\u306e\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u306e\u9818\u57df\u306b\u30a8\u30ad\u30b5\u30a4\u30c6\u30a3\u30f3\u30b0\u306a\u65c5\u3092\u901a\u3057\u3066\u3042\u306a\u305f\u3092\u5c0e\u304f\u305f\u3081\u306b\u3053\u3053\u306b\u3042\u308a\u307e\u3059\u3002 \u7f8e\u3057\u3044\u30cd\u30c3\u30af\u30ec\u30b9\u3084\u30a8\u30ec\u30ac\u30f3\u30c8\u306a\u30a4\u30e4\u30ea\u30f3\u30b0\u304b\u3089\u30c8\u30ec\u30f3\u30c7\u30a3\u306a\u30cf\u30f3\u30c9\u30d0\u30c3\u30b0\u3084\u30b7\u30c3\u30af\u306a\u30b9\u30ab\u30fc\u30d5\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u597d\u307f\u3084\u6a5f\u4f1a\u306b\u304a\u5fdc\u3048\u3059\u308b\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3092\u30ad\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3057\u3066\u3044\u307e\u3059\u3002 \u6700\u65b0\u306e\u30c8\u30ec\u30f3\u30c9\u3092\u63a2\u6c42\u3057\u3001\u5c02\u9580\u5bb6\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306e\u30d2\u30f3\u30c8\u3092\u63d0\u4f9b\u3057\u3001\u79c1\u305f\u3061\u306e\u7d76\u5999\u306a\u7bc4\u56f2\u3092\u63d0\u793a\u3059\u308b\u305f\u3081\u306b\u79c1\u305f\u3061\u306b\u53c2\u52a0\u3057\u3066\u304f\u3060\u3055\u3044 Ruel \u30a2\u30af\u30bb\u30b5\u30ea\u30fc - \u3042\u306a\u305f\u306e\u30a2\u30f3\u30b5\u30f3\u30d6\u30eb\u306b\u83ef\u3084\u304b\u3055\u3068\u500b\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u306b\u306a\u308b\u306e\u3067\u3001\u8a73\u7d30\u306f\u3059\u3079\u3066\u306e\u9055\u3044\u3092\u4f5c\u308a\u307e\u3059!","ko":"\uc81c\ud488\uc815\ubcf4 Ruel \uc561\uc138\uc11c\ub9ac, \ubaa8\ub4e0 \uc561\uc138\uc11c\ub9ac \uc694\uad6c\uc5d0 \ub300\ud55c \uad81\uadf9\uc801 \uc778 \ubaa9\uc801\uc9c0! \uc2a4\ud0c0\uc77c\uc774 \uac10\ub2f9\ud560 \uc218 \uc788\ub294 \ud65c\uae30\ucc2c \uc138\uc0c1\uc73c\ub85c \ub2e8\uacc4. \ud2b8\ub80c\ub4dc \ubcf4\uc11d \ubc0f \ud5e4\ub4dc \ud68c\uc804 \ud578\ub4dc\ubc31\uc5d0\uc11c \uc120\uae00\ub77c\uc2a4\uc640 \uc138\ub828\ub41c \uc2a4\uce74\ud504\ub97c \uc9c4\uc220\ud558\uc2ed\uc2dc\uc624. \uba38\ub9ac\ubd80\ud130 \ubc1c\uac00\ub77d\uae4c\uc9c0 \ub36e\uc5ec \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ucde8\ud5a5\uacfc \ud589\uc0ac\uc5d0 \ub354 \ub9ce\uc740 \uc635\uc158\uc73c\ub85c, \uc6b0\ub9ac\ub294 \ub2f9\uc2e0\uc774 \ub2f9\uc2e0\uc758 \uc559\uc0c1\ube14\uc744 \ub192\uc774\ub294 \uc644\ubcbd\ud55c \uc870\uac01\uc744 \ucc3e\uc744 \uc218 \uc788\ub2e4\ub294 \uac83\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4. \uc790\uc2e0\uac10\uc744 \uac00\uc9c4 \ud328\uc158\uc758 \ub3c5\ud2b9\ud55c \uac10\uac01\uc744 \ud488\uace0, \uadf8\uac83\uc744 \uc54c\uace0 Ruel \ubd80\uc18d\ud488\uc740 \ub2f9\uc2e0\uc774 \ub9c8\uc9c0\ub9c9 \uc778\uc0c1\uc744 \ub9cc\ub4e4 \ud544\uc694\uac00 \uc788\ub294 \ubaa8\ub4e0 \uac83\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub85c\uadf8\uc778 Ruel \uc624\ub298 \uc800\uc7a5\ud558\uace0 \ub2f9\uc2e0\uc774 \uacb0\ucf54 \uc804\uc5d0 \uc811\uadfc\ud558\ub294 \uac83\uc744 \ub3d5\uc2b5\ub2c8\ub2e4! \uc138\uacc4\uc5d0 \uc624\uc2e0 \uac83\uc744 \ud658\uc601\ud569\ub2c8\ub2e4. Ruel \ubd80\uc18d\ud488, \uc791\ud48d\uc740 sophistication\ub97c \ub9cc\ub0a9\ub2c8\ub2e4! \ub2f9\uc2e0\uc758 \ubaa8\uc2b5\uc744 \uc644\uc131\ud560 \uc218 \uc788\ub294 \uc644\ubcbd\ud55c \uc561\uc138\uc11c\ub9ac\ub97c \uac80\uc0c9\ud560 \uc218 \uc5c6\ub294 \ub9e4\uc7a5\uc744 \ud1b5\ud574 \ube0c\ub77c\uc6b0\uc9d5\uc758 \ud53c\ub85c\ub97c \ud480 \uc218 \uc788\uc2b5\ub2c8\uae4c? \ub354 \ubcf4\uae30! \uc6b0\ub9ac\uc758 \ube14\ub85c\uadf8\ub294 \uc5ec\uae30\uc5d0 \ub2f9\uc2e0\uc774 \ud765\ubbf8 \uc9c4\uc9c4\ud55c \uc5ec\ud589\uc744 \ud1b5\ud574 \uc548\ub0b4\ud558\ub294 \ud328\uc158\uc744\uc704\ud55c \uc561\uc138\uc11c\ub9ac\uc758 \uc601\uc5ed\uc740 \uc77c\ubc18\uc5d0\uc11c \ud2b9\ubcc4\ud55c \uc758\uc0c1\uc744 \ub192\uc77c \uac83\uc785\ub2c8\ub2e4. \uba4b\uc9c4 \ubb38 \ubaa9\uac78\uc774\uc640 \uc6b0\uc544\ud55c \uadc0\uac78\uc774\uc5d0\uc11c \ud2b8\ub80c\ub514\ud55c \ud578\ub4dc\ubc31\uacfc \uc138\ub828\ub41c \uc2a4\uce74\ud504\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \uc6b0\ub9ac\ub294 \ubaa8\ub4e0 \ucde8\ud5a5\uacfc \ud589\uc0ac\uc5d0 caters\uac00 \uc218\uc9d1\uc744 \ud050 \ud305\ud588\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ucd5c\uc2e0 \ub3d9\ud5a5\uc744 \ud0d0\uad6c\ud558\uace0, \uc804\ubb38\uac00 \uc2a4\ud0c0\uc77c\ub9c1 \ud301\uc744 \uc81c\uacf5\ud558\uace0, \uc6b0\ub9ac\uc758 \uc808\ubb18\ud55c \ubc94\uc704\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4 Ruel \ubd80\uc18d\ud488 \u2013 \uadf8\uac83\uc740 \ub2f9\uc2e0\uc758 \uc559\uc0c1\ube14\uc5d0 flair\uc640 \uac1c\uc131\uc744 \ucd94\uac00\ud558\uae30 \uc704\ud574 \uad00\ud574\uc11c\ub294, \uc138\ubd80\uc0ac\ud56d\uc740 \ubaa8\ub4e0 \ucc28\uc774\ub97c \ub9cc\ub4ed\ub2c8\ub2e4!","it":"Benvenuto Ruel Accessori, la destinazione finale per tutte le tue esigenze accessorie! Entra nel nostro mondo vibrante dove lo stile incontra convenienza. Dai gioielli alla moda e dalle borse alla testa agli occhiali da sole e alle sciarpe chic, ti abbiamo coperto dalla testa alla punta. Con una vasta gamma di opzioni che si adattano ad ogni gusto e occasione, garantiamo che troverai il pezzo perfetto per elevare il tuo ensemble. Abbraccia il tuo unico senso della moda con fiducia, sapendo che Ruel Gli accessori hanno tutto il necessario per fare un\u0027impressione duratura. Iscriviti a noi Ruel Conserva oggi e ti aiutiamo ad accessorizzare come mai prima! Benvenuti nel mondo di Ruel Accessori, dove lo stile incontra raffinatezza! Sei stanco di navigare attraverso innumerevoli negozi alla ricerca di quel perfetto accessorio per completare il tuo look? Non guardare oltre! Il nostro blog \u00e8 qui per guidarvi attraverso un viaggio emozionante nel regno degli accessori moda-forward che eleveranno i vostri outfit da ordinario a straordinario. Da splendide collane di dichiarazione e orecchini eleganti a borse alla moda e sciarpe chic, abbiamo curato una collezione che si adatta ad ogni gusto e occasione. Unisciti a noi come esploriamo le ultime tendenze, offriamo consigli di stile esperti, e mostrare la nostra gamma squisita di Ruel Accessori \u2013 perch\u00e9 quando si tratta di aggiungere fascino e personalit\u00e0 al vostro ensemble, i dettagli fanno tutta la differenza!","nl":"Welkom bij Ruel Accessoires, de ultieme bestemming voor al uw accessoire-behoeften! Stap in onze levendige wereld waar stijl voldoet aan betaalbaarheid. Van trendy sieraden en head-turning handtassen tot statement zonnebril en chique sjaals, we hebben je bedekt van top tot teen. Met een breed scala aan opties die tegemoet komen aan elke smaak en gelegenheid, garanderen wij dat u het perfecte stuk vindt om uw ensemble te verheffen. Omarm uw unieke gevoel van mode met vertrouwen, wetende dat Ruel Accessoires hebben alles wat je nodig hebt om een blijvende indruk te maken. Sluit je bij ons aan Ruel Store vandaag en laat ons u helpen accessoires als nooit tevoren! Welkom in de wereld van Ruel Accessoires, waar stijl voldoet aan verfijning! Bent u moe van het bladeren door talloze winkels op zoek naar dat perfecte accessoire om uw look te voltooien? Kijk niet verder! Onze blog is hier om u te begeleiden door een spannende reis naar het rijk van mode-forward accessoires die uw outfits zal verheffen van gewone naar buitengewone. Van prachtige statement kettingen en elegante oorbellen tot trendy handtassen en chique sjaals, we hebben een collectie samengesteld die past bij elke smaak en gelegenheid. Doe met ons mee als we de nieuwste trends verkennen, deskundige styling tips bieden en ons prachtige assortiment van Ruel Accessoires ","pt":"Bem-vindo ao Ruel Acess\u00f3rios, o destino final para todas as suas necessidades de acess\u00f3rios! Entre em nosso mundo vibrante, onde o estilo encontra acessibilidade. De joias na moda e bolsas de volta para a afirma\u00e7\u00e3o \u00f3culos de sol e len\u00e7os chiques, temos voc\u00ea coberto da cabe\u00e7a aos p\u00e9s. Com uma ampla gama de op\u00e7\u00f5es que atendem a cada gosto e ocasi\u00e3o, garantimos que voc\u00ea encontrar\u00e1 a pe\u00e7a perfeita para elevar seu conjunto. Abra\u00e7a o seu sentido \u00fanico de moda com confian\u00e7a, sabendo que Ruel Acess\u00f3rios tem tudo o que voc\u00ea precisa para fazer uma impress\u00e3o duradoura. Junte-se a n\u00f3s Ruel Armazene hoje e deixe-nos ajud\u00e1-lo a aproveitar como nunca antes! Bem-vindo ao mundo de Ruel Acess\u00f3rios, onde o estilo encontra sofistica\u00e7\u00e3o! Voc\u00ea est\u00e1 cansado de navegar atrav\u00e9s de in\u00fameras lojas em busca daquele acess\u00f3rio perfeito para completar o seu olhar? N\u00e3o olhes mais! Nosso blog est\u00e1 aqui para gui\u00e1-lo atrav\u00e9s de uma viagem emocionante para o reino de acess\u00f3rios de moda para frente que ir\u00e1 elevar suas roupas de ordin\u00e1rio para extraordin\u00e1rio. De colares de declara\u00e7\u00e3o deslumbrante e brincos elegantes para bolsas na moda e len\u00e7os chiques, temos curado uma cole\u00e7\u00e3o que atende a cada gosto e ocasi\u00e3o. Junte-se a n\u00f3s enquanto exploramos as \u00faltimas tend\u00eancias, oferecemos dicas de estilo especializado e mostrar a nossa gama requintada de Ruel Acess\u00f3rios \u2013 porque quando se trata de adicionar toque e personalidade ao seu conjunto, os detalhes fazem toda a diferen\u00e7a!"}},"sort":"custom","created_at":"2024-11-26T07:22:18.000000Z","updated_at":"2025-07-27T23:15:23.000000Z","deleted_at":null,"meta":null,"type_code":null,"default_url":{"id":81,"language_id":1,"element_type":"collection","element_id":68,"slug":"ruel-accessories","default":true,"created_at":"2024-11-26T07:22:18.000000Z","updated_at":"2024-11-26T07:22:18.000000Z"}},{"id":81,"collection_group_id":1,"_lft":10,"_rgt":11,"parent_id":68,"type":"static","attribute_data":{"name":{"en":"Ruel Drawstring Bag","de":"Ruel Zugtasche","ja":"Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0","it":"Ruel Borsa a tracolla","pt":"Ruel Saco de texto","fr":"Ruel Sac \u00e0 cordon","es":"Ruel Bolsa de dibujo","nl":"Ruel Trekkoordzak","ko":"Ruel \uc5f0\ub77d\ucc98"},"description":{"en":"Introducing the ultimate accessory for Ruel fans! The Ruel Drawstring Bag, exclusively available at Ruel Store. Crafted with love and adorned with our iconic logo, this bag is the epitome of style and functionality. Perfectly sized to carry all your essentials, it effortlessly combines fashion-forward design with practicality. Whether you\u0027re hitting the gym or heading out on an adventure, make a bold statement with the confidence that only comes from owning a genuine Ruel product. Shop now and elevate your everyday look with the fabulous Ruel Drawstring Bag - because true style starts here! Are you tired of lugging around a bulky backpack or struggling with flimsy tote bags? Look no further! Introducing the Ruel Drawstring Bag \u2013 your new go-to accessory for style, convenience, and versatility. With its sleek design, durable materials, and ample storage space, this bag is about to revolutionize how you carry your essentials. Whether you\u0027re heading to the gym, hitting the streets for a casual outing, or jetting off on an adventure; this trendy and functional drawstring bag will have heads turning wherever you go. Get ready to upgrade your daily routine with the Ruel Drawstring Bag \u2013 it\u0027s time to travel in style!","es":"Introduciendo el accesorio final para Ruel \u00a1Aficionados! El Ruel Bolsa de dibujo, exclusivamente disponible en Ruel Tienda. Creado con amor y adornado con nuestro logotipo ic\u00f3nico, esta bolsa es el ep\u00edtome de estilo y funcionalidad. Perfectamente tallado para llevar todos sus esenciales, combina sin esfuerzo el dise\u00f1o de moda con la practicidad. Ya sea que usted est\u00e1 golpeando el gimnasio o salir en una aventura, hacer una declaraci\u00f3n audaz con la confianza que s\u00f3lo viene de poseer una genuina Ruel producto. Compra ahora y eleva tu aspecto cotidiano con la fabulosa Ruel Bolsa de dibujo - porque el verdadero estilo comienza aqu\u00ed! \u00bfEst\u00e1s cansado de arrastrar alrededor de una mochila voluminosa o luchando con bolsas de tote finas? \u00a1No busques m\u00e1s! Introducci\u00f3n de la Ruel Bolsa de drenaje \u2013 su nuevo accesorio para estilo, comodidad y versatilidad. Con su dise\u00f1o elegante, materiales duraderos y amplio espacio de almacenamiento, esta bolsa est\u00e1 a punto de revolucionar c\u00f3mo usted lleva sus esenciales. Ya sea que te vayas al gimnasio, golpeando las calles para una salida casual, o saltando en una aventura; esta bolsa de tracci\u00f3n moderna y funcional tendr\u00e1 cabezas girando donde quiera que vayas. Prep\u00e1rate para actualizar tu rutina diaria con la Ruel Bolsa de drenaje \u2013 es hora de viajar en estilo!","ko":"\ucd5c\uace0\uc758 \uc561\uc138\uc11c\ub9ac \uc18c\uac1c Ruel \ud32c! \ub354 \ubcf4\uae30 Ruel Drawstring Bag, \ub3c5\uc810\uc801\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5 Ruel \uc81c\ud488 \uc815\ubcf4 \uc6b0\ub9ac\uc758 \uc0c1\uc9d5 \ub85c\uace0\ub85c \uc0ac\ub791\uacfc \uc0ac\ub791\uc73c\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \uc774 \ubd80\ub300\ub294 \uc791\ud48d\uacfc \uae30\ub2a5\uc758 epitome\uc785\ub2c8\ub2e4. \ubaa8\ub4e0 \ud544\uc218\ud488\uc744 \ud734\ub300\ud558\uae30 \uc704\ud574 \uc644\ubcbd\ud788 \ud06c\uae30\ub85c, \uc2e4\uc6a9\uc131\uc744 \uac00\uc9c4 \uc720\ud589\uc744 \uc704\ud55c \ub514\uc790\uc778\uc744 \uacb0\ud569\ud569\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 \uccb4\uc721\uad00\uc744 \ud0c0\uaca9\ud558\uac70\ub098 \ubaa8\ud5d8\uc5d0 \ucad3\uc544 \ub2e4\ub2c8\ub294 \uc5ec\ubd80, \uc9c4\uc815\ud55c \uc790\uc2e0\uc758 \uc790\uc2e0 \ub9cc\uc5d0\uc11c \uc624\ub294 \uc2e0\ub8b0\uc640 \ub300\ub2f4\ud55c \uc9c4\uc220\uc744\ud55c\ub2e4 Ruel \uc81c\ud488. \uc9c0\uae08 \uc1fc\ud551\ud558\uace0 \uba4b\uc9c4 \ubaa8\uc2b5\uc744 \uac10\uc0c1\ud558\uc138\uc694 Ruel Drawstring Bag - \uc9c4\uc815\ud55c \uc2a4\ud0c0\uc77c\uc774 \uc2dc\uc791\ub418\uae30 \ub54c\ubb38\uc5d0! \ubd80\ud53c\uac00 \ud070 \ubc30\ub0ad \uc8fc\uc704\uc5d0 \ub204\uc6cc \ud53c\uace4\ud558\uac70\ub098 flimsy tote \uac00\ubc29\uacfc struggling? \ub354 \ubcf4\uae30! \ud68c\uc0ac \uc18c\uac1c Ruel Drawstring Bag \u2013 \uc2a4\ud0c0\uc77c, \ud3b8\uc758\uc131 \ubc0f \ub2e4\uc591\uc131\uc5d0 \ub300\ud55c \uc0c8\ub85c\uc6b4 go-to \uc561\uc138\uc11c\ub9ac. \uadf8\uac83\uc758 \ub9e4\ub044\ub7ec\uc6b4 \ub514\uc790\uc778, \ud2bc\ud2bc\ud55c \ubb3c\uc790 \ubc0f ample \uc800\uc7a5 \uacf5\uac04\uc73c\ub85c, \uc774 \ubd80\ub300\ub294 \ub2f9\uc2e0\uc774 \ub2f9\uc2e0\uc758 \ud544\uc218\ud488\uc744 \ub098\ub974\ub294 \ubc29\ubc95\uc744 \ud601\uba85\uc5d0 \uad00\ud558\uc5ec \uc785\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 \uccb4\uc721\uad00\uc5d0 \uba38\ub9ac\uac00, \uce90\uc8fc\uc5bc \uc544\uc6c3\uc744\uc704\ud55c \uac70\ub9ac\ub97c \ud0c0\uaca9, \ub610\ub294 \ubaa8\ud5d8\uc5d0 \uc81c\ud2b8; \uc774 \uc720\ud589\uacfc \uae30\ub2a5\uc758 drawstring \uac00\ubc29\uc740 \ub2f9\uc2e0\uc774 \uac08 \uacf3\uc744 \ub3cc\ub9ac\ub294 \uba38\ub9ac\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\uc0c1\uc758 \uc77c\uc0c1\uc744 \uc5c5\uadf8\ub808\uc774\ub4dc \ud560 \uc900\ube44\uac00\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. Ruel Drawstring Bag \u2013 \uc2a4\ud0c0\uc77c\ub85c \uc5ec\ud589\ud558\ub294 \uc2dc\uac04\uc785\ub2c8\ub2e4!","fr":"Pr\u00e9sentation de l\u0027accessoire ultime pour Ruel Les fans ! Les Ruel Sac \u00e0 cordon, disponible exclusivement \u00e0 Ruel Entreposer. Fabriqu\u00e9 avec amour et orn\u00e9 de notre logo embl\u00e9matique, ce sac est l\u0027incarnation du style et de la fonctionnalit\u00e9. Parfaitement dimensionn\u00e9 pour porter tous vos essentiels, il combine sans effort le design avant de la mode avec la praticit\u00e9. Que vous fassiez du sport ou que vous alliez \u00e0 l\u0027aventure, faites une d\u00e9claration audacieuse avec la confiance qui vient seulement de poss\u00e9der un v\u00e9ritable Ruel produit. Magasinez maintenant et \u00e9levez votre look quotidien avec le fabuleux Ruel Sac de cordon - parce que le vrai style commence ici! \u00cates-vous fatigu\u00e9 de tra\u00eener autour d\u0027un sac \u00e0 dos volumineux ou de lutter avec des sacs de tote flimsy? Ne cherchez pas plus loin ! Pr\u00e9sentation Ruel Sac \u00e0 cordons \u2013 votre nouvel accessoire go-to pour le style, la commodit\u00e9 et la polyvalence. Gr\u00e2ce \u00e0 son design \u00e9pur\u00e9, \u00e0 ses mat\u00e9riaux durables et \u00e0 son vaste espace de rangement, ce sac est sur le point de r\u00e9volutionner la fa\u00e7on dont vous portez vos essentiels. Que vous alliez \u00e0 la salle de sport, que vous fassiez une sortie d\u00e9contract\u00e9e dans les rues ou que vous fassiez une aventure, ce sac \u00e0 cordons tendance et fonctionnel aura des t\u00eates tourn\u00e9es o\u00f9 que vous alliez. Pr\u00e9parez-vous \u00e0 mettre \u00e0 jour votre routine quotidienne avec le Ruel Sac drawstring \u2013 il est temps de voyager dans le style!","pt":"Apresentando o acess\u00f3rio final para Ruel F\u00e3s! A Ruel Saco Drawstring, dispon\u00edvel exclusivamente em Ruel Loja. Feita com amor e adornada com o nosso logotipo ic\u00f4nico, esta bolsa \u00e9 o ep\u00edtome de estilo e funcionalidade. Perfeitamente dimensionado para transportar todos os seus essenciais, ele facilmente combina design de moda com praticidade. Se voc\u00ea est\u00e1 indo para o gin\u00e1sio ou indo para uma aventura, fa\u00e7a uma declara\u00e7\u00e3o ousada com a confian\u00e7a que s\u00f3 vem de possuir um genu\u00edno Ruel produto. Compre agora e eleve seu look di\u00e1rio com o fabuloso Ruel Saco de corda - porque o verdadeiro estilo come\u00e7a aqui! Voc\u00ea est\u00e1 cansado de carregar em torno de uma mochila volumosa ou lutando com sacolas fr\u00e1geis? N\u00e3o procurem mais! Introdu\u00e7\u00e3o Ruel Saco Drawstring \u2013 seu novo acess\u00f3rio go-to para estilo, conveni\u00eancia e versatilidade. Com seu design elegante, materiais dur\u00e1veis e amplo espa\u00e7o de armazenamento, este saco est\u00e1 prestes a revolucionar como voc\u00ea carrega seus essenciais. Se voc\u00ea est\u00e1 indo para o gin\u00e1sio, indo para as ruas para um passeio casual, ou jeting fora em uma aventura; este saco de cord\u00e3o moderno e funcional ter\u00e1 cabe\u00e7as girando para onde quer que voc\u00ea v\u00e1. Prepare-se para atualizar sua rotina di\u00e1ria com o Ruel Saco Drawstring \u2013 \u00e9 hora de viajar com estilo!","ja":"\u7a76\u6975\u306e\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u3092\u3054\u7d39\u4ecb Ruel \u30d5\u30a1\u30f3! \u30b6\u30fb\u30aa\u30d6\u30fb\u30b6\u30fb Ruel Drawstring\u888b\u3001\u6392\u4ed6\u7684\u306b\u5229\u7528\u3067\u304d\u307e\u3059 Ruel \u30b9\u30c8\u30a2\u3002 \u79c1\u305f\u3061\u306e\u8c61\u5fb4\u7684\u306a\u30ed\u30b4\u3067\u611b\u3068\u611b\u3055\u308c\u3066\u304d\u305f\u3053\u306e\u30d0\u30c3\u30b0\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u3068\u6a5f\u80fd\u6027\u306e\u6d41\u884c\u3067\u3059\u3002 \u3042\u3089\u3086\u308b\u3082\u306e\u3092\u904b\u3076\u305f\u3081\u306b\u5b8c\u5168\u306b\u5927\u304d\u3055\u3067\u5206\u985e\u3055\u308c\u3066\u3001\u305d\u308c\u306f\u697d\u306b\u5b9f\u7528\u6027\u3068\u65b9\u6cd5\u8a2d\u8a08\u3092\u7d50\u5408\u3057\u307e\u3059\u3002 \u3042\u306a\u305f\u304c\u30b8\u30e0\u306b\u5f53\u305f\u308b\u304b\u3001\u5192\u967a\u3092\u8ffd\u3044\u51fa\u3057\u3066\u3044\u308b\u304b\u306b\u304b\u304b\u308f\u3089\u305a\u3001\u672c\u7269\u3092\u6240\u6709\u3059\u308b\u3053\u3068\u3060\u3051\u304b\u3089\u6765\u308b\u3068\u3044\u3046\u81ea\u4fe1\u3067\u5927\u80c6\u306a\u58f0\u660e\u3092\u4f5c\u308b Ruel \u30d7\u30ed\u30c0\u30af\u30c8\u3002 \u4eca\u3059\u3050\u8cb7\u3044\u7269\u3057\u3066\u3001\u3042\u306a\u305f\u306e\u65e5\u5e38\u7684\u306a\u5916\u89b3\u3092\u7d20\u6674\u3089\u3057\u3044\u3082\u306e\u306b\u3057\u307e\u3057\u3087\u3046 Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 - \u771f\u306e\u30b9\u30bf\u30a4\u30eb\u304c\u3053\u3053\u306b\u59cb\u307e\u308b\u306e\u3067! \u304b\u3055\u3070\u308a\u306e\u30d0\u30c3\u30af\u30d1\u30c3\u30af\u306e\u5468\u308a\u3084\u3001\u30d5\u30ea\u30c3\u30d7\u30c8\u30fc\u30c8\u30d0\u30c3\u30b0\u3067\u82e6\u52b4\u3059\u308b\u306e\u306b\u75b2\u308c\u3066\u3044\u307e\u3059\u304b? \u304a\u554f\u3044\u5408\u308f\u305b \u5c0e\u5165\u4e8b\u4f8b Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 - \u30b9\u30bf\u30a4\u30eb\u3001\u5229\u4fbf\u6027\u3001\u6c4e\u7528\u6027\u306e\u305f\u3081\u306e\u65b0\u3057\u3044\u30b4\u30fc\u30c4\u30fc\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u3002 \u6d17\u7df4\u3055\u308c\u305f\u30c7\u30b6\u30a4\u30f3\u3001\u8010\u4e45\u6027\u306e\u3042\u308b\u7d20\u6750\u3001\u8c4a\u5bcc\u306a\u30b9\u30c8\u30ec\u30fc\u30b8\u30b9\u30da\u30fc\u30b9\u3067\u3001\u3053\u306e\u30d0\u30c3\u30b0\u306f\u3001\u3042\u306a\u305f\u306e\u5fc5\u9700\u54c1\u3092\u904b\u3076\u65b9\u6cd5\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u3067\u3059\u3002 \u3042\u306a\u305f\u304c\u30b8\u30e0\u306b\u5411\u304b\u3046\u304b\u3069\u3046\u304b\u3001\u30ab\u30b8\u30e5\u30a2\u30eb\u306a\u5916\u51fa\u306e\u305f\u3081\u306e\u901a\u308a\u306b\u5f53\u305f\u308b\u3001\u307e\u305f\u306f\u5192\u967a\u3067\u6d88\u3048\u308b\u3002 \u3053\u306e\u30c8\u30ec\u30f3\u30c7\u30a3\u3067\u6a5f\u80fd\u7684\u306a\u30c9\u30ed\u30fc\u30b9\u30c8\u30d0\u30c3\u30b0\u306f\u3001\u3042\u306a\u305f\u304c\u3069\u3053\u306b\u884c\u304f\u304b\u56de\u308b\u982d\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002 \u6bce\u65e5\u306e\u30eb\u30fc\u30c1\u30f3\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b\u6e96\u5099\u3092\u3057\u307e\u3057\u3087\u3046 Ruel \u30c9\u30ed\u30fc\u30b9\u30c8\u30ea\u30f3\u30b0\u30d0\u30c3\u30b0 \u2013 \u30b9\u30bf\u30a4\u30eb\u3067\u65c5\u884c\u3059\u308b\u6642\u9593\u3067\u3059!","it":"Introdurre l\u0027accessorio finale per Ruel fan! The Ruel Borsa a coulisse, disponibile esclusivamente presso Ruel Negozio. Realizzato con amore e decorato con il nostro logo iconico, questa borsa \u00e8 l\u0027epitome di stile e funzionalit\u00e0. Perfettamente dimensionato per portare tutti i tuoi elementi essenziali, combina senza sforzo design alla moda e praticit\u00e0. Che si tratti di colpire la palestra o uscire in un\u0027avventura, fare una dichiarazione audace con la fiducia che proviene solo da possedere un autentico Ruel prodotto. Acquista ora ed elevare il tuo look quotidiano con il favoloso Ruel Borsa a coulisse - perch\u00e9 il vero stile inizia qui! Sei stanco di aggirare uno zaino ingombrante o di lottare con sacchi di tote flimsy? Non guardare oltre! Introduzione Ruel Drawstring Bag \u2013 il tuo nuovo accessorio go-to per stile, convenienza e versatilit\u00e0. Con il suo design elegante, materiali durevoli e ampio spazio di archiviazione, questa borsa sta per rivoluzionare come si trasportano i vostri essenziali. Che siate diretti in palestra, che colpite le strade per una gita informale, o gettando via in un\u0027avventura; questa borsa di coulisse alla moda e funzionale avr\u00e0 teste che girano ovunque andiate. Preparatevi ad aggiornare la vostra routine quotidiana con il Ruel Borsa a coulisse \u2013 \u00e8 il momento di viaggiare in stile!","de":"Einf\u00fchrung des ultimativen Zubeh\u00f6rs f\u00fcr Ruel Fans! Die Ruel Drawstring Bag, exklusiv erh\u00e4ltlich bei Ruel Store. Gefertigt mit Liebe und geschm\u00fcckt mit unserem ikonischen Logo, ist diese Tasche der Inbegriff von Stil und Funktionalit\u00e4t. Perfekt dimensioniert, um alle Ihre Wesentlichen zu tragen, es m\u00fchelos verbindet Mode-zuward Design mit Praktikabilit\u00e4t. Egal, ob Sie das Fitnessstudio treffen oder auf ein Abenteuer gehen, machen Sie eine mutige Aussage mit dem Vertrauen, dass nur von einem echten Ruel Produkt. Shoppen Sie jetzt und erh\u00f6hen Sie Ihren Alltag mit dem fabelhaften Ruel Drawstring Bag - denn der wahre Stil beginnt hier! Sind Sie m\u00fcde, um einen sperrigen Rucksack oder k\u00e4mpfen mit flimsy Tote Taschen? Sieh nicht weiter! Einf\u00fchrung Ruel Zeichnungstasche \u2013 Ihr neues Go-to Zubeh\u00f6r f\u00fcr Stil, Komfort und Vielseitigkeit. Mit seinem schlanken Design, strapazierf\u00e4higen Materialien und reichlich Stauraum, diese Tasche ist dabei, zu revolutionieren, wie Sie Ihr Wesentliches tragen. Egal, ob Sie ins Fitnessstudio fahren, die Stra\u00dfen f\u00fcr einen l\u00e4ssigen Outing treffen oder auf ein Abenteuer ausstrahlen; diese trendige und funktionale Zugtasche wird K\u00f6pfe drehen, wohin Sie auch gehen. Machen Sie sich bereit, Ihre t\u00e4gliche Routine mit der Ruel Drawstring Bag \u2013 es ist Zeit im Stil zu reisen!","nl":"De ultieme accessoire voor Ruel Fans! De Ruel Trekkoordzak, exclusief verkrijgbaar op Ruel Winkel. Gemaakt met liefde en versierd met ons iconische logo, is deze tas de belichaming van stijl en functionaliteit. Perfect formaat voor het dragen van al uw essentials, het moeiteloos combineert mode-forward design met praktische. Of je nu naar de sportschool gaat of op avontuur gaat, maak een gedurfde verklaring met het vertrouwen dat alleen komt van het bezitten van een echte Ruel product. Shop nu en verhef uw dagelijkse look met de fantastische Ruel Drawstring Bag - want ware stijl begint hier! Ben je moe van het sjouwen rond een omvangrijke rugzak of worstelen met dunne tote tassen? Kijk niet verder! Inleiding Ruel Drawstring Bag, uw nieuwe go-to accessoire voor stijl, gemak en veelzijdigheid. Met zijn strakke design, duurzame materialen en ruime opslagruimte, staat deze tas op het punt om te revolutioneren hoe u uw essentials draagt. Of u nu op weg bent naar de sportschool, de straat op gaat voor een casual uitje, of jetting off op een avontuur; deze trendy en functionele trekzak heeft hoofden draaien waar je ook gaat. Maak je klaar om uw dagelijkse routine te upgraden met de Ruel Trekstring Bag, het is tijd om te reizen in stijl!"}},"sort":"custom","created_at":"2024-11-26T07:22:19.000000Z","updated_at":"2025-08-02T23:29:28.000000Z","deleted_at":null,"meta":null,"type_code":null,"default_url":{"id":94,"language_id":1,"element_type":"collection","element_id":81,"slug":"ruel-drawstring-bag","default":true,"created_at":"2024-11-26T07:22:19.000000Z","updated_at":"2024-11-26T07:22:19.000000Z"}}],"default_url":{"id":94,"language_id":1,"element_type":"collection","element_id":81,"slug":"ruel-drawstring-bag","default":true,"created_at":"2024-11-26T07:22:19.000000Z","updated_at":"2024-11-26T07:22:19.000000Z"}}],"default_url":{"id":338,"language_id":1,"element_type":"product","element_id":233,"slug":"ruel-oneruel-all-over-print-tote-bag-rb1608","default":true,"created_at":"2024-11-26T07:25:49.000000Z","updated_at":"2024-11-26T07:25:49.000000Z"},"variants":[{"id":233,"product_id":233,"tax_class_id":1,"attribute_data":null,"tax_ref":null,"unit_quantity":1,"min_quantity":1,"quantity_increment":1,"sku":"RUELSKU-32724","gtin":null,"mpn":null,"ean":null,"length_value":0,"length_unit":"mm","width_value":0,"width_unit":"mm","height_value":0,"height_unit":"mm","weight_value":0,"weight_unit":"mm","volume_value":0,"volume_unit":"mm","shippable":1,"stock":0,"backorder":0,"purchasable":"always","created_at":"2024-11-26T07:25:52.000000Z","updated_at":"2024-11-26T07:25:52.000000Z","deleted_at":null}]}})'>
<div class="mt-4">
<div class="text-xl tracking-tight text-primary-500 product-price">
<span class="line-through text-gray-300" x-text="priceBeforeDiscountFormatted"></span>
<span x-text="priceFormatted"></span>
<span x-text="priceWithOriginalCurrency" class="text-gray-500 text-sm"></span>
<span x-text="`-${discount}%`"
class="absolute ml-2 px-2 py-1 text-xs text-white rounded-full bg-red-500"></span>
</div>
</div>
<form class="space-y-2" x-on:submit.prevent="addToCart">
<!-- options -->
<template x-for="option in combination.options" :key="option.id">
<fieldset>
<!-- option name -->
<label class="block mb-2 font-medium text-sm" x-text="`${option.label}`"></label>
<!-- option values -->
<div class="flex items-center gap-3 flex-wrap">
<template x-for="value in optionValues(option)" :key="`option-${option.id}-value-${value.id}`">
<label class="cursor-pointer text-sm" x-tooltip="value.name">
<input type="radio"
x-bind:name="`option-${option.id}`"
x-bind:value="value.id"
x-model="form.options[option.id]"
required
class="peer sr-only group-checked:ring-primary"
>
<!-- text base value -->
<template x-if="!value.color && !value.image_src">
<div
class="px-4 py-1 ring-1 ring-gray-200 rounded peer-[:checked]:bg-primary/20 peer-[:checked]:ring-primary"
x-text="`${value.name}`">
</div>
</template>
<!-- use the color swatch -->
<template x-if="value.color && !value.image_src">
<div
class="px-4 py-1 outline outline-2 outline-offset-2 outline-gray-200 rounded-full size-8 peer-[:checked]:bg-primary/20 peer-[:checked]:outline-primary"
x-bind:style="`background-color: ${value.color}`"
>
</div>
</template>
<!-- use the image -->
<template x-if="value.image_src && !value.color">
<div
class="outline outline-2 outline-gray-200 rounded size-16 grayscale peer-[:checked]:outline-primary peer-[:checked]:grayscale-0"
>
<img x-bind:src="value.image_src"
class="w-full h-full object-contain rounded"
x-bind:alt="value.name">
</div>
</template>
</label>
</template>
</div>
</fieldset>
</template>
<!-- extra options -->
<template x-for="option in combination.extra_options" :key="option.id">
<fieldset>
<!-- option name -->
<label class="block mb-2 font-medium text-sm" x-text="`${option.label}`"></label>
<!-- option values -->
<div class="flex items-center gap-2 flex-wrap">
<template x-for="value in optionValues(option)" :key="`option-${option.id}-value-${value.id}`">
<label class="cursor-pointer text-sm" x-tooltip="value.name">
<input type="radio"
x-bind:name="`option-${option.id}`"
x-bind:value="value.id"
x-model="form.extraOptions[option.id]"
required
class="peer sr-only group-checked:ring-primary"
>
<!-- text base value -->
<template x-if="!value.color && !value.image_src">
<div
class="px-4 py-1 ring-1 ring-gray-200 rounded peer-[:checked]:bg-primary/20 peer-[:checked]:ring-primary"
x-text="`${value.name}`">
</div>
</template>
<!-- use the color swatch -->
<template x-if="value.color && !value.image_src">
<div
class="px-4 py-1 outline outline-2 outline-offset-2 outline-gray-200 rounded-full size-8 peer-[:checked]:bg-primary/20 peer-[:checked]:outline-primary"
x-bind:style="`background-color: ${value.color}`"
>
</div>
</template>
<!-- use the image -->
<template x-if="value.image_src && !value.color">
<div
class="outline outline-2 outline-gray-200 rounded size-16 grayscale peer-[:checked]:outline-primary peer-[:checked]:grayscale-0"
>
<img x-bind:src="value.image_src"
class="w-full h-full object-contain rounded"
x-bind:alt="value.name">
</div>
</template>
</label>
</template>
</div>
</fieldset>
</template>
<!-- view size guide button -->
<div class="py-2">
<button type="button"
x-on:click="openSizeChartModal"
class="flex items-center gap-1 hover:underline text-gray-400 underline">
<svg class="size-5 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"/>
<path d="m14.5 12.5 2-2"/>
<path d="m11.5 9.5 2-2"/>
<path d="m8.5 6.5 2-2"/>
<path d="m17.5 15.5 2-2"/>
</svg> <span>Bekijk maattabel</span>
</button>
</div>
<div class="flex gap-4">
<!-- quantity -->
<div>
<div for="quantity-input"
class="sr-only block mb-2 text-sm font-medium text-gray-900">Quantity</div>
<div class="relative flex items-center max-w-32">
<button x-on:click="decrement" type="button"
class="border border-gray-300 rounded-s-md p-3 h-11 focus:ring-gray-100 dark:focus:ring-gray-700 focus:ring-2 focus:outline-none">
<svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"/>
</svg> </button>
<input x-model="form.quantity" type="text" id="quantity-input"
class="border-x-0 border-y border-gray-300 h-11 text-center text-gray-900 text-sm focus:ring-primary-500 focus:border-primary-500 block w-full py-2.5"
required>
<button x-on:click="increment" type="button"
class="border border-gray-300 rounded-e-md p-3 h-11 focus:ring-gray-100 dark:focus:ring-gray-700 focus:ring-2 focus:outline-none">
<svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"/>
<path d="M12 5v14"/>
</svg> </button>
</div>
</div>
<!-- add to cart button -->
<button type="submit"
class="lunar-add-to-cart-button relative overflow-hidden max-w-xs flex flex-1 items-center justify-center rounded-full border border-transparent bg-primary-500 py-3 px-8 text-sm font-medium uppercase text-white transition
hover:bg-primary-600
focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-gray-50
sm:w-full disabled:bg-opacity-70" x-bind:disabled="loading"
>
<span><svg x-show="loading" class="size-6 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12a9 9 0 1 1-6.219-8.56"/>
</svg> <span x-show="!loading" x-cloak>Toevoegen aan winkelwagen</span></span>
</button>
</div>
</form>
<!-- size chart -->
<template x-teleport="body">
<div x-show="sizeChartModal"
class="fixed top-0 left-0 z-[99] flex items-center justify-center w-screen h-screen" x-cloak>
<div x-show="sizeChartModal" @click="sizeChartModal=false"
class="absolute inset-0 w-full h-full bg-black bg-opacity-40"></div>
<div x-show="sizeChartModal"
x-trap.inert.noscroll="sizeChartModal"
class="relative w-full max-w-[1200px] h-[80%] overflow-y-auto py-6 bg-white px-7 sm:rounded-lg">
<div class="flex items-center justify-between pb-2">
<h3 class="text-lg font-semibold">Size chart</h3>
<button @click="sizeChartModal=false"
class="absolute top-0 right-0 flex items-center justify-center w-8 h-8 mt-5 mr-5 text-gray-600 rounded-full hover:text-gray-800 hover:bg-gray-50">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
</div>
<div class="relative w-auto">
<div>
<div x-ref="tabButtons"
class="relative items-center justify-center w-full flex text-gray-500 bg-gray-100 rounded-lg select-none">
<template x-for="value in valuesHaveSizeChart">
<button
x-text="value.name"
x-on:click="activeTab = value.id"
x-bind:class="activeTab === value.id ? 'bg-primary-500 text-white' : 'bg-gray-100 text-gray-500'"
type="button"
class="relative z-20 inline-flex items-center justify-center w-full h-8 px-3 text-sm font-medium rounded-md cursor-pointer whitespace-nowrap"></button>
</template>
</div>
<div class="relative w-full mt-2 content [&_figcaption]:hidden">
<template x-for="value in valuesHaveSizeChart">
<div class="pt-4 w-full h-full" x-show="activeTab === value.id">
<div x-html="value.size_chart" class="w-full"></div>
</div>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
<!-- the variant preview thumbnail -->
<template x-teleport="#product-gallery-slider">
<div class="mb-4 mr-4 block bg-transparent"
x-data="{outOfView: false}"
x-effect="outOfView ? $el.showPopover() : ''"
x-bind:class="outOfView ? 'fixed bottom-0 right-0' : 'absolute bottom-0 right-0'"
x-on:scroll.window.debounce="document.querySelector('#product-gallery-slider').getBoundingClientRect().top < 0 ? outOfView = true : outOfView = false"
x-bind:popover="outOfView"
>
<div class="text-center text-xs animate-bounce text-blue-500">blank template</div>
<div x-show="previewThumbImage"
class="z-40 bg-white size-20 md:size-24 shadow-xl transform transition-all rounded-lg overflow-hidden">
<img x-bind:src="previewThumbImage" class="object-cover rounded" alt="preview image">
</div>
</div>
</template>
</div>
<!-- fake lighting deal -->
<div
x-data="{
get defaultSeconds() {
let minutes = Math.round(Math.random() * (300 - 20)) + 20; // between 20 and 300 minutes
return minutes * 60; // convert to seconds
},
secondsLeft: 0, // in seconds
timeLeft: {
days: 00,
hours: 00,
minutes: 00,
seconds: 00,
},
cacheKey: null,
makeKey() {
let url = window.location.href;
// remove query string from url
url = url.split('?')[0];
// remove # and everything after
url = url.split('#')[0];
return btoa(url);
},
init() {
this.cacheKey = this.makeKey();
this.secondsLeft = localStorage.getItem(this.cacheKey) || this.defaultSeconds;
this.updateTimeLeft();
setInterval(() => {
this.secondsLeft--;
this.updateTimeLeft();
if (this.secondsLeft <= 0) {
this.secondsLeft = this.defaultSeconds;
}
// store to local storage
localStorage.setItem(this.cacheKey, this.secondsLeft);
}, 1000);
},
updateTimeLeft() {
this.timeLeft = {
days: Math.floor(this.secondsLeft / (60 * 60 * 24)),
hours: Math.floor(this.secondsLeft / (60 * 60)) % 24,
minutes: Math.floor(this.secondsLeft / 60) % 60,
seconds: this.secondsLeft % 60
};
// padding zeros
for (const key in this.timeLeft) {
this.timeLeft[key] = this.timeLeft[key].toString().padStart(2, '0');
}
}
}"
class="text-orange-500 font-medium mt-4">
<svg class="inline mr-1 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>
</svg> Deze uitverkoop eindigt over
<div class="inline">
<span x-text="timeLeft.hours"></span>:
<span x-text="timeLeft.minutes"></span>:
<span x-text="timeLeft.seconds"></span>
</div>
</div>
<!-- secure checkout text -->
<div class="mt-8 rounded-lg border border-orange-100 p-4 text-sm">
<!-- Guarantee Section -->
<!-- Delivery Section -->
<div class="flex items-start gap-3">
<div class="shrink-0 pt-0.5">
<svg class="h-5 w-5 text-orange-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>
<path d="M15 18H9"/>
<path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/>
<circle cx="17" cy="18" r="2"/>
<circle cx="7" cy="18" r="2"/>
</svg> </div>
<div class="w-full">
<h3 class="font-bold text-gray-900 text-base user-delivery-text" data-template="Deliver to :country">
<span class="animate-pulse bg-gray-200 rounded text-transparent select-none">Deliver to ...</span>
</h3>
<p class="mb-5 text-gray-600 mt-1">
Cost to ship: <span class="font-bold text-orange-600">$6.99</span>
<br>
Standard - Order today to get by
<span class="font-medium text-gray-900">
Apr. 16 - Apr. 23
</span>
</p>
<!-- Timeline -->
<div class="flex justify-between text-xs text-gray-500">
<!-- Step 1: Production -->
<div class="flex flex-col items-center px-2">
<div class="mb-1 flex h-6 w-6 items-center justify-center rounded-full bg-orange-500 text-white">
<svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"/>
<path d="M12 22V12"/>
<polyline points="3.29 7 12 12 20.71 7"/>
<path d="m7.5 4.27 9 5.15"/>
</svg> </div>
<span class="font-bold text-gray-900">Production</span>
<span>Today</span>
</div>
<!-- Connecting Line 1 -->
<div class="mt-3 h-0.5 flex-1 bg-orange-200"></div>
<!-- Step 2: Shipping -->
<div class="flex flex-col items-center px-2">
<div class="mb-1 flex h-6 w-6 items-center justify-center rounded-full bg-orange-300 text-white">
<svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>
<path d="M15 18H9"/>
<path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/>
<circle cx="17" cy="18" r="2"/>
<circle cx="7" cy="18" r="2"/>
</svg> </div>
<span class="font-bold text-gray-900">Shipping</span>
<span>Apr. 12</span>
</div>
<!-- Connecting Line 2 -->
<div class="mt-3 h-0.5 flex-1 bg-orange-200"></div>
<!-- Step 3: Delivered -->
<div class="flex flex-col items-center px-2">
<div class="mb-1 flex h-6 w-6 items-center justify-center rounded-full bg-orange-300 text-white">
<svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 10a4 4 0 0 1-8 0"/>
<path d="M3.103 6.034h17.794"/>
<path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"/>
</svg> </div>
<span class="font-bold text-gray-900">Delivered</span>
<span>Apr. 16 - Apr. 23</span>
</div>
</div>
</div>
</div>
<!-- Secure Transaction Section -->
<div class="mt-6 border-t border-orange-100 pt-4">
<div class="flex items-start gap-2 mb-2">
<svg class="h-5 w-5 text-yellow-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="16" r="1"/>
<rect x="3" y="10" width="18" height="12" rx="2"/>
<path d="M7 10V7a5 5 0 0 1 10 0v3"/>
</svg> <h3 class="font-bold text-gray-900 text-base">Veilige transactie</h3>
</div>
<ul class="space-y-2 text-sm text-gray-600">
<li class="flex gap-2">
<svg class="h-4 w-4 shrink-0 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<path d="m9 11 3 3L22 4"/>
</svg> <span>Wereldwijde levering aan uw deur</span>
</li>
<li class="flex gap-2">
<svg class="h-4 w-4 shrink-0 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<path d="m9 11 3 3L22 4"/>
</svg> <span>Volgnummer voor alle pakketten beschikbaar</span>
</li>
<li class="flex gap-2">
<svg class="h-4 w-4 shrink-0 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<path d="m9 11 3 3L22 4"/>
</svg> <span>Volledige terugbetaling als het product niet wordt ontvangen</span>
</li>
</ul>
<div class="mt-3">
<img class="h-12 rounded" src="https://ruelmerch.com/images/trust-symbols-v2.jpg" alt="secure checkout"/>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- description -->
<section class="relative border-t border-gray-200">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<h2 id="collections-heading"
class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
Beschrijving
</h2>
<div class="prose-sm mx-auto max-w-5xl">
<ul><li>Totes deluxe. Stevig en stijlvol met een levendige dubbelzijdige print</li><li>Verkrijgbaar in drie maten: controleer de schaalkaart om de geschikte voor u te zoeken</li><li>Stevige 100% polyester schelp</li><li>Grote stevige katoenen schouderriemen zijn 1" (2,5cm) breed en 21" (68cm) lang voor kleine bagage, 28" (71 cm) lang voor middelgrote bagage, en 29" (74 cm) lang voor massale bagage</li><li>Levendig, duurzaam, dubbelzijdig design, sublimatie gedrukt voor u tijdens uw bestelling</li><li>Milde wasmachine</li><li>Op zoek naar één ding extra lichtgewicht? Strive the Cotton Tote Bag</li></ul>
</div>
</div>
</section>
<div class="border-t border-b py-2 border-gray-100">
<div class="container mx-auto flex flex-col md:flex-row items-center justify-center gap-2 md:gap-4 text-sm">
<!-- SKU -->
<div>
<span>SKU</span>: <span
class="product-sku text-gray-500">RUELSKU-32724</span>
</div>
<!-- Collection -->
<div>
<span>Categorieën</span>:
<ul class="inline-block text-gray-500">
<li>
<a href="https://ruelmerch.com/nl/collections/ruel-drawstring-bag">Ruel Trekkoordzak</a>,
</li>
</ul>
</div>
</div>
</div>
<!-- reviews -->
<section class="relative" id="reviews">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<h2 id="collections-heading"
class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
Beoordelingen
</h2>
<div class="relative w-full max-h-[696px] overflow-y-auto">
<div class="flex justify-between border-b border-gray-200">
<div class="flex items-center py-6">
<div><img src="/images/none.png" alt="none" class="rounded-full"/></div>
<div class="ml-5">
<div class="text-lg font-semibold"> Delilah <span class="text-sm font-thin">(verified owner)</span>
</div>
<div
class="text-gray-400 text-xs">December 7, 2024</div>
<p class="mt-2 text-sm">The item is reliable and easy to use. It has been a great addition to my daily routine.</p>
</div>
</div>
<div class="flex space-x-0.5 py-6 mt-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
</div>
</div>
<div class="flex justify-between border-b border-gray-200">
<div class="flex items-center py-6">
<div><img src="/images/none.png" alt="none" class="rounded-full"/></div>
<div class="ml-5">
<div class="text-lg font-semibold"> Charlotte <span class="text-sm font-thin">(verified owner)</span>
</div>
<div
class="text-gray-400 text-xs">December 7, 2024</div>
<p class="mt-2 text-sm">I'm delighted with this product. It’s sturdily built and meets all my needs effectively.</p>
</div>
</div>
<div class="flex space-x-0.5 py-6 mt-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
</div>
</div>
<div class="flex justify-between border-b border-gray-200">
<div class="flex items-center py-6">
<div><img src="/images/none.png" alt="none" class="rounded-full"/></div>
<div class="ml-5">
<div class="text-lg font-semibold"> Chloe <span class="text-sm font-thin">(verified owner)</span>
</div>
<div
class="text-gray-400 text-xs">December 6, 2024</div>
<p class="mt-2 text-sm">Super comfortable, makes daily use enjoyable.</p>
</div>
</div>
<div class="flex space-x-0.5 py-6 mt-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
</div>
</div>
<div class="flex justify-between border-b border-gray-200">
<div class="flex items-center py-6">
<div><img src="/images/none.png" alt="none" class="rounded-full"/></div>
<div class="ml-5">
<div class="text-lg font-semibold"> Kevin <span class="text-sm font-thin">(verified owner)</span>
</div>
<div
class="text-gray-400 text-xs">December 3, 2024</div>
<p class="mt-2 text-sm">I adore the product and received exceptional service.</p>
</div>
</div>
<div class="flex space-x-0.5 py-6 mt-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
</div>
</div>
<div class="flex justify-between border-b border-gray-200">
<div class="flex items-center py-6">
<div><img src="/images/none.png" alt="none" class="rounded-full"/></div>
<div class="ml-5">
<div class="text-lg font-semibold"> Georgia <span class="text-sm font-thin">(verified owner)</span>
</div>
<div
class="text-gray-400 text-xs">October 6, 2024</div>
<p class="mt-2 text-sm">A must-have for anyone who appreciates both quality and effectiveness.</p>
</div>
</div>
<div class="flex space-x-0.5 py-6 mt-2">
<div class="relative inline-block"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
</div>
</div>
</div>
<style>
.rating {
direction: rtl;
unicode-bidi: bidi-override;
display: inline-block;
}
.rating > input {
display: none;
}
.rating > label {
font-size: 1.5em;
color: #ddd;
cursor: pointer;
}
.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
color: #f5b301;
}
</style>
<div class="container mt-8">
<h3 class="font-bold uppercase">Voeg een beoordeling toe</h3>
<p class="mt-3 text-sm">Uw e-mailadres wordt niet gepubliceerd</p>
<form action="https://ruelmerch.com/nl/reviews" method="POST"
name="review-form"
x-data="{submitted: false, loading: false}"
x-on:submit.prevent="
const url = $el.getAttribute('action');
const formData = new FormData($el);
submitted = false;
loading = true;
fetch(url, {
method: 'POST',
body: formData
}).finally(() => {
$el.reset();
submitted = true;
loading = false;
});
"
>
<p x-cloak x-show="submitted" class="mt-5 !text-green-500">Bedankt voor uw beoordeling, deze wordt na moderatie gepubliceerd</p>
<input type="hidden" name="_token" value="" autocomplete="off"> <input name="product_id" type="hidden" value="233" />
<p class="mt-3">Uw beoordeling <span class="!text-red-500">*</span></p>
<div class="rating">
<input type="radio" id="star5" name="score" value="5" checked/><label for="star5" title="5 sao">★</label>
<input type="radio" id="star4" name="score" value="4" /><label for="star4" title="4 sao">★</label>
<input type="radio" id="star3" name="score" value="3" /><label for="star3" title="3 sao">★</label>
<input type="radio" id="star2" name="score" value="2" /><label for="star2" title="2 sao">★</label>
<input type="radio" id="star1" name="score" value="1" /><label for="star1" title="1 sao">★</label>
</div>
<div>
<p class="mt-3">Uw beoordeling <span class="!text-red-500">*</span></p>
<textarea required name="content" class="mt-2 rounded !border !border-solid !border-gray-300 w-full p-3" rows="3"></textarea>
</div>
<div class="mt-2 grid md:grid-cols-2 grid-cols-1 gap-6">
<div>
<p>Naam <span class="!text-red-500">*</span></p>
<input required name="author" maxlength="64" class="mt-2 rounded !border !border-solid !border-gray-300 w-full px-3 py-2" value="" />
</div>
<div>
<p>E-mail <span class="!text-red-500">*</span></p>
<input required type="email" name="email" class="mt-2 rounded !border !border-solid !border-gray-300 w-full px-3 py-2" value="" />
</div>
</div>
<button type="submit" class="mt-5 py-2 px-5 text-sm text-white bg-primary-400 rounded">
Verzenden
<svg x-bind:class="loading ? 'animate-spin inline-block' : 'hidden'" class="size-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
</svg> </button>
</form>
</div>
</div>
</section>
<!-- best sellers -->
<section class="relative bg-white">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<h2 id="collections-heading"
class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
Best verkochte producten
</h2>
<div class="relative w-full overflow-x-auto">
<ul role="list"
class="mx-4 gap-6 grid sm:mx-6 grid-cols-2 sm:grid-cols-3 lg:mx-0 lg:grid-cols-4 lg:gap-8">
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="461">
<a href="https://ruelmerch.com/nl/product/ruel-real-thing-iphone-tough-case-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/1034/conversions/icriphone_14_toughbackax600-pad600x600f8f8f8-16-small.jpg?w=250&h=250"
alt="ruel "Echt ding" iPhone Tough Case RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-real-thing-iphone-tough-case-rb1608" class="capitalize hover:underline leading-3">ruel "Echt ding" iPhone Tough Case RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'5.0 of 5 stars'"
aria-label="5.0 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 100%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 14,81 - € 16,10</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="267">
<a href="https://ruelmerch.com/nl/product/ruel-free-time-astronaut-sticker-throw-pillow-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/650/conversions/throwpillowsmall600x-bgf8f8f8-c0120600600-2-small.jpg?w=250&h=250"
alt="Ruel Vrije tijd astronaut sticker Gooi kussen RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-free-time-astronaut-sticker-throw-pillow-rb1608" class="capitalize hover:underline leading-3">Ruel Vrije tijd astronaut sticker Gooi kussen RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.7 of 5 stars'"
aria-label="4.7 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 94%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 22,08 - € 26,68</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="263">
<a href="https://ruelmerch.com/nl/product/ruel-someone-elses-problem-merch-throw-pillow-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/644/conversions/throwpillowsmall600x-bgf8f8f8-c0120600600-6-small.jpg?w=250&h=250"
alt="Ruel andermans probleem merch Gooi kussen RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-someone-elses-problem-merch-throw-pillow-rb1608" class="capitalize hover:underline leading-3">Ruel andermans probleem merch Gooi kussen RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.6 of 5 stars'"
aria-label="4.6 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 92%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 22,08 - € 26,68</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="237">
<a href="https://ruelmerch.com/nl/product/ruel-lyric-premium-scoop-backpack-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/590/conversions/urbackpack_frontsquare600x600-25-small.jpg?w=250&h=250"
alt="RUEL-tekst Premium Scoop Rugzak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-lyric-premium-scoop-backpack-rb1608" class="capitalize hover:underline leading-3">RUEL-tekst Premium Scoop Rugzak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.8 of 5 stars'"
aria-label="4.8 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 96%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 33,94 - € 38,18</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="202">
<a href="https://ruelmerch.com/nl/product/ruel-premium-backpack-rb1608-2" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/521/conversions/urbackpack_frontsquare600x600-11-small.jpg?w=250&h=250"
alt="Ruel Premium rugzak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-premium-backpack-rb1608-2" class="capitalize hover:underline leading-3">Ruel Premium rugzak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.6 of 5 stars'"
aria-label="4.6 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 92%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 33,94 - € 38,18</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="117">
<a href="https://ruelmerch.com/nl/product/ruel-dazed-and-confused-pullover-hoodie-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/341/conversions/ssrcomhoodiemens10101001c5ca27c6frontsquare_productx600-bgf8f8f8.1-13-small.jpg?w=250&h=250"
alt="ruel verdoofd en verward Pullover Hoodie RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-dazed-and-confused-pullover-hoodie-rb1608" class="capitalize hover:underline leading-3">ruel verdoofd en verward Pullover Hoodie RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.7 of 5 stars'"
aria-label="4.7 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 94%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 39,51 - € 45,95</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="83">
<a href="https://ruelmerch.com/nl/product/ruel-pullover-hoodie-rb1608-4" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/243/conversions/ssrcomhoodiemensfafafaca443f4786frontsquare_productx600-bgf8f8f8.1-8-small.jpg?w=250&h=250"
alt="Ruel Pullover Hoodie RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-pullover-hoodie-rb1608-4" class="capitalize hover:underline leading-3">Ruel Pullover Hoodie RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.5 of 5 stars'"
aria-label="4.5 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 90%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 39,51 - € 45,95</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="60">
<a href="https://ruelmerch.com/nl/product/ruel-drawing-premium-scoop-pullover-hoodie-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-red-500">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/174/conversions/ssrcomhoodiemens10101001c5ca27c6frontsquare_productx600-bgf8f8f8.1-5-small.jpg?w=250&h=250"
alt="Ruel Tekening Premium Scoop Pullover Hoodie RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
<div class="absolute bottom-0 right-0 max-w-[50px] md:max-w-[80px] -mb-2">
<img src="/images/best-seller.png" alt="best seller" class="object-contain">
</div>
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-drawing-premium-scoop-pullover-hoodie-rb1608" class="capitalize hover:underline leading-3">Ruel Tekening Premium Scoop Pullover Hoodie RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.5 of 5 stars'"
aria-label="4.5 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 90%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 39,51 - € 45,95</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
</ul>
</div>
<div class="text-center mt-6">
<a href="https://ruelmerch.com/nl/shop?order-by=best-sellers" class="inline-flex items-center px-4 py-2 bg-white border border-gray-300 rounded-md font-semibold text-xs text-gray-700 uppercase tracking-widest shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:opacity-25 transition ease-in-out duration-150">
Bekijk meer
</a>
</div>
</div>
</section>
<!-- related products -->
<section class="relative">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<h2 id="collections-heading"
class="mb-8 text-center text-xl lg:text-2xl 3xl:text-4xl font-bold">
Gerelateerde producten
</h2>
<div class="relative w-full overflow-x-auto">
<ul role="list"
class="mx-4 gap-6 grid sm:mx-6 grid-cols-2 sm:grid-cols-3 lg:mx-0 lg:grid-cols-4 lg:gap-8">
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="203">
<a href="https://ruelmerch.com/nl/product/ruel-face-to-face-backpack-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-black">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/524/conversions/urbackpack_frontsquare600x600-10-small.jpg?w=250&h=250"
alt="Ruel - Face to Face Rugzak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-face-to-face-backpack-rb1608" class="capitalize hover:underline leading-3">Ruel - Face to Face Rugzak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.7 of 5 stars'"
aria-label="4.7 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 94%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 33,94 - € 38,18</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="232">
<a href="https://ruelmerch.com/nl/product/ruel-all-over-print-tote-bag-rb1608-2" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-black">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/581/conversions/tb840x840medium-c1198600600-bgf8f8f8-3-small.jpg?w=250&h=250"
alt="Ruel Overal afdrukken tote zak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-all-over-print-tote-bag-rb1608-2" class="capitalize hover:underline leading-3">Ruel Overal afdrukken tote zak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.6 of 5 stars'"
aria-label="4.6 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 92%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 22,95 - € 27,55</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="240">
<a href="https://ruelmerch.com/nl/product/ruel-drawing-backpack-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-black">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/597/conversions/urbackpack_frontsquare600x600-22-small.jpg?w=250&h=250"
alt="ruel tekening Rugzak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/ruel-drawing-backpack-rb1608" class="capitalize hover:underline leading-3">ruel tekening Rugzak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.5 of 5 stars'"
aria-label="4.5 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 90%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 33,94 - € 38,18</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
<li class="inline-flex flex-col text-center lg:w-auto">
<div class="relative" data-product-id="244">
<a href="https://ruelmerch.com/nl/product/free-time-ruel-lyrics-backpack-rb1608" class="relative w-full flex aspect-square rounded-md group"><div class="absolute inset-0 overflow-hidden border-2 border-black">
<img
src="https://lunar-merch.b-cdn.net/ruelmerch.com/media/606/conversions/urbackpack_frontsquare600x600-18-small.jpg?w=250&h=250"
alt="vrije tijd ruel tekst Rugzak RB1608"
loading="lazy"
width="300"
height="300"
class="w-full h-full object-contain object-center transition group-hover:scale-125">
</div></a>
<div class="mt-2 md:mt-4 text-left text-sm">
<h3 class="mt-1 text-gray-900 font-base text-sm lg:text-base">
<a href="https://ruelmerch.com/nl/product/free-time-ruel-lyrics-backpack-rb1608" class="capitalize hover:underline leading-3">vrije tijd ruel tekst Rugzak RB1608</a>
</h3>
<!-- reviews -->
<div class="relative inline-block mt-1"
x-data
x-tooltip="'4.9 of 5 stars'"
aria-label="4.9 of 5 stars">
<div class="flex text-gray-200">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<div class="absolute top-0 left-0 h-full text-yellow-300 overflow-hidden inline-flex"
style="width: 98%">
<svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="size-4 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
</div>
<div class="mt-1 text-sm lg:text-base font-base text-primary-500">
<span class="text-primary font-medium">€ 33,94 - € 38,18</span>
</div>
</div>
<div class="absolute top-0 right-0 size-10 mt-1 mr-1 rounded-full bg-rose-500/90 text-white text-sm flex items-center justify-center">
-20%
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<div wire:snapshot="{"data":{"keyword":""},"memo":{"id":"NE5q60bAvBNpex6WTylb","name":"lightbox-search","path":"nl\/product\/ruel-oneruel-all-over-print-tote-bag-rb1608","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"27eb18601b2e5dcc1f9fcaf812bc539cda5ba6c32918339760f314ba4c778dc2"}" wire:effects="[]" wire:id="NE5q60bAvBNpex6WTylb" class="fixed top-0 left-0 w-screen h-screen bg-black/80 z-50"
x-cloak
x-data="{open: false}"
x-on:open-lightbox-search.window="open = true"
x-show="open">
<!-- close light box -->
<button x-on:click="open = false" type="button" class="size-8 text-gray-400 absolute top-0 right-0 mt-4 mr-8">
<svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/>
<path d="m6 6 12 12"/>
</svg> </button>
<div class="py-16 px-4 w-full h-full class flex flex-col gap-6 mx-auto max-w-2xl"
x-show="open"
x-transition
x-trap="open"
@keyup.escape.window="if (open) open = false"
x-on:click.outside="open = false">
<div class="relative">
<input type="search" wire:model.live.debounce="keyword"
placeholder="Zoek producten, minimaal 3 tekens..."
autofocus
class="w-full rounded-full bg-white px-8 py-4 text-lg">
<svg wire:loading="1" class="absolute top-4 right-4 w-6 h-6 text-gray-500 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M10.1 2.182a10 10 0 0 1 3.8 0"/>
<path d="M13.9 21.818a10 10 0 0 1-3.8 0"/>
<path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"/>
<path d="M2.182 13.9a10 10 0 0 1 0-3.8"/>
<path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"/>
<path d="M21.818 10.1a10 10 0 0 1 0 3.8"/>
<path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"/>
<path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"/>
</svg> <svg wire:loading.remove="1" class="absolute top-4 right-4 w-6 h-6 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m21 21-4.34-4.34"/>
<circle cx="11" cy="11" r="8"/>
</svg> </div>
<div class="w-full h-full flex flex-col gap-4 overflow-y-auto">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
</div>
</div>
<div class="z-40 fixed top-0 right-0 mt-16 mr-0"
x-data="{
locales: JSON.parse('[\u0022en\u0022,\u0022pt\u0022,\u0022nl\u0022,\u0022it\u0022,\u0022ko\u0022,\u0022ja\u0022,\u0022es\u0022,\u0022de\u0022,\u0022fr\u0022]'),
init() {
// detect if the locale in the url or not
const url = new URL(window.location.href);
const path = url.pathname;
const locale = path.split('/')[1];
if (this.locales.includes(locale)) {
this.locale = locale;
} else {
this.locale = this.defaultLocale;
}
this.$watch('locale', (value, oldValue) => {
localStorage.setItem('locale', value);
const url = new URL(window.location.href);
let path = url.pathname;
const locale = path.split('/')[1];
if (this.locales.includes(locale)) {
path = path.replace(locale, value);
} else {
path = `/${value}${path}`;
}
// if path starts with defaultLocale, remove it
if (path.startsWith('/' + this.defaultLocale)) {
console.log('replace default locale');
path = path.replace('/' + this.defaultLocale, '');
}
console.log('enw path', path);
window.location.href = window.location.origin + path;
});
},
defaultLocale: 'en',
locale: 'nl',
}"
>
<div class="flex justify-center">
<div
x-data="{
open: false,
toggle() {
if (this.open) {
return this.close()
}
this.$refs.button.focus()
this.open = true
},
close(focusAfter) {
if (! this.open) return
this.open = false
focusAfter && focusAfter.focus()
}
}"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
x-id="['dropdown-button']"
class="relative"
>
<!-- Button -->
<button
x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
:aria-controls="$id('dropdown-button')"
type="button"
class="flex items-center gap-1 p-1.5 text-sm bg-gray-900 text-white rounded shadow"
>
<img src="https://ruelmerch.com/images/flags/nl.webp" alt="nl" class="w-4 object-cover">
<svg class="size-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m6 9 6 6 6-6"/>
</svg> </button>
<!-- Panel -->
<div
x-ref="panel"
x-show="open"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
:id="$id('dropdown-button')"
style="display: none;"
class="absolute right-0 mt-2 min-w-24 rounded-md bg-gray-900 text-white shadow-md"
>
<a href="#" x-on:click.prevent="locale = 'en'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/en.webp" alt="English" class="w-4 object-cover">
<span>English</span>
</a>
<a href="#" x-on:click.prevent="locale = 'pt'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/pt.png" alt="Portuguese" class="w-4 object-cover">
<span>Portuguese</span>
</a>
<a href="#" x-on:click.prevent="locale = 'nl'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/nl.webp" alt="Netherlands" class="w-4 object-cover">
<span>Netherlands</span>
</a>
<a href="#" x-on:click.prevent="locale = 'it'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/it.png" alt="Italian" class="w-4 object-cover">
<span>Italian</span>
</a>
<a href="#" x-on:click.prevent="locale = 'ko'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/ko.webp" alt="Korean" class="w-4 object-cover">
<span>Korean</span>
</a>
<a href="#" x-on:click.prevent="locale = 'ja'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/ja.webp" alt="Japanese" class="w-4 object-cover">
<span>Japanese</span>
</a>
<a href="#" x-on:click.prevent="locale = 'es'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/es.webp" alt="Spanish" class="w-4 object-cover">
<span>Spanish</span>
</a>
<a href="#" x-on:click.prevent="locale = 'de'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/de.webp" alt="German" class="w-4 object-cover">
<span>German</span>
</a>
<a href="#" x-on:click.prevent="locale = 'fr'" class="flex items-center gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-2 py-1 text-left text-sm disabled:text-gray-500">
<img src="https://ruelmerch.com/images/flags/fr.png" alt="French" class="w-4 object-cover">
<span>French</span>
</a>
</div>
</div>
</div>
</div>
<footer aria-labelledby="footer-heading" class="mt-6 text-white border-t">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<!-- stats -->
<section class="relative text-gray-700">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<div class="grid grid-cols-2 md:grid-cols-4">
<div class="flex flex-col items-center gap-2">
<svg class="size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0"/>
<circle cx="12" cy="8" r="2"/>
<path d="M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712"/>
</svg> <div class="flex flex-col text-center">
<div class="font-bold text-sm">Wereldwijde verzending</div>
<p class="font-light text-sm">Wij verzenden naar meer dan 200 landen</p>
</div>
</div>
<div class="flex flex-col items-center gap-2">
<svg class="size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<path d="M8 14s1.5 2 4 2 4-2 4-2"/>
<line x1="9" x2="9.01" y1="9" y2="9"/>
<line x1="15" x2="15.01" y1="9" y2="9"/>
</svg> <div class="flex flex-col text-center">
<div class="font-bold text-sm">Winkel met vertrouwen</div>
<p class="font-light text-sm">24/7 beschermd van klikken tot levering</p>
</div>
</div>
<div class="flex flex-col items-center gap-2">
<svg class="size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"/>
<path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/>
<path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/>
<circle cx="12" cy="12" r="10"/>
</svg> <div class="flex flex-col text-center">
<div class="font-bold text-sm">Internationale garantie</div>
<p class="font-light text-sm">Aangeboden in het gebruiksland</p>
</div>
</div>
<div class="flex flex-col items-center gap-2">
<svg class="size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="20" height="14" x="2" y="5" rx="2"/>
<line x1="2" x2="22" y1="10" y2="10"/>
</svg> <div class="flex flex-col text-center">
<div class="font-bold text-sm">100% veilige afhandeling</div>
<p class="font-light text-sm">PayPal / MasterCard / Visa</p>
</div>
</div>
</div>
</div>
</section>
<div class="bg-neutral-900">
<section class="relative">
<div class="container mx-auto px-2 sm:px-4 lg:px-8 py-6">
<!-- content columns -->
<div class="pb-12 pt-6">
<div class="mx-auto w-full flex flex-col md:flex-row gap-6">
<div class="flex-1">
<h3 class="font-bold">Contacteer ons</h3>
<div class="mt-4 [&>*]:font-sans
prose-sm prose prose-white prose-a:text-gray-400
prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-400 prose-strong:text-gray-400">
<p><strong>Ons hoofdkantoor</strong>: 222 W 38th St, New York, NY 10018, US<br/><strong>Ons pakhuis</strong>: Building C, Maidi New Era Garden, Bozhou, Guangdong, China<br/><strong>Uur</strong>: 21.00 uur 5.00 uur<br/><strong>E-mail</strong>: contact@ruelmerch.com</p>
</div>
</div>
<div class="flex-1">
<h3 class="font-bold">Ons bedrijf</h3>
<div class="mt-4 [&>*]:font-sans
prose-sm prose prose-white prose-a:text-gray-400
prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-400 prose-strong:text-gray-400">
<ul><li><a href="/nl/about-us">Over ons</a></li><li><a href="/nl/terms-conditions">Algemene voorwaarden</a></li><li><a href="/nl/privacy-policies">Privacybeleid</a></li><li><a href="/nl/dcma-copyright-policy">DMCA - Auteursrechtbeleid</a></li><li><a href="/nl/ca-sb657-supply-chain-transparency-act">CA SB657: Transparantiewet voor de toeleveringsketen</a></li></ul>
</div>
</div>
<div class="flex-1">
<h3 class="font-bold">Onze steun</h3>
<div class="mt-4 [&>*]:font-sans
prose-sm prose prose-white prose-a:text-gray-400
prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-400 prose-strong:text-gray-400">
<ul><li><a href="/nl/shipping-delivery-policies">Verzend- en leveringsbeleid</a></li><li><a href="/nl/payment-terms">Betalingsvoorwaarden</a></li><li><a href="/nl/return-refund-policies">Teruggave & terugbetalingsbeleid</a></li><li><a href="/nl/contact-us">Contacteer ons</a></li><li><a href="/nl/customer-help">Klantenhulp (FAQ)</a></li><li>Whosale</li></ul>
</div>
</div>
<div class="flex-1">
<h3 class="font-bold">Onze winkel</h3>
<div class="mt-4 [&>*]:font-sans
prose-sm prose prose-white prose-a:text-gray-400
prose-a:no-underline prose-a:font-normal prose-ul:list-none prose-ul:list-outside prose-ul:pl-0 prose-p:text-gray-400 prose-strong:text-gray-400">
<p>Wij bieden een breed scala aan hoogwaardige en stijlvolle producten. Elk product is ontworpen door ons ervaren team. We weten dat je jezelf wilt uitdrukken, dus bieden we een verscheidenheid aan ontwerpen.</p>
</div>
</div>
</div>
</div>
<!-- copyright -->
<div class="pt-4 flex flex-col md:flex-row md:space-y-2 md:items-center md:justify-between">
<div class="text-sm text-white">
© Ruel Store - Official Ruel Merchandise Shop 2026 all rights reserved
</div>
<div>
<img src="https://ruelmerch.com/images/credit-cards-2.png" alt="checkout methods"
class="h-8 mx-auto">
</div>
</div>
</div>
</section>
</div>
</footer>
</div>
<!-- Back to Top Button -->
<div x-data="{ isVisible: false }"
x-on:scroll.window.debounce="isVisible = (window.scrollY > 322)"
x-show="isVisible"
x-transition
id="back-to-top"
class="fixed bottom-2 left-2 z-50">
<button @click="window.scrollTo({ top: 0, behavior: 'smooth' })"
class="bg-gray-300/70 p-1 md:p-2 text-white shadow-lg rounded-full focus:outline-none">
<svg class="size-4 md:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m18 15-6-6-6 6"/>
</svg> </button>
</div>
<link rel="modulepreload" href="https://ruelmerch.com/build/assets/app-Cxd0y3io.js" /><script type="module" src="https://ruelmerch.com/build/assets/app-Cxd0y3io.js" data-navigate-track="reload"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":null,"uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
<script type="text/javascript">
window.lunar = window.lunar || {};
window.lunar.currency = JSON.parse('{\u0022code\u0022:\u0022EUR\u0022,\u0022exchange_rate\u0022:0.92,\u0022decimal_places\u0022:2}')</script>
<script type="text/javascript" src="//support-bubble.customedge.co/support-bubble.js" async></script>
<script type="text/javascript" src="//email-marketing-atk.pages.dev/email-marketing.js" data-type="lunar" async></script>
<link rel="preload" as="style" href="https://ruelmerch.com/build/assets/fancyapp-9zuRkT-X.css" /><link rel="modulepreload" href="https://ruelmerch.com/build/assets/fancyapp-DTZPqHTP.js" /><link rel="stylesheet" href="https://ruelmerch.com/build/assets/fancyapp-9zuRkT-X.css" data-navigate-track="reload" /><script type="module" src="https://ruelmerch.com/build/assets/fancyapp-DTZPqHTP.js" data-navigate-track="reload"></script> <script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
// carousel
const element = document.getElementById('product-gallery-slider');
const carousel = new Carousel(
element,
{
transition: 'slide',
Dots: false,
Thumbs: {type: 'classic'}
},
{Thumbs}
);
function jumpTo(variantId) {
document.getElementById('product-gallery-slider').querySelectorAll('.product-gallery-current').forEach((thumb, index) => {
if (thumb.dataset.variants.split(',').includes(variantId.toString())) {
carousel.slideTo(index)
}
});
}
document.addEventListener('select-product-variant', function (event) {
jumpTo(event.detail.variantId)
})
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
fetch('/api/geoip')
.then(response => response.json())
.then(data => {
if (data.country) {
const el = document.querySelector('.user-delivery-text');
if (el) {
const template = el.getAttribute('data-template');
if (template) {
el.textContent = template.replace(':country', data.country);
}
}
}
})
.catch(error => console.error('GeoIP Error:', error));
});
</script>
</body>
</html>